/* Redefinitions des balises HTML */ 
html{ overflow:-moz-scrollbars-vertical; }

*{margin:0;padding:0;}
body, h1, h2, h3, h4, h5, h6, a, input, select, textarea{font:11px Tahoma, Arial, Helvetica, Sans-serif;font-weight:normal;color:#484848;}
img{border:0}
a{text-decoration:none; color:#006ab3;}
a:hover{color:#F7AC15;}
ul{list-style:none;}
.clear{clear:both;}

@font-face {
    font-family: 'HelveticaBold';
    src: url('helveticabd-webfont.eot');
    src: url('helveticabd-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticabd-webfont.woff') format('woff'),
         url('helveticabd-webfont.ttf') format('truetype'),
         url('helveticabd-webfont.svg#HelveticaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ImpactRegular';
    src: url('impact-webfont.eot');
    src: url('impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('impact-webfont.woff') format('woff'),
         url('impact-webfont.ttf') format('truetype'),
         url('impact-webfont.svg#ImpactRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{background:url(../images/background/body-lpee.jpg) no-repeat 50% 0 #fff;}
body.lpee{background:url(../images/background/body-lpee.jpg) no-repeat 50% 0 #fff;}
body.presence{background:url(../images/background/body-presence.jpg) no-repeat 50% 0 #fff;}
body.carrefour{background:url(../images/background/body-carrefour.jpg) no-repeat 50% 0 #fff;}
body.rejoindre{background:url(../images/background/body-rejoindre.jpg) no-repeat 50% 0 #fff;}

#global{width:1001px; margin:0 auto; padding-top:5px;}
#global #MainTop{width:1001px; height:93px;}
#global #MainTop #logo{width:318px; height:56px; float:left; display:inline; background:#fff; text-align:center; padding-top:37px; position:relative;}
#global #MainTop #logo .fond{position:absolute; left:-96px; top:0; width:96px; height:51px; background:#fff;}
#global #MainTop #MainMenu{width:669px; height:51px; float:left; display:inline;}
#global #MainTop #MainMenu #MenuTop{position:relative; width:232px; padding:0 0 0 437px; background:#fff;}
#global #MainTop #MainMenu #MenuTop ul{padding:0 0 0 10px; background:url(../images/background/left-menu-top.gif) no-repeat left top #005B9A; height:19px; width:222px;}
#global #MainTop #MainMenu #MenuTop li{padding:3px 6px 0 6px; float:left; display:inline;}
#global #MainTop #MainMenu #MenuTop li a{color:#fff; text-decoration:none;}
#global #MainTop #MainMenu #MenuTop li a:hover{color:#A0BFDF;}
#global #MainTop #MainMenu #MenuTop .rss{width:12px; height:12px; position:absolute; right:2px; top:4px;}
#global #MainTop .LeftMainMenu{width:14px; height:51px; float:left; display:inline;}

#global #MainTop #MainMenu #Menu{width:669px; height:32px; background:#fff;}
#global #MainTop #MainMenu #Menu ul{margin:0 0 0 10px;}
#global #MainTop #MainMenu #Menu li{float:left; display:inline; margin:0 12px; position:relative; z-index:3; padding:6px 0;}
/*#global #MainTop #MainMenu #Menu li.expanded{padding:0 0 0 0;}*/
#global #MainTop #MainMenu #Menu li a{font-family: 'HelveticaBold'; font-size:16px; color:#006AB3; font-weight:bold;}
#global #MainTop #MainMenu #Menu li a:hover{color:#f7ac15;}
#global #MainTop #MainMenu #Menu li.active-trail a{color:#f7ac15;}
#global #MainTop #MainMenu #Menu li a.active{color:#f7ac15;}
/*#global #MainTop #MainMenu #Menu li span{display:none;}
#global #MainTop #MainMenu #Menu ul li.le-lpee a{width:42px; background:url(../images/menu/lpee_n.gif) no-repeat center top #fff;}
#global #MainTop #MainMenu #Menu ul li.le-lpee a:hover{background:url(../images/menu/lpee_o.gif) no-repeat center top #fff;}
#global #MainTop #MainMenu #Menu li.notre-pr--sence a{width:138px; background:url(../images/menu/notre-presence_n.gif) no-repeat center top #fff;}
#global #MainTop #MainMenu #Menu li.notre-pr--sence a:hover{background:url(../images/menu/notre-presence_o.gif) no-repeat center top #fff;}
#global #MainTop #MainMenu #Menu li.carrefour-communication a{width:233px; background:url(../images/menu/carrefour-communication_n.gif) no-repeat center top #fff;}
#global #MainTop #MainMenu #Menu li.carrefour-communication a:hover{background:url(../images/menu/carrefour-communication_o.gif) no-repeat center top #fff;}
#global #MainTop #MainMenu #Menu li.nous-rejoindre a{width:133px; background:url(../images/menu/nous-rejoindre_n.gif) no-repeat center top #fff;}
#global #MainTop #MainMenu #Menu li.nous-rejoindre a:hover{background:url(../images/menu/nous-rejoindre_o.gif) no-repeat center top #fff;}*/

#global #MainTop #MainMenu #Menu ul li ul{display:none; background:#fff; opacity:0.9;filter:alpha(opacity=90); position:absolute; left:0; top:31px; margin:0 0 0 0;}
#global #MainTop #MainMenu #Menu ul li ul li{display:block; margin:2px 0px; width:100%;padding:0;}
#global #MainTop #MainMenu #Menu ul li ul li.sfhover{background:none;}
#global #MainTop #MainMenu #Menu ul li ul li a{color:#484848; text-decoration:none; display:block; padding:2px 4px;font-size:11px; font-family:Tahoma; font-weight:normal;}
#global #MainTop #MainMenu #Menu li.active-trail ul li a{color:#484848;}
#global #MainTop #MainMenu #Menu li.active-trail ul li.active-trail a{color:#fff; background:#f7ac15;}
#global #MainTop #MainMenu #Menu ul li ul li a:hover{color:#fff; background:#f7ac15;}

/*#global #MainTop #MainMenu #Menu ul li.le-lpee ul li a, #global #MainTop #MainMenu #Menu ul li.notre-pr--sence ul li a, #global #MainTop #MainMenu #Menu ul li.carrefour-communication ul li a, #global #MainTop #MainMenu #Menu ul li.nous-rejoindre ul li a{background:none; padding:2px 4px; height:auto; width:130px;}
#global #MainTop #MainMenu #Menu ul li.le-lpee ul li a:hover, #global #MainTop #MainMenu #Menu ul li.notre-pr--sence ul li a:hover, #global #MainTop #MainMenu #Menu ul li.carrefour-communication ul li a:hover, #global #MainTop #MainMenu #Menu ul li.nous-rejoindre ul li a:hover{background:#f7ac15;}*/

#global #MainTop #MainMenu #Menu ul li:hover ul{display:block;}
#global #MainTop #MainMenu #Menu ul li.sfhover ul{display:block;}
/*#global #MainTop #MainMenu #Menu ul li.sfhover.rub1{display:block; padding:0 12px; height:32px;}*/
#global #MainTop #MainMenu #Menu ul li ul.smenu{width:138px;}

#global #MainTop #MainMenu #lang{width:58px; height:15px; margin:4px 0 0 604px; position:relative; background:#fff;}
#global #MainTop #MainMenu #lang .LeftLang{position:absolute; top:0; right:-4px; width:4px; height:15px;}
#global #MainTop #MainMenu #lang li{width:19px; float:left; display:inline; margin:0; text-align:center;}
#global #MainTop #MainMenu #lang li a{display:block; text-decoration:none; color:#005b9a;}
#global #MainTop #MainMenu #lang li a:hover{color:#f7ac15;}
#global #MainTop #MainMenu #lang li a.active{background:#005B9A;color:#f7ac15; height:15px;}

#global #MainBand{width:1001px; height:174px;}
#global #MainBand #MainMenu2{width:644px; height:123px; position:relative; margin:0 34px 0 0;}
#global #MainBand #MainMenu2 .FondMenu2{width:180px; height:126px; position:absolute; top:-5px; right:18px; z-index:1;}
#global #MainBand #MainMenu2 #Menu2{width:180px; height:123px; position:absolute; top:-5px; right:-07px; z-index:2;}
#global #MainBand #MainMenu2 #Menu2 li{height:23px; margin:8px 0 3px 0;}
#global #MainBand #MainMenu2 #Menu2 li a{color:#fefeff; text-decoration:none; font-weight:bold; text-transform:uppercase;}
#global #MainBand #MainMenu2 #Menu2 li a:hover{color:#F7AC15;}
#global #MainBand #MainMenu2 #FlahBand{width:236px; height:142px; top:-15px; right:-270px; position:absolute;}

#global #MainCenter1{width:1001px; height:162px;}
#global #MainCenter1 #BlocActu{width:533px; height:156px; float:left; display:inline; position:relative;}
#global #MainCenter1 #BlocActu h2{padding:52px 0 10px 9px; font-weight:bold; font-size:12px; color:#006ab3; text-transform:uppercase;}
#global #MainCenter1 #BlocActu .actu1{width:158px; height:60px; float:left; display:inline; margin:0 36px 0 9px;}
#global #MainCenter1 #BlocActu .actu2{width:270px; height:60px; float:left; display:inline;}
#global #MainCenter1 #BlocActu .plus{width:27px; height:12px; position:absolute; right:90px; bottom:0;}
#global #MainCenter1 #BlocActu a{color:#484848;}
#global #MainCenter1 #BlocActu a:hover{color:#006ab3;}

#global #MainCenter1 #BlocRef{width:468px; height:156px; float:left; display:inline;}
#global #MainCenter1 #BlocRef h2{height:25px; padding:0 0 0 5px;}
#global #MainCenter1 #BlocRef .anim{width:381px; height:130px; margin:5px 0 0 3px;}

#global #MainCenter2{width:1001px; margin-bottom:18px;}
#global #MainCenter2 h2{padding:16px 8px; font-family: 'ImpactRegular'; font-size:18px; color:#f7ac15;}
#global #MainCenter2 #middel{width:709px; min-height:200px; _height:200px; float:left; display:inline }
#global #MainCenter2 #middel .content{width:709px; min-height:200px; _height:200px; float:left; display:inline }
#global #MainCenter2 #middel .content p{padding:0 0 10px 0; }
#global #MainCenter2 .content ul li ul{padding:7px 0 7px 0;}
#global #MainCenter2 .content ul li ul li{background:url(../images/pictos/sous-liste.gif) no-repeat 0 5px; padding:0 0 0 8px; margin:5px;}
#global #MainCenter2 .content li span{color:#F7AC15;}
#global #MainCenter2 .content h1{font-size:12px; font-weight:bold;margin:5px 0 0 0; color:#006AB3;}

#global #MainCenter2 .BlocText{padding:0 20px 0 8px; width:660px; float:left; display:inline; position:relative; }
#global #MainCenter2 .BlocText .visuel{width:190px;  float:left; display:inline; margin:0 16px 5px 0;}
#global #MainCenter2 .BlocGalerie{padding:0 20px 0 8px;}

#global #MainCenter2 .BlocText h3{font-size:12px; color:#006AB3; font-weight:bold; padding:0 0 4px 0;}
#global #MainCenter2 .BlocGalerie h3{font-size:12px; color:#006AB3; font-weight:bold; padding:0 0 4px 0;}
#global #MainCenter2 .BlocText h4{font-weight:bold; color:#f7ac15; margin:0 0 15px 0; clear:both;}
#global #MainCenter2 .BlocText p{padding:0 0 10px 0;}
#global #MainCenter2 .BlocText p span{color:#006AB3;}
#global #MainCenter2 .BlocText p.small-text{font-size:9px;}
#global #MainCenter2 .BlocText ul{padding:0 0 10px 0;}
#global #MainCenter2 .BlocText ul li{background:url(../images/pictos/liste.gif) no-repeat 0 4px; padding:0 0 0 8px; margin:12px 5px;}
#global #MainCenter2 .BlocText .titre{height:26px; padding:8px 0 0 0; width:663px; text-align:center; font-size:12px; font-weight:bold; color:#fff; margin:0; background:#F7AC15;}
#global #MainCenter2 .BlocText ul li ul{padding:7px 0 7px 0;}
#global #MainCenter2 .BlocText ul li ul li{background:url(../images/pictos/sous-liste.gif) no-repeat 0 5px; padding:0 0 0 8px; margin:5px;}
#global #MainCenter2 .BlocText li span{color:#F7AC15;}
/************** FOOTER ******************/
#global #MainFooter{width:983px; height:16px; padding:20px 9px 0 9px;}
#global #MainFooter .MenuBas{width:480px; float:left; display:inline; color:#04528a;}
#global #MainFooter .MenuBas a{color:#04528a;}
#global #MainFooter .MenuBas a:hover{color:#A0BFDF;}
#global #MainFooter .copyright{width:480px; float:right; display:inline; text-align:right; color:#04528a;}

/*********************Contenu Gauche*****************************************/
#global #contenuG{ width:279px;  float:left; display:inline}
#global #contenuG .visuel{width:260px; height:159px; background:url(../images/background/fond-visuel.gif) no-repeat; padding:6px 0 0 8px; margin:0 0 21px 3px;}
#global #contenuG h2{ margin:0 0 10px 0;}
#global #chemin{ padding:8px 0 0 12px;font-size:10px;}
#global #chemin span{ font-size:10px; color:#faac16;}
#global #chemin a{font-size:10px; color:#484848; margin:0 6px 0 0;}
#global #chemin a:hover{color:#faac16;}
#global #chemin a.active{color:#faac16;}

/*********************Contenu Gauche Taoufik *****************************************/
#global #contenuG{ width:279px;  float:left; display:inline}
#global #contenuG .visuel{width:260px; height:159px; background:url(../images/background/fond-visuel.gif) no-repeat; padding:6px 0 0 8px; margin:0 0 21px 3px;}
#global #contenuG h2{ font-size:17px; /*font-weight:bold; */margin:10px 0 0 3px; color:#f7ac15;}
#global #contenuG a{width:250px; height:20px; display:block; font-weight:bold; color:#484848; font-size:14px; border-left:1px solid #C7C7C7; padding-left:7px; margin:0 0 5px 5px;}
#global #contenuG a:hover{color:#959595;}

/*********************Contact*****************************************/
#global #MainCenter2 #middel  .webform-client-form{width:430px;}
#global #MainCenter2 #middel  .webform-client-form label{width:180px; height:16px; margin:4px 15px; float:left; display:inline;}
#global #MainCenter2 #middel  .webform-client-form label span{color:#B30D0D;}
#global #MainCenter2 #middel  .webform-client-form .form-text{width:185px; height:16px; border:1px solid #CDCDCD; margin:4px 0;}
#global #MainCenter2 #middel  .webform-client-form .form-select{width:188px; height:18px; border:1px solid #CDCDCD; margin:4px 0;}
#global #MainCenter2 #middel  .webform-client-form .form-textarea{width:210px; height:60px; border:1px solid #CDCDCD; margin:4px 0;}
#global #MainCenter2 #middel  .webform-client-form label.boutton{width:400px; text-align:right;}
#global #MainCenter2 #middel  .webform-client-form label.boutton input{float:right; display:inline; margin:0 0 0 8px;}
#global #MainCenter2 #middel  .webform-client-form input.form-submit {background: url("../images/botton/valider.gif") no-repeat scroll 0 0 transparent;float:right; display:inline; margin:0 0 0 8px; width :62px ; height: 16px; border: 0 none;}

/*#global #MainCenter2 #middel p{line-height:17px;}*/

/********************* DATE CLE *********************************/
#global #MainCenter2  .BlocDateCle{width:680px; margin:20px 0 0 0; float:left; display:inline;}
#global #MainCenter2  .BlocDateCle div#container {/*margin: 20px 10px;*/ }
#global #MainCenter2  .BlocDateCle ul.tabNav {width:660px; padding:0px; background:url(../images/background/date-cle.gif) no-repeat left 6px; height:32px;}
#global #MainCenter2  .BlocDateCle ul.tabNav li {float:left; display:inline; margin: 0 45px; background:url(../images/pictos/interval.gif) no-repeat center 0; text-align:center; width:32px;}
#global #MainCenter2  .BlocDateCle ul.tabNav li.current {background:url(../images/pictos/interval_actif.gif) no-repeat center 0;}
#global #MainCenter2  .BlocDateCle ul.tabNav a {color:#484848; display:block; text-decoration: none; padding:22px 0 0 0; width:32px; height:10px; font-weight:bold;}
#global #MainCenter2  .BlocDateCle ul.tabNav li.current a { border: none; color:#006ab3; }
#global #MainCenter2  .BlocDateCle div.tabContainer {padding:0; margin:0; background:url(../images/background/mainTab.jpg) no-repeat; height:230px; clear:both;}
#global #MainCenter2  .BlocDateCle div.tabContainer div.tab {display: none; padding:0; position:relative; padding:1px 0 0 20px; background:url(../images/pictos/text-interval.gif) no-repeat; margin:20px 0 0 0;}
#global #MainCenter2  .BlocDateCle div.tabContainer div.tab p{margin:0 0 9px 0;}
#global #MainCenter2  .BlocDateCle div.tabContainer div.tab h1{color:#959595;}
#global #MainCenter2  .BlocDateCle div.tabContainer div.current{display: block;}


/****AGOUZOUL*********/

#nodeorder-admin-display-form #ordernodes{
width : 100%;
margin-bottom: 10px;
}
#nodeorder-admin-display-form table thead th{
padding-bottom: 10px;
}


/********************* REFERENCES *********************************/
#global #MainCenter2 .BlocReference{margin:20px 0 0 0; padding:0 20px 0 8px; width:681px; float:left; display:inline;}
#global #MainCenter2 .BlocReference ul.tabNav {width:170px; float:left; display:inline; margin:25px 0 0 0;}
#global #MainCenter2 .BlocReference ul.tabNav li{width:151px; margin:0 0 5px 15px; display:block; padding:7px 0 2px 4px; height:20px;}
#global #MainCenter2 .BlocReference ul.tabNav li.current {margin:0 0 5px 0; width:175px;}
#global #MainCenter2 .BlocReference ul.tabNav a {color:#fff; text-decoration: none; font-weight:bold; text-transform:uppercase; line-height:9px; }
#global #MainCenter2 .BlocReference ul.tabNav li.current a {color:#fff; text-decoration: none; }
#global #MainCenter2 .BlocReference div.tabContainer {float:left; display:inline; width:495px; background:none;}
#global #MainCenter2 .BlocReference div.tabContainer div.tab {display: none; padding:0; position:relative; margin:0 0 0 0;}

#global #MainCenter2 .BlocReference ul.tabNav li.rub0{background:#898989;}
#global #MainCenter2 .BlocReference ul.tabNav li.rub1{background:#898989;}
#global #MainCenter2 .BlocReference ul.tabNav li.rub2{background:#CF567B;}
#global #MainCenter2 .BlocReference ul.tabNav li.rub3{background:#AFCE61;}
#global #MainCenter2 .BlocReference ul.tabNav li.rub4{background:#3A77A5;}
#global #MainCenter2 .BlocReference ul.tabNav li.rub5{background:#F7AC15;}

#global #MainCenter2 .BlocReference div.tabContainer div.tab p{padding:0 0 9px 0;}
#global #MainCenter2 .BlocReference div.tabContainer div.tab ul{padding:0 0 9px 0;}
#global #MainCenter2 .BlocReference div.tabContainer div.tab ul li{background:url(../images/pictos/liste.gif) no-repeat 0 4px; padding:0 0 0 8px; margin:5px;}
#global #MainCenter2 .BlocReference div.tabContainer div.tab h3{font-size:12px; font-weight:bold; padding:0 0 8px 0;}
#global #MainCenter2 .BlocReference div.tabContainer div.current{display: block;}
#global #MainCenter2 .BlocReference div.tabContainer div.tab span{display:block; width:495px; height:6px; overflow:hidden;}

#global #MainCenter2 .BlocReference div.tabContainer div.rub0 .BorderTop{ background:url(../images/background/top-rub1.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub1 .BorderTop{ background:url(../images/background/top-rub1.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub2 .BorderTop{width:495px; height:6px; background:url(../images/background/top-rub2.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub3 .BorderTop{width:495px; height:6px; background:url(../images/background/top-rub3.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub4 .BorderTop{width:495px; height:6px; background:url(../images/background/top-rub4.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub5 .BorderTop{width:495px; height:6px; background:url(../images/background/top-rub5.gif);}

#global #MainCenter2 .BlocReference div.tabContainer div.rub0 .BorderBottom{width:495px; height:6px; background:url(../images/background/bottom-rub1.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub1 .BorderBottom{width:495px; height:6px; background:url(../images/background/bottom-rub1.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub2 .BorderBottom{width:495px; height:6px; background:url(../images/background/bottom-rub2.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub3 .BorderBottom{width:495px; height:6px; background:url(../images/background/bottom-rub3.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub4 .BorderBottom{width:495px; height:6px; background:url(../images/background/bottom-rub4.gif);}
#global #MainCenter2 .BlocReference div.tabContainer div.rub5 .BorderBottom{width:495px; height:6px; background:url(../images/background/bottom-rub5.gif);}


#global #MainCenter2 .BlocReference div.tabContainer h1 {color:#F8AD16;font-size:16px;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub0 .centent{background:url(../images/background/middle-rub1.gif) repeat-y; padding:10px 15px; min-height:300px; _height:300px;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub1 .centent{background:url(../images/background/middle-rub1.gif) repeat-y; padding:10px 15px; height:480px;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub2 .centent{background:url(../images/background/middle-rub2.gif) repeat-y; padding:10px 15px; height:480px;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub3 .centent{background:url(../images/background/middle-rub3.gif) repeat-y; padding:10px 15px; height:480px;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub4 .centent{background:url(../images/background/middle-rub4.gif) repeat-y; padding:10px 15px; height:480px;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub5 .centent{background:url(../images/background/middle-rub5.gif) repeat-y; padding:10px 15px; height:480px;}

#global #MainCenter2 .BlocReference div.tabContainer div.rub0 .centent h3{color:#898989;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub1 .centent h3{color:#898989;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub2 .centent h3{color:#CF567B;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub3 .centent h3{color:#AFCE61;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub4 .centent h3{color:#3A77A5;}
#global #MainCenter2 .BlocReference div.tabContainer div.rub5 .centent h3{color:#F7AC15;}

/********************* ACTUALITES ***************************/
#global #MainCenter2 .BlocActu{width:681px; float:left; display:inline;}
#global #MainCenter2 .BlocActu .actualite{/*width:330px; height:101px;*/ float:left; display:inline;  position:relative; margin:0 5px 15px 0;  border-bottom:1px solid #EEEEEE ;  border-right:1px solid #EEEEEE ;background:#F7F7F7; padding:5px; width:320px; height:98px;}
#global #MainCenter2 .BlocActu .actualite .visuel{width:112px; padding:7px 10px 0 8px; background:url(../images/background/vis-actualite.gif) no-repeat; float:left; display:inline; height:94px;}
#global #MainCenter2 .BlocActu .actualite .date{padding:5px 18px 0 0;}
#global #MainCenter2 .BlocActu .actualite .titreActu{font-weight:bold; padding:0 18px 0 0;}
#global #MainCenter2 .BlocActu .actualite .resum{padding:5px 14px 3px 0;}
#global #MainCenter2 .BlocActu .actualite .resum p{padding:0 0 10px 0;}
#global #MainCenter2 .BlocActu .actualite .plus{position:absolute; bottom:2px; right:30px; padding:0 0 0 0;}

#global #MainCenter2 .DetailActu{margin:0 0 15px 8px;}
#global #MainCenter2 .DetailActu .visuel{width:112px; padding:7px 10px 0 8px; background:url(../images/background/vis-actualite.gif) no-repeat; float:left; display:inline; height:94px;}
#global #MainCenter2 .DetailActu .date{padding:5px 18px 4px 0;}
#global #MainCenter2 .DetailActu .titreActu{font-weight:bold; padding:0 18px 0 0;}
#global #MainCenter2 .DetailActu .resum{padding:5px 14px 3px 0;}
#global #MainCenter2 .DetailActu .resum p{padding:0 0 10px 0;}
#global #MainCenter2 .DetailActu ul{padding:0 0 14px 0;}
#global #MainCenter2 .DetailActu ul li{background:url(../images/pictos/liste.gif) no-repeat 0 4px; padding:0 0 0 8px; margin:5px;}
#global #MainCenter2 .DetailActu .retour{text-align:right; padding:10px 25px 0 0;}


/********************* APPELS D'OFFRES ***************************/
#global #MainCenter2 .BlocText .TableOffres{width:664px; border-collapse:collapse; margin:20px 0;}
#global #MainCenter2 .BlocText .TableOffres th, #global #MainCenter2 .BlocText .TableOffres td{border-right:1px solid #fff; border-left:1px solid #fff;}
#global #MainCenter2 .BlocText .TableOffres th{font-weight:bold; text-align:center; padding:15px 0; background:#FBD58A}
#global #MainCenter2 .BlocText .TableOffres td{padding:10px;}
#global #MainCenter2 .BlocText .TableOffres .line1{background:#FDFDFD;}
#global #MainCenter2 .BlocText .TableOffres .line2{background:#ECECEC;}

/********************* FAQ ***************************/
#global #MainCenter2 .BlocFAQ{padding:0 20px 0 8px; width:681px; float:left; display:inline; min-height:400px; _height:400px;}
#global #MainCenter2 .BlocFAQ p{padding:7px 0 7px 0;}
#global #MainCenter2 .BlocFAQ .question{background:url(../images/pictos/liste.gif) no-repeat 0 4px; padding:0 0 10px 8px; margin:5px; cursor: pointer;}
#global #MainCenter2 .BlocFAQ .question span{color:#F7AC15; font-weight:bold;}
#global #MainCenter2 .BlocFAQ .question a{ color:#484848;}
#global #MainCenter2 .BlocFAQ .question.active a{color:#F7AC15;}
#global #MainCenter2 .BlocFAQ .question a:hover{ color:#F7AC15;}
#global #MainCenter2 .BlocFAQ .answer{padding:0 0 0 8px; margin:5px; }
#global #MainCenter2 .BlocFAQ .answer p{padding:0px 0 5px 0;}


/********************* ANNONCES ***************************/
#global #MainCenter2 .BlocAnnonces{padding:0 20px 0 8px; width:681px; float:left; display:inline; min-height:400px; _height:400px;}
#global #MainCenter2 .BlocAnnonces p{padding:7px 0 7px 0;}
#global #MainCenter2 .BlocAnnonces .annonce{margin:15px 0;}
#global #MainCenter2 .BlocAnnonces .annonce .titre{background:url(../images/pictos/liste.gif) no-repeat 0 4px; padding:0 0 2px 8px; font-weight:bold; color:#F7AC15;}
#global #MainCenter2 .BlocAnnonces .annonce .date{padding:0 0 0 8px; font-weight:bold;}
#global #MainCenter2 .BlocAnnonces .annonce .text{padding:8px 0;}
#global #MainCenter2 .annonce .boutton{text-align:right;}
#global #MainCenter2 .annonce .boutton img{margin:6px;}

/********************* PUBLICATIONS ***************************/
#global #MainCenter2 .BlocPublication{padding:0 20px 0 8px; width:681px; float:left; display:inline; min-height:400px; _height:400px;}
#global #MainCenter2 .BlocPublication p{padding:7px 0 7px 0;}
#global #MainCenter2 .BlocPublication .formPublication{margin:15px 8px;}
#global #MainCenter2 .BlocPublication .formPublication label{float:left; display:inline; font-weight:bold;}
#global #MainCenter2 .BlocPublication .formPublication select{width:185px; border:1px solid #CDCDCD; padding:0 0 0 2px; margin:0 0 0 15px;}
#global #MainCenter2 .BlocPublication .ResultPublication{background:url(../images/pictos/liste.gif) no-repeat 0 4px; padding:0 0 2px 8px; font-weight:bold; color:#F7AC15;}
#global #MainCenter2 .BlocPublication .publication{width:260px; height:40px; float:left; display:inline; background:url(../images/pictos/sous-liste.gif) no-repeat 0 18px; margin:10px 30px 20px 0; padding:5px 30px 5px 8px; line-height:26px;position: relative;}

/********************* Candidature spontanée ***************************/
#global #MainCenter2 #middel .BlocContact .webform-client-form .form-select.month, #global #MainCenter2 #middel .BlocContact .webform-client-form .form-select.day, #global #MainCenter2 #middel .BlocContact .webform-client-form .form-select.year{width:60px; float:left; display:inline; margin:0 2px 22px 0;}
#global #MainCenter2 #middel .BlocContact .webform-client-form input.webform-calendar{padding:0;}
#global #MainCenter2 #middel .BlocContact .webform-client-form .form-file{border: 1px solid #CDCDCD; height: 16px;}

/********************* PLAN DE SITE ***************************/

#global #MainCenter2 ul.site-map-menu li{width:300px; float:left; display:inline; list-style-image:none; height:200px;}
#global #MainCenter2 ul.site-map-menu li a{font-weight:bold; color:#fff; font-size:13px; background:#F7AC15; width:250px; padding:3px 5px; display:block;}
#global #MainCenter2 ul.site-map-menu li a span{color:#fff;}
#global #MainCenter2 ul.site-map-menu li ul.site-map-menu{margin:0 10px;}
#global #MainCenter2 ul.site-map-menu li ul.site-map-menu li{display:block; width:250px; height:16px; margin:0 4px; background:url(../images/pictos/liste.gif) no-repeat 0 6px; padding:0 0 0 8px;}
#global #MainCenter2 ul.site-map-menu li ul.site-map-menu li a{font-size:11px; color:#000; text-decoration:none; background:#fff; text-align:left;}
#global #MainCenter2 ul.site-map-menu li ul.site-map-menu li a:hover{color:#006AB3;}
#global #MainCenter2 ul.site-map-menu li ul.site-map-menu li a span{ color:#484848;}
#global #MainCenter2 ul.site-map-menu li ul.site-map-menu li a:hover span{color:#006AB3;}

/********************* Domaines D'Activité ***************************/
#global #MainCenter2 .BlocText .VisDomaine{float:right; display:inline; width:126px; margin:0 0 0 15px;}
#global #MainCenter2 .BlocText .TextDomaine{margin:0 15px 0 0;}

#global #MainCenter2 .BlocText .VisDomaine img{width:112px; height:64px; padding:6px 6px 8px 8px; background:url(../images/background/bg_domaine.gif) no-repeat; margin-bottom:6px;}

/********************* Médiatheques ***************************/
#global #MainCenter2 .BlocText .photos{background:url(../images/background/photos.jpg) no-repeat; padding:10px 0 35px 70px; margin:15px 0 20px 10px;}
#global #MainCenter2 .BlocText .videos{background:url(../images/background/videos.jpg) no-repeat; padding:10px 0 35px 70px; margin:15px 0 20px 10px}
#global #MainCenter2 .BlocText .photos a, #global #MainCenter2 .BlocText .videos a{background:url(../images/pictos/liste-noire.gif)  no-repeat 0 4px; padding:0 0 0 8px; font-weight:bold; display:block;}

/********************* Notre Réseau ***************************/
#global #MainCenter2 .BlocText .reseau{width:320px; height:400px; background:#F6F6F6; float:left; display:inline; position:relative;}
#global #MainCenter2 .BlocText .reseau .siege{margin:6px; height:127px;position: relative;}
#global #MainCenter2 .BlocText .reseau .siege h3{font-weight:bold; color:#006ab3; margin-bottom:8px;}
#global #MainCenter2 .BlocText .reseau .siege .map{width:126px; height:78px; float:right; display:inline; margin:-4px 0 0 6px;  padding:0 0 10px 0}
#global #MainCenter2 .BlocText .reseau .item-list{width:320px; height:15px; position:absolute; left:0; bottom:-25px;}
#global #MainCenter2 .BlocText .reseau  ul.pager li{background:none; padding:0 0 0 0; margin:0 2px 0 2px;}
#global #MainCenter2 .BlocText .reseau  ul.pager li a{font-size:10px; text-decoration:none; color:#006AB3;}
#global #MainCenter2 .BlocText .reseau  ul.pager li.pager-current{color:#F7AC15;}
#global #MainCenter2 .BlocText .reseau .siege p{padding:0 0 0px 0; }


#global #MainCenter2 .BlocText .carte{width:340px; height:400px; float:left; display:inline; background:url(../images/background/carte.jpg) no-repeat; position:relative;}
#global #MainCenter2 .BlocText .carte a{font-size:9px; color:#006ab3; text-decoration:none;}
#global #MainCenter2 .BlocText .carte a:hover{color:#f7ac15;}
#global #MainCenter2 .BlocText .carte .tanger{position:absolute; top:30px; left:240px;}
#global #MainCenter2 .BlocText .carte .tetouane{position:absolute; top:38px; left:272px;}
#global #MainCenter2 .BlocText .carte .oujda{position:absolute; top:46px; left:314px;}
#global #MainCenter2 .BlocText .carte .kenitra{position:absolute; top:58px; left:205px;}
#global #MainCenter2 .BlocText .carte .fes{position:absolute; top:62px; left:270px;}
#global #MainCenter2 .BlocText .carte .meknes{position:absolute; top:86px; left:250px;}
#global #MainCenter2 .BlocText .carte .casablanca{position:absolute; top:80px; left:168px;}
#global #MainCenter2 .BlocText .carte .jadida{position:absolute; top:94px; left:158px;}
#global #MainCenter2 .BlocText .carte .safi{position:absolute; top:109px; left:162px;}
#global #MainCenter2 .BlocText .carte .marakech{position:absolute; top:129px; left:205px;}
#global #MainCenter2 .BlocText .carte .agadir{position:absolute; top:159px; left:143px;}
#global #MainCenter2 .BlocText .carte .ouarzazate{position:absolute; top:145px; left:225px;}
#global #MainCenter2 .BlocText .carte .laayoune{position:absolute; top:220px; left:69px;}

/********************* Nos Domaines ***************************/
#global #MainCenter2 .BlocText ul.batiment li{background:url(../images/pictos/liste-batiment.gif) no-repeat 0 4px;}
#global #MainCenter2 .BlocText ul.batiment li span{color:#898989;}
#global #MainCenter2 .BlocText ul.industrie li{background:url(../images/pictos/liste-industrie.gif) no-repeat 0 4px;}
#global #MainCenter2 .BlocText ul.industrie li span{color:#CF567B;}
#global #MainCenter2 .BlocText ul.environement li{background:url(../images/pictos/liste-environement.gif) no-repeat 0 4px;}
#global #MainCenter2 .BlocText ul.environement li span{color:#AFCE61;}
#global #MainCenter2 .BlocText ul.hydraulique li{background:url(../images/pictos/liste-hydraulique.gif) no-repeat 0 4px;}
#global #MainCenter2 .BlocText ul.hydraulique li span{color:#3072A3;}


.blocpalyer{ height:400px; width:520px; float:left; display:inline; }

.blocminiature{  float:left; display:inline; width:auto }
.popups { padding:1px; border:1px solid  #F0F0F0 }