/* CSS Document */


body {
margin:20px;
padding:0;
font-family: Arial, Verdana, sans-serif;
font-weight : normal; 
/*background-color:transparent;*/
color:#000000;
font-size:11px;
} 

ul {
margin:0;
padding-left:17px;
}


li { 
margin:0;
padding:0;
list-style-image: url(images/puces-verte2.gif); }


p {
line-height:1.2em;
margin-top:0.8em;
margin-bottom:0.8em;
}



a, a:link, a:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
}

a:hover { 
color: #FF6C12; 
font-size: 11px; 
text-decoration: none; 
}


/* menu de gauche */

#menu {
position : absolute;
left:46px;
top:163px;
width:111px;
}


#menutop {
width:111px;
height:23px;
/*background-image:url(images/menu_top.gif);*/
}


#menumid {
width:111px;
height:207px;
/*background-image:url(images/menu_mid.gif) ;
background-repeat : repeat-y;*/
}

a.leftmenu, a.leftmenu:link, a.leftmenu:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu:hover { 
color: #FF6C12; 
font-size: 12px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu img, a.leftmenu:link img, a.leftmenu:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.leftmenu:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}



/*orange*/



a.leftmenu-orange, a.leftmenu-orange:link, a.leftmenu-orange:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-orange:hover { 
color: #FF6C12; 
font-size: 12px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-orange img, a.leftmenu-orange:link img, a.leftmenu-orange:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.leftmenu-orange:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}



/*rouge*/



a.leftmenu-rouge, a.leftmenu-rouge:link, a.leftmenu-rouge:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-rouge:hover { 
color: #FF15B3; 
font-size: 12px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-rouge img, a.leftmenu-rouge:link img, a.leftmenu-rouge:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.leftmenu-rouge:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}



/*vert*/



a.leftmenu-vert, a.leftmenu-vert:link, a.leftmenu-vert:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-vert:hover { 
color: #9FE855; 
font-size: 12px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-vert img, a.leftmenu-vert:link img, a.leftmenu-vert:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.leftmenu-vert:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}


/*bleu*/



a.leftmenu-bleu, a.leftmenu-bleu:link, a.leftmenu-bleu:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-bleu:hover { 
color: #00E8E1; 
font-size: 12px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-bleu img, a.leftmenu-bleu:link img, a.leftmenu-bleu:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.leftmenu-bleu:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}



/*jaune*/




a.leftmenu-jaune, a.leftmenu-jaune:link, a.leftmenu-jaune:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-jaune:hover { 
color: #FFE106; 
font-size: 12px; 
text-decoration: none; 
display: block; 
padding: 10px 0 10px; 
height: 15px;

 }

a.leftmenu-jaune img, a.leftmenu-jaune:link img, a.leftmenu-jaune:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.leftmenu-jaune:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}






/*
#menumid a, #menumid a:link, #menumid a:visited {
display:block;
height:0px;
text-decoration:none;
color:#000000;
font-size:11px;
padding: 7px 0px 5px 0px;
}

#menumid a:hover{
display:block;
height:0px;
text-decoration:none;
color:#FF6C12;
font-size:12px;
padding: 7px 0px 5px 0px;
}
*/

#menubot {
width:111px;
height:23px;
/*background-image:url(images/menu_bot.gif);*/
}




/*sous-menu*/

.sous-menu {
position:absolute;
left:204px;
top:110px;
width:530px;
height:21px;

}

/*
.sous-menu-table {
width:490px;
padding:2px;
}
*/











/*

a.sousmenu, a.sousmenu:link, a.sousmenu:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;

 }

a.sousmenu:hover { 
color: #FF6C12; 
font-size: 12px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;

 }

a.sousmenu img, a.sousmenu:link img, a.sousmenu:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.sousmenu:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}

*/

/*orange*/



a.sousmenu-orange, a.sousmenu-orange:link, a.sousmenu-orange:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;
font-weight:bold;
 }

a.sousmenu-orange:hover { 
color: #FF6C12; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;
font-weight:bold;
 }

a.sousmenu-orange img, a.sousmenu-orange:link img, a.sousmenu-orange:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.sousmenu-orange:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}



/*rouge*/



a.sousmenu-rouge, a.sousmenu-rouge:link, a.sousmenu-rouge:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
font-weight:bold;

 }

a.sousmenu-rouge:hover { 
color: #FF15B3; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
font-weight:bold;

 }

