a {	
	color: #027eb2;	
	text-decoration: none;
}

a:hover {	
	color: #f8882b;	
	text-decoration: none
}

img {border:0px}

html {
    height: 100%;
}
body {	
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#FFFFFF;
	height: 100%; margin:0; padding:0; 

}


#fond-transparent{
width: 960px; 
background: #FFFFFF url("../images/gabarit/background_page_home.gif") repeat-y;	height: 100%; 
}

body#inter #fond-transparent { background: #FFFFFF url("../images/gabarit/background_page.gif") repeat-y;	height: 100%; 	}

#container {
	background-color: #FFFFFF;	height: 100%; 
}

/*body#inter #container {
		background-color: #FFFFFF;	height: 100%; 
}*/

#main {
	width:960px; border:0px solid blue;	margin-left: auto;
    margin-right: auto; 
}
#header {
height:102px; background: transparent url("../images/gabarit/header.jpg") no-repeat; margin:0; padding:10px 0 0 10px;
}

/*--------------- #1 menu 1er niveau ------------------------------*/
#menu {
	height:27px;
	background: transparent url("../images/home/fond_menu.gif") no-repeat; margin:0; padding:0;
}
#menu ul {
	margin:2px 0 0 0px; padding:2px 0 0px 0; list-style:none; width:655px; height:23px
}
html>body #menu ul {
	margin:0px 0 0 0px; padding:4px 0 0px 0; list-style:none;  width:655px; height:25px
}

#menu ul li{
	 display:inline; color:#FFFFFF; font-weight:normal; font-size:17px; padding: 0px 25px 0 25px; margin:0px; height:27px; border-right:1px solid white;
}
#menu ul li.sel{ background: transparent url("../images/gabarit/menu_sel.gif") repeat-x; }

#menu ul li a{
	color:#FFFFFF;  font-weight:bold; font-size:17px;
}

#menu ul li a:hover {
	color:#f8882b; font-weight:bold; font-size:17px;
}


body#inter #menu {background: transparent url("../images/contenu/fond_menu_int.gif") repeat-x; height:23px;}
body#inter #menu ul {
	margin:0px 0 0 0px; padding:2px 0 0px 0; list-style:none; width:655px; height:21px
}
html>body#inter #menu ul {
	margin:0px 0 0 0px; padding:2px 0 0px 0; list-style:none;  width:655px; height:23px
}

body#inter #menu ul li{
	 display:inline; color:#FFFFFF; font-weight:normal; font-size:15px; padding: 0 25px 0 25px; margin:0px; height:23px; border-right:1px solid white;
}
body#inter #menu ul li.sel{ background: transparent url("../images/gabarit/menu_sel.gif") repeat-x;  padding: 0px 25px 0 25px; color:#04223e; font-weight:bold; font-size:15px; }
body#inter #menu ul li a{
	color:#FFFFFF;  font-weight:bold; font-size:15px; padding:2px 0 2px 0
}

body#inter #menu ul li a:hover {
	color:#f8882b; font-weight:bold; font-size:15px;
}



/*------------ #2 contenu -----------------*/
#inner-main {
	margin-left:10px; margin-right:10px; margin-bottom:0px; margin-top:0px;
}

