html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol,  
fieldset, form, label, legend   {
margin: 0;
padding: 0;
border: 0px solid #FFFFFF;
outline: 0;
font-weight:normal;
font-style: inherit;
font-size: 100%;
vertical-align: baseline; }
/* remember to define focus styles! */
a:focus {outline: 0; }
body { line-height: 1; color: black; background: white; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {   font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
 html {
overflow-y: scroll;
overflow-y: -moz-scrollbars-vertical;
}

em { font-style:italic;}

.centrageGen {
text-align: center;
}
.degagede15 { margin-left:15px ;} 
.piege { 
 	position:absolute;
    width:1px;height:1px;
	border:0;
} 

body {
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:15px; color:#444444;
    background-color:#222222;
     } 
body {behavior: url(../css/csshover.htc);}

/*   STRUCTURE GENERALE  ...............................................................................*/
      
	  #entete {
    position:absolute;
	margin:0px 0px  0px 28px ;
	display:inline;
	width:940px;
	text-align:left;
	z-index:60;
		}

      #corps {
		margin-left: auto; margin-right: auto;
		width:980px; 
		min-height:600px; 
		height:auto !important; 
		height:600px;		
		text-align:left;
	background-color:#FFFFFF
		}

        #contenu {
		padding-left: 0px;
		margin-left: 145px;
		width:805px; 
		min-height:600px; 
		height:auto !important; 
		height:600px;		
		text-align:left;
	     background-color:#FFFFFF
		}
        #contenu2 {
		padding-left: 0px;
		margin-left: 145px;
		width:690px; 
		min-height:600px; 
		height:auto !important; 
		height:600px;		
		text-align:left;
	     background-color:#FFFFFF
		}

   #footer {
	margin-left: auto; margin-right: auto;
	width:940px;
	font-size:12px; line-height:17px;
	color:#A4A5A0;
	padding:20px;
	background-color:#FFFFFF
		}

     #footerHP {
	position:absolute;
	margin-top: 823px;
	width:940px;
	font-size:12px; line-height:17px;
	color:#A4A5A0;
	z-index:20;
	padding:20px;
	background-color:#FFFFFF
		}

.groupe1 {  background-image:url(../img/visuel_1.jpg); background-repeat:no-repeat;  }
.groupe2 {  background-image:url(../img/visuel_2.jpg); background-repeat:no-repeat;  }
.groupe3 {  background-image:url(../img/visuel_3.jpg); background-repeat:no-repeat;  }
.groupe4 {  background-image:url(../img/visuel_4.jpg); background-repeat:no-repeat;  }
.groupe5 {  background-image:url(../img/visuel_5.jpg); background-repeat:no-repeat;  }
.groupe6 {  background-image:url(../img/visuel_6.jpg); background-repeat:no-repeat;  }
.groupe7 {  background-image:url(../img/visuel_7.jpg); background-repeat:no-repeat;  }
.groupe8 {  background-image:url(../img/visuel_8.jpg); background-repeat:no-repeat;  }
.groupe9 {  background-image:url(../img/visuel_9.jpg); background-repeat:no-repeat;  }
.groupe10 {  background-image:url(../img/visuel_10.jpg); background-repeat:no-repeat;  }
.groupe11 {  background-image:url(../img/visuel_11.jpg); background-repeat:no-repeat;  }
		
/* COLONNES ...............................................................................*/


#ecran, #ecran2{
position:absolute;
width:100%; height:100%; 
z-index:160;
text-align:center;
display:none;
}
#ecran_noir,#ecran_noir2{
position:absolute;
width:100%; height:100%; 
background-color:#000; 
z-index:150;
text-align:center;
filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
display:none;
}
.video_ecran{
  line-height:28px
}

/* RECHERCHE ...............................................................................*/

	  #search0 {
 		position:absolute;
		width:300px; height:29px; 
		z-index:10;
		margin:164px 0 0 30px;
		background-image:url(../img/fond_champ_recherche2.png); background-repeat:no-repeat; 
		}
	  #search {
		margin:-2px 0 0 2px;
		width:300px; height:29px; 
		padding:3px !important;
		padding:2px;
		z-index:9;
		}
 
/* SLIDESHOW HP ...............................................................................*/

.tablo_histo_1{ font-weight:bold; width:40px; }
.tablo_histo_2{   width:330px; }
.tablo_histo_3{   width:420px; }

/* SLIDESHOW HP ...............................................................................*/

#slideshow {
    position:absolute;
    width:400px;
	z-index:1;
}
#slideshow IMG {
    position:absolute;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}

/* SLIDESHOW NIVEAU 2 ...............................................................................*/