a.sousmenu-rouge img, a.sousmenu-rouge:link img, a.sousmenu-rouge:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.sousmenu-rouge:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}



/*vert*/



a.sousmenu-vert, a.sousmenu-vert:link, a.sousmenu-vert:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;
font-weight:bold;

 }

a.sousmenu-vert:hover { 
color: #9FE855; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;
font-weight:bold;

 }

a.sousmenu-vert img, a.sousmenu-vert:link img, a.sousmenu-vert:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.sousmenu-vert:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;


}


/*bleu*/



a.sousmenu-bleu, a.sousmenu-bleu:link, a.sousmenu-bleu:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;
font-weight:bold;

 }


a.sousmenu-bleu:hover { 
color: #00E8E1; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;
font-weight:bold;

 }

a.sousmenu-bleu img, a.sousmenu-bleu:link img, a.sousmenu-bleu:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;
vertical-align:middle;
}

a.sousmenu-bleu:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}



/*jaune*/




a.sousmenu-jaune, a.sousmenu-jaune:link, a.sousmenu-jaune:visited  { 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;
font-weight:bold;
 }

a.sousmenu-jaune:hover { 
color: #FFE106; 
font-size: 11px; 
text-decoration: none; 
display: inline; 
padding: 0px 20px 0px 0px; 
height: 15px;
font-weight:bold;
 }

a.sousmenu-jaune img, a.sousmenu-jaune:link img, a.sousmenu-jaune:visited  img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;


border:none;
height:11px;
vertical-align:middle;
}

a.sousmenu-jaune:hover img{ 
text-decoration: none; 
padding: 0px 10px 0px 0px; 
align:left;
border:none;
height:11px;

}









 
















/* titres */

#titre {
position : absolute;
top : 60px;
left : 200px;
width: 230px;
height:50px;
color:#323332;
font-size : 12px;
background-color:transparent;
}

#titre-particuliers {
position : absolute;
top : 60px;
left : 200px;
width: 450px;
height:50px;
color:#323332;
font-size : 12px;
background-color:transparent;
}


#titre img {
padding-right : 10px;
vertical-align:middle;
}


#index {
position:relative;
margin:auto;
width:760px;
height:550px;
}


#accueil {
position:relative;
margin:auto;
background-image:url(images/accueil.jpg);
width:760px;
height:550px;
background-color:#ffffff;}

#accueil2 {
position:relative;
margin:0;
padding:0;
background-image:url(images/accueil_milieu.gif);
width:760px;
height:550px;
background-color:transparent;}


#accueilmilieu {
position : absolute;
left:183px;
top:153px;
width:536px;
height:296px;
background-image:url(images/accueil_milieu.gif);
}



#feminin {
position:relative;
margin:auto;
background-image:url(images/feminin.jpg);
width:760px;
height:550px;
background-color:transparent;}

#masculin {
position:relative;
margin:auto;
background-image:url(images/masculin.jpg);
width:760px;
height:550px;
background-color:transparent;}

#particuliers {
position:relative;
margin:auto;
background-image:url(images/particulier.jpg);
width:760px;
height:550px;
background-color:#ffffff;}



#particuliers-masc {
position:relative;
margin:auto;
background-image:url(images/particulier-masc.jpg);
width:760px;
height:550px;
background-color:#ffffff;}


#particuliers-fem {
position:relative;
margin:auto;
background-image:url(images/particulier-fem.jpg);
width:760px;
height:550px;
background-color:#ffffff;}

#particuliers-prof {
position:relative;
margin:auto;
background-image:url(images/particulier-prof.jpg);
width:760px;
height:550px;
background-color:#ffffff;}


#professionnels {
position:relative;
margin:auto;
background-image:url(images/pro.jpg);
width:760px;
height:550px;
background-color:#ffffff;}

#presentation {
position:relative;
margin:auto;
background-image:url(images/presentation.jpg);
width:760px;
height:550px;
background-color:#ffffff;}

#contact {
position:relative;
margin:auto;
background-image:url(images/contact.jpg);
width:760px;
height:550px;
background-color:#ffffff;}

#femininmilieu {
position : absolute;
left:183px;
top:153px;
width:586px;
height:400px;
}


#milieunouv{
position : absolute;
left:183px;
top:153px;
width:586px;
height:400px;
}


#milieunouv2{
position:relative;
top:10px;
left:20px;
overflow:auto;
height:270px;
width:415px;
text-align:justify;
padding:0 20px 0 0;
	  scrollbar-3d-light-color: #ffffff;
   scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
	 scrollbar-dark-shadow-color: #ffffff;
	  scrollbar-face-color: #ffffff;
	  scrollbar-track-color: #FFFFFF;
	   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color: #ffffff; 

}






