html, body {
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
html {background-color:#0f0f0f; }
.index { background:url(../img/top_bg.png) top repeat-x #ececec;}
#container { width:100%; margin:0 auto; background:url(../img/footer_bg.png) bottom repeat-x;}

h1 {	color:#004281; /*font-family: 'Rosario', sans-serif;*/ font-family: 'Open Sans Condensed', cursive; font-weight:700; font-size:22px; margin:14px 0 20px 0; text-transform:uppercase;}
h2 {	color:#0077be; /*font-family: 'Rosario', sans-serif;*/ font-family: 'Open Sans Condensed', cursive; font-weight:700; font-size:17px; margin:27px 0 14px 0; text-transform:uppercase; }
h3 {}
p {	margin:14px 0 24px 0; text-align:justify; font-size:12px; line-height:17px; }
a {}
a:hover {}

/* PUCE LVL 1 */
ul {	margin:13px 0; padding-left:0px;}
li { 	margin-bottom:12px; text-align:left; color:#333;
	list-style-type: none;
	background-image: url(../img/puce_lvl1.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 25px;	}
/* PUCE LVL 2 */
ul ul {	margin: 0 0 13px 0; padding-left:26px;}
ul ul li { 	margin-bottom:5px; text-align:left; color:#333;
	list-style-type: none;
	background-image: url(../img/puce_lvl2.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 23px;	}
/* PUCE LVL 3 */
ul ul ul li { 	margin-bottom:5px; text-align:left; color:#333;
	list-style-type: disc;
	}

/* h1, h2, h3, p, ul { background-color:#EEE;}*/

.center { text-align:center;}


/* TOP BARRE */
#topBarre { height:24px; width:980px; margin:0 auto;}

#topBarre a {text-decoration:none; display:block;font-size:11px;}

a.btnTopAccueil { float:left;  margin:4px 15px 0px 15px; color:#CCC;}
a.btnTopAccueil:hover  { color:#FFF; text-decoration:underline;}
a.btnTopTrouver, a.btnTopContact, a.btnTopIntranet {float:right; margin:4px 15px 0px 15px; color:#CCC;}
a.btnTopTrouver:hover , a.btnTopContact:hover , a.btnTopIntranet:hover { color:#FFF;text-decoration:underline;}
#topBarre a.select  { color:#4cbaff;}

.flag { width:23px; height:12px; float:right; margin:6px 0px 0px 15px;} 
a.flagFr { background:url(../img/template_elements.png) -24px 0px no-repeat;}
a.flagFr:hover, a.flagFr.active { background:url(../img/template_elements.png) -1px 0px no-repeat;}
a.flagUk { background:url(../img/template_elements.png) -24px -12px no-repeat;}
a.flagUk:hover, a.flagUk.active { background:url(../img/template_elements.png) -1px -12px no-repeat;}
.topSep { float:right; height:24px; width:1px; background:url(../img/template_elements.png) 0 0 no-repeat;}
		
/* HEADER (Logo + Baseline + NAV) */
#header {height:106px; width:980px; margin:0 auto; position:relative;}
#header #logo { position:absolute; top:36px; left:0;}
#header a#logo  img {border:none; }
#header #baseline { position:absolute; width:394px; height:27px; top:36px; left:374px; background:url(../img/cisif_baseline.png) no-repeat;}

/* NAVIGATION Niveau 1 */
#navigation { position:absolute; height:22px; width:605px; top:80px; left:374px;  }
#navigation a { float:left; text-decoration:none; color:#6b6b6b; margin-top:2px; font-family: 'Open Sans Condensed', cursive; font-weight:700; font-size:14px; }
#navigation a:hover { color:#222222; }
#navigation a.select { color:#0077be;}
#navigation .sep {height:22px; width:1px; background:url(../img/template_elements.png) 0 0 no-repeat; float:left; margin:0 13px;}


/* NAVIGATION Niveau 2 / Menu déroulant */


/* CONTENT (sans colonne)*/
#content_accueil { min-height:300px; width:980px; margin:0 auto; }

#content { width:980px; margin:30px auto 0 auto; background:url(../img/content_bg.png) repeat-y; }
#content_img img { width:980px; height:150px; margin:0; border:none; background-color:#CCC;}
#content_bottom { width:980px; height:10px; background:url(../img/content_bottom.png) no-repeat; clear:both;}
#elements { position:relative; width:820px; padding:10px 80px 30px 80px; min-height:280px; }

/* CONTENT_col (avec colonne) */

#content_col { width:980px; margin:30px auto 0 auto; background:url(../img/content_bg.png) repeat-y; }
#content_img img { width:980px; height:150px; margin:0; border:none; background-color:#CCC;}
#content_bottom { width:980px; height:10px; background:url(../img/content_bottom.png) no-repeat;clear:both;}

/* Colonne gauche*/
#content_col #colonne { width:230px; float:left; display:block;margin-top:24px;  min-height:200px;  padding:0 30px;}

/* Colone Droite (contenu page) */
#content_col #elements { width:568px; float:right; display:block; padding:10px 80px 30px 00px;}



/* MODULE ACCUEIL */
#moduleAccueil {z-index:5;  width:960px;  height:390px; background:url(../img/echec_bg.png); position:relative; margin:0 10px; }

/* REINE */
#reine_id { position: absolute;  width:204px; height: 346px; top:0; left: 137px; }
/* Zone bouton transpa */
a#btn_reine { z-index:10;  display:block; position: absolute;  width:204px; height: 346px; top:0; left:0px;   }
a#btn_reine  img {border:none;}
/* Reine repos */
.new2_reine1 {z-index:5; position: absolute;  width:184px; height: 346px; left:5px; top:2px;opacity:1;}
.new2_reine1_survol {position: absolute;  width:200px; height: 381px; top:-15px; left: -3px; opacity:0;}
/* Reine survol */
.new2_reine2{z-index:3; position: absolute; width:168px; height: 316px; left: 13px; top:17px; opacity:0;}
.new2_reine2_survol {position: absolute;  width:184px; height: 346px; top:0px; left: 5px;  opacity:1;}
/* Reine label : conseil */
#piece_label_reine { position: absolute; width:164px; height: 30px; left:16px; text-align:center; font-size:14px; font-family: 'Rosario', sans-serif; font-weight:700;text-transform: uppercase; }
.label_reine1 {color:#b5c3cb;  top:318px;}
.label_reine2 {color:#004281;  top:325px;}

/* CAVALIER */
#cava_id { position: absolute;  width:204px; height: 346px; top:0; left: 387px; }
/* Zone bouton transpa */
a#btn_cava { z-index:10;  display:block; position: absolute;  width:204px; height: 346px; top:0; left: 0px; }
a#btn_cava  img {border:none;}
/* Cavalier repos */
.new2_cava1 {z-index:5; position: absolute;  width:184px; height: 346px; left:5px; top:2px;opacity:1;}
.new2_cava1_survol {position: absolute;  width:200px; height: 381px; top:-15px; left: -4px; opacity:0;}
/* Cavalier survol */
.new2_cava2{z-index:3; position: absolute; width:170px; height: 316px; left: 12px; top:17px; opacity:0;}
.new2_cava2_survol {position: absolute;  width:184px; height: 346px; top:0px; left: 5px;  opacity:1;}
/* Cavalier label : conseil */
#piece_label_cava { position: absolute; width:164px; height: 30px; text-align:center; font-size:14px; font-family: 'Rosario', sans-serif; font-weight:700; text-transform: uppercase;}
.label_cava1 {color:#b5c3cb;  top:318px; left:15px; }
.label_cava2 {color:#004281;  top:325px; left:15px; }

/* TOUR */
#tour_id { position: absolute;  width:204px; height: 346px; top:0; left: 639px; }
/* Zone bouton transpa */
a#btn_tour { z-index:10;  display:block; position: absolute;  width:204px; height: 346px; top:0; left: 0px;  }
a#btn_tour  img {border:none;}
/* tour repos */
.new2_tour1 {z-index:5; position: absolute;  width:184px; height: 346px; left:5px; top:2px;opacity:1;}
.new2_tour1_survol {position: absolute;  width:200px; height: 381px; top:-15px; left: -2px; opacity:0;}
/* tour survol */
.new2_tour2{z-index:3; position: absolute; width:169px; height: 316px; left: 12px; top:17px; opacity:0;}
.new2_tour2_survol {position: absolute;  width:184px; height: 346px; top:0px; left: 5px;  opacity:1;}
/* tour label : conseil */
#piece_label_tour { position: absolute; width:164px; height: 30px; text-align:center; font-size:14px; font-family: 'Rosario', sans-serif; font-weight:700;text-transform: uppercase; }
.label_tour1 {color:#b5c3cb;  top:318px;  left:15px; }
.label_tour2 {color:#004281;  top:325px;  left:15px; }

/* MODULE ACCUEIL / textes additionnels */
#presentation {  margin:0; padding:0 100px; width:760px; min-height:40px; position:absolute; top:360px;}
#presentation_conseil, #presentation_inge, #presentation_developpement { display:none; opacity:0; }
#presentation_conseil p{ color:#008ce0;text-align:left;  margin:0; font-size:12px; font-weight:bold;}
#presentation_inge p { color:#008ce0;text-align:center;  margin:0; font-size:12px; font-weight:bold;}
#presentation_developpement p { color:#008ce0;text-align:right;  margin:0; font-size:12px; font-weight:bold;}

/* BOITES PAGE ACCUEIL */

#boitesAccueil { height:130px; position:relative; margin-top:26px; margin-bottom:30px;}

.box { position:absolute;}
.boxTop { width:320px; height:23px; background:url(../img/boxTop.png) no-repeat; text-align:center; padding-top:8px;}
.boxTop span { font-weight:bold; color:#EEE; font-size:12px;  }

.boxNewsletter {width:320px;left:-3px;}
.boxNewsletterInt {width:320px; height:82px; background:url(../img/boxBlanche.png) 0 -10px no-repeat; padding-top:6px; }
.boxNewsletterInt p { color:#929292; width:260px; padding:0; margin:0 30px; text-align:center; font-size:11px; }
.boxNewsletterInt .champ { margin:8px 6px 0 30px; font-size:12px; width:18em;}
/* bouton ok */
.boxNewsletterInt .submit {border:none; padding:0; color:#fff; background-color:#004280; width:25px; height:19px; font-size:11px; font-weight:bold; margin-top:1px; text-align:center;}
.boxNewsletterInt .submit:hover {background-color:#0059ad;}

.boxOffres {width:320px; left:330px;}
.boxOffresIntOutter  { position:relative;width:320px; height:88px; background:url(../img/boxBlue.png) 0 -10px no-repeat; }
.boxOffresInt {width:300px; height:78px; padding-top:10px; margin-left:10px;}
.boxOffresInt .arrowLeft { position:absolute; top:38px; left:10px; width:10px; height:18px; background:url(../img/template_elements.png) -144px 0px no-repeat;}
.boxOffresInt .arrowRight {position:absolute; top:38px; right:10px; width:10px; height:18px; background:url(../img/template_elements.png) -154px 0px no-repeat;}
.boxOffresInt .arrowLeft:hover { background:url(../img/template_elements.png) -144px -18px no-repeat;}
.boxOffresInt .arrowRight:hover {background:url(../img/template_elements.png) -154px -18px no-repeat;}
.boxOffresInt a {margin:0 20px; padding:0; text-align:center; width:260px;}
.boxOffresInt a.titre { color:#DDD;font-size:11px; font-weight:bold; margin-top:12px; margin-bottom:5px; text-decoration:none;}
.boxOffresInt a.add { color:#54bdfc;font-size:10px; text-decoration:none;}

.boxClients {width:320px;right:-3px;}
.boxClientsIntOutter { position:relative;width:320px; height:98px; background:url(../img/boxBlanche.png) 0 -10px no-repeat; }
.boxClientsInt {width:300px; height:98px; text-align:center; margin-left:10px;}
.boxClientsInt .arrowLeft {position:absolute; top:38px; left:10px; width:10px; height:18px; background:url(../img/template_elements.png) -164px 0px no-repeat;}
.boxClientsInt .arrowRight {position:absolute; top:38px; right:10px; width:10px; height:18px; background:url(../img/template_elements.png) -174px 0px no-repeat;}
.boxClientsInt .arrowLeft:hover {background:url(../img/template_elements.png) -164px -18px no-repeat;}
.boxClientsInt .arrowRight:hover {background:url(../img/template_elements.png) -174px -18px no-repeat;}
.logo_client {  }


/* CONTENT / Page RECRUTEMENT */

#form_recrutement { position:relative;}
#form_recrutement #form_top {}
#form_recrutement #form_top h2 { font-size:13px;}
#form_recrutement #form_champs {}
#form_recrutement #form_champs p { margin:12px 0; clear:both;}

/*.submits.form_voir_criteres { font-size:10px; font-weight:bold;background-color: #004281;border: 1px solid #CCC;color: #FFFFFF;padding:3px;width:127px;}*/
.submits.form_voir_criteres  {  display:block; position:absolute; top:0px; right:330px; width:151px; height:131px; background:url(../img/bouton_criteres.png); text-indent:-5000px; overflow:hidden; border:0; cursor:pointer;}
.submits.form_voir_criteres:hover { background:url(../img/bouton_criteres.png)0 -131px;}

.recherche_offres label { width:70px; height:22px; background:url(../img/label_champ.jpg); text-align:center; color:#cfe6f3; font-weight:bold; font-size:10px; line-height:22px; margin-right:10px; padding:0!important; }
.recherche_offres select {	margin:3px 0 0 0; font-size:12px; width:250px!important; color:#444; font-size:12px;  }
.recherche_offres input[type=text] {	margin:3px 0 0 0; font-size:12px; width:250px!important; color:#444; font-size:12px;  }

.form_voir {  display:block; position:absolute;width:151px; height:131px; background:url(../img/bouton_rechercher.png); top:0px; right:130px; text-indent:-5000px; overflow:hidden; border:0; cursor:pointer;}
.form_voir:hover { background:url(../img/bouton_rechercher.png)0 -131px;}
.toto {float:left;}
/*ajout Stéph**************/
.form_sponta {  display:block;position:absolute; width:151px; height:131px; background:url(../img/bouton_sponta.png); top:0px; right:-18px; text-indent:-5000px; overflow:hidden; border:0; cursor:pointer;}
.form_sponta:hover {background:url(../img/bouton_sponta.png)0 -131px;}
/*ajout Stéph**************/

.nbre_offres { font-family:arial; font-weight:bold; color:#0077BE; font-size:22px; }

#resultats_recrutement { margin-top:25px;}
#resultats_recrutement table { border-collapse:collapse; border:1px solid #ccc;}
#resultats_recrutement th { border:1px solid #ccc; background-color:#0077be; color:#EEE; font-weight:normal; font-size:11px}
#resultats_recrutement tr {}
#resultats_recrutement td { border:1px solid #ccc; color:#555}
#resultats_recrutement caption { font-size:13px; font-weight:bold; color:#555; text-align:left; margin-bottom:12px;}
#resultats_recrutement a { color:#0077be; }

/* tableau détail offre */
.detailsOffre {    margin:0 0 0 130px;  width: 500px;}
.detailsOffre  h2 { margin:0 }
.detailsOffre  p { margin:0 }
.detailsOffre td.key { vertical-align:top;}

/* FOOTER */
#footer { height:130px; width:980px; margin:-12px auto 0 auto; }

#coordonnees { height:28px;  margin-left:44px; padding-top:51px; font-size:11px;}
#coordonnees > div { display:block; float:left;}
#footerLogo { width:138px; height:29px; background:url(../img/template_elements.png) 0px -26px no-repeat; }

#footerAdresse, #footerTel, #footerFax, #footerEmail {  margin:6px 0 0 32px;}

.footerAdresseIco { height:16px; width:20px; margin:0 6px 0 0;}
.footerTelIco { 	height:16px; width:20px; margin:0 6px 0 0; }
.footerFaxIco { 	height:16px; width:20px; margin:0 6px 0 0; }
.footerEmailIco { 	height:16px; width:20px; margin:0 6px 0 0; }

#coordonnees > div span, #coordonnees > div span a  { color:#DDD; margin:0; padding:0; vertical-align: top;}
#coordonnees > div span a  { text-decoration:none; }
#coordonnees > div span a:hover  { text-decoration:underline; }

#adds { clear:both; margin-top:20px;}
#adds p { color:#5a6167;  text-align:center; font-size:11px;}
#adds a { color:#5a6167;}
#adds a:hover { color:#CCC;}
#adds a.btnFooterTrouver, #adds a.btnFooterContact { color:#727b83;}
#adds a:hover.btnFooterTrouver, #adds a:hover.btnFooterContact { color:#CCC;}


/* navigation gauche */

#sub_menu a.level_1, #sub_menu a.level_2 , #sub_menu a.level_3{
	color:#004281;
	display:block;
	text-decoration:none;
	padding:2px 5px;
}
#sub_menu a:hover.level_1, #sub_menu a:hover.level_2 , #sub_menu a:hover.level_3{ color:#0077be;}
#sub_menu a.active {	background-color:#F1F3F3;	border-radius:3px;}
#sub_menu a.level_1 { font-family: 'Open Sans Condensed', cursive; font-weight:700; font-size:18px; }
#sub_menu a.level_2 { font-family: 'Open Sans Condensed', cursive; font-size:13px; padding-left: 15px;}
#sub_menu a.level_3 { padding-left: 25px; }

#desinscription {
	display:block;
	padding:0 0 0 30px;
	color:#888888;
	text-decoration:none;
}
#desinscription:hover {
	text-decoration:underline;
}

/* ####### form contact ou candidature sponta */
.mui-form { position:relative; }
.form_wrapper form.mui-form


.mui-form.contact input {
	padding:2px!important;
}
.mui-form.contact textarea{
	width:400px !important;
	padding:2px!important;
}

/* Bouton envoyer */
.mui-form div#p_submit { width:151px; height:131px; position: absolute; right: 30px; top: 288px;  }
.mui-form.contact #submit  {  display:block; /*position:absolute; top:0px; right:330px;*/ width:151px; height:131px; background:url(../img/bouton_envoyer.png); text-indent:-5000px; overflow:hidden; border:0; cursor:pointer;}
.mui-form.contact #submit:hover { background:url(../img/bouton_envoyer.png)0 -131px;}

/* Bouton Postuler */
a#btn_postuler {border:0; border-radius:0; box-shadow:0; margin:0; padding:0;display:block; /*position:absolute; top:0px; right:330px;*/ width:151px; height:131px; background:url(../img/bouton_postuler.png); text-indent:-5000px; overflow:hidden; border:0; cursor:pointer; float:right;}
a#btn_postuler:hover { background:url(../img/bouton_postuler.png)0 -131px;}

.postuler_offre_titre { text-align:center; }
#detail_offre_btn_retour {position:absolute; top:35px; left:90px; margin:0 }

#submitsearch2 { width:151px; height:131px; position: absolute; right: 30px; top: 112px; display:block; background:url(../img/bouton_envoyer.png); text-indent:-5000px; overflow:hidden; border:0; cursor:pointer;}
#submitsearch2:hover { background:url(../img/bouton_envoyer.png)0 -131px;}
/**/

/* Desinscription Newsletter bouton ok */
form#nlForm .submit {border:none; padding:0; color:#fff; background-color:#004280; width:25px; height:19px; font-size:11px; font-weight:bold; margin-top:1px; text-align:center;}
form#nlForm .submit:hover {background-color:#0059ad;}

/* Informations et message */
.libel_contact {	font-family: 'Open Sans Condensed',cursive;	font-size: 14px; color:#0077BE;}
.mui-form div#label_coordonnees.labels {width:100px;}
.mui-form div#label_message.labels { width:100px;}


.label_mandatory { font-size:11px;}

.menu-tab-active {
	color:#0077BE !important; 
}