*{padding:0; margin:0;}
body {font-size:62.5%; background:url("../v20052010/images/background_bin1.jpg") repeat; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.conteneur {width:976px; margin:0px auto; margin-top:10px; margin-bottom:10px; font-size:1.0em;background:rgb(255,255,255);}
.main {clear:both; width:970px; min-height:580px; padding-bottom:30px; border-left:solid 3px rgb(228,228,228); border-right:solid 3px rgb(228,228,228);background: url("../v20052010/images/background_right.jpg") top right repeat-y;}
.main-formation {clear:both; width:970px; min-height:580px; padding-bottom:30px; border-left:solid 3px rgb(228,228,228); border-right:solid 3px rgb(228,228,228);background: url("../v20052010/images/background_right_left.jpg") top right repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; /*min-height:610px;*/ overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; /*background:url(../images/background_right.jpg) repeat-y;*/}
.main-content {display:inline; /*Fix IE floating margin bug*/; background:url("../v20052010/images/background_main_content.gif") repeat; float:left; width:500px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:left; width:185px; margin:0 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:970px;height:15px;  padding:0em 0em 0em 0em; border-top:solid 3px rgb(228,228,228); border-left:solid 3px rgb(228,228,228); border-right:solid 3px rgb(228,228,228); border-bottom:solid 3px rgb(228,228,228); background:rgb(225,225,225); font-size:8px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
/* HEADER */
.header {width:976px;}
.header-top {width:970px; height:114px; border-top:solid 3px rgb(228,228,228); border-left:solid 3px rgb(228,228,228); border-right:solid 3px rgb(228,228,228); margin-top:0px; 	background:url("../v20052010/images/bandeau_haut.gif") no-repeat; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-top-formation {width:970px; height:114px; border-top:solid 3px rgb(228,228,228); border-left:solid 3px rgb(228,228,228); border-right:solid 3px rgb(228,228,228); margin-top:0px; 	background:url("../v20052010/images/bandeau_haut_formation.jpg") no-repeat; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:970px; border-bottom:solid 1px rgb(228,228,228); border-left:solid 3px rgb(228,228,228); border-right:solid 3px rgb(228,228,228); border-top:solid 1px rgb(228,228,228);}
.header-breadcrumbs {position:relative;width:970px; padding:0.5em 0 0.5em 0; border-left:solid 3px rgb(228,228,228); border-right:solid 3px rgb(228,228,228);}
.header .round-border-topleft {width:40px; height:40px; position:absolute; z-index:100; background:url("../v20052010/images/bg_head_corner_topleft_25px.gif") no-repeat; margin-top:-3px; margin-left:-3px;}
.header .round-border-topright {width:25px; height:25px; position:absolute; z-index:100; background:url("../v20052010/images/bg_head_corner_topright_25px.gif") no-repeat; margin-top:-3px; margin-left:948px;}

/*************/
/*  2. HEAD  */
/*************/
.sitelogo {width:51px; height:114px; position:absolute; z-index:1; margin:18px 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename {width:300px; height:114px; position:absolute; z-index:1; margin:13px 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-weight:normal; font-size:24px;}
.sitename h2 {margin:-2px 0 0 0; color:rgb(125,125,125); font-weight:normal; font-size:12px;}
.sitename a{text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(125,125,125);}

/** .nav2 {white-space:nowrap ; float:left; width:970px; background:url(../images/top_focus_grey_first.jpg) repeat; color:rgb(100,100,100); font-size:10px;} 
.nav2 ul {position:relative; list-style:none; }
.nav2 ul:last-child{border-right:0px;}
.nav2 ul a {text-decoration:none; display:block; width:160px;  height:20px; line-height:20px; padding:0 16px 0 16px;font-weight:bold; color: rgb(255,255,255);}
.nav2 ul a:hover {text-decoration:none; background-color:rgb(215,215,215);  }
.nav2 ul li {z-index:1000 !important;position:relative; float:left;  border-right:solid 1px rgb(175,175,175);}
.nav2 ul ul {display:none;position:absolute;  background:#d1d1d1;  list-style:none;margin-top:0px;}
.nav2 ul ul li {z-index:1000 !important;float:left; border: solid 1px rgb(175,175,175); border-top:0;}
.nav2 ul ul li a {background-color:rgb(240,240,240); color:rgb(100,100,100); }
.nav2 ul ul ul {position:absolute; left:197px; top:-1px;border-top:solid 1px rgb(175,175,175);margin-left:-4px;}
.nav2 ul ul ul li a {position: relative;display:block; width:191px;background-color:rgb(240,240,240); font-weight:bold; color:rgb(100,100,100);}
.nav2 ul ul ul li a:hover {background-color:rgb(215,215,215); }
**/

ul.menu {list-style:none; margin:0; padding:0; color: rgb(255,255,255); font-size:10px;width:970px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none;font-weight:bold;}
ul.menu a:hover {background-color:rgb(215,215,215);}
ul.menu li {z-index:1000 !important;position:relative; float:left; margin-right:0px;}
ul.menu ul {position:absolute; top:22px; left:0; background-color:rgb(240,240,240); display:none; opacity:0; list-style:none}
ul.menu ul li {z-index:1000 !important; background-color:rgb(240,240,240);border:1px solid #aaa; border-top:none; width:203px; margin:0}
ul.menu ul li a {color:rgb(100,100,100); display:block; padding:3px 5px 7px 5px; background-color:rgb(240,240,240)}
ul.menu ul li a:hover { background-color:rgb(215,215,215);}
ul.menu ul ul {z-index:1000 !important;  left:204px; top:-1px;border-top:1px solid #aaa; }
ul.menu .menulink {border:1px solid #aaa; padding:3px 5px 5px 5px; height:12px; font-weight:bold; color: rgb(255,255,255);width:182px;background:url("../v20052010/images/top_focus_grey_first.jpg") repeat; }
ul.menu .menulink:hover {background: none;background-color:rgb(215,215,215);border-top:0px;border-bottom:0px;padding:5px 5px 5px 5px;}




.header-breadcrumbs ul {margin:5px 5px 5px 0px !important /*Firefox*/; margin:10px 5px 5px 0px /*IE6*/;width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url("../v20052010/images/bg_bullet_arrow.gif") no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:10px;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}


/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; margin:0; background:url("../v20052010/images/bg_corner_topleft.gif") no-repeat;}

/* MAIN CONTENT */
.column1-unit {width:504px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column1-unit-center {width:514px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:130px;}
.column2-unit-left {float:left; width:240px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:240px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/***************************/
/* Liste d'offres d'emploi */
/***************************/
.listoffres li{padding:0 !important;background:none !important;margin-bottom:1em !important;}
.listoffres li a{font-size : 10px;}
.listoffres img{border:0 !important; margin:0 !important; padding:0 !important;float:right !important;}

/* MAIN SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-red {width:183px; height: auto; margin:0 0 1.5em 0; padding:0 0 10px 0; border:solid 1px rgb(255,100,100); background:url("../v20052010/images/content_news.jpg") repeat;}
.subcontent-unit-border-black  {width:183px; height:auto; margin:0 0 1.5em 0; padding:0 0 10px 0; border:solid 1px rgb(20,20,20); background:url("../v20052010/images/content_news_black.jpg") repeat;}
.subcontent-unit-border-purple  {width:183px; height:auto; margin:0 0 1.5em 0; padding:0 0 10px 0; border:solid 1px rgb(20,20,20); background:url("../v20052010/images/content_news_purple.jpg") repeat;}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:10 !important; background:url("../v20052010/images/bg_corner_topleft.gif") no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:10 !important; background:url("../v20052010/images/bg_corner_topright.gif") no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:10 !important; background:url("../v20052010/images/bg_corner_topleft.gif") no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:10 !important; background:url("../v20052010/images/bg_corner_topright.gif") no-repeat; margin-top:0px; margin-left:175px;}



/************/
/* Contacts */
/************/
span.typecontact {float:left;text-align:left;font-weight:bold;font-variant:small-caps;font-size:12px;padding-left:2.5em;}
span.valcontact{float:right;text-align:right;font-size:11px;}
div.contact{clear:both;width:75%;padding-bottom:1.0em;padding-top:1.0em;background:url("../v20052010/images/puce_cube_medium.jpg") no-repeat 0em 1.25em; /*margin-left: auto ;margin-right: auto ;*/}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer-left  {float:left;}
.footer-right {float:right;margin-top:1px; }
.footer p {line-height:1.3em; text-align:left; color:rgb(125,125,125); font-weight:bold; font-size:9px;}
.footer p.credits {font-weight:normal;}
.footer a {line-height:1.3em; text-align:center; color:rgb(0,0,0); font-weight:bold; font-size:9px;}
.footer a:hover {text-decoration:none; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:9px;}
.footer a:visited {line-height:1.3em; text-align:center; font-weight:bold; font-size:9px;color:rgb(0,0,0);}

/*********************/
/*  6. CLEAR FLOATS  */
/*********************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-formation:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:480px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(255,100,100);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:970px; height:114px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:970px; background:transparent;}}
@media print {.menu{float:left; width:970px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:10px;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:970px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.main-content {display:inline /*Fix IE floating margin bug*/; float:left; width:500px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
@media print {.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:left; width:185px; margin:0 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
@media print {.column1-unit {width:504px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
@media print {.column1-unit-center {width:514px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:130px;}
@media print {.column2-unit-left {float:left; width:240px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
@media print {.column2-unit-right {float:right; width:240px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
@media print {.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
@media print {.column3-unit-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
@media print {.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
@media print {.footer {clear:both; width:970px; height:15px; padding:0em 0em 0em 0em; background:rgb(240,240,240); font-size:9px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}