#contenu-height {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden;
}
/*#contenu-height {height:auto; min-height:290px; display: table; position:relative; margin:0; padding:0; }
* html #contenu-height {height:290px; margin:0; padding:0}

body#inter #contenu-height {background: transparent url("../images/contenu/fond_contenu.gif") repeat-y; background-position:0 0px; }*/

	/*--------- #3 home------------------------*/
	#bandeau{ height:180px; margin:0; padding:0;}
	
	/*--------- inter ------------------------*/
	body#inter #bandeau { height:23px; }

	
	/* --------- #5 contenu home ---------------- */ 
	
	/*----- col right home ------*/
	#col-right-home {
		float:right; width:633px; height:auto; min-height:290px; margin:0; padding:0;
	}
	* html #col-right-home {
		float:right; width:633px; height:290px; margin:0; padding:0;
	}

	
		/*------ #6 col-right gauche ------*/
	#col-right-home #gauche  {
		float:left; width:311px;  padding:0; margin:0;
	}
	* html #col-right-home #gauche  {
		float:left; width:311px;  padding:0; margin:0px 0 0 0;
	}
	#col-right-home #gauche .box { padding:8px 15px 15px 13px; margin:0; background: transparent url("../images/home/ext-col2.jpg") no-repeat; background-position:left bottom;}
	
	#col-right-home #gauche h1 {
		color:#113454; font-weight:bold; font-size:18px; padding:15px 0 0 40px; margin:0;
		background: transparent url("../images/home/header-col2.jpg") no-repeat; background-position:0 0px; height:29px
	}
	#col-right-home #gauche h2 {color:#0b2e52; font-weight:bold; font-size:16px; padding:0 0 1px 25px; margin:2px 0 3px 0; background: transparent url("../images/home/h2-focus.gif") no-repeat; background-position:0 2px;}
	#col-right-home #gauche p {color:#000; font-weight:normal; font-size:12px; padding:1px 15px 10px 15px; margin:1px 0 3px 0;}
	#col-right-home #gauche a {color:#f57c17; font-weight:normal; font-size:12px; padding:3px 0 3px 0px; margin:3px 0 3px 0;  text-decoration:underline}
	#col-right-home #gauche a:hover {color:#0082b5; text-decoration:none }
	
	
		/* ------------------ #7 col-right droite ----------------------*/
	#col-right-home #droite  {float:right; width:322px; padding:0 0px 0 0px; margin:0;}
	* html #col-right-home #droite  {float:right; width:322px; padding:0 0px 0 0px; margin:0;}
	
	#col-right-home #droite h1 {
		color:#ffffff; font-weight:bold; font-size:18px; padding:15px 0 0 23px; margin:0;
		background: transparent url("../images/home/header-candidat.jpg") no-repeat; background-position:0 0px; height:29px
	}
	#col-right-home #droite .box h2 { font-size:14px; font-weight:bold; color:#FFFFFF; text-align:center; margin:6px 0 5px 0; clear:both}
	#col-right-home #droite .box .img-equipe {margin:6px 0 0 12px; text-align:center;}
	#col-right-home #droite .box {
	padding:1px 15px 10px 11px;
	margin:0;
	background: transparent url("../images/home/cadre_recrutement.jpg") no-repeat;
	background-position:left bottom;
}
	#col-right-home #droite p { padding:1px 0 0 0; margin:0; }
	#col-right-home h2#recrutement  { color:#5a5a5a; font-weight:bold; font-size:15px; font-style:italic; text-align:center; margin:0}
	#col-right-home p#recrutement-img  { margin:8px 0 5px 0}
	#col-right-home p#text-recrutement  { 
		color:#949494; font-weight:normal; font-size:10px; text-align:center;
	 	margin:0; padding:0 6px 5px 6px
		}
	#col-right-home #droite  a {color:#b40307; font-weight:bold; font-size:11px; padding:3px 0 3px 15px; margin:6px 0 3px 0;
	background: transparent url("../img/gabarit/ico_lien.gif") no-repeat; background-position:0 6px	}
	#col-right-home #droite  a:hover {color:#0f2795; }
	
	#col-right-home #droite #cadre-newsletter {border:1px solid #adadad; margin:45px 0 0 0; padding:5px }
	#col-right-home #droite #cadre-newsletter h2 {
		background: transparent url("../img/home/ico_newsletter.gif") no-repeat; background-position:12px 0px;
		color:#5a5a5a; font-weight:bold; font-size:15px; font-style:italic; text-align:center; margin:0px; padding:5px 3px 5px 20px
	}

	/*----- col left home ------*/
	#col-left-home {float:left; width:307px; padding:0; margin:0px 0 0 0}
	*html #col-left-home {float:left; width:307px; padding:0; margin:0px 0 0 0}

	#col-left-home h1 {color:#113454; font-weight:bold; font-size:18px; padding:15px 0 0 30px; margin:0;
	background: transparent url("../images/home/header-col1.jpg") no-repeat; background-position:0 0px; height:29px
	}
	#col-left-home .box { padding:8px 25px 15px 20px; margin:0; background: transparent url("../images/home/ext-col1.jpg") no-repeat; background-position:left bottom;}
	#col-left-home .box a {color:#f57c17; font-weight:normal; font-size:12px; padding:3px 0 3px 0px; margin:3px 0 3px 0;  text-decoration:underline}
	#col-left-home .box a:hover { color:#0082b5; text-decoration:none}
	
	#col-left-home h1.news {color:#FFFFFF; font-weight:bold; font-size:18px; padding:7px 0 0 34px; margin:0;
	background: transparent url("../images/home/header-news.jpg") no-repeat; background-position:0 0px; height:22px}
	#col-left-home .boxNews { padding:8px 25px 15px 20px; margin:0; background: transparent url("../images/home/ext-news.jpg") no-repeat; background-position:left bottom;}
	#col-left-home .boxNews ul { padding:0px; margin:0 0 0 5px;}
	#col-left-home .boxNews ul li { padding:0px 0 3px 10px; margin:0 0 2px 0; background: transparent url("../images/home/puce_actu.gif") no-repeat; background-position:0 6px; list-style:none}
	#col-left-home p { padding:0 0 0px 0; margin:0 0 8px 0;	}
	
	
			/*--------- menu lateral --------------*/
	#contenair-MenuLateral { float:left; width:208px; padding:0; background: transparent url("../images/contenu/fond_degrade.gif") no-repeat; height:248px; margin:0}

	.menu-lateral { width:189px; margin: 0 0 0 19px; padding:0;}
	.menu-lateral .debutMenuLateral {background: transparent url("../images/contenu/haut_menu.gif") no-repeat 0 top; font-size:8px}
	.menu-lateral .finMenuLateral {background: transparent url("../images/contenu/bas_menu.gif") no-repeat 0 bottom; clear:both;}

	#contenair-MenuLateral ul {
		margin:0px 0 30px 0px; padding:0px 0 30px 2px; width:175px
	}
	#contenair-MenuLateral ul li{
		margin:0; padding:6px 0 7px 20px; list-style:none; background: transparent url("../images/contenu/puce_off_menu_lateral.gif") no-repeat 6px 10px; border-bottom:1px solid #8dbfd4}
	#contenair-MenuLateral ul li.sel{
		margin:0; padding:6px 0 7px 20px; list-style:none; color:#153657; font-size:13px; font-weight:bold; background: #FFFFFF url("../images/contenu/puce_on_menu_lateral.gif") no-repeat 6px 10px; }
	#contenair-MenuLateral ul li a{
		color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none;
	}
	#contenair-MenuLateral ul li a:hover{
		color:#f8882b; font-size:13px; font-weight:bold; text-decoration:none;
	}		
	