#milieunouvcontact{
position:relative;
top:10px;
left:20px;
overflow:auto;
height:270px;
width:415px;
text-align:justify;
padding:0 20px 0 0;
	  scrollbar-3d-light-color: #ffffff;
   scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
	 scrollbar-dark-shadow-color: #ffffff;
	  scrollbar-face-color: #ffffff;
	  scrollbar-track-color: #FFFFFF;
	   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color: #ffffff; 
background-image:url(images/genny.jpg);
background-repeat: no-repeat;
background-position : right bottom;
}



#milieunouvaccueil{
position : absolute;
left:483px;
top:145px;
width:342px;
height:395px;
}


#milieunouvaccueil2{
position:relative;
top:10px;
left:20px;
overflow:auto;
height:265px;
width:171px;
text-align:left;
padding:0 30px 0 0;
	  scrollbar-3d-light-color: #ffffff;
   scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
	 scrollbar-dark-shadow-color: #ffffff;
	  scrollbar-face-color: #ffffff;
	  scrollbar-track-color: #FFFFFF;
	   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color: #ffffff; 

}



#promilieu {
position : absolute;
left:183px;
top:153px;
width:536px;
height:296px;
background-image:url(images/pro_milieu.gif);

}


#presmilieu {
position : absolute;
left:183px;
top:153px;
width:536px;
height:296px;
background-image:url(images/pres_milieu.gif);
}

#contactmilieu {
position : absolute;
left:183px;
top:153px;
width:536px;
height:296px;
background-image:url(images/contact_milieu.gif);
}

#milieu-acc {
position:relative;
top:10px;
left:325px;
overflow:auto;
height:275px;
width:205px;
color:#323332;
font-size : 12px;
background-color:transparent;
}

#milieu{
position:relative;
top:10px;
left:20px;
overflow:auto;
height:256px;
width:490px;
padding:0 20px 0 0;
}

#milieu-part{
position:relative;
top:10px;
left:20px;
overflow:auto;
height:270px;
width:415px;
text-align:justify;
padding:0 20px 0 0;
	  scrollbar-3d-light-color: #ffffff;
   scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
	 scrollbar-dark-shadow-color: #ffffff;
	  scrollbar-face-color: #ffffff;
	  scrollbar-track-color: #FFFFFF;
	   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color: #ffffff; 

}


#milieu-part2{
position:relative;
top:10px;
left:20px;
overflow:auto;
height:256px;
width:490px;
text-align:justify;
padding:0 20px 0 0;
}

#milieu-qui{
position:relative;
top:10px;
left:20px;
overflow:auto;
height:256px;
width:490px;
text-align:justify;
padding:0 20px 0 0;
}


.qui2 {
width : 300px;
padding-left : 50px;
text-align:justify;
line-height:1.2em;
}


#logotop {
position : absolute;
left:34px;
top:14px;
width:110px;
height:92px;
background-image:url(images/logo_top.gif);
}

#devis {
position : absolute;
left:37px;
top:460px;
width:141px;
height:34px;
}


#logobot {
position : absolute;
left:445px;
top:450px;
width:249px;
height:63px;
background-image:url(images/logo_bas.gif);
}

#deroulant {
position:relative;
margin:0;
padding:0;
background-image:url(images/defilant.gif);
width:760px;
height:550px;
background-color:transparent;}

/*couleurs*/

.rouge {
color : #FF15B3;
}

.orange {
color: #FF6C12; 
}

.jaune {
color: #FFE106;
}

.bleu {
color: #00E8E1; 
}

.vert {
color: #9FE855; 
}







dl, dt, dd {
margin: 0;
padding: 0;
}

#menuder {
position:absolute;
left:203px;
top:110px;
width:530px;
/*height:21px;*/
z-index:100;
}
#menuder dl {
float: left;
width: 9em;
margin: 0 1px;
}
#menuder dt {
cursor: pointer;
text-align: left;
font-weight: bold;
background: #fff;
border: none;
}
#menuder dd {
border: 1px solid #00E8E1;
}

#menuder ul {
background: #fff;
}

#menuder li {
text-align: left;
background: #fff;
}
#menuder li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menuder li a:hover, #menu dt a:hover {
background: #00E8E1;
color:#ffffff;
}

#smenu1 {
display:none;
}