/*
Feuille de style pour l'entête et le pied de page des zones
*/
/* --------------------------------------------------------------------
	HAUT DE PAGE
   -------------------------------------------------------------------- */

#cegep_entete {
	background: #CCCCCC url(../images/top_entete_bg.jpg) repeat-x;
	height: 25px;
	border-bottom: 1px #adaca8 solid;
	position:relative;
	z-index:10001;
}
#logo_cegep {
	margin:0 auto;
	padding-left:10px;
	width:960px;
	margin-bottom:-64px;
}
#logo_cegep img{
	z-index:10002;
	position: relative;
}
div#navigations{
	width:940px;
	margin: 0 auto;
	z-index:10003;
	position: relative;
}
#nav_utilitaire {
	float:right;
	height:26px;
}
	#nav_utilitaire div.liens_nav_utilitaire {
		float:left;
		position:relative;
		top:2px;
		font-size:0.89em;
	}
		#nav_utilitaire div.liens_nav_utilitaire a{
			padding: 2px 8px;
			text-decoration:none;
			color:#5F5D59;
		}
		#nav_utilitaire div.liens_nav_utilitaire a:hover, #nav_utilitaire div.liens_nav_utilitaire a.hover{
			color:#FFF;
			background-color:#005D96;
		}
#nav_principale {
	clear:both;
	width:777px;
	position:relative;
	width:780px;
	left:160px;
	color:#FFF;
	font-size:1.1em;
}
	#nav_principale a{
		color:#FFF;
		padding:1px 2px;
		margin:0 1px 0 -1px;
		text-decoration:none;
	}
	#nav_principale a:hover, #nav_principale a:active, #nav_principale a.hover {
		background-color:#FFF;
		color:#000;
	}
	#nav_principale div.profil, #nav_principale div.theme {
		background:url(../images/bg_header_bar2.png);
		border: 1px solid #555;
		/*height:2em;*/
		padding:6px 5px;
		margin-left:3px;
	}
	#nav_principale div.profil{
		float:left;
		width:240px;
		padding-left:10px
		
		
	}	
	#nav_principale div.theme{
		float:right;
		width:492px;
		padding-left:11px
	}
/* --------------------------------------------------------------------
	BOITE DE RECHERCHE
   -------------------------------------------------------------------- */

div#boite_recherche {
	width: 120px;
	height: 18px;
	background-color: #FFF;
	border: 1px solid #999999;
	margin: 3px 0px 3px 10px;
	float:left;

}
#boite_recherche #s {
	float: left;
	padding: 0;
	margin: 1px 0 0 6px;
	border: 0;
	width: 85px;
	background: none;
	font-size: 90%;
	color: #333333;
}
#boite_recherche #go {
	float: right;
	margin: 1px 4px 0 0;
}
/* --------------------------------------------------------------------
	INTÉRIEUR PANNEAU
   -------------------------------------------------------------------- */
.pp_details {
	
}
.pp_content{
  height:-34px !important;
}
 
   div#panneaux {
	display:none;
}
.panneau {
	width: 940px !important;
}
.panneaux_contenant{
	line-height:1.7em;
}
.entry .panneaux_contenant{
	margin-top: 15px;
}
/* les [+] des panneaux*/
	div.panneaux_contenant  span{
		font-weight:bold;
		font-size:1.2em;
		font-family:arial;
	}
	
		div.panneaux_contenant span a{
			color:#1e6099;
			background:url(../images/bg_panneaux_titres.gif) no-repeat right center;
			padding-right:15px;
		}
		
		div.panneaux_contenant a.zone {
			background:url(../images/bg_panneaux_titres2.png) no-repeat right 5px;
			padding-right:12px;
		}		
		
/* listes de lien*/
	.panneaux_contenant ul{
		padding:0 0 10px 15px;
	}
	.panneaux_contenant .liens_rapide ul {
		padding:0 0 10px 0;
		list-style-type:none;
		font-weight:bold;
		font-size:1.1em;
		font-family:arial;
	}
	.entry .liens_rapide ul li {
		margin-left: 0px;
	}
	.entry .liens_rapide .col2 {
		width:50%;
	}	
	.panneaux_contenant a{
		text-decoration:none;
	}
	.panneaux_contenant a:hover{
		text-decoration:underline;
		color:#1e6099;
	}