/*------------------------------------------------*/
/*------------- page de contenu ------------------*/
/*------------------------------------------------*/

		#col-contenu-int {
			float:right; width:732px; height:auto; min-height:290px; margin:0; padding:0; background: transparent url("../images/contenu/fond_contenu_gauche.gif") no-repeat left top; 
		}
		* html #col-contenu-int {
			float:right; width:732px; height:290px; margin:0; padding:0; background: transparent url("../images/contenu/fond_contenu_gauche.gif") no-repeat left top; 
		}
		
			/*------ gauche ------*/
	#col-contenu-int #gauche  {
		float:left; width:480px; border:0px;
		display: table-cell; height: 100%; padding:0 0px 0 5px; height:auto; 	min-height:310px;
	}
	* html col-contenu-int #gauche  {
		float:left; width:480px; border:0px;
	 	padding:0 0px 0 5px; height:310px;
	}
	#col-contenu-int #gauche h1 {
		color:#f8882b; font-weight:bold; font-size:25px; padding:5px 0 5px 0px; margin:0;
	}
	#col-contenu-int #gauche h1.recrutement {
		color:#f8882b; font-weight:bold; font-size:20px; padding:5px 0 5px 0px; margin:0;
	}
	#col-contenu-int #gauche h2 {color:#0f3154; font-weight:bold; font-size:20px; padding:3px 0 9px 32px; margin:9px 0 0 0; background: transparent url("../images/contenu/fond_h2.gif") no-repeat 17px 0; }
	#col-contenu-int #gauche h2.recrutement {color:#0f3154; font-weight:bold; font-size:20px; padding:3px 0 9px 32px; margin:9px 0 0 0; background: transparent url("../images/contenu/fond_h2.gif") no-repeat 17px 0; }
	#col-contenu-int #gauche p {color:#1c3957; font-weight:normal; font-size:12px; padding:3px 0 6px 0; margin:1px 0 6px 0;}
	#col-contenu-int #gauche h3 {color:#0f3154; font-weight:bold; font-size:15px; padding:3px 0 0px 28px; margin:9px 0 0 0; background: transparent url("../images/contenu/fond_h3.gif") no-repeat 17px 0; }
	#col-contenu-int #gauche p.legende {color:#515151; font-weight:bold; font-size:13px; font-style:italic}
	#col-contenu-int #gauche a {color:#f57c17; font-weight:normal; font-size:12px; padding:3px 0 3px 0px; margin:3px 0 3px 0;  text-decoration:underline}
	#col-contenu-int #gauche a:hover {color:#0082b5; text-decoration:none}
	
	
	#col-contenu-int #gauche ul {
		margin:0 0 0 16px; padding:0 }
	#col-contenu-int #gauche ul li{
		margin:0; padding:5px 0 5px 20px; list-style:none; background: transparent url("../images/contenu/puce_liste.gif") no-repeat 6px 9px; color:#1c3957 }
		
	#col-contenu-int #gauche ul.sousliste {
		margin:5px 0 0 25px; padding:0 }
	#col-contenu-int #gauche ul.sousliste li{
		margin:0; padding:8px 40px 8px 15px; list-style:none; background: transparent url("../images/contenu/puce_liste_2.gif") no-repeat 6px 14px; color:#000;}
	
	#col-contenu-int #gauche .hautDePage {text-align:left; padding:5px 0 0 205px}
	#col-contenu-int #gauche .hautDePage a { background: transparent url("../images/contenu/haut-page-off.gif") no-repeat; background-position: 63px 1px;  color:#5da3c4; font-size:9px; text-decoration:none; display:block; width:90px}
	#col-contenu-int #gauche .hautDePage a:hover { background: transparent url("../images/contenu/haut-page-on.gif") no-repeat; background-position: 63px 1px; color:#113457}
	#col-contenu-int #gauche .retour-annonces { background: transparent url("../images/contenu/ico_retour.gif") no-repeat; background-position:10px top; padding:0 0 0 30px; text-align:left; margin:0px 0 10px 0px}
	
	
			/*------ sans colonnage ------*/
	#col-contenu-int #sansCol {
		float:left; width:700px; border:0px;
		display: table-cell; height: 100%; padding:0 0px 0 5px; height:auto; 	min-height:310px;
	}
	* html col-contenu-int #sansCol {
		float:left; width:700px; border:0px;
	 	padding:0 0px 0 5px; height:310px;
	}
	#col-contenu-int #sansCol h1 {
		color:#f8882b; font-weight:bold; font-size:25px; padding:5px 0 5px 0px; margin:0;
	}
	#col-contenu-int #sansCol h2 {color:#0f3154; font-weight:bold; font-size:20px; padding:3px 0 9px 32px; margin:9px 0 0 0; background: transparent url("../images/contenu/fond_h2.gif") no-repeat 17px 0; }
	#col-contenu-int #sansCol p {color:#1c3957; font-weight:normal; font-size:12px; padding:3px 0 6px 0; margin:1px 0 6px 0;}
	#col-contenu-int #sansCol p.legende {color:#666666; font-weight:bold; font-size:11px; font-style:italic}
		
		#col-contenu-int #sansCol ul {
		margin:0 0 0 16px; padding:0 }
	#col-contenu-int #sansCol ul li{
		margin:0; padding:5px 0 5px 20px; list-style:none; background: transparent url("../images/contenu/puce_liste.gif") no-repeat 6px 9px; color:#1c3957 }
		
	#col-contenu-int #sansCol ul.sousliste {
		margin:5px 0 0 25px; padding:0 }
	#col-contenu-int #sansCol ul.sousliste li{
		margin:0; padding:8px 40px 8px 15px; list-style:none; background: transparent url("../images/contenu/puce_liste_2.gif") no-repeat 6px 14px; color:#000;}
		
	#col-contenu-int #sansCol ul li ul.plan {
		margin:5px 0 0 25px; padding:0 }
	#col-contenu-int #sansCol ul li ul.plan li{
		margin:0; padding:2px 40px 2px 15px; list-style:none; background: transparent url("../images/contenu/puce_liste_2.gif") no-repeat 6px 8px; color:#000;}
	
	#col-contenu-int #sansCol a {color:#f8882b; font-weight:normal; font-size:12px; padding:3px 0 3px 0px; margin:3px 0 3px 0;
	background: transparent url("../img/gabarit/ico_lien.gif") no-repeat; background-position:0 7px; text-decoration:underline	}
	#col-contenu-int #sansCol a:hover {color:#2c95c1; text-decoration:none }
	
		#col-contenu-int #sansCol .hautDePage {text-align:left; padding:5px 0 0 300px}
	#col-contenu-int #sansCol .hautDePage a { background: transparent url("../images/contenu/haut-page-off.gif") no-repeat; background-position: 63px 1px;  color:#5da3c4; font-size:9px; text-decoration:none; display:block; width:90px}
	#col-contenu-int #sansCol .hautDePage a:hover { background: transparent url("../images/contenu/haut-page-on.gif") no-repeat; background-position: 63px 1px; color:#113457}
	
		/*------ droite inter ------*/
	#col-contenu-int #droite  {float:right; width:210px; padding:0 0px 0 10px; margin:0 0px 0 0px; }
	#col-contenu-int #droite p  { padding:0; margin:0; width:190px;  }
	
	.logo_edc { padding-right:20px; }
	.etude_dc { align:center; margin:0 }
	.bulle { width:165px; }
	.bulle-haut { height:23px; }
	.bulle-ext { width:165px; background: transparent url("../images/contenu/bulle_bas.gif") no-repeat; background-position:0 bottom; padding:0px 15px 45px 15px}
	.bulle-ext h2 { margin:0}
	#col-contenu-int #droite .bulle p.citation { width:165px; color:#1c3957; font-size:16px; font-weight:bold; }
	#col-contenu-int #droite .bulle p { width:165px; color:#000000; font-size:11px; font-weight:normal; }
	#col-contenu-int  #droite .bulle ul {
		margin:10px 0 0 6px; padding:0 }
	#col-contenu-int  #droite .bulle ul li{
		margin:0; padding:2px 0 2px 20px; list-style:none; background: transparent url("../images/contenu/puce_liste_2.gif") no-repeat 6px 9px; color:#1c3957; font-size:14px; font-weight:bold; }
	#col-contenu-int #droite .bulle p.citation2 { color:#1c3957; font-size:15px; text-align:left; font-weight:bold; font-style:italic;}
	
	.bulle { width:165px; }
	.bulle-haut-l { height:26px; }
	.bulle-ext-l { width:165px; background: transparent url("../images/contenu/bas_liens.jpg") no-repeat;
	 background-position:0 bottom; padding:0px 15px 20px 15px}
	#col-contenu-int #droite .bulle-ext-l ul { margin:0; padding:6px 2px 2px 2px}
	#col-contenu-int #droite .bulle-ext-l ul li {list-style:none; background: transparent url("../images/contenu/go-annonces.gif") no-repeat 6px 4px; padding:4px 0 4px 30px}
	#col-contenu-int #droite .bulle-ext-l ul li a { text-align:center; color:#ff7402; font-weight:bold; font-size:12px;}
	.bulle-info { width:165px; float:right}
	.bulle-haut-info { height:26px; }
	.bulle-ext-info { width:435px; background: transparent url("../images/contenu/bas-popup.jpg") no-repeat;
	 background-position:0 bottom; padding:0px 15px 34px 15px}
		
    
				
			/*-------------- annonces -------------------*/
			.postuler { width:165px; margin:0 0 10px 0 }
			.postuler-haut { height:17px; }
			.postuler-ext { width:165px; background: transparent url("../images/contenu/encart_postuler_bas.gif") no-repeat; background-position:0 bottom; padding:0px 15px 15px 15px}
			#col-contenu-int #droite .postuler p { width:165px; color:#FFFFFF; font-size:12px; font-weight:bold; }
			#col-contenu-int #droite .btn-postuler {background: transparent url("../images/contenu/fond_btn_job.gif") no-repeat; background-position:0 top; padding:7px 5px 8px 5px ; text-align:center; margin:5px 0 5px 0 }
			html>body #col-contenu-int #droite .btn-postuler {background: transparent url("../images/contenu/fond_btn_job.gif") no-repeat; background-position:0 top; padding:3px 5px 8px 5px ; text-align:center; margin:5px 0 5px 0 }
			#col-contenu-int #droite .btn-postuler a {color:#FFFFFF; font-size:15px; font-weight:bold; text-decoration:none }
			#col-contenu-int #droite .btn-postuler a:hover {color:#f8882b; font-size:15px; font-weight:bold; text-decoration:none }
			#col-contenu-int z#droite .retour-annonces { background: transparent url("../images/contenu/ico_retour.gif") no-repeat; background-position:10px top; padding:0 0 0 8px; text-align:center; margin:0px 0 35px 0}
			.retour-annonces a{ color:#f8882b; font-size:13px; text-decoration:underline; }
			.retour-annonces a:hover{ color:#021e3b; font-size:13px; text-decoration:none}
			.ref {color:#7e7e7e; font-size:11px}
			
	/* ------------------ POP-UP ----------------*/

	.popup { padding: 5px 0px 0px 0px; text-align:center; font-weight:normal; width:425px; margin:0 }
	.popup-haut-info { height:78px; }
	.popup-ext-info { width:425px; background: transparent url("../images/contenu/bas-popup.jpg") no-repeat;
	 background-position:0 bottom; padding:0px 0px 35px 0px}
 	.popup-ext-info p.infoLegales{ margin:0px 15px 0px 15px; padding:15px 30px 5px 35px; text-align:left;}

	/* ------------------ TABLES ----------------*/
		table.design {border: 1px solid #b6b5b5; width:100%; border-collapse:collapse}
		table.design td {background: #fff; padding:2px;border: 1px solid #b6b5b5}
		table.design th {text-align:left; border: 1px solid #b6b5b5}
		table.design thead th {color:#fff;font-size:115%;background: #b6b5b5 url("../img/gabarit/background-table.gif") repeat-x 0 0px;;padding: 6px 6px}
		table.design tbody th {color:#fff;font-size:105%;background: #6a6a6a;padding: 3px}
		table.design tbody th.sub {font-size:90%;color:#000;background: #efefef;padding: 6px}
		
		


/*||||||||||||| css modifiée |||||||||||||||||||||||||||*/

/*------------ #8 footer -----------------*/
#footer {
	clear:both; background: transparent url("../images/gabarit/footer.jpg") no-repeat; width:960px; height:19px; text-align:center; padding-top:14px; font-size:10px; color:#0082b6; 
}
body#inter #footer {
	clear:both; background: transparent url("../images/contenu/footer.gif") no-repeat; width:960px; height:22px; text-align:center; padding-top:37px; font-size:10px; color:#0082b6;
}
#footer a{ font-size:10px; color:#0f3154; }
#footer a:hover{ font-size:10px; color:#0082b6; }

/*------------ #9 pop-up -----------------*/
.centre {text-align:center;}
.photo {border:1; width:700px; height:472px;}
.plan {text-align:right;}

#flashcontent {
height:180px !important;
width:100%;
float:left;
}
