@charset "UTF-8"; 
*{margin:0; padding:0}
body, a, input, select, textarea{font:11px tahoma ;color:#747474;}
body{background:url(../image/background/bg_top.gif) top repeat-x;}
a{text-decoration:underline; color:#980c50}
img{border:0}
ul{list-style:none}
input{width:120px;height:12px; margin:7px 0 0 4px;padding:0 0 2px 8px; font-size:10px}
select{width:154px;}
/*.jNice{ margin:11px 0 0 10px}*/
.pucered{ background:url(../image/pictos/puce-red.gif) left 5px no-repeat;text-indent:10px;}
.illustratif{margin:0 0 10px 0}


.diplome{ margin: 0 0 0 4px;}
/******************************* Bandeau top **************************************/
#BandeauTop{width:100%; height:20px; background:url(../image/background/bg_top.gif) repeat;}

/******************************* Elemenet Cles top **************************************/
#BandeauTop .accesTop{width:956px; height:16px; margin:0 auto; position:relative;top:10px}
#BandeauTop .accesTop .acessTop_middle{height:16px;background:#FFF; padding:0 8px 0 8px;position:absolute;right:96px;}
#BandeauTop .accesTop .acessTop_middle .leftTopCorner{position:absolute; top:0px; left:0px}
#BandeauTop .accesTop .acessTop_middle .rightTopCorner{position:absolute; top:0px; right:-1px;}
#BandeauTop .accesTop .acessTop_middle ul{color:#8b2412;padding:2px 0 0 2px}
#BandeauTop .accesTop .acessTop_middle li{float:left;}
#BandeauTop .accesTop .acessTop_middle li a{ text-decoration:none;color:#8b2412;padding:0 4px 0 4px;}
#BandeauTop .accesTop .acessTop_middle li a:hover{text-decoration:none;color:#E83717;}
#BandeauTop .accesTop .acessTop_icon{width:85px;height:16px;position:absolute;right:0; top:0px}

/****************************************************************************************/
/*  								Global												*/
/*																						*/
/***************************************************************************************/
#global {width:956px; height:auto; margin:0px auto;margin-top:10px; margin-bottom:16px}
#global .header{width:956px;height:108px;}
#global .header .logo{height:102px; float:left; border-bottom:7px solid #E83717}
#global .header .menu{height:87px;  width:640px; float:left; border-bottom:7px solid #A10050;margin:15px 0 0 20px;   }
#global .header .menu ul{margin: 0 0 0 60px; float:right; padding:0; border-left:1px solid #972713;height:69px; }
#global .header .menu ul li{ display:inline;height:69px; } 
#global .header .menu ul li a {display:block; height:69px; float:left;border-right:1px solid #972713;   }
#global .header .menu ul li a img{padding:48px 15px 0 15px; border:none; }
#global .header .menu ul li a:hover img{padding:0 15px 48px 15px; }
#global .header .menu ul li img{padding:0 15px 57px 15px; float:left; border-right:1px solid #972713;}
/* IE6 */
*html #global .header .menu ul li a:hover img{padding:0 15px 48px 15px;  }

/****************************************************************************************/
/*  								Main												*/
/***************************************************************************************/
#main{width:956px;}
#main .transLeft{float:left;width:266px;padding:25px 0 0 27px;}
#main .transLeft .campgane{width:266px;padding:0 0 30px 0;}
#main .transLeft .campgane .vis_big{float:left; border:1px solid #8e8e8e;width:82px;height:115px;margin-right:12px !important; margin-right:10px}
#main .transLeft .campgane .txt{float:left;width:152px}
#main .transLeft .campgane p{margin:0px;padding:0px;margin-bottom:9px;}
#main .transLeft h3{height:19px; margin:0 0 0 18px}
#main .transLeft .e-news{background-color:#F1F1F1;padding:8px 0 10px 8px; width:211px;margin:0 0 47px 20px;}
#main .transLeft .animation{width:245px;height:185px;margin: 0 0 0 6px}
/********************************* Center ******************************************************/
#main .contenu_center{float:left;width:433px; margin:12px 0 0 0; font-size:11px;  padding:0 0 12px 0}
#main .contenu_center .imageTitreSrub {margin: 0 0 5px 21px;}
#main .contenu_center .levelFour{padding:8px 0 7px 50px;width:390px; float:left; clear:both;}
#main .contenu_center .levelFour ul{list-style:none;}
#main .contenu_center .levelFour li{float:left; padding:0 8px 2px 6px; background:url(../image/pictos/flech_li.gif)   left 5px no-repeat ;}
#main .contenu_center .levelFour li a{color:#616161; text-decoration:none;font:bold 11px tahoma ;color:#747474;}
#main .contenu_center .levelFour li a:hover{color:#980C50; text-decoration:none}
#main .contenu_center .levelFour li .on{color:#980C50; text-decoration:none}
#main .contenu_center .texte{padding:0 0 12px 0 !important;padding:0 0 18px 0 }
#main .contenu_center .texte h4{margin:0 0 5px 46px; font-weight:bold; color:#D7381C; font-size:11px}
#main .contenu_center .texte p{margin:0 0 18px 46px }
#main .contenu_center .texte .pictures{float:right; margin:0 0 0 8px}
#main .contenu_center .texte ul{list-style: none; padding: 3px 0 0 60px; }
#main .contenu_center .texte li{padding:0 0 5px 8px; background:url(../image/pictos/flech_li.gif)   left 5px no-repeat ;}
#main .contenu_center .texte .rond ul {list-style: none;padding: 5px 0 0 40px; }
#main .contenu_center .texte .rond li{padding:0 0 6px 10px; background:url(../image/pictos/puce-red.gif)  left 5px no-repeat ;}

/********************************* Right ******************************************************/
#main .transRight {float:left;width:208px;margin:12px 0 0 19px !important;margin:12px 0 0 9px}
#main .transRight .accesmenu{width:208px;}
#main .transRight .accesmenu ul{width:208px;background-color:#F1F1F1;margin:0 0 0 3px;}
#main .transRight .accesmenu li{border-bottom:1px solid #FFFFFF;padding:0 0 0 7px }
#main .transRight .accesmenu li a{text-decoration:none;color:#747474;background: url(../image/pictos/flech_li.gif) 1px 7px no-repeat; display:block; padding:2px 0 2px 8px;}
#main .transRight .accesmenu li a:hover{text-decoration:none;color:#980c50;background: url(../image/pictos/flech_li.gif) 1px 7px no-repeat;}
#main .transRight .accesmenu li .active{color:#980c50;margin:0 0 0 5px;background: url(../image/pictos/flech_li.gif) 1px 7px no-repeat;}
#main .transRight .reseau{background-color:#F1F1F1;padding:8px 0 21px 8px;margin:0 0 12px 0;width:203px; position:relative}
#main .transRight .reseau select{margin:5px 0 0 12px; width:170px}
#main .transRight .reseau .trouvez{position:absolute; right:12px; top:165px; width:61px ; height:19px ;}
#main .transRight .animationRight {width:211px;height:110px; border-top:7px solid #ECECEC; border-bottom:7px solid #ECECEC;margin:20px 0 0 0}
/********************************* Contact ******************************************************/
.message{width:239px; height:131px; margin:8px 0 0 4px;border:1px solid #B0B0B0;padding:0 0 0 2px;} 
.messageContact{width:185px; height:100px; margin:8px 0 0 4px;border:1px solid #B0B0B0;padding:0 0 0 2px;} 
.jNiceInputInner a.dp-choose-date{background: url(../image/pictos/calendare.gif) no-repeat; margin:0 0 0 5px;padding:0px 5px 0px 8px; text-decoration:none;}
.jNiceInputInner a.dp-choose-date span{display:none}
.textArea{width:183px; height:12px; padding:0 0 0 2px; border:1px solid #B0B0B0}
.valdiate{margin:5px 16px 0 0;}
.tableRecrutement{ width:400px;margin:0 0 0 10px;float: left;}
.tableRecrutement input, .tableContact input{ float: left;}
input.send2{ width:58px; height:18px; margin: 0 15px 0 0; float:none}
input.sendcontact{ width:58px; height:18px;margin: 0 101px 0 0; float:none}
input.send{margin:8px 0 0 3px; float:none;}
.tableContact{ width:400px;margin:0 0 0 35px; float: left;}
.file{width:110px; height:12px; border:1px solid #B0B0B0}
.date-pick{border:1px solid #B0B0B0; width:110px;}
#uploadQ td div {width:145px;overflow:hidden;}
#uploadbuttons {position:relative;display:block;width:183px; height:18px;}
#uploadbuttons .fileclass{position:absolute;top:0;right:0px;-moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;text-align: left;z-index:2;cursor:pointer;width:115px; height:12px}
#uploadbuttons .addfile {position:absolute;top:6px;right:-8px;z-index:1;cursor:pointer;}
/********************************* Réseau ******************************************************/
#main .contenu_center .texte .mapreseaux{width: 413px; height:352px;position:relative;float:left; margin:0 0 5px 0}
#main .contenu_center .texte .mapreseaux p{ margin:0px; padding:0px}
#main .contenu_center .texte .mapreseaux .choixreseaux{ position: absolute;top:15px;left:15px;}
#main .contenu_center .texte .network{width:441px; display: block; position:static;  }
#main .contenu_center .texte .network .info_network{width:220px;float:left; height:80px; margin:0 0 10px 0; }
#main .contenu_center .texte .network .info_network .red_title{color:#d7381c;font-size:11px; }
#main .contenu_center .texte .mapreseaux a.tanger{right:90px;top:36px;position:absolute;font-size:9px;color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.oujda{right:20px;top:53px;position:absolute;font-size:9px; color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.kenitra{right:102px;top:60px;position:absolute;font-size:9px; color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.rabat{right:105px;top:70px;position:absolute;font-size:9px; color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.fes{right:45px;top:68px;position:absolute;font-size:9px; color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.casablanca{right:113px;top:80px;position:absolute;font-size:9px;color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.meknes{right:55px;top:77px;position:absolute;font-size:9px; color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.el_jadida{right:140px;top:90px;position:absolute;font-size:9px;color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.khouribga{right:65px;top:90px;position:absolute;font-size:9px;color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.beni_mellal{right:45px;top:113px;position:absolute;font-size:9px;color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.safi{right:158px;top:110px;position:absolute;font-size:9px; color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.marrakech{right:80px;top:122px;position:absolute;font-size:9px;color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.essaouira{right:170px;top:130px;position:absolute;font-size:9px;color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux a.agadir{right:170px;top:155px;position:absolute;font-size:9px;color:#8b2412;text-decoration:none}
#main .contenu_center .texte .mapreseaux .square{color:#8b2412;font-weight:bold;list-style:square; font-size:18px; padding-left:3px}


/********************************* Recrutement ******************************************************/
.table_recrute{background:#FFE8E5; border:none; font:10px Tahoma;width:415px;}
.table_recrute td{border:1px solid #FFFFFF}
th{ text-transform:uppercase; font-weight: normal;font-size:10px; padding:3px 0 3px 0; border:1px solid #FFFFFF}
.pink{background:#FEF3F3}
.topBottom{padding:8px 0 8px 0}
.topBottomLeft{padding:8px 0 8px 6px}
.topBottomLeft2{padding:8px 10px 8px 18px}
.topBottomLeft2 p{padding:0px 0px 0px 0px}
.postuler{margin:14px 0 0 0}
/********************************* Actualité ******************************************************/
#main .contenu_center .texte .news { width:410px; height:81px; margin:0 0 15px 21px; position:relative;background:url(../image/background/sep1.gif)   no-repeat bottom; float:left;}
*html #main .contenu_center .texte .news { width:400px; height:81px; margin:0 0 15px 21px; position:relative;background:url(../image/background/sep1.gif)   no-repeat bottom; float:left;}

#main .contenu_center .texte .news img{float:left; padding:0 8px 0 0;background:#FFFFFF}
#main .contenu_center .texte .news h1 {color:#d7381c;font-size:11px; font-weight:bold;padding:0 0 4px 0;}
#main .contenu_center .texte .news p{margin:0;padding:0 0 10px 0;}
#main .contenu_center .texte .news span img{position:absolute;bottom:0px; right:0px;}
#main .contenu_center .texte .news span img a{border:0px;}

/*Actualité Sans Image*/
#main .contenu_center .texte .noImgnews {width:410px;height:auto; margin:0 0 15px 21px; position:relative;background:url(../image/background/sep.gif)  repeat-x bottom; float:left;}
*html #main .contenu_center .texte .noImgnews {width:400px;height:auto; margin:0 0 15px 21px; position:relative;background:url(../image/background/sep.gif)  repeat-x bottom; float:left;}
#main .contenu_center .texte .noImgnews h1{color:#d7381c;font-size:11px; font-weight:bold; padding:0 0 5px 0;}
#main .contenu_center .texte .noImgnews p{margin:0;padding:0 0 20px 0;}
#main .contenu_center .texte .noImgnews span img{position:absolute; bottom:0px; right:0px;}
#main .contenu_center .texte .noImgnews span img a{border:0px;}

/** Actualité Retour ***/
#main .contenu_center .texte .newsRetour {width:410px; height:auto;margin:0 0 0 21px;position:relative; float:left}
*html #main .contenu_center .texte .newsRetour {width:400px; height:auto;margin:0 0 0 21px;position:relative; float:left}

#main .contenu_center .texte .newsRetour img{float:left; padding:0 8px 0 0;}
#main .contenu_center .texte .newsRetour h1{color:#d7381c;font-size:11px; font-weight:bold;padding:0 0 5px 0;}
#main .contenu_center .texte .newsRetour p{margin:0;padding:0 0 10px 0;}
#main .contenu_center .texte .newsRetour ul{ padding:0;float:left}
#main .contenu_center .texte .newsRetour li{ padding:0 0 0 7px;}
#main .contenu_center .texte .newsRetour span img{position:absolute;bottom:0px;right:0px;}
#main .contenu_center .texte .newsRetour span img a{border:0px;}
/********************************* Div Enseigne  ******************************************************/
#main .contenu_center .texte .enseigne{width:384px;height:auto; margin:0 0 5px 30px !important;margin:0 0 5px 15px; float:left}
#main .contenu_center .texte .enseigne img{margin:0 8px 0 0;float:left;}
#main .contenu_center .texte .enseigne p{margin:0px;padding:0px;}
/* Div Enseigne avec style des puces*/
#main .contenu_center .texte .enseigne_puce{width:384px;height:auto;margin:0 0 10px 30px !important;margin:0 0 5px 15px; float:left; display:block}
#main .contenu_center .texte .enseigne_puce .visuel{margin:0; padding:0;float:left; width:81px}
#main .contenu_center .texte .enseigne_puce .atlas{float:right; width:300px;}
#main .contenu_center .texte .enseigne_puce .atlas p{margin:0; padding:0}
#main .contenu_center .texte .enseigne_puce .atlas ul{margin:0; padding:0}
#main .contenu_center .texte .enseigne_puce .atlas li{padding:2px 0 2px 5px;}
#main .contenu_center .texte .enseigne_puce .atlas .titleNews{color:#D40028; padding:0 0 10px 0; text-decoration:underline; font-weight:bold}
/********************************* Plan du site  ******************************************************/
dl.niveau1  {margin:0px; padding: 0px;}
dl.niveau1 dt{margin:5px 0 5px 25px;}
dl.niveau1 dt a{ color:#DC533A; text-decoration:underline;}
dl.niveau1 dd {margin:3px 0 3px 40px; }
dl.niveau1 dd a{background:url(../image/pictos/flech_li.gif) no-repeat left; padding:0 0 3px 7px; }
dl.niveau1 dd a:hover{ color:#9F1C5C; text-decoration: underline;}

/****************************************************************************************/
/*  								Footer												*/
/***************************************************************************************/
#Footer{ width:100%;height:22px;background:#8b2412;clear:both;position:fixed; bottom:0px;}
*html #Footer{position:absolute;width:100%; height:25px; background:#8b2412;clear:both;}
*html #Footer {width:100%; height:25px; background:#8b2412; clear:both;top: expression(offset = 0 + parseInt(document.body.currentStyle.paddingBottom) + parseInt(document.body.currentStyle.marginBottom), document.documentElement.clientHeight - this.offsetHeight - offset + document.documentElement.scrollTop + 'px');}
#Footer .footer1{width:956px; height:22px; margin:0 auto;position:relative;}
#Footer .footer1 .acessBottom{height:16px;position:absolute;bottom:11px;right:0px; background:#FFF; padding:0 11px 0 11px;}
#Footer .footer1 .acessBottom .leftCorner{position:absolute; bottom:0; left:0}
#Footer .footer1 .acessBottom .rightCorner{position:absolute; bottom:0; right:0;}
#Footer .footer1 .acessBottom ul{color:#8b2412;padding:0 0 0 1px}
#Footer .footer1 .acessBottom li{float:left;}
#Footer .footer1 .acessBottom li a{ text-decoration:none;color:#8b2412;padding:0 4px 0 4px;}
#Footer .footer1 .acessBottom li a:hover{ text-decoration:none;color:#E83717;}
/*************************************/

/* Error Jquery Validation */
p.error {color:#D7381C; font-weight: bold; font-size: 9px; padding: 7px 0 0 5px!important;margin:0px!important; float:left;width:5px;vertical-align:middle}
/************************************ Pagination ******************************************/
div.pagination {text-align:center;}
div.pagination a {padding: 0 1px 0 1px;text-decoration: none;color: #913737;}
div.pagination a:hover{color: #8B2412;text-decoration:underline;}	
div.pagination a:active {color: #8B2412;}
div.pagination span{padding: 0 6px 0 6px;color: #913737;}
div.pagination .preview{padding: 0 6px 0 4px;}
div.pagination .next{padding: 0 4px 0 6px;}
div.pagination span.current {padding: 0 1px 0 1px;font-weight: bold;color: #913737;}
div.pagination span.disabled {padding: 0 1px 0 1px;color: #913737;font-weight: bold;}
/***************info saved******************/
.info_saved {color:#d7381c;font-size:11px;font-weight: bold;}
#uploadbuttons {position: relative;margin-bottom: 6px;}
#uploadbuttons p.error{position: absolute; left: 5px; top: 23px;padding: 0px!important; margin: 0px!important;width:100%; font-size:10px; font-weight:normal}