html, body, form { margin: 0; padding: 0; font-size: 100%; }
body {	background: #00051b url(/medias/communs/bgaccueil.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif;}

.langue{ width:322px; height:259px; margin:0 auto; padding:75px 0px 186px 0px; text-align:center;}



#header{ position:absolute; z-index:1000; top:52px; width:475xpx; height: 84px; overflow: visible;}

#hdrNav h3 { float:right; font-family:Arial, Helvetica, sans-serif; font-size: 90%; color: #f1c741; font-weight:normal; padding: 0 32px 0 6px; margin:0; background: url("/medias/communs/bullet_hdrNavSec.gif") no-repeat left center;}

#swfobject_flash1{}

.displaynone{}
.logoprint { display:none;}
.piedprint { display:none;}
.adresse { display:none;}
.coordonnees { display:none;}

.bleu{ color:#00a8ff;}

.google { position:absolute; right:390px; width:397px; height:315px; border:1px #008bce solid; padding:15px; float:right;}

.float{ float:left; }

.monte { margin-top:-11px;}
.plugin{}
.floatleft{ float:left; width:150px;} 

.delete{ color:#FFFFFF; font-size: 11px; float:right; text-align:right; font-family: Arial, Helvetica, sans-serif;}
.xxx { float:left; width:14px;}
.effacer{ float:left;}
.delete a { cursor:pointer; color:#FFFFFF; vertical-align:middle;}
.delete a img { float:left; width:14px; height:13px;}
.delete a:hover { color:#0590e3; vertical-align:middle;}
.jobapply{ width:148px; float:left; }

.documents { clear:both; background-color: #E1F3FB; width:505px; padding:15px 10px 5px 22px;}
.documents ul {width:495px; overflow:hidden; margin:0px; padding:0px;}
.documents ul li { background-image:none; padding:5px 0px 15px 0px; margin:-5px 0px 0px 0px; background:url(/medias/cifit/communs/mstr_pointille_horz2.gif) top repeat-x;}
.docicon { width:20px; float:left; padding-top:2px;}
.docdesc li a:link { color: #007fc6; text-decoration:none;}
.docdesc li a:visited {  color: #007fc6; text-decoration:none;} 
.docdesc li a:hover {  color: #666260; text-decoration:none;}
.docdesc li a:active { color: #007fc6; text-decoration:none;}

/* colonnes contenu */
.ctn1ColCenter {  width: 990px; margin: 0 auto; text-align:center; clear:both; }
.ctn1ColCenter a {  color: #FFFFFF; text-decoration:underline; }
.ctn1ColCenter a:hover {  color: #eebf02; }
.ctn2ColRight { float:left; margin-top: 25px;}
.ctn2ColLeft { float:left; margin-top: 15px; text-align:center; vertical-align:top; }

.ctn2ColRight h2, .ctn2ColLeft h2, .ctn1ColCenter h2 { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 150%; color: #f1c741; margin: 0 0 10px 11px; z-index: 2; max-width:400px; font-weight:normal; }

.ctn2ColRight h2 sup, .ctn2ColLeft h2 sup, .ctn1ColCenter h2 sup { font-size:70%;  }

/* scroll contenu */
#mycustomscroll {  /*overflow: auto;*/overflow: hidden; position: relative; margin: 0 auto; text-align: left;}
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;}
.vscrollerbase { background:url("/medias/communs/faded_bgscrollbar.png") center 0 no-repeat; width:14px; left: 0 !important;}
.vscrollerbar { background-image: url("/medias/communs/scrollbar.png"); width: 14px; height: 14px !important; padding: 0px; z-index: 2;}
.scrollerjogbox { width: 14px; height: 14px; top: auto; left: auto; bottom: 0px; right: 0px; }
.flexcroll {  font-size: 73%; color:#dde1e4; padding: 0 0 5px 10px; line-height:135%; }
.flexcroll p { margin:5px 0 10px 0;}
.flexcroll h2 { font-size:175%; color: #f1c741; margin:5px 0 5px 0; padding:8px 0px 0px 0px; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif; line-height:25px;}
.flexcroll h3 { font-size:125%; color:#dde1e4; margin:5px 0 5px 0; padding:8px 0 5px 0px; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.flexcroll h4 { font-size:115%; color:#dde1e4; margin:5px 0 5px 0; padding:0 0 13px 0px; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.flexcroll ul { margin:5px 0 20px 20px;}
.flexcroll ul li { margin:0 0 5px 0;}

span.orange { color: #f1c741;}



.contentext { color:#dde1e4; text-align: left; width:550px; height: 300px; float:left; font-size: 71%; line-height: 1.2em; color:#dde1e4; margin: 5px 0 0 18px;}
.contentext a { color:#0077c6;}
.contentext a:hover { color:#eebf02;}
.contentext h3 { font-size:150%; color: #f1c741; margin:0px; padding:10px 0px 5px 0px; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.contentext h4 { font-size:125%; color: #fff; margin:0px; padding:5px 0px 5px 0px; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.contentext p { margin:0px; padding:5px 0px 10px 0px;}




a { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: none; color:#0077c6; }

table { border-spacing: 0; font-size: 100%; }
td, th { padding: 0; }
ul { margin: 0; padding: 0;  }

div.hr { height: 12px; background: url("/medias/communs/mstr_sep.gif") repeat-x; margin: 10px 0 0 0; clear:left; }
div.hr hr { display: none; }

/* master page (template) */

#mstrCtn { width: 990px; height:520px; min-height:520px; position: relative; margin: 0 auto;}
#ctl00_mstrHdr { position: relative; width: 990px; height: 78px; font-size: 69%; color: #FFFFFF; z-index: 3;}
#mstrHdrPrint, #mstrFtrPrint { display: none; } 
#mstrLogo a img { border: 0;}

/* mstrSdMenu */
div.SdMenu { width: 270px; float:left; padding-top:8px;} 

div.SdMenu ul#mstrSdMenu { padding:0px; margin: 0px 0 0 0px; font-size:75%;} 
div.SdMenu ul#mstrSdMenu li { list-style:none; list-style-image:none; padding:0px; margin: 2px 0 0 0; text-align:left; } 
div.SdMenu ul#mstrSdMenu li a { color:#0077c6; text-decoration:underline; text-align:left; } 
div.SdMenu ul#mstrSdMenu li a:hover { color: #eebf02; } 

div.SdMenu ul.niv1{ padding:0px; margin:0px;}
div.SdMenu ul#mstrSdMenu li ul { padding:0px; margin: 10px 5px 10px 0px; }
div.SdMenu ul#mstrSdMenu li ul li { background: url("/medias/communs/bullet_mstrSdSubMenu.png") no-repeat 0 6px; margin-left:10px; padding-left:10px; }
div.SdMenu ul#mstrSdMenu li ul a { color:#FFFFFF; text-decoration:none; text-align:left; }
div.SdMenu ul#mstrSdMenu li ul a:hover { color: #eebf02; }

div.SdMenu ul#mstrSdMenu li ul li ul { margin: 5px 0 10px 0; }

div.SdMenu ul#mstrSdMenu li.actif1 { margin-left:10px; padding-left:10px; }
div.SdMenu ul#mstrSdMenu li.actif1 a {color: #eebf02; font-weight:normal;}
div.SdMenu ul#mstrSdMenu li.actif1 a:hover { color: #eebf02; }
div.SdMenu ul#mstrSdMenu li.actif1 li{ font-weight:normal; }
div.SdMenu ul#mstrSdMenu li.actif1 li a{color: #fff; font-weight:normal; }
div.SdMenu ul#mstrSdMenu li.actif1 li a:hover { color: #eebf02; }
div.SdMenu ul#mstrSdMenu li.actif1 li.actif2 {font-weight:normal; }
div.SdMenu ul#mstrSdMenu li.actif1 li.actif2 a{color: #eebf02; font-weight:normal; }
div.SdMenu ul#mstrSdMenu li.actif1 li.actif2 a:hover { color: #eebf02; }

div.SdMenu h2 { text-align:left; font-size: 150%; color: #f1c741; margin:10px 0 0 11px; padding:0; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}

/* Fin mstrSdMenu */

/* header logo */
#mstrLogo { float:left; height: 25px; min-height:25px; height:25px; margin: 22px 0 0 0; padding: 0 0 0 20px; vertical-align:middle; }
#mstrLogo .logo { float:left; background: url("/medias/communs/mstr_logo.png") no-repeat; width:123px; }
#mstrLogo h1 { float:left; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 205%; color: #FFFFFF; font-weight:normal; margin: 0; padding:0; vertical-align:bottom; }

.padtop{ padding-top:20px;}

/* header */
#hdrNav h3 { float:right; font-family:Arial, Helvetica, sans-serif; font-size: 90%; color: #f1c741; font-weight:normal; padding: 0 32px 0 6px; margin:0; background: url("/medias/communs/bullet_hdrNavSec.gif") no-repeat left center;}
#hdrNav h3 a {color: #f1c741;}
#hdrNav h3 a:hover {color: #fff;}
.hdrNav h3 { float:left; font-family:Arial, Helvetica, sans-serif; font-size: 75%; color: #f1c741; font-weight:normal; padding: 0 32px 0 6px; margin:3px 0px 0px 0px; background: url("/medias/communs/bullet_hdrNavSec.gif") no-repeat left center;}
.hdrNav h3 a {color: #f1c741; cursor:pointer;}
.hdrNav h3 a:hover {color: #fff;}

#hdrNav { position: relative; width: 970px; height: 21px; font-size: 85%; z-index: 3; padding: 3px 0 0 20px; }


#hdrNavSec { position: absolute; right: 20px; top: 13px; text-align: right; z-index: 3; font-size: 110%; }
#hdrNavSec a { color: #FFFFFF; }
#hdrNavSec a:hover { color: #eebf02; }
#hdrNavSec ul li.actif a { font-weight:bold; }
#hdrNavSec ul li { display: inline; margin-right:12px; padding-left:5px; background: url("/medias/communs/bullet_hdrNavSec.gif") no-repeat left center; }

/* images dans le contenu en background */

.left { float:left; width:475px; height:405px; position:relative; margin: 0 auto; text-align:center; }

.systemtempflash1 { background: url("/medias/communs/system_temp_flash1.png") no-repeat center; height:388px; margin-top:22px; }
.homeflashleft { background: url("/medias/communs/home_temp_flash1.png") no-repeat center; height:353px; }
.homeflashcenter { background: url("/medias/communs/home_temp_flash2.png") no-repeat center; width:531px; height:62px; position:relative; margin: 0 auto; }
.corporateleft { background: url("/medias/communs/coporateleft.png") no-repeat center; }
.avisoleft { background: url("/medias/communs/avisoleft.png") no-repeat center; }

.large { float:left; width:635px; height: 105px; }
.large #mycustomscroll { width: 635px; height: 100px;}
.large .vscrollerbase { background:url("/medias/communs/faded_large_bgscrollbar.png") center 0 no-repeat;}

.largehaut { float:left; width:635px; height: 295px;}
.largehaut #mycustomscroll { width: 635px; height: 286px;}

.etroit { float:left; width:435px; height: 260px; }
.etroit #mycustomscroll { width: 435px; height: 260px;}

.small { float:left; width:300px; height: 342px;  }
.small h3 { font-size:125%; color:#dde1e4; margin:5px 0 0 0; padding:0 0 0px 0px; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.small #mycustomscroll { width: 280px; height: 275px; }

/* btns interne */
.btnTxt { width:75px; padding: 0px; margin: 0 -3px 0 0 ; font-size:93%; float:right; padding-right:30px;}
.btnTxt div { width:98px; height:26px; margin: 0; }
.btnTxt div a { font-weight:bold; position: relative; }
.btnTxt div.divbtnTxt { background: url("/medias/communs/btnTxtbg2.png") no-repeat; color:#FFFFFF; padding: 7px 0 0 0; text-align:center; cursor:pointer; text-decoration: none; font-weight:bold;}
.btnTxt div.divbtnTxt a { color:#FFFFFF; text-align:center; text-decoration:none; }
.btnTxt div.divbtnTxt:hover, .btnTxt div.divbtnTxt.over { background: url("/medias/communs/btnTxtbg2_on.png") no-repeat; text-align:center; cursor:pointer;}
.btnTxt div.divbtnTxt:hover a { color:#FFFFFF; }

.btnTxt div.bgbtn { background: url("/medias/communs/btnTxtbg2.png") no-repeat; color:#FFFFFF; padding: 4px 0 0 0; text-align:center; cursor:pointer; text-decoration: none; font-weight:bold;}
.btnTxt div.bgbtn a { color:#FFFFFF; text-align:center; text-decoration:none; }
.btnTxt div.bgbtn:hover, .btnTxt div.divbtnTxt.over { background: url("/medias/communs/btnTxtbg2_on.png") no-repeat; text-align:center; cursor:pointer;}
.btnTxt div.bgbtn:hover a { color:#FFFFFF; }

#mstrCtnt .btnTxt a { text-decoration: none; display:block; }

#ctn2ColDt div.btnTxt  { margin-left: -13px; }
#ctn2ColDt div.btnTxt div  { float:left; margin-right: 3px; }

/* Plan de site */
.plansite{ font-size:72%; color:#dde1e4;}
.plansite ul { margin:2px 0 0 60px;}
.plansite li{ padding:0px 0 2px 0; }
.plansite ul ul{ padding:1px 0 0 20px; margin-left:10px;}
.plansite li li{ padding:0; }
.plansite a { margin:0; padding:0;}


/* footer */
#mstrFtr { padding: 20px 20px 0 20px; color:#0077c6; text-align:center; }
#mstrFtr span { font-size: 70%; line-height:145%;}
#copyright { display:none;  color:#FFFFFF; font-size: 70%;}
#copyright a { font-weight:lighter; }

/* clearfix pour floats */
.clearfix:after, .clearfixafter { content: "."; display: block; height: 1%; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear: both; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/* autres */
.print { display: none; }
.screen { display: block; }

#content { position: absolute; top:123px; left:464px; z-index: 2; background: transparent none;}
#animFlash { position: absolute; top:75px; z-index: 1; width:762; height:325px;}
#flashcontent {  color:#FFFFFF; font-size: 70%; margin: 15px 0 0 0 ;}
.games{ z-index:1;}

/* Cadre Photos */
.padcadre{ padding:8px; float:left; width:151px; height:190px;}
.cadre1{ padding:8px; background-color:#FFFFFF; width:137px; height:130px;}
.cadre2{ padding:0px 5px 10px 5px; overflow:hidden; background-color:#FFFFFF; width:143px; min-height:28px; text-align:center; color:#00182c; font-size:11px; text-transform:uppercase;}

/* validator callout */
.vceHighlight { background-color: #edf3f9; }
.vcePopup { margin: -2px 0 0 -40px; }
.vcePopup div, .vcePopup td { border: 1px solid #b1b1b1; background-color: #edf3f9; }
.vcePopup .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0 0; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0; margin-left: auto; }
.vcePopup .ajax__validatorcallout_error_message_cell { font-family: Verdana; font-size: 10px; padding: 10px 5px; border-right: none; width: 100%; }
.vcePopup .ajax__validatorcallout_icon_cell { display: none; width: 20px; padding: 5px; border-right: none; }
.vcePopup .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0; border-left: none; }
.vcePopup .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 13px; padding: 2px; cursor: pointer; }