/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		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; background:#e1dfdf; color:#707070; }
#page{position:relative; width: 929px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; margin-left: auto; margin-right: auto; background:#fff}
#header{ width: 929px; height:129px; background: url(../img/header.jpg) no-repeat; }
#content{position:relative; width: 899px; padding-top:20px; margin: 0 15px;}
#menu{z-index:99; position:relative; width: 929px;height:35px; background: url(../img/bg_menu.gif) repeat-x left;}
#footer{position:relative; width: 929px; height:24px; font-size:11px; text-align:center; color:#fff; margin-top:40px; padding-top:5px; background: url(../img/bg_footer.gif) repeat-x left;}
#bottom{position:relative; width: 929px;height:28px; padding-top:5px; background: url(../img/bg_bottom.gif) repeat-x top;margin-left: auto; margin-right: auto;font-size:11px;text-align:center; color:#3b3b3b; }

#div_left{ margin-right: 20%;}
#div_right{width:232px; float: right;}

#header a{ position:absolute; top:5px; left:14px}
#menu ul li strong{position:absolute; left:-7000px; top:-7000px;} 
h1{ height:31px; padding:8px 0 0 40px; margin-bottom:10px; font-size:19px; color:#576b7d; background: url(../img/puce_titre.gif) no-repeat left;}
h2{ font-size:15px; color:#576b7d; font-weight:normal; }
h2 span{ position:absolute; top:9px; left:30px }
.h2_page{ padding-left:23px; margin:20px 0 5px 0; font-size:17px; font-weight:bold; background: url(../img/puce-h3.gif) no-repeat left;color:#97021e }
h3{ font-size:12px; color:#576b7d; margin-bottom:5px;}
#page-statique p{ margin:10px 0; line-height:15px;} 
#clear{clear:both; height:15px; line-height:0px;}
* html #clear{ height:1px; }  
*+html #clear{ height:1px; }
  
em{font-size:14px; font-weight:bold;}
u{ color:#891449; text-decoration:none; font-weight:bold }
a{ color:#3b3b3b; text-decoration: underline; }

.float_l{ float:left }
.float_r{ float:right } 
/*  ----------------------------*/
/*  MISE EN PLACE DU MENU HAUT */
/*  --------------------------*/
#menu ul{position:absolute  }
#menu ul li {float:left; margin-right:0; position:relative;}
#menu ul li ul {display: none;}
#menu ul li ul li {  z-index:999!important;}

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

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

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

#menu #item17 a{  display: block; width: 84px; height: 29px; background: url(../img/menu/item_04.gif) no-repeat top left }
#menu #item17.active a:link{ background: url(../img/menu/item_04.gif) no-repeat bottom left }
#menu #item17.active a:visited{ overflow:hidden; background: url(../img/menu/item_04.gif) no-repeat bottom left }
#menu #item17 a:hover{ background: url(../img/menu/item_04.gif) no-repeat bottom left }

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

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

/* Version anglaise */
#menu #item6 a{ display: block; width: 87px; height: 29px; background: url(../img/menu/item_06.gif) no-repeat top left }
#menu #item6.active a:link{ background: url(../img/menu/item_06.gif) no-repeat bottom left }
#menu #item6.active a:visited{ background: url(../img/menu/item_06.gif) no-repeat bottom left }
#menu #item6 a:hover{background: url(../img/menu/item_06.gif) no-repeat bottom left }

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

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

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

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

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

#menu p{ position:absolute; top:8px; right:115px; font-size:14px}
#fr{ position:absolute; top:5px; right:40px; }
#es{ position:absolute; top:5px; right:69px; }
#en{ position:absolute; top:5px; right:10px; }
/*  ----------------------------*/
/*  MISE EN PLACE CONTENU */
/*  --------------------------*/

/* ACCUEIL */
#encart-actu{width:654px; height:194px; border:1px solid #c7c7c7 }
#encart-actu .immg{ margin-right: 15px; }
#encart-actu #para{ float:left; width:440px; } 
#h2-actu{ position:relative; width:658px; height:35px; margin:15px 0 10px 0; background: url(../img/Titre_Actu.gif) no-repeat left;}
.encart_maj{ float:left; width:200px; padding:0 10px }
#h2-cata{ position:relative; width:232px; height:35px; margin:0; background: url(../img/titre_menu_catalogues.gif) no-repeat left;}
#h2-cata span{ top:8px }
#div_right ul{ border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-right:3px; padding:6px 0 0 10px; }
#div_right ul li{ padding-bottom:3px} 
#div_right ul li a{ padding-left: 18px; color:#595959; background: url(../img/puce_off.gif) no-repeat 0 2px}
#div_right ul li a:hover{ color:#7acced; padding-left: 18px; background: url(../img/puce_on.gif) no-repeat 0 2px }

/* CATALOGUES */
#video{ float:right; margin:0 40px 20px 0; }
#video p{ width: 330px; text-align:center; font-size: 10px; margin-top:10px;}
#ulvideo li{ margin-bottom:10px }
.marg{ margin:5px 0 0 15px; } 
.tpo{ margin-top:10px }
ul.feuille_pdf{ padding:0; margin:25px 0 0 0px}
ul.feuille_pdf li{ position: relative; padding:0 0 13px 0; margin:0 0 0 0;  color:#234157;  } 
ul.feuille_pdf img{ padding:0; margin:0 }
ul.feuille_pdf span{ position:absolute; left:300px }
ul.feuille_pdf li a{ color:#234157; }
ul.feuille_pdf li a:hover{ text-decoration:none } 
.liens {margin-bottom:12px;}
#tableau {
background:#F0F0F0 url(../img/bg_catalogue.gif) no-repeat scroll left top;
height:360px;
margin-top:20px;
position:relative;
width:900px;
}

#tableau h2{
  color:#fff;
  font-weight:bold;
}


#description {
  font-size:12px;
  color:#686868;
  line-height:14px;
}

#nvideo {
position:absolute;
right:20px;
top:40px;
}

#nphoto {
border:1px solid #00386E;
position:absolute;
left:480px;
top:53px;
}

#nphoto_agraphes {
border:1px solid #00386E;
position:absolute;
left:410px;
top:53px;
}

#ndoc {
left:20px;
position:absolute;
top:40px;
}

#ndoc li a {
color:#2f2f2f;
font-size:12px;
text-decoration:underline;
}

