/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		Copyrigth (c)
|		Webdesign : CalliWeb
|		http://www.calliweb.fr
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none }
/*  ---------------------  */
/*  MISE EN PAGE GENERAL */
/*  --------------------*/
body{ font-family: arial,helvetica,sans-serif; font-size: 12px; color:#474545; background:#efefef;}
#page{width: 1004px; margin-left: auto;margin-right: auto; background: url(../img/bg_middle.gif) repeat-y top;}
#header{position:relative; width: 987px; margin-left:17px; height:150px; background: #FFF url(../img/bg_header.gif) no-repeat right top; }
#header a{ position: absolute;left:30px; top:20px }
#content{ position:relative; padding-top:138px; margin-left:17px; background: url(../img/vague_ambition.jpg) no-repeat left top}
#footer{ clear:both;position:relative; width: 987px; margin-left:17px; height:102px; background: #efefef url(../img/bg_footer.gif) no-repeat top;}
#footer_ombre{width: 1004px; height:10px; background: #efefef url(../img/ombre_footer.gif) no-repeat top;}
#footer p{ position:absolute; left:23px; bottom:18px; color:#60cacc }
#footer a{ color:#60cacc; text-decoration:underline; }

#menu ul li a strong, .h2_contactez_nous strong, .h2_actu strong, #h1_accueil strong, #dom_inter_fiche span, .h2_references strong{position:absolute; left:-7000px; top:-7000px;}
#clear{ clear: both; }
h1{ padding-top:20px }
/* Div Left */
#div_left{position:relative; width:750px; height:600px; color:#929293; }
html>body #div_left {height: auto;min-height: 600px;}

#div_left2{position:relative; width:720px; height:600px; color:#929293; }
html>body #div_left2 {height: auto;min-height: 600px;}
/* Div Right */
#div_right{ position:absolute; width:190px; height: 516px;/* min-height pour IE */ right:0px; top:160px; padding:30px 30px 0 18px;  background: url(../img/barre_bleu_verticale.jpg) no-repeat left top }
html>body #div_right {height: auto;min-height: 516px;}
#contactez_nous{  margin-bottom:40px}
#contactez_nous .h2_contactez_nous{ width: 166px; height:16px; margin-bottom:10px; background:url(../img/contactez_nous.gif) no-repeat top; }
#contactez_nous p{ margin:10px 0 0 0; font-size:13px; font-weight:bold; color: #9e9e9e; }
#contactez_nous a{ color: #9e9e9e; text-decoration: underline; }
#notre_actualite .h2_actu{ width: 165px; height:15px; margin-bottom:10px; background:url(../img/notre_actualite.gif) no-repeat top }
#notre_actualite h3{ font-size:13px; margin-bottom:2px; color: #9e9e9e; }
#notre_actualite p{ margin:5px 0 0 0; color: #9e9e9e;}
#notre_actualite p.en_savoir{ margin-top:10px; text-align:right;}
#notre_actualite p.en_savoir a{ color: #bcca2c; text-decoration: underline; font-weight:bold;}
.h2_references{ width: 166px; height:16px; margin-bottom:10px; background:url(../img/references.gif) no-repeat top; }  
/* Div Right 2 */
#div_right2{ position:absolute; width:220px; height: 516px;/* min-height pour IE */ right:0px; top:160px; padding:0px 30px 0 18px; -padding-right:0; background: url(../img/barre_bleu_verticale.jpg) no-repeat left top }
html>body #div_right2 {height: auto;min-height: 516px;}
#dom_fiche_stage strong, #dom_rea strong{position:absolute; left:-7000px; top:-7000px;}
#domaine_right #dom_fiche_stage dt{  height:70px; background: url(../img/head_stage.jpg) no-repeat top}
#domaine_right #dom_rea dt{  height:70px; background: url(../img/head_reas.jpg) no-repeat top}
#domaine_right dd{ background: url(../img/listing/puce_menu_gris.gif) no-repeat 0 8px ; border-bottom:1px solid #b1b1b3}
#domaine_right dd a{ color:#b1b1b3; }
#domaine_right dd a:hover{color:#454545}
#dom_inter_fiche{width:228px; height:49px; background: url(../img/dom_inter.gif) no-repeat left}
/*  ----------------------------*/
/*  MISE EN PLACE DU MENU HAUT */
/*  --------------------------*/
#menu{z-index:3000; position:relative;  background: #efefef; height:44px; margin:0 17px;}
#menu ul {padding:0}
#menu ul li {position:relative; float: left;}
#menu ul li ul {display: none;}
#menu ul li a strong{position:absolute; left:-7000px; top:-7000px;}


#menu #item1 a{ display: block; width: 168px; height: 44px; background: url(../img/menu/item1.gif) no-repeat top left }
#menu #item1.active a:link{ background: url(../img/menu/item1.gif) no-repeat bottom left }
#menu #item1.active a:visited{ background: url(../img/menu/item1.gif) no-repeat bottom left }
#menu #item1 a:hover{background: url(../img/menu/item1.gif) no-repeat bottom left }

#menu #item2 a{ display: block; width: 160px; height: 44px; background: url(../img/menu/item2.gif) no-repeat top left }
#menu #item2.active a:link{ background: url(../img/menu/item2.gif) no-repeat bottom left }
#menu #item2.active a:visited{ background: url(../img/menu/item2.gif) no-repeat bottom left }
#menu #item2 a:hover{background: url(../img/menu/item2.gif) no-repeat bottom left }

#menu #item3 a{ display: block; width: 258px; height: 44px; background: url(../img/menu/item3.gif) no-repeat top left }
#menu #item3.active a:link{ background: url(../img/menu/item3.gif) no-repeat bottom left }
#menu #item3.active a:visited{ background: url(../img/menu/item3.gif) no-repeat bottom left }
#menu #item3 a:hover{background: url(../img/menu/item3.gif) no-repeat bottom left }

#menu #item4 a{ display: block; width: 158px; height: 44px; background: url(../img/menu/item4.gif) no-repeat top left }
#menu #item4.active a:link{ background: url(../img/menu/item4.gif) no-repeat bottom left }
#menu #item4.active a:visited{ background: url(../img/menu/item4.gif) no-repeat bottom left }
#menu #item4 a:hover{background: url(../img/menu/item4.gif) no-repeat bottom left }

#menu #item5 a{ display: block; width: 120px; height: 44px; background: url(../img/menu/item5.gif) no-repeat top left }
#menu #item5.active a:link{ background: url(../img/menu/item5.gif) no-repeat bottom left }
#menu #item5.active a:visited{ background: url(../img/menu/item5.gif) no-repeat bottom left }
#menu #item5 a:hover{background: url(../img/menu/item5.gif) no-repeat bottom left }

#menu #item6 a{ display: block; width: 106px; height: 44px; background: url(../img/menu/item6.gif) no-repeat top left }
#menu #item6.active a:link{ background: url(../img/menu/item6.gif) no-repeat bottom left }
#menu #item6.active a:visited{ background: url(../img/menu/item6.gif) no-repeat bottom left }
#menu #item6 a:hover{background: url(../img/menu/item6.gif) no-repeat bottom left }
/* ------------- */
/* Mise en page */
/* ----------- */
/* Accueil */
#encart_accueil{ width:640px; height:113px; margin-left:30px; background: url(../img/parenthese_verte.jpg) no-repeat left }
#encart_accueil p{ padding:8px 0 0 30px; /padding:10px 0 0 30px; line-height:15px; font-size: 14px;  color:#ef8127; font-weight:bold}
#encart_accueil #smal{ padding:5px 0 0 30px; /padding:5px 0 0 30px; line-height:15px; font-size: 12px; color:#984A0C; font-weight:normal}
#encart_accueil a{ color:#984A0C; text-decoration:underline }
#encart_accueil a:hover{ color:#432105; }  
#h1_accueil{ width:346px; height:40px; margin:35px 0 0 15px; background: url(../img/nos_domaines.jpg) no-repeat left }

.listing{clear:left; margin-left:15px;}
#management_op dt strong, #comm_p dt strong, #coaching dt strong, #ingenierie dt strong, #relation dt strong, #managemencomm dt strong{position:absolute; left:-7000px; top:-7000px;}
dl{ float:left; margin:40px 18px 0 0;}
dl dt{width:222px; height:46px; margin:0px;   }
dl dd{width:207px; padding:5px 0 5px 15px; font-size:11px;}

#management_op dt{ background: url(../img/listing/menu_managementop.jpg) no-repeat left }
#management_op dd{ background: url(../img/listing/puce_menu_jaune.gif) no-repeat 0 8px ; border-bottom:1px solid #FED943}
#management_op dd a{ color:#dfb406; }
#management_op dd.active a, #management_op dd a:hover{color:#454545}

#comm_p dt{ background: url(../img/listing/menu_comm.jpg) no-repeat left }
#comm_p dd{  background: url(../img/listing/puce_menu_orange.gif) no-repeat 0 8px ; border-bottom:1px solid #ee8126}
#comm_p dd a{ color:#ee8126; }
#comm_p dd.active a, #comm_p dd a:hover{color:#454545}

#coaching dt{ background: url(../img/listing/menu_coaching.jpg) no-repeat left }
#coaching dd{ background: url(../img/listing/puce_menu_gris.gif) no-repeat 0 8px ; border-bottom:1px solid #d7d7d9}
#coaching dd a{ color:#888888; }
#coaching dd.active a, #coaching dd a:hover{color:#454545}

#ingenierie dt{ background: url(../img/listing/menu_ingenierie.jpg) no-repeat left}
#ingenierie dd{ background: url(../img/listing/puce_menu_turquoise_ingienerie.gif) no-repeat 0 8px; border-bottom:1px solid #0db1b3}
#ingenierie dd a{ color:#0db1b3; }
#ingenierie dd.active a, #ingenierie dd a:hover{color:#454545}

#relation dt{ background: url(../img/listing/menu_relation_clientele.jpg) no-repeat left }
#relation dd{  background: url(../img/listing/puce_menu_verte.gif) no-repeat 0 8px ; border-bottom:1px solid #c7d341}
#relation dd a{ color:#9fa92d; }
#relation dd.active a, #relation dd a:hover{color:#454545}

#managemencomm dt{ background: url(../img/listing/menu_managemencomm.jpg) no-repeat left }
#managemencomm dd{ background: url(../img/listing/puce_menu_turquoise.gif) no-repeat 0 8px ; border-bottom:1px solid #94d1ee}
#managemencomm dd a{ color:#46acdd; }
#managemencomm dd.active a, #managemencomm dd a:hover{color:#454545}
/* page presentation */
#encart_tof{ margin-bottom:20px }
#page_presentation{ margin:20px 20px 20px 15px; }
#page_presentation h1{ margin-bottom:20px; font-size:21px; color:#fed843 }
#page_presentation h2{ margin:30px 0 5px 0; font-size:14px; color:#90d4d5;background: url(../img/trait.gif) no-repeat bottom left ;  }
#page_presentation h3{ margin:20px 0 0px 0; font-size:13px; color:#C8D443;}
#page_presentation p{ margin-bottom:10px; color:#929293 }
#page_presentation p span{ color:#c8d443; font-weight:bold }
#page_presentation a{ color:#929293; text-decoration:underline }
#page_presentation a:hover{ color:#000; }
/* page domaine d'intervention */
#dom_inter{ margin:20px 20px 20px 15px;}
#dom_inter h1{ margin-bottom:10px; font-size:21px; }
#dom_inter h2{ margin:30px 0 5px 0; font-size:14px; color:#47c2c4; }
#dom_inter p{ margin-bottom:10px; color:#929293 }
#dom_inter a{ color:#929293; text-decoration:underline }
#dom_inter a:hover{ color:#000; }

#dom_inter h1#manag_op{ color:#fed843 }
#dom_inter h1#comm_effi{ color:#ef8127 }
#dom_inter h1#coaching{ color:#9e9e9e }
#dom_inter h1#ingenierie{ color:#0db1b3 }
#dom_inter h1#relation{ color:#c9d443 }
#dom_inter h1#mana_inter{ color:#94d2f0 }
/* page contact */
#page_contact{ margin:20px 0 0 15px;}
#page_contact h1{ margin-bottom:20px; font-size:21px; color:#fed843 }
#page_contact h2{ margin:30px 0 5px 0; font-size:14px; color:#c8d443 }
#page_contact p{ color:#929293 }
#page_contact a{ color:#929293; text-decoration:underline }
#page_contact a:hover{ color:#000; }
/* Fiche de stage et réa */
#fiche{ margin:0px 0px 20px 15px;}
#fiche #head{ position:absolute; width:550px; height:65px; margin-left:130px; background: url(../img/fiche_stage.gif) no-repeat right top }
#fiche #head.rea{ position:absolute; width:550px; height:84px; margin-left:130px; background: url(../img/realisations.gif) no-repeat right top }
#fiche #head li{ float:left; margin-right:20px; padding-left:20px; margin-top:30px}
#fiche #head li a{ color:#3e85a3; text-decoration:underline }
#fiche #head a:hover{ color:#555555 }
#fiche #head #print{ background: url(../img/impression.gif) no-repeat left }
#fiche #head #pdf{ padding-left:16px; background: url(../img/pdf.gif) no-repeat left }
#fiche h1{ padding:100px 0 10px 0; font-size:21px; color:#fed843}
#fiche .h1rea{ padding:120px 0 0px 0; font-size:21px; color:#fed843}
#fiche span{ position:absolute; right:25px; -right:30px}
#fiche h2{ margin:30px 0 5px 0; font-size:14px; color:#47c2c4; }
#fiche p{ margin-bottom:10px; color:#929293 }
#fiche a{ color:#929293; text-decoration:underline }
#fiche a:hover{ color:#000; }
/* mise en page fiche et rea */
#encart_fiche{ margin-top: 10px; margin-right: 25px; -margin-right: 30px; padding: 15px; background:#ebebed ; border: 1px solid #91d3d2 ;}
#encart_fiche p{ color:#0eb0b3;}
#contenu_fiche{ margin-right: 25px; -margin-right: 30px; }
#contenu_fiche h2{ font-size: 16px; margin:20px 0 10px 0; background: url(../img/trait-2.gif) no-repeat bottom left}
#contenu_fiche h3{ font-size: 13px;color:#c0d538; margin:10px 0 3px 0; }
#contenu_fiche ul{ margin-left:20px }
#contenu_fiche ul li{ padding-left:15px; margin-bottom:5px; background: url(../img/bullet_fiche.gif) no-repeat 0 4px; -height:1%; }
#contenu_fiche ul li ul li{ padding-left:15px; margin-bottom:5px; background: none }
#contenu_fiche ol{ margin-left:0px;  }
#contenu_fiche ol li{ margin-left:40px; padding-left:0px; margin-bottom:5px; background: none; list-style-type: decimal; list-style-position: outside }
#contenu_fiche p{ margin:10px 0; }
/* page actu */
#page_actu{ margin:20px 20px 20px 15px; }
#page_actu .actu{ margin:0 20px 30px 15px; padding-bottom:20px; border-bottom: 1px solid #C0C0C0}
#page_actu h1{ margin-bottom:20px; font-size:21px; color:#fed843 }
#page_actu h2{ margin-bottom:5px; font-size:16px; color:#696969 }
#page_actu h3{ font-size: 13px;color:#c0d538; margin:10px 0 3px 0; }
#page_actu ul{ margin-left:20px }
#page_actu ul li{ padding-left:15px; margin-bottom:5px; background: url(../img/bullet_fiche.gif) no-repeat 0 4px }
#page_actu ul li ul li{ padding-left:15px; margin-bottom:5px; background: none }
#page_actu ol{ margin-left:0px;  }
#page_actue ol li{ margin-left:40px; padding-left:0px; margin-bottom:5px; background: none; list-style-type: decimal; list-style-position: outside }
#page_actu p{ margin:10px 0; color:#696969  }

#page_actu img{padding: 10px  }
#page_actu .flottement_gauche{ padding:3px 10px 4px 0 }





#img_ie6{
  position: absolute; left:-7000px; top:7000px
}


/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
       width:100%;			/* width of whole page */
	overflow:hidden; 	/* This chops off any overhanging divs */
width:970px;
}
/* 2 column right menu settings */

.rightmenu .colleft {
       float:left;
       width:200%;
       margin-left:-200px;
       position:relative;
       right:100%;
       background:#fff;
   }                                 		
   .rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.col1wrap {background: url(../img/barre_bleu_verticale.jpg) no-repeat 918px 0;      }
.rightmenu .col1 {
	margin:0 0px 0 200px;
	overflow:hidden;
	
	width:720px;
}
   .rightmenu .col2 {
       float:right;
       width:250px;
       position:relative;
       left:220px;top:22px
   }
html>body .rightmenu .col2 {left:217px; }