#slideshow2 {
	z-index:1;
}
#slideshow2 IMG {
    position:absolute;
    z-index:8;
    opacity:0.0;
}
#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow2 IMG.last-active {
    z-index:9;
}





/* NAVIG ...............................................................................*/
  #navig {
position:absolute; display:inline;
margin: -186px 0 0 190px !important;
#margin:  -185px 0 0  146px;
 text-align:left;
}
.arrow1{
position:absolute;  
top:3px; 
#top:5px; 
left:107px;
}
.arrow2{
position:absolute;  
top:3px; 
#top:5px; 
left:206px;
}
.arrow3{
position:absolute;  
top:3px; 
#top:5px; 
left:105px;
}

div#navig ul a:link {color:#FFF;}
div#navig ul a:hover {color:#000;}
div#navig ul a:visited {color:#FFF;}
div#navig ul a:active {color:#000;}

div#navig ul a {display:block; padding:3px 7px ;    text-decoration:none;}
div#navig ul li#l1, div#navig ul li#l2, div#navig ul li#l3 {display:block; padding:3px 7px ;    text-decoration:none; cursor:pointer;}
div#navig ul li ul li#l1-1, div#navig ul li ul li#l1-2, div#navig ul li ul li#l1-3, div#navig ul li ul li#l1-4  {display:block; padding:3px 7px ;    text-decoration:none; cursor:pointer;}
div#navig ul li ul li#l2-1, div#navig ul li ul li#l2-2, div#navig ul li ul li#l2-3,div#navig ul li ul li#l2-4, div#navig ul li ul li#l2-5, div#navig ul li ul li#l2-6, div#navig ul li ul li#l2-7  {display:block; padding:3px 7px ;    text-decoration:none; cursor:pointer;}

div#navig ul, div#navig ul ul,  div#navig ul li ul , div#navig ul li ul li { 
 margin:0; padding:0; 
list-style-type:none;  
position:relative;  
 line-height:18px;
 }
 
div#navig ul  li {  width: 130px;  background-image:url(../img/rouge.gif); background-repeat:no-repeat; background-position:-570px 0px;  color:#FFF }
div#navig ul  li a{  width: 110px;   }
div#navig ul li a:hover {   background-image:url(../img/blanc3.gif); background-repeat:no-repeat; background-position:-570px 0px;  color:#000; }
div#navig ul li#l1:hover, div#navig ul li#l2:hover, div#navig ul li#l3:hover, div#navig ul li#l4:hover {   background-image:url(../img/blanc3.gif); background-repeat:no-repeat; background-position:-570px 0px;  color:#000; }

div#navig ul li ul {   position:absolute; display:none;   top:0px; left:155px!important; #left:130px;}
div#navig ul li ul { background-image:url(../img/rouge.gif); background-repeat:no-repeat; background-position:-470px 0px;}
div#navig ul li ul  li{ width:230px;  border:0px solid #000}
div#navig ul li ul  li a{ width:210px;   }
div#navig ul li ul a:hover {  background-image:url(../img/blanc3.gif); background-repeat:no-repeat; background-position:-470px 0px;  color:#000; }
div#navig ul li ul li#l1-1:hover, div#navig ul li ul li#l1-2:hover, div#navig ul li ul li#l1-3:hover, div#navig ul li ul li#l1-4:hover {   background-image:url(../img/blanc3.gif); background-repeat:no-repeat; background-position:-470px 0px;  color:#000; }
div#navig ul li ul li#l2-1:hover, div#navig ul li ul li#l2-2:hover, div#navig ul li ul li#l2-3:hover, div#navig ul li ul li#l2-4:hover, div#navig ul li ul li#l2-5:hover, div#navig ul li ul li#l2-6:hover , div#navig ul li ul li#l2-7:hover{   background-image:url(../img/blanc3.gif); background-repeat:no-repeat; background-position:-470px 0px;  color:#000; }

div#navig ul li ul li ul  {  position:absolute; display:none;   top:0px; left:253px!important; #left:228px;}
div#navig ul li ul li ul { background-image:url(../img/rouge.gif); background-repeat:no-repeat; background-position:-400px 0px;}
div#navig ul li ul li ul li { width:290px;   }
div#navig ul li ul li ul li a { width:290px;  }
div#navig ul li ul li ul li a:hover {  	background-image:url(../img/blanc3.gif); background-repeat:no-repeat; background-position:-401px 0px;  color:#000; }

 div#navig ul ul#u1-1-1 {top:-72px;   }