#ndoc li a:hover {
color:#000;
font-size:12px;
text-decoration:underline;
}

#ndoc li {
  margin-bottom:10px;
}

#h_doc {
font-size:12px;
font-weight:bold;
left:10px;
padding-top:2px;
position:absolute;
text-transform:uppercase;
}

#h_media {
font-size:12px;
font-weight:bold;
left:340px;
padding-top:2px;
position:absolute;
text-transform:uppercase;
}


/* Societe */
.first-h3{ clear:both; margin-top:40px }
.second-h3{clear:both; margin-top:0px  }
dt{ margin:10px 0 5px 0 }    
dd{ margin-left:30px }

.im2{ margin-right: 50px; }

#prod-left, #prod-right{ float:left }
#prod-left{ margin-right:180px }
#prod-left dt, #prod-right dt{ margin:15px 0 2px 0 }
#theme li{ margin:2px 0 0 40px; } 
.im4{ margin-right: 380px; }
#page-statique #need-space{ margin:15px 0 }
/* garanties */
.imcertif{ margin:0 0 15px 15px }
.sign1{ float:left; text-align: center; margin:20px 0 0 50px }
.sign2{  margin-right:150px } 

/* CONTACT */
address{ line-height: 17px; }
#div_left_contact{ float:left; width:400px; margin-right:50px; }
#div_right_contact{ float:left; width:400px; padding-top:10px }
#div_right_contact h2{ padding-left:30px; margin-bottom:10px; font-size: 14px; background: url(../img/picto-infos-pratiques.gif) no-repeat left }
#div_right_contact #plan-acces h2{background: url(../img/picto-plan-acces.gif) no-repeat left }
#plan-acces{ margin-top:30px;}
#div_right_contact a{ text-decoration: underline; color:#474545 }
#div_right_contact a:hover{color:#000000 }
#div_right_contact #map{ width:350px; height:350px; }
#div_left_contact p{ font-size:13px; padding-right:10px; margin:0; }
#div_left_contact p.thankyou{ text-align: center; padding: 10px; margin: 20px 0 0 0; border: 1px dashed #CCC;}
#div_left_contact #errors{ color: red; background: #CCC; padding: 10px; font-size:11px; margin: 0 10px 10px 0;}
#clearcontact {clear:both; width:10px; height:1px; margin-top:-40px; padding:0; margin-bottom: 45px;}
/* INPUTS DU FORMULAIRE */
input{ font-size: 12px; height:15px; padding: 1PX 0 1PX 4px; border-top: 1px solid #ACA899; border-left: 1px solid #ACA899;border-bottom: 1px solid #E4E3DE; border-right: 1px solid #E4E3DE;   width: 200px; }
textarea{ font-size: 12px; padding: 4px; border: 1px solid #7F9DB9; width: 330px; height:140px }
select{ border: 1px solid #C0C0C0; width: 60px;}
#valid {
background:transparent url(../img/bt.gif) no-repeat left top;
cursor:pointer;
display:block;
height:22px;
margin-left:10px;
width:77px;
border:none
} 
/* footer */
#footer a{color:#fff;}


#dewtube { z-index:0;margin:0 0 0 275px; }