@charset "UTF-8";
/* CSS Document */

/*comuns*/

a  { text-decoration:none;color:#333 }
a:hover  {color:black;}
p,ul{margin:0;padding:0}
li{ list-style:none; background:url(../images/commun/img_li.png) no-repeat; margin-left:20px; padding-left:12px; background-position:2px 5px; padding-bottom:2px; padding-top:2px}
hr{ border:0; border-bottom:#e1e1e1 1px solid;  }
body, html {padding:0;margin: 0;font-family: helvetica,arial;background-color:#F2F2F2;font-size: 13px;color: #333;}

#telecharger{ position:relative; float:left; width:500px; height:25px; line-height:25px; background:url(../images/commun/bt-download.png) no-repeat; padding-left:25px; background-position:5px 7px;}

.style1 {color: #990000}

/* form*/
form { position:relative; margin-top:15px; float:left;}
label { width:100px; float:left; margin-left:15px;text-align:right; line-height:15px;}
input{ border: #999999 1px solid; width:150px; margin-left:20PX; padding-right:50px; margin:0px 20px 10px 20px;}
select{ border: #999999 1px solid; width:150px; margin-left:20PX;  margin:0px 20px 10px 20px; }
textarea{ border: #999999 1px solid; width:150px; height:90px; margin-left:20PX; padding-right:50px; margin:0px 20px 10px 20px; }

#envoyer {width:200px; height:25px; position:relative; float:left; }
#envoyer input{width:200px; height:18px; border:0; background:url(../images/commun/bt-ok.png); float:left; position:relative;}
#commentform{ position:relative; float:left; top:-30px}

h1{color: #000000;word-spacing: Normal;letter-spacing: 0;text-indent: 0px;line-height: 13px;font-size: 13px; margin:0; padding:0; margin-bottom:3px; margin-top:3px;}
h2{font-size:13px; color:#000}

#container{width:996px; position:relative; margin:auto;}
#haut{width:996px; margin:auto; background:url(../images/commun/HAUT.png); height:230px;}

#navigationGallactique{width:705px; position:absolute; left:223px; top:32px; height:37px;}
a.editions_d_apres,a.doc_marketing,a.doc_europa,a.doc_com,a.doc_news,a.influencia,a.doc_ce,a.manuel_merk,a.influenciatendance,#focuseditions_d_apres,#focusdoc_marketing,#focusdoc_europa,#focusdoc_com,#focusdoc_news,#focusdoc_ce,#focusinfluencia,#focusmanuel_merk, #focus_influenciatendance{background:url(../images/commun/nav_galactique.png);position:relative; height:37px; float:left;}

a.editions_d_apres{width:114px;}
a.editions_d_apres:hover{background-position:0 -38px;}
#focuseditions_d_apres{width:114px;background-position:0 -38px;}

a.doc_marketing{width:109px; background-position:-114px 0;}
a.doc_marketing:hover{background-position:-114px -38px;}
#focusdoc_marketing{width:109px;background-position:-114px -38px;}

a.doc_europa{width:91px; background-position:-227px 0;}
a.doc_europa:hover{background-position:-227px -38px;}
#focusdoc_europa{width:91px;background-position:-227px -38px;}

a.doc_com{width:72px;background-position:-318px 0}
a.doc_com:hover{background-position:-318px -38px;}
#focusdoc_com{width:72px;background-position:-318px -38px;}

a.doc_news{width:80px;background-position:-390px 0}
a.doc_news:hover{background-position:-390px -38px;}
#focusdoc_news{width:80px;background-position:-390px -38px;}

a.influencia{width:90px;background-position:-470px 0}
a.influencia:hover{background-position:-470px -38px;}
#focusinfluencia{width:90px;background-position:-470px -38px;}

a.manuel_merk{width:110px;background-position:-560px 0}
a.manuel_merk:hover{background-position:-560px  -38px;}
#focusmanuel_merk{width:110px;background-position:-560px  -38px;}

a.influenciatendance{width:145px;background-position:-560px 0}
a.influenciatendance:hover{background-position:-560px  -38px;}
#focusinfluenciatendance{width:110px;background-position:-560px  -38px;}

#page{background:url(../images/commun/bg_page.png); margin-top:-150px;}
#page{ position:relative;width:996px; margin:auto; float:left}
#bandeauDec{position:relative;  width:990px; height:125px; margin-left:3px; top:0;}
#bandeau{position:relative;  width:990px; margin-left:3px; top:70px;}
#contenu{ width:990px; margin-left:3px; top:0;} 
a.pdf{ width:100%; background:url(../images/commun/pdf.png) no-repeat; padding-left: 25px; margin-top:10px; height:19px; line-height:19px; margin-bottom:10px; float:left; clear:both;}

/*home pages */
#home-col1{ position:relative; width:338px; float:left; left:18px; top:18px; display:block; background:url(../images/commun/bgCol1.png)}
#home-col1 .contenu{ position:relative; width:264px; top:23px;}
#home-col1 a{ color:#000000;}
#home-col1 a:hover{ color:#666666;}
#home-col1 h2{font-size:13px; margin:0; padding:0; margin-top:14px;}


#suivante{ position:relative; float:right; background:url(../images/commun/suivante.png) no-repeat;padding-right:20px; margin-left:55px; background-position:58px 0; width:50px; margin-top:20px;}
#precedente{position:relative; float:left; background:url(../images/commun/precedente.png) no-repeat;padding-left:20px;margin-top:20px;}
#suite{ position:relative; float:right; margin-top:10px;}

#home-col2 {position:relative; width:597px; float:left; left:50px; top:18px; margin-bottom:20px;}
#home-col2 .contenu{ position:relative; width:597px; float:left; top:23px;}
#home-col2 .contenu .produit1, #home-col2 .contenu .produit2, #home-col2 .contenu .produit3, #home-col2 .contenu .produit4,  #home-col2 .contenu .produit8, #home-col2 .contenu .produit9 , #home-col2 .contenu .produit10{position:relative; width:298px; height:115px; float:left; margin-top:15px}
#home-col2 .contenu .produit1{ background:url(../images/commun/doc_marketing.jpg) no-repeat}
#home-col2 .contenu .produit2{ background:url(../images/commun/doc-ce.png) no-repeat}
#home-col2 .contenu .produit3{ background:url(../images/commun/doc_com.jpg) no-repeat}
#home-col2 .contenu .produit4{ background:url(../images/commun/manuel_merk.jpg) no-repeat;}

#home-col2 .contenu .produit8{ background:url(../images/commun/influencia.jpg) no-repeat}
#home-col2 .contenu .produit9{ background:url(../images/commun/doc_news.jpg) no-repeat}
#home-col2 .contenu .produit10{ background:url(../images/commun/doc_europa.jpg) no-repeat}



#home-col2 .contenu .produit1 .txt,#home-col2 .contenu .produit2 .txt,#home-col2 .contenu .produit3 .txt,#home-col2 .contenu .produit4 .txt,#home-col2 .contenu .produit5 .txt,#home-col2 .contenu .produit6 .txt,#home-col2 .contenu .produit7 .txt ,#home-col2 .contenu .produit8 .txt, #home-col2 .contenu .produit9 .txt, #home-col2 .contenu .produit10 .txt  { position:relative; top:60px; width:226px; font-size:11px; cursor:hand}


#home-col2 .contenu .produit5{ background:url(../images/commun/manRouge.png) no-repeat; height:190px; width:200px; float:left; display:block;position:relative;}
#home-col2 .contenu .produit6{ background:url(../images/commun/manVert.png) no-repeat; height:190px;width:200px;float:left; display:block;position:relative;}
#home-col2 .contenu .produit7{ background:url(../images/commun/manMarron.png) no-repeat;  height:190px;width:200px; float:left; display:block; position:relative;}





#home-col2 .contenu .produit5 .txt,#home-col2 .contenu .produit6 .txt,#home-col2 .contenu .produit7 .txt { left:110px; width:200px; display:block; float:left; cursor:hand;}
#home-col2 .contenu .produit5 .txt p,#home-col2 .contenu .produit6 .txt p,#home-col2 .contenu .produit7 .txt p{width:200px; background:none; cursor:hand;}

a#homeProduits{}
a .homeImgProduits{ background:#000; cursor:hand; background:#000; display:block;}


.colMerk{ position:relative; width:280px; float:left;}






#separation{width:996px; height:33px; clear:both;}
#bas{ position:relative;width:990px; margin-left:3px;}
#adresse{ position: absolute;float:left; left:750px; top: 30px;  background: url(../images/commun/contactEA.png) no-repeat; background-position: 0px 0px;width:198px; height:112px;}

#contenu2{ position:relative;width: 800px; margin-top:35px; margin-left:20px;}

a.nouscontacter{position:relative; float:left; width:198px; height:112px;}
a.nouscontacter:hover{background-position:0px -11px}
*html a.nouscontacter{left:667px;margin-top: -60px}


#colBas{float:left; width:130px; margin-bottom:20px; line-height:14px;}

#description{ float:left; width:645px; color:#CCCCCC;}
#footer{ position:relative; width:996px; float:left;}
.spacer{clear:both; width:100%; height:1px; line-height:1px; background:#FF0000;}

/*specifiques*/

#navigation{ width:692px; height:30px; position:absolute; left:294px; top:196px; z-index:10}
a.accueil,a.quisommesnous,a.produits,a.vocation,a.news,a.equipe,a.contact,a.dm-vocation,a.dm-methodologie,a.dm-tarifs,a.dm-equipe,a.metier,a.ouvrages, a.archives, a.inscrire,a.mediakit, a.france, a.italie, a.espagne,a.deutschland, a.uk, a.benelux{background:url(../images/commun/navigation-ea.png) no-repeat;position:relative; height:30px; float:left;}

#focusarchives, #focusmediakit,#focusinscrire,#focusaccueil,#focusquisommesnous,#focusproduits,#focusnews,#focusequipe,#focuscontact,#focusdm-vocation,#focusvocation,#focusdm-methodologie,#focusdm-tarifs,#focusdm-equipe,#focusmetier,#focusouvrages, #focusfrance, #focusitalie, #focusespagne, #focusdeutschland, #focusuk, #focusbenelux{background:url(../images/commun/navigation-ea.png);position:relative; height:30px; float:left;}

a.accueil{width:58px;}
a.accueil:hover{background-position:0 -34px;}
#focusaccueil{width:58px;background-position:0px -34px;}

a.news{width:54px;background-position:-58px 0}
a.news:hover{background-position:-58px -34px;}
#focusnews{width:54px;background-position:-58px -34px;}

a.quisommesnous{width:69px;background-position:-112px 0;}
a.quisommesnous:hover{background-position:-112px -34px;}
#focusquisommesnous{width:69px;background-position:-112px -34px;}

a.metier{width:69px;background-position:-112px 0;}
a.metier:hover{background-position:-112px -34px;}
#focusmetier{width:69px;background-position:-112px -34px;}

a.equipe{width:59px;background-position:-181px 0}
a.equipe:hover{background-position:-181px  -34px;}
#focusequipe{width:59px;background-position:-181px -34px;}

a.contact{width:72px;background-position:-240px 0}
a.contact:hover{background-position:-240px -34px;}
#focuscontact{width:72px;background-position:-240px -34px;}

a.dm-vocation{width:75px;background-position:-312px 0}
a.dm-vocation:hover{background-position:-312px -34px;}
#focusdm-vocation{width:75px;background-position:-312px -34px;}

a.vocation{width:75px;background-position:-312px 0}
a.vocation:hover{background-position:-312px -34px;}
#focusvocation{width:75px;background-position:-312px -34px;}



a.dm-methodologie{width:108px; background-position:-387px 0;}
a.dm-methodologie:hover{background-position:-387px -34px;}
#focusdm-methodologie{width:108px; background-position:-387px -34px;}

a.dm-tarifs{width:58px;background-position:-495px 0}
a.dm-tarifs:hover{background-position:-495px  -34px;}
#focusdm-tarifs{width:58px;background-position:-495px -34px;}

a.ouvrages{width:79px;background-position:-553px 0}
a.ouvrages:hover{background-position:-553px -34px;}
#focusouvrages{width:79px;background-position:-553px -34px;}

a.archives{width:75px;background-position:-632px 0}
a.archives:hover{background-position:-632px  -34px;}
#focusarchives{width:75px;background-position:-632px -34px;}

a.inscrire{width:83px;background-position:-707px 0}
a.inscrire:hover{background-position:-707px  -34px;}
#focusinscrire{width:83px;background-position:-707px -34px;}

a.mediakit{width:76px;background-position:-790px 0}
a.mediakit:hover{background-position:-790px -34px;}
#focusmediakit{width:76px;background-position:-790px -34px;}

/*a.quisommesnous{width:77px;background-position:-893px 0}
a.quisommesnous:hover{background-position:-893px -36px;}
#focusquisommesnous{width:77px;background-position:-893px -24px}
*/

a.faq{width:63px;background-position:-837px 0}
a.faq:hover{background-position:-837px -34px;}
#focusfaq{width:63px;background-position:-837px -34px}

a.france{width:58px;background-position:-866px 0}
a.france:hover{background-position:-866px -34px;}
#focusfrance{width:58px;background-position:-866px -34px}

a.italie{width:55px;background-position:-924px 0}
a.italie:hover{background-position:-924px -34px;}
#focusitalie{width:55px;background-position:-924px -34px}

a.espagne{width:69px;background-position:-979px 0}
a.espagne:hover{background-position:-979px -34px;}
#focusespagne{width:69px;background-position:-979px -34px}

a.deutschland{width:97px;background-position:-1048px 0}
a.deutschland:hover{background-position:-1048px -34px;}
#focusdeutschland{width:97px;background-position:-1048px -34px}

a.uk{width:116px;background-position:-1145px 0}
a.uk:hover{background-position:-1145px -34px;}
#focusuk{width:116px;background-position:-1145px -34px}

a.benelux{width:69px;background-position:-1261px 0}
a.benelux:hover{background-position:-1261px -34px;}
#focusbenelux{width:69px;background-position:-1261px -34px}

/*declinaison*/

#dec-col1{ position:relative; width:186px; float:left;left:18px;  top:18px;}


#dec-col1 .encours, #dec-col1 a { position:relative; width:150px; margin-left:10px; margin-top:12px; color:#000000; float:left; line-height:12px; padding-left:10px; font-weight:bold;}
#dec-col1 .encours, #dec-col1 a:hover { color:#731714; background:url(../images/commun/bg_nav_int.png) repeat-y;}
#dec-col1 a.pdf{ background:url(../images/commun/pdf.png) no-repeat; padding-left: 25px; margin-left: 0px; margin-top:10px; height:19px; line-height:19px;}
#dec-col1 .contenu{ position:relative; top:5px;}


#dec-col2{ position:relative; width:483px; float:left;left:104px; top:17px; }

/*#dec-col2 .contenu{ position:relative; top:30px;}
*/#dec-col2 h2, #dec-col3 h2 { /*font-size:11px;*/ margin-top:3px; margin-bottom:0px}


#dec-col3{ position:relative; width:260px; float:left;left:45px;  top:16px;}
/*declinaison home*/
#cola { position:relative; width:300px;float:left; margin:15px 10px 10px 10px; }
#cola #contenu { position:relative; top:20px; width:280px;}
#cola #contenu .txt  {font-size:13px; cursor:hand}

#col0 { position:relative; width:300px;float:left; margin:15px 10px 10px 10px}
#col0 #contenu { position:relative; top:0px; width:280px;}
#col0 #contenu .txt  {font-size:13px; cursor:hand}