/* hauteur des panneaux*/
	div.futur_etudiant div{
		height:230px;
	}
	div.etudiant div{
		height:22em;
	}
	div.entreprise div{
		height:163px;
	}
	div.admission div{
		height:173px;
	}
	div.programmes div{
		height:20em;
	}
	div.formation div{
		height:215px;
	}
	div.vieetudiante div{
		height:244px;
	}
	div.lecegep div{
		height:180px;
	}
	div.employe div{
		height:274px;
	}
	div.employe .liens_rapide ul {
		line-height: 1.8em;
	}	
	div.panneaux_contenant div div {
		height:auto;
	}

	/* Style plus les differentes colonne*/
div.menu_col4 {
	width:20.8%;
	float:left;
	padding:0 2%;
}
div.menu_col3 {
	width:29.2%;
	float:left;
	padding:0 2%;
}
div.menu_col3_2{
		float:left;
		padding:0 2%;
		width:62.6%	
}
div.menu_col2 {
	width:45%;
	float:left;
	padding:0 2%;
}
.bg_degrad {
	background:url(../images/bg_panneaux.gif) repeat-y left top;
}
.border_right{
	border-right:1px solid #CCC;
}
.border_top{
	border-top:1px solid #CCC;
}

/* --------------------------------------------------------------------
	BAS DE PAGE
   -------------------------------------------------------------------- */
html, body {
	height: 100%;
}
.enveloppe{
	/* fix pour le footer*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -162px;
}
#bas_page, .push{
	height: 180px;
	
	
}

#bas_page {
	background: #404040 url(../images/bg_footer.gif) repeat-x;
	color: #95938e;
	line-height: 1.4em;
	font-size:90%;
	border-top:1px solid #222;
}
#bas_page a {
	color: #DFDFDF;
}

#bas_page #bas_enveloppe{
	width:940px;
	margin:0 auto;
	background:url(../images/bg_footer_liens_left.png) repeat-y 623px 0px;
	overflow:hidden;
	
}/**/

div.logo_cegep {
	float:left;
	padding:0 30px 0 0;
}
/* Logo, info Contact, description*/
#boite_info{
	float:left;
	width:613px;
	padding-top:20px;
	padding:20px 0 0 10px;
}
	#boite_info #bas_information{
		color: #DFDFDF;
		padding:2px 0 0 0;
		float:left;
		
	}
		#boite_info #bas_information span a{
			font-family:arial;
			font-weight:bold;
			text-decoration:none;
		}
		#boite_info #bas_information span a:hover{
			text-decoration:underline;
		}
		#bas_description{
			padding:15px 10px 0 0;
			
		}
/* Facebook, Twitter, Métro */
#boite_liens {
	float:left;
	width:317px;
	
	padding-top:27px;
	height:151px;
	font-size:1em;
}
	#boite_liens ul{
		padding-left:30px;
		list-style-type:none;
	}
		#boite_liens ul li{
			width:20em;
			margin:0 0 15px 0;
			padding-left:25px;
		}
		#boite_liens ul li a, #boite_liens ul li span {
			
			color: #95938e;
		}
		#boite_liens ul li span {
			display:block;
			position:relative;
			top:-4px;
		}
		#boite_liens li.facebook{
			background:url(../images/footer_facebook.gif) no-repeat;
			height:20px;
		}
		#boite_liens li.twitter{
			background:url(../images/footer_twitter.gif) no-repeat;
			height:20px;
		}
		#boite_liens li.metro{
			background:url(../images/footer_metro.gif) no-repeat;
			height:20px;
			
		}

/* --------------------------------------------------------------------
	Barre d'options
   -------------------------------------------------------------------- */

#menuGerer {
	/*display: none;*/
}

#barreOptions {
	position:fixed;
	background: url(../images/bgBarre.png) no-repeat bottom center;
	width: 100%;
	height: 31px;
	bottom: 0px;
	display:none;
	z-index:9999;
}
#barreOptions a{
		text-decoration:none;
	}
#barre_conteneur{
	width:950px;
	margin:0 auto;
	
}
#aideLigne {
	display:none;
	background: url(../images/btn_aide.png) no-repeat bottom center;
	width: 116px;
	height: 28px;
	color: #fff;
	margin:-9px 0 0 -4px;
	float:left;
	padding:12px 0 0 62px;
}
#aideLigne a{
	color:#FFF;
}
#aideLigne span{
	color:#B8D5E6;
}

#patternSplit {
	position: relative;
	background: url(../images/pattern.png) repeat-x bottom center;
	width: 116px;
	height: 29px;
	float: left;
	margin: 5px 10px 0px -10px;
}

#partager {

	float: left;
	margin:6px 0 0 10px;
}
	
	#partager img{
		position:relative;
		top:2px;
	}
#retweet {
	float: left;
	margin:5px 0 0 0;
}
	#retweet iframe {
		width:80px;
		position:relative;
		left:5px;
		top:3px;
	}
#facebookLike {
	width: 90px;
	float: left;
	margin:6px 0 0 0;
}

#commentaires {
	float: left;
	min-width:141px;
	
}
	#commentaires img {
		float:left;
	
	}
	#lienCommentaires{
		float:left;
		min-width:141px;
		margin:7px 0 0 0;
	}
		#lienCommentaires a{
			margin:0 0 0 7px;
			position:relative;
			top:-2px;
		}
#menuCommentaires {
	position:absolute;
	bottom:29;
	background: url(../images/menuCommentaires.png) no-repeat 0 0;
	width: 171px;
	height: 26px;
	bottom:30px;
	margin-left:-15px;
	text-align:center;
	padding-top:7px;
	float:left;
	display:none;
}
#menuCommentaires a{
	padding:8px 0 0 0;
	margin:0 auto;
}
.barreSplit {
	position: relative;
	background: url(../images/barreSplit.png) no-repeat bottom center;
	width: 3px;
	height: 30px;
	float: left;
	margin: 1px 10px 0px 10px;

}

.barreSplit_r {
	position: relative;
	background: url(../images/barreSplit.png) no-repeat bottom center;
	width: 3px;
	height: 30px;
	float: right;
	margin: 1px 10px 0px 10px;
}

.liensOptions, .post-edit-link {
	text-decoration: none;

	font-size: 11px;

}

.liensOptions:hover, .post-edit-link:hover {
	color: #777;	
}

#lienCommentaires a {
	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#lienCommentaires a:hover {
	color: #777;	
}

#gererPage {
	
	width: 149px;
	float: right;
	margin-top: 6px;
}

.lienGerer img, #xGerer, #lienCoquille {
	float:left;
}

#lienCoquille {
	margin: 5px 0 0 0;
}

#xGerer{
	margin:0 0 0 7px;
}
#menuGerer {
	position: absolute;
	display:none;
	width: 179px;
	float: left;
	bottom:30px;
	margin:0 0 0 -15px;
}
	#menuGerer a {
		padding-top:5px;
	}
	.menuTop {
		background: url(../images/menuGerer.png) no-repeat center top;
		height:26px;
		padding:9px 0 0 18px;
		
	}
	.menuMid {
		background: url(../images/menuGerer.png) no-repeat center -35px;
		height:25px;
		padding:5px 0 0 18px;
	}
	.menuBot {
		background: url(../images/menuGerer.png) no-repeat center -65px;
		height:25px;
		padding:5px 0 0 18px;
	}
	
#hide {
	position: relative;
	width: 18px;
	height: 18px;
	float: right;
	margin: 7px 10px 0 0px;
}

#show {
	position: fixed;
	width: 48px;
	height: 34px;
	right: 0px;
	bottom: 0px;
	display:none;
}