div#navig ul ul#u1-1-2 {top:-48px;    }
div#navig ul ul#u1-1-3 {top:-120px;     }
div#navig ul ul#u1-2 {top:-48px;     }
div#navig ul ul#u1-2-1 {top:-24px;   }
div#navig ul ul#u1-2-2 {top:-48px;   }
div#navig ul ul#u1-2-3 {top:-72px;   }
div#navig ul ul#u1-2-4 {top:-96px;   }
div#navig ul ul#u1-2-5 {top:-120px;   }
div#navig ul ul#u1-2-6 {top:-144px;   }
div#navig ul ul#u1-2-7 {top:-48px;   }
div#navig ul ul#u1-3 {top:-72px;    }

div#navig ul li {  
position:relative; 
margin-right:6px;
 }
 
div#navig ul li:hover ul ul, div#navig ul li:hover ul ul ul, div#navig ul li:hover ul ul ul ul {display:none;}
div#navig ul li:hover ul, div#navig ul li li:hover ul, div#navig ul li li li:hover ul, div#navig ul li li li li:hover ul {display:block;}

 
 
/* VALEURS FONDAMENTALES ...............................................................................*/

#valeurs_content ul ,#valeurs_content ul li{
padding-left:25px;  
list-style-type:none;  
position:relative;  
 line-height:16px;
}


/* MENU LANGUE ...............................................................................*/



div#lang2  { 
position:absolute;
width:94px;
#width:119px;
margin:-78px 0 0 -32px; 
#margin:-78px 0 0 -32px; 
}


div#lang  { 
position:absolute;
width:94px;
#width:119px;
margin:-78px 0 0 25px; 
#margin:-78px 0 0 0px; 
background-color:#E60005;
}
div#lang ul a:link {color:#FFF;}
div#lang ul li a:hover {color:#000;}
div#lang ul a:visited {color:#FFF;}
div#lang ul a:active {color:#000;}
div#lang a:hover {  background:#FFF;}
 
div#lang ul , div#lang ul  ul ,  div#lang ul  ul li   , div#lang ul  ul li ul li { margin : 0  ; padding:0 ; list-style-type:none;  position:relative;   background-color:#E60005; }

div#lang ul  { #margin-left : -20px  ;  }

div#lang  a {    padding:3px 7px;  height:18px ; display:block;}
  
div#lang ul  ul {
position:absolute; 
display:none; 
width:119px; 
top:21px; 
left:25px; 
#left:0px; 
}
div#lang ul  li ul {  width:119px;}
div#lang ul  li ul a {width:105px;   }
div#lang ul  ul ul {top:auto;}
div#lang ul  li:hover ul{display:block;}

.flag { 
margin-right:10px;
} 
 
/* ENTETE ...............................................................................*/

#citation0{
	position:absolute;
	margin-left: 0px;
	margin-top: 211px;
	width:920px;
	font-size:13px; line-height:17px;
	background-color:#E60005;
	z-index:20;
	padding:8px 30px;
}
#citation1{
	font-size:13px; line-height:17px;
	color:#ffffff;
	text-align:justify;
}

#vignette_hp{
	position:absolute;
	margin-left: 300px;
	margin-top: -185px  ;
	width:330px;
	height:173px;
	background-color:#ffffff;
	background-image:
	z-index:0;
}

#news_hp, #news2_hp{
	position:absolute;
	margin-left: 650px;
	margin-top: -185px  ;
	width:246px;
	height:161px;
	z-index:0;
    padding:6px 20px 6px 6px;
}
#news_hp{ background-color:#FFFFFF; }
#news2_hp{ background-image:url(../img/fond_news.png); background-repeat:no-repeat; background-position:bottom right; }
 
#vignette_prod, #vignette_prod0{
	position:absolute;
	margin-left: 300px;
	margin-top: -185px   ;
	width:494px;
	height:161px;
	z-index:0;
	padding:6px;
}

#vignette_prod0{
	background-color:#FFF;
}

/* PHOTOS  ...............................................................................*/

.photo1{
	position:absolute;
	margin:0 0 0 465px;
}
.photo2{
	position:absolute;
	margin:30px 0 0 375px !important; 
	margin:30px 0 0 375px ; 
}


/* COLONNES  ...............................................................................*/

#gauche_1 {  
		float:left; text-align:left; 
		margin:0px 0 6px 15px !important; 
		margin:0px 0 6px 8px ; 
		width:320px;
		border:solid 0px ;
}
#gauche_2 {  
		float:left; text-align:left; 
		margin:0px 0 6px 15px !important; 
		margin:0px 0 6px 8px ; 
		width:360px;
		border:solid 0px ;
}
#gauche_3 {  
		float:left; text-align:left; 
		margin:0px 0 6px 5px !important; 
		margin:0px 0 6px 3px ; 
		width:250px;
		border:solid 0px #000000 ;
}
#gauche_4 {  
		float:left; text-align:left; 
		margin:0px 0 6px 5px !important; 
		margin:0px 0 6px 3px ; 
		width:160px;
		border:solid 0px #000000 ;
}


/* TABLE TARIFS ...............................................................................*/

table.services {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid  ;
	border-color: #dd0000;
	border-collapse: collapse;
	background-color: #dd0000;

}
table.services th {
	border-width: 1px;
	padding: 5px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-style: inset  ;
	border-color: #dd0000;
	color:#FFFFFF;
	font-weight:bold;
}
table.services td {
	border-width: 1px;
	padding: 3px;
	border-style: inset  ;
	border-color: #dd0000;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}


/* SOMMAIRE PAGES ...............................................................................*/

div#sommaire_pages a:hover{background-color:#FFFFFF; color:#000000; border-color:#000000;}

div#sommaire_pages a
{
float:left;
text-align:center;
color:#FFFFFF;
display: block ;  
margin-left:4px ;
margin-bottom:4px ;
line-height: 12px ;
width:14px;  height:13px;
text-decoration: none ;
border:1px solid #dd0000;
font-weight:bold;
padding:  2px 0;
background-color:#dd0000; 
}
.som_pages
{
text-align:center;
float:left;
line-height: 12px ;
width:19px;  height:13px;
}
.som_pages_gris
{
float:left;
text-align:center;
color:#FFFFFF;
margin-left:4px;
margin-bottom:4px ;
line-height: 12px ;
width:14px;  height:13px;
border:1px solid #CCCCCC;
background-color:#CCCCCC;
font-weight:bold;
padding:  2px 0;
}


/* COLONNES ...............................................................................*/

 	  #conteneurG {
		float:left;
		width:220px; 
		text-align:left;
		border:0px solid #4C9300;
		padding-top:77px;
		}
      #conteneurC {
		float:left;
		width:515px; 
		text-align:left;
		border:0px solid #4C9300;
		padding-top:10px;
		}
      #conteneurD {
		float:left;
		width:180px; 
		text-align:left;
		border:0px solid #4C9300;
		padding-top:60px;
		}



/*DIVERS...............................................................................*/

 #sentence_prod_txt{
position:absolute; display:inline; 
margin:-250px 0 0 540px;
width:150px;
}
#sentence_prod_ph{
position:absolute; display:inline; 
margin:-250px 0 0 589px;
}
#plus_infos{
background-image:url(../img/bouton_produit_1.jpg); background-repeat:no-repeat;
width:203px; height:40px;
margin-bottom:20px;
padding:10px;
text-align:center;
}
.boutons_produits{
background-image:url(../img/bouton_produit_2.jpg); background-repeat:no-repeat;
width:330px; height:16px;
padding:4px 10px;
text-align:left;
margin-top:10px;
}

.intit_cont{ width:140px !important ;  width:140px}

.arrow_R_1, .arrow_R_2 {
position:absolute;
margin-top: 0px!important ;  
margin-top: 4px ;
color:#FFFFFF;
}
.arrow_R_1 { margin-left: 90px;}
.arrow_R_2 { margin-left: 200px;}



.actu {
position:absolute;
margin-left:747px;
margin-top:186px;
}
.planifiez {
position:absolute;
margin-left:0px;
margin-top:185px;
}
.item_acro{
padding:6px;
}
#search_implant{
position:absolute;
margin:40px 0px 0px 356px;
}



/*CALES...............................................................................*/

.cale4 { width:1px; height:4px; font-size:1px; line-height:1px;  }
.cale6 { width:1px; height:6px; font-size:1px; line-height:1px;  }
.cale8 { width:1px; height:8px; font-size:1px; line-height:1px;  }
.cale10 { width:1px; height:10px;  font-size:1px; line-height:1px;}
.cale15 { width:1px; height:15px;  font-size:1px; line-height:1px;}
.cale22 { width:1px; height:22px;  font-size:1px; line-height:1px;}
.cale55 { width:1px; height:55px;  font-size:1px; line-height:1px;}

/*..................................................................................................*/

.border1 {
border:2px solid #FFFFFF;
background-color:#ECF0F0;
padding:6px;
}

.fill1{  padding:6px; background-color:#FFFFFF;}
.fill0{  padding:6px;  }



/*  UTILITAIRES  ...............................................................................*/

.spacerC { text-align: center; clear: both; }
.spacerL { text-align: left; clear: both; }
.spacerR { text-align: right; clear: both; }
.leftL {  float:left; text-align:left; }
.leftC {  float:left; text-align:center; }
.leftR { float:left; text-align:right; }
.rightL { float:right; text-align:left; }
.rightC { float:right; text-align:center; }
.rightR { float:right; text-align:right; }
.abso { position:absolute; }





.masquageShow {  display:block; }
.masquageHide { display:none; }
.masquageHide2 { visibility:hidden;  }

 img, div { behavior: url(../iepngfix.htc) }