@charset "utf-8";

/* 	
-----------------------------------
			CSS GENERAL    
-----------------------------------
*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#42719D;
}

span {
	text-align:justify;
}

a:link, a:visited {text-decoration:none; color:#456694;}
a:active, a:hover {text-decoration:underline; color:#456694;}

#main_container {
background-image:url('img/bg_main.gif');
background-repeat:repeat-x;
}

#content {
width:906px;
}

#colonne_gauche {
	width:253px;
	float:left; 
	margin:0px;
	padding:0px;
}

#colonne_droite {	
	width:653px;
	float:left; 
	margin:0px;
	padding:0px;
}

#slogan {
	margin-left:10px;
	width:229px;
	height:73px;
	background-image:url('img/slogan.jpg');
	background-repeat:no-repeat;
}

h1 {
	color:#FFF;
	font-size:16px;
}

h5 {
	font-size: 12px;
}

.titre1 {
	color:#FFF;
	font-size:18px;
}

.titre2 {
	color:#3E7EAD;
	font-size:18px;
}

/* 	
-----------------------------------
			CSS MENUS    
-----------------------------------
*/

#menu {
	margin-left:7px;
	width:246px;
	text-align:left;
}

#menu1_elem,#menu2_elem,#menu3_elem,#menu4_elem,#menu5_elem {
	background-position:left;
	background-repeat:no-repeat;
	margin-left:22px;
	padding-left:16px;
}

#menu1_elem {background-image:url('img/menu1_star.gif');}
#menu2_elem {background-image:url('img/menu2_star.gif');}
#menu3_elem {background-image:url('img/menu3_star.gif');}
#menu4_elem {background-image:url('img/menu4_star.gif');}
#menu5_elem {background-image:url('img/menu5_star.gif');}


#menu1_split,#menu2_split,#menu3_split,#menu4_split,#menu5_split {
	
	background-repeat:repeat-x;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:38px;
	width:180px;
	height:1px;
	overflow:hidden;
}

#menu1_split {background-image:url('img/menu1_pts.gif');}
#menu2_split {background-image:url('img/menu2_pts.gif');}
#menu3_split {background-image:url('img/menu3_pts.gif');}
#menu4_split {background-image:url('img/menu4_pts.gif');}
#menu5_split {background-image:url('img/menu5_pts.gif');}


#menu1_elem a:link, #menu1_elem a:visited {color:#456694;}
#menu1_elem a:active, #menu1_elem a:hover {color:#456694;}

#menu2_elem a:link, #menu2_elem a:visited {color:#944577;}
#menu2_elem a:active, #menu2_elem a:hover {color:#944577;}

#menu3_elem a:link, #menu3_elem a:visited {color:#C55353;}
#menu3_elem a:active, #menu3_elem a:hover {color:#C55353;}

#menu4_elem a:link, #menu4_elem a:visited {color:#508032;}
#menu4_elem a:active, #menu4_elem a:hover {color:#508032;}

#menu5_elem a:link, #menu5_elem a:visited {color:#80592A;}
#menu5_elem a:active, #menu5_elem a:hover {color:#80592A;}



/* 	
-----------------------------------
			CSS CADRES    
-----------------------------------
*/


#cadre {
	background-color:#FFF;
	text-align:justify;
	margin-bottom:15px;
	width:645px;
}

#cadre_header {
	background-repeat:no-repeat; 
	background-position:bottom right;
	margin-left:10px;
	margin-right:10px;
}

#cadre_header_bg {
	margin-left:10px;
	margin-right:11px;
	background-image:url('img/header_bg.gif');
	background-repeat:repeat-x;
	background-position:bottom;	
}

#cadre_content {
	background-color:#E8F3FF;
	padding:8px;
	padding-bottom:25px;
	text-align:justify;
}

#corner_sup {
	position:absolute;
	background-image:url('img/corner_sup.gif');
	background-repeat:no-repeat;
	width:51px;
	height:51px;
	margin-top:-15px;
	margin-left:469px;
}

#corner_inf {
	position:absolute;
	background-image:url('img/corner_inf.gif');
	background-repeat:no-repeat;
	width:45px;
	height:48px;
	margin-left:-15px;
	margin-top:-31px;
}

/* 	
-----------------------------------
			CSS ICONES    
-----------------------------------
*/
#container_ico {
	height:25px;
	text-align:center;	
}

#pdf, #calendar, #email, #favoris {
	height:18px;
	float:left;
	margin-top:16px;
	margin-left:30px;
	padding-left:21px;
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
}

#pdf {background-image:url('img/ico_pdf.gif');}
#calendar {background-image:url('img/ico_calendrier.gif');}
#favoris {background-image:url('img/ico_favoris.gif');}
#email {background-image:url('img/ico_mail.gif');}

#footer {
	color:white;
	margin:10px;
}
#footer a:link, #footer a:visited {color:#D8FCFF; text-decoration:none;}
#footer a:hover, #footer a:active {color:#D8FCFF;text-decoration:underline;}