/* Document
------------------------------------------------ */

*{margin:0px;padding:0; border:none;}

.build{ clear:both; font-size:24px; font-style:italic;padding-top:100px; padding-left:340px;}

body{text-align:left;font-family:Verdana,sans-serif;font-size:11px;background:url(../i/body-bg-white.gif) repeat-y center top;}
li{list-style-position: inherit;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;}
h1{font-weight:bold; font-size:14px; color:#fff; margin-left:10px; margin-top:5px; line-height:18px; padding-top:2px;}
h2{font-weight:bold; font-size:11px; color:#C5071B; margin-left:10px; margin-top:7px; line-height:18px; padding-top:2px;}
h3 a{font-size:11px;font-weight:bold; color:#666;margin-left:10px;margin-top:10px;letter-spacing:-1px;display:inline; float:left;line-height:18px;}

p{font-size:11px;clear:both; line-height:13px; text-align:justify; margin-left:10px; margin-right:10px;letter-spacing:-1px;}

.keyword{ color:#CC0000;}


/* ID ALL PAGE
------------------------------------------------ */
#container{position:relative;margin:0 auto;margin-top:10px; margin-bottom:12px;width:938px; height:732px; background:url(../i/bg-container.png) no-repeat;}

#header{margin-right:35px;}

#maincontent{width:605px;float:left;margin-top:10px;}

#relatedcontent{width:270px; height:550px;float:right;margin-top:10px; margin-right:50px;}
#relatedcontent p{float:left;font-size:11px; line-height:15px; text-align:left;font-weight:bold;letter-spacing:0px; width:210px;}

#footer{ width:987px; height:12px;clear:both; text-align:center; padding-top:5px;}
#footer a{ font-size:12px; color:#666666; text-align:center;}


/* CLASS ALL PAGE
------------------------------------------------ */
.logo{float:left;background:url(../i/scapin.jpg) no-repeat; zoom:1;width:251px; height:94px; margin-left:40px;margin-top:10px;text-align:left;}

.nav{clear:both;height:36px;margin-left:35px; padding-top:12px;}
.nav ul{margin-bottom:30px;height:25px;}
.nav li{float:left;list-style-type:none;font-size:18px;}

.nav li a{line-height:36px;height:36px;display:block;text-align:center;color:#fff;}
.nav li a:hover{color:#fff;}

.nav li a.accueil{width:144px;background: url(../i/bt-accueil.gif) no-repeat;}
.nav li a:hover.accueil{background: url(../i/bt-accueil-hover.gif) no-repeat;}
.nav li a.accueilactif{width:144px;background: url(../i/bt-accueil-actif.gif) no-repeat;}

.nav li a.formation{width:169px;background: url(../i/bt-formation.gif) no-repeat;}
.nav li a:hover.formation{background: url(../i/bt-formation-hover.gif) no-repeat;}
.nav li a.formationsactif{width:169px;background: url(../i/bt-formation-actif.gif) no-repeat;}

.nav li a.equipe{width:143px;background: url(../i/bt-equipe.gif) no-repeat;}
.nav li a:hover.equipe{background: url(../i/bt-equipe-hover.gif) no-repeat;}
.nav li a.equipeactif{width:143px;background: url(../i/bt-equipe-actif.gif) no-repeat;}

.nav li a.references{width:160px;background: url(../i/bt-references.gif) no-repeat;}
.nav li a:hover.references{background: url(../i/bt-references-hover.gif) no-repeat;}
.nav li a.referencesactif{width:160px;background: url(../i/bt-references-actif.gif) no-repeat;}

.nav li a.contact{width:143px;background: url(../i/bt-contact.gif) no-repeat;}
.nav li a:hover.contact{background: url(../i/bt-contact-hover.gif) no-repeat;}
.nav li a.contactactif{width:143px;background: url(../i/bt-contact-actif.gif) no-repeat;}

.nav li a.liens{width:107px;background: url(../i/bt-liens.gif) no-repeat;}
.nav li a:hover.liens{background: url(../i/bt-liens-hover.gif) no-repeat;}
.nav li a.liensactif{width:107px;background: url(../i/bt-liens-actif.gif) no-repeat;}

.presentation{float:right;background:url(../i/presentation.jpg) no-repeat;width:552px; height:112px;margin-top:10px;}
.presentation h3{ color:#fff;text-align:left; font-size:12px; line-height:16px;font-weight:normal; padding:7px 0px 0px 15px; font-style:italic;}


/* ID ACCUEIL
------------------------------------------------ */
#newsletterform{margin-left:10px;}

#newslettersubmit{float:left;width:27px;height:27px;background-image:url(../i/submit-btn.gif); background-position:0px -6px;}
#newslettersubmit:hover{float:left;width:27px;height:27px;background-image:url(../i/submit-btn-actif.gif); background-position:0px -6px;}

#newsletteremail{float:left;width:180px;height:16px;margin:0px 0 0;padding:2px;font-size:13px;background:url(../i/input-bg.gif) repeat-x;}

#pagecontainer{ display:block;padding-left:37px;}

/* CLASS ACCUEIL
------------------------------------------------ */
.accesdirect{float:right;background:url(../i/newsletter.jpg) no-repeat;width:273px;height:187px;margin-top:10px; margin-left:0px;}

.accesdirect .moretext a{letter-spacing:-1px;}
.accesdirect .moretext a:hover{letter-spacing:-1px;}

.accesdirect ul{list-style-type:none;width:100px;float:left;}

.accesdirect li a{margin-bottom:7px;margin-left:5px;padding-left:12px;font-size:12px; letter-spacing:-1px;color:#fff;font-weight:bold;background:url(../i/bt-acces-direct.png) no-repeat; line-height:27px;width:125px; height:27px;display:block;text-align:center;}
.accesdirect li a:hover{margin-left:5px;font-size:12px;background:url(../i/bt-acces-direct-actif.png) no-repeat;width:125px; height:27px;display:block;text-align:center;}

.button{padding-left:8px;padding-top:5px;font-weight:bold; font-size:12px;}
.buttonform{display:none;}

.carroussel{display:block;margin-left:35px;}

.contactaccueil{margin-top:18px;margin-left:7px;float:left;}
.fondaccueil{width:112px;height:390px;background: url(../i/fond-accueil.jpg) no-repeat; background-position:155px 140px;}

.iconoacces{float:right;margin-right:10px;}

.newsletter{float:left;background:url(../i/newsletter.jpg) no-repeat;width:273px;height:187px;margin-top:10px;}

.pdf a{display:inline;float:right;margin-right:10px;}

/* CLASS FORMATIONS
------------------------------------------------ */
.btensavoirplus{ position:absolute; top:210px;}

.btensavoirplus a{background:url(../i/bt-ensavoirplus.jpg) no-repeat; margin-left:150px;width:109px; height:24px; line-height:24px;display:block;text-align:center;font-size:12px; color:#fff;font-weight:bold;}
.btensavoirplus a:hover{background:url(../i/bt-ensavoirplus-actif.jpg) no-repeat; margin-left:150px;width:109px; height:24px; line-height:24px;display:block;text-align:center;font-size:12px; color:#fff;font-weight:bold;}


.btreturn{ position:absolute; top:450px;}
.btreturn a{background:url(../i/bt-return-allformations.jpg) no-repeat; margin-top:15px;margin-left:60px;width:158px; height:35px; line-height:22px;display:block;text-align:center;font-size:11px; color:#fff;font-weight:bold; letter-spacing:-1px;}
.btreturn a:hover{background:url(../i/bt-return-actif.jpg) no-repeat; margin-left:60px;width:158px; height:35px; line-height:22px;display:block;text-align:center;font-size:11px; color:#000;font-weight:bold;letter-spacing:-1px;}

.detailfichestages{ position:relative;float:right;background:url(../i/fond-fiche-stages.jpg) no-repeat;width:274px;height:501px; margin-top:10px;}
.detailfichestages p{font-size:12px;line-height:18px; letter-spacing:0px; font-weight:400; margin-top:10px; text-align:left;}

.fichestages{ position:relative;float:left;background:url(../i/fond-fiches-formations.jpg) no-repeat;width:274px;height:240px;margin-left:37px; margin-top:10px;}

.fichestages li{margin-left:35px;}
.ficheseminaires li{margin-left:35px;}
.fichecoaching li{margin-left:35px;}
.fichedevperso li{margin-left:40px;}
.fichestages,.ficheseminaires,.fichecoaching,.fichedevperso ul{ list-style-image:url(../i/fleche.jpg);}
.fichestages,.ficheseminaires,.fichecoaching,.fichedevperso li{font-weight:bold; color:#4C4848;line-height:16px; padding-left:5px;}

.ficheseminaires{position:relative;float:right;background:url(../i/fond-fiches-formations.jpg) no-repeat;width:274px;height:240px;margin-top:10px;}
.fichecoaching{position:relative;float:left;background:url(../i/fond-fiches-formations.jpg) no-repeat;width:274px;height:240px;margin-left:37px;margin-top:20px;}
.fichedevperso{position:relative;float:right;background:url(../i/fond-fiches-formations.jpg) no-repeat;width:274px;height:240px;margin-top:20px; margin-right:5px;}
.fichedevperso h2{ margin-left:16px;}

.fondformations{width:135px; height:395px; background: url(../i/fond-formations.jpg) no-repeat;background-position:136px 150px;}

.fondformationsstages{width:350px; height:506px; background: url(../i/fond_stage_com.jpg) no-repeat; background-position:-5px 5px;}
.fondformationsseminaires{width:350px; height:506px; background: url(../i/fond_manage.jpg) no-repeat; background-position:-5px 5px;}
.fondformationscoaching{width:350px; height:506px; background: url(../i/fond_coaching.jpg) no-repeat; background-position:-5px 5px;}
.fondformationsoratoire{width:350px; height:506px; background: url(../i/fond_art.jpg) no-repeat; background-position:-5px 5px;}



.iconopersostages{float:left;background:url(../i/perso-formation-stages.jpg) no-repeat;width:190px;height:239px;margin-left:77px;margin-top:10px;}

/* CLASS EQUIPE
------------------------------------------------ */
.detailequipe{float:right;background:url(../i/fond-fiche-equipe.jpg) no-repeat;width:358px;height:367px;margin-top:5px;}
.detailequipe p{font-size:12px;line-height:18px; letter-spacing:0px;margin-top:10px;}

.diaporamaequipe{clear:both;height:100px;margin-left:37px; padding-top:25px;}
.diaporamaequipe li{float:left;list-style-type:none;}

.diaporamaequipe li a{display:block;height:107px;width:80px; margin-right:0px; margin-left:0px;}

.diaporamaequipe li a.foto0{width:85px;background: url(../i/foto0_p.jpg) no-repeat;}
.diaporamaequipe li a:hover.foto0{background: url(../i/foto0_p_hover.jpg) no-repeat;}
.diaporamaequipe li a.foto0 .actif{width:85px;background: url(../i/foto0_p_hover.jpg) no-repeat;}

.diaporamaequipe li a.foto1{width:78px;background: url(../i/foto1_p.jpg) no-repeat;}
.diaporamaequipe li a:hover.foto1{background: url(../i/foto1_p_hover.jpg) no-repeat;}
.diaporamaequipe li a.foto1{width:78px;background: url(../i/foto1_p.jpg) no-repeat;}

.diaporamaequipe li a.foto2{background: url(../i/foto2_p.jpg) no-repeat;}
.diaporamaequipe li a:hover.foto2{background: url(../i/foto2_p_hover.jpg) no-repeat;}
.diaporamaequipe li a.foto2{background: url(../i/foto2_p.jpg) no-repeat;}

.diaporamaequipe li a.foto3{background: url(../i/foto3_p.jpg) no-repeat;}
.diaporamaequipe li a:hover.foto3{background: url(../i/foto3_p_hover.jpg) no-repeat;}
.diaporamaequipe li a.foto3{background: url(../i/foto3_p.jpg) no-repeat;}

.diaporamaequipe li a.foto4{background: url(../i/foto4_p.jpg) no-repeat;}
.diaporamaequipe li a:hover.foto4{background: url(../i/foto4_p_hover.jpg) no-repeat;}
.diaporamaequipe li a.foto4{background: url(../i/foto4_p.jpg) no-repeat;}

.diaporamaequipe li a.foto5{background: url(../i/foto5_p.jpg) no-repeat;}
.diaporamaequipe li a:hover.foto5{background: url(../i/foto5_p_hover.jpg) no-repeat;}
.diaporamaequipe li a.foto5{background: url(../i/foto5_p.jpg) no-repeat;}

.diaporamaequipe li a.foto6{background: url(../i/foto6_p.jpg) no-repeat;}
.diaporamaequipe li a:hover.foto6{background: url(../i/foto6_p_hover.jpg) no-repeat;}
.diaporamaequipe li a.foto6{background: url(../i/foto6_p.jpg) no-repeat;}

.diaporamaequipe li a.foto7{background: url(../i/foto7_p.jpg) no-repeat;}
.diaporamaequipe li a:hover.foto7{background: url(../i/foto7_p_hover.jpg) no-repeat;}
.diaporamaequipe li a.foto7{background: url(../i/foto7_p.jpg) no-repeat;}


#pagecontainer2{ display:none;padding-left:37px;}
#pagecontainer3{ display:none;padding-left:37px;}
#pagecontainer4{ display:none;padding-left:37px;}
#pagecontainer5{ display:none;padding-left:37px;}
#pagecontainer6{ display:none;padding-left:37px;}
#pagecontainer7{ display:none;padding-left:37px;}
#pagecontainer8{ display:none;padding-left:37px;}

.fotobig{width:196px; height:252px;background: url(../i/foto0.jpg) no-repeat; float:left;}
.fotobig2{width:196px; height:252px;background: url(../i/foto1.jpg) no-repeat; float:left;}
.fotobig3{width:196px; height:252px;background: url(../i/foto2.jpg) no-repeat; float:left;}
.fotobig4{width:196px; height:252px;background: url(../i/foto3.jpg) no-repeat; float:left;}
.fotobig5{width:196px; height:252px;background: url(../i/foto4.jpg) no-repeat; float:left;}
.fotobig6{width:196px; height:252px;background: url(../i/foto5.jpg) no-repeat; float:left;}
.fotobig7{width:196px; height:252px;background: url(../i/foto6.jpg) no-repeat; float:left;}
.fotobig8{width:196px; height:252px;background: url(../i/foto7.jpg) no-repeat; float:left;}

.fondequipe{width:277px; height:315px; background: url(../i/fond-equipe.jpg) no-repeat; background-position:1px 170px;}

.withmarge{ margin-left:20px;}


.cari{ margin-left:25px;}
/* CLASS REFERENCES
------------------------------------------------ */
.alllogo{ margin-top:10px;margin-left:37px;}
.alllogo td{ height:95px;width:180px; text-align:center;}

.fondereferences{width:196px; height:304px; background: url(../i/fond-references.jpg) no-repeat; background-position:15px 190px;}

.subtitleref{margin-left:50px;}

/* ID CONTACT
------------------------------------------------ */
#formations{margin-left:10px; margin-top:5px; width:200px;}

#remarques{margin-left:10px; margin-top:7px;}

#mailrequis{ display:none;}


/* CLASS CONTACT
------------------------------------------------ */
.chefdeproj{line-height:35px;}

.dirigeants{ float:left; margin-bottom:10px;}
.chefdeprojet{ float:right; margin-right:6px;margin-bottom:10px;}

.envoyer{ font-size:11px;background: url(../i/bt_voir-site.jpg) no-repeat; color:#fff; font-weight:bold;height:21px; width:80px; text-align:center; margin-top:0px; margin-left:10px;}

:hover.envoyer{background: url(../i/bt_voir-site-actif.jpg) no-repeat;}

.formenvoye{ margin:70px 70px 70px 170px;}

.fondcontact{width:225px; height:383px; background: url(../i/fond-contact.jpg) no-repeat; background-position:20px 155px;}

.firstinfo{float:left; width:300px; margin-top:15px;}

.iconocontact{width:575px; height:305px;background: url(../i/icono-contact.jpg) no-repeat;margin-left:37px;}

.titreformulaire{float:left; margin-bottom:7px;font-weight:bold;color:#CC0000;}
.btcarre{float:none; display:block; margin-top:30px;}
.margetop{ margin-top:15px;display:block;}

.namemail{float:right;width:190px;height:14px;margin:0px 0 0;padding:0px;font-size:11px;background:url(../i/input-bg.gif) repeat-x; margin-right:10px;}

.textes{width:220px;height:52px;margin:0px 0 0;padding:0px;font-size:11px;background:url(../i/input-bg.gif) repeat-x;}

.titlename{width:70px;float:left;font-weight:bold;font-size:11px; color:#C5071B;margin-left:10px;line-height:18px;margin-bottom:7px;}

.secondinfo{float:right;width:260px;margin-top:15px;}

/* CLASS LIENS
------------------------------------------------ */
.btvoirgda a{background:url(../i/bt_voir-site-gda.jpg) no-repeat; margin-top:20px; margin-right:100px;width:143px; height:21px; line-height:21px;display:block;float:right;text-align:center;font-size:11px; color:#fff;font-weight:bold; letter-spacing:-1px;}
.btvoirgda a:hover{background:url(../i/bt_voir-site-gda-actif.jpg) no-repeat;}

.iconoliens{width:575px; height:305px;background: url(../i/icono-liens.jpg) no-repeat;margin-left:37px;}

.liensweb{display:block;font-weight:bold;font-size:11px;color:#C5071B;line-height:18px;margin-left:0px;font-style:italic; margin-top:10px;}
.liensweb.first{margin-top:0px;}

.thelast{display:block;font-weight:bold;font-size:11px;color:#C5071B;line-height:18px;margin-left:0px;}

.presgda{display:block;float:left;width:208px;height:155px;margin:20px 20px 0px 12px;}

.textpresgda{display:block; margin-top:20px; text-align:justify; margin-right:20px; line-height:15px; font-weight:bold;}

/* CLASS CONTACT & LIENS
------------------------------------------------ */
.btvoirsiteweb a{background:url(../i/bt_voir-site.jpg) no-repeat; margin-top:10px;margin-right:5px;width:80px;height:21px;line-height:21px;display:block;float:right;text-align:center;font-size:11px;color:#fff;font-weight:bold; letter-spacing:-1px;}
.btvoirsiteweb a:hover{background:url(../i/bt_voir-site-actif.jpg) no-repeat;}

.formulairecontact{width:567px; height:216px;background: url(../i/fond-fiche-contact.jpg) no-repeat;margin-left:39px; margin-top:10px;}



.listsiteweb{background:url(../i/separation.jpg) no-repeat; background-position:bottom; float:left;}

/* Exceptions IE 6
------------------------------------------------ */
* html .accesdirect li a{background:url(../i/bt-acces-direct.gif) no-repeat;}
* html .accesdirect li a:hover{background:url(../i/bt-acces-direct-actif.gif) no-repeat;}

* html #container{background:url(../i/bg-container.gif) no-repeat; padding-bottom:12px;}

* html .contactaccueil{margin-left:20px;}

* html .fichestages{margin-left:17px;}
* html .ficheseminaires{margin-left:0px;}
* html .fichecoaching{margin-left:17px;}
* html .fichedevperso{margin-left:0px;}

* html .fichestages li{padding-left:5px;}
* html .ficheseminaires li{padding-left:5px;}
* html .fichecoaching li{padding-left:5px;}
* html .fichedevperso li{padding-left:5px;}

* html .fondaccueil{background-position:160px 170px;}

* html .fondequipe{background-position:10px 240px;}

* html .iconopersostages{margin-left:35px;}

* html .nav ul{margin-bottom:0px;}

* html .newsletter{margin-left:0px;}

* html #relatedcontent{margin-right:20px;}

* html .fichestages li{margin-left:27px;}
* html .ficheseminaires li{margin-left:27px;}
* html .fichecoaching li{margin-left:27px;}
* html .fichedevperso li{margin-left:32px;}

* html .chefdeprojet{margin-right:5px;}

