body {
/*définition typo ,marge,fondet couleur police...*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/*width: 1000px;
margin: auto;*/
text-align:justify;
/*background-color:#eae6e1;*/
/*background-color:#F1D3B2;*/
color: #333333;
/*background: #FFFFFF url(images/fond.jpg) top left no-repeat; */
}

 
#background{
position: fixed;
top: 0px;
left: 0px;
z-index: -1;
width: 36%;
height:100%;
background: transparent url(images/fdg.png) top center repeat;

}
#bg{
position: fixed;
top: 0px;
left: 0px;
z-index: -2;
width: 100%;
height:100%;
background: transparent url(images/fdd.png) top center repeat;
}


#conteneur{
width:100%;
height:auto;

padding:0px;
margin:0px;

}
#gauche {
width: 36%;
height:auto;
border:0px;
text-align:right;
padding:0px;
margin:0px;
float:left;
color:#FFFFFF;
}
#tout-a-droite{

float:right;
width: auto;
height:auto;
}
#droite{
width: 64%;
height:auto;
border:0px;
text-align:justify;
padding:0px;
margin:0px;
float:right;
}
#contenu{
width:620px;
height:auto;
border:0px;
text-align:justify;
padding:0px;
margin:0px;
margin-left:80px;
margin-top: 40px;
}


a.box{
display:bloc;
width: 200px;
height:125px;
background-color:#e4e2e2;


}
a:hover.box{
display:bloc;
width: 200px;
height:125px;
background-color:#17462f;

}
img.box{
display:bloc;
width: 180px;
height:105px;
padding:10px;
background-color:#e4e2e2;
}
img:hover.box{
display:bloc;
width: 180px;
height:105px;
padding:10px;
background-color:#17462f;
}

.plus a{
color:#17462f;

}






#bando{
width: 600px;
height:310px;
border:0px;
padding:10px;
margin-left:80px;
margin-top:50px;
text-align:justify;
background-color:#e3e2e2;
}
#titre{
display:block;
width: 325px;
height:197px;
margin:0px;
padding:0px;
margin-right:2px;
margin-top:-10px;
float:right;

}
#navigation {
display:block;
width: 330px;
height: auto;
padding:0px;
margin:0px;
margin-right:2px;
margin-top:-10px;
float:right;
}

#navigation ul {
display:block;
width: 330px;
height: auto;
padding:0px;
margin:0px;
list-style:none;
list-style-type:none;
margin-bottom:0px;
}

#navigation ul  li a.accueil{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-accueil1.png) top center no-repeat;
text-decoration:none;

}
#navigation ul li a.accueil:hover{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-accueil2.png) top center no-repeat;
text-decoration:none;
}

#navigation ul  li a.courent-accueil{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-accueil2.png) top center no-repeat;
text-decoration:none;
}

#navigation ul  li a.cabinet{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-cabinet1.png) top center no-repeat;
text-decoration:none;

}
#navigation ul li a.cabinet:hover{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-cabinet2.png) top center no-repeat;
text-decoration:none;
}

#navigation ul  li a.courent-cabinet{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-cabinet2.png) top center no-repeat;
text-decoration:none;
}
#navigation ul  li a.ou{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-ou1.png) top center no-repeat;
text-decoration:none;

}
#navigation ul li a.ou:hover{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-ou2.png) top center no-repeat;
text-decoration:none;
}

#navigation ul  li a.courent-ou{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-ou2.png) top center no-repeat;
text-decoration:none;
}


#navigation ul  li a.honoraires{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-honoraire1.png) top center no-repeat;
text-decoration:none;

}
#navigation ul li a.honoraires:hover{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-honoraire2.png) top center no-repeat;
text-decoration:none;
}

#navigation ul  li a.courent-honoraires{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-honoraire2.png) top center no-repeat;
text-decoration:none;
}


#navigation ul  li a.info{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-info1.png) top center no-repeat;
text-decoration:none;

}
#navigation ul li a.info:hover{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-info2.png) top center no-repeat;
text-decoration:none;
}

#navigation ul  li a.courent-info{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-info2.png) top center no-repeat;
text-decoration:none;
}

#navigation ul  li a.liens{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-liens1.png) top center no-repeat;
text-decoration:none;

}
#navigation ul li a.liens:hover{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-liens2.png) top center no-repeat;
text-decoration:none;
}

#navigation ul  li a.courent-liens{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-liens2.png) top center no-repeat;
text-decoration:none;
}


#horaire{
display:block;
width: 330px;
height: auto;
padding:0px;
margin:0px;
float:right;
margin-right:2px;
margin-top:50px;
}

#horaire a.horaire{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-horaires1.png) top center no-repeat;
text-decoration:none;

}
#horaire a.horaire:hover{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-horaires2.png) top center no-repeat;
text-decoration:none;
}

#charte{
display:block;
width: 330px;
height: auto;
padding:0px;
margin:0px;
margin-right:2px;
margin-top:50px;
margin-bottom:30px;
float:right;
}

#charte a.charte{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-charte1.png) top center no-repeat;
text-decoration:none;

}
#charte a.charte:hover{
display:block;
width: 330px;
height:61px;
margin:0;
padding:0;
background: transparent url(images/bouton-charte2.png) top center no-repeat;
text-decoration:none;
}

#doc1{
display:block;
width: 300px;
height: auto;
padding:25px;
margin:0px;
margin-right:2px;
margin-top:5px;
float:right;
text-align:justify;
}


#doc2{
display:block;
width: 300px;
height: auto;
padding:25px;
margin:0px;
margin-right:2px;
margin-top:5px;
margin-bottom:30px;
float:right;
text-align:justify;
}






h2{
background:url("images/mini-puce.png") no-repeat left;
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:25px;
padding-top:7px;
padding-bottom:0px;
margin:0px;
margin-top:0px;
margin-left:0px;
text-decoration:none;
font-weight:Bold;
font-size: 12px;
color: #17462f;
width: 595px;
/*font-weight:normal;*/
	
	}
	
#doc1 h2{
background:url("images/mini-puce.png") no-repeat left;
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:25px;
padding-top:7px;
padding-bottom:0px;
margin:0px;
margin-top:0px;
margin-left:0px;
text-decoration:none;
font-weight:Bold;
font-size: 12px;
color: #17462f;
width: 595px;
/*font-weight:normal;*/
	
	}

h3{
background:url("images/mini-puce.png") no-repeat left;
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:25px;
padding-top:7px;
padding-bottom:0px;
margin:0px;
margin-top:0px;
margin-left:0px;
text-decoration:none;
font-weight:normal;
font-size: 12px;
color: #121212;
width: 595px;
/*font-weight:normal;*/
	
	}
h4{
background:url("images/mini-puce.png") no-repeat left;
min-height:22px;
/*padding:0 0 0 25px;*/
/*padding-bottom:0px;*/
padding-left:25px;
padding-top:7px;
padding-bottom:0px;
margin:0px;
margin-top:0px;
margin-left:50px;
text-decoration:none;
font-weight:normal;
font-size: 12px;
color: #121212;
width: 545px;
/*font-weight:normal;*/
	
	}
#ligne{
padding:0px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
width: 620px;
height:5px;
background-color:#c9c9c9;
}





#mentions{
	z-index: +2;
	width: 300px; 
	height: 60px;
	margin-top:15px;
	margin-left:80px;
	color: #333333;
	float:left;
	bottom:0px;
	
}
.liste{
width: 620px;
height: 105px;
padding:0px;
margin:0px;
margin-top:5px;
background: transparent url(images/fd-liste.png) top center no-repeat;
text-align:justify;
}
.tof{
width: 100px;
height: 66px;
padding:0px;
margin-top:15px;
margin-left:15px;
margin-right:15px;
float:left;
}
.titre{
width: 400px;
height: 20px;
padding-top:15px;


}
.def{
width: 400px;
height: 35px;
padding:0px;


}
.plus{
width: 110px;
height: 20px;
padding:0px;
float:right;
margin-right:15px;
bottom:0px;
text-align:left;
margin-bottom:15px;
}


/*------------diapo---------------------------------*/
/*===================*/
/*=== Main Styles ===*/
/*===================*/


/*a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}*/




.theme-default #slider {
/*margin-left:285px;*/
	display:block;
    margin-left:0px;
	margin-right:0px;
    width:600px; 
    height:310px; 
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}


	

/*------------------------------------------------------------------------*/





/*------------------------------------------------------*/				
	

a.bulle {
     position:relative;
     color:#333333; 
     text-decoration:none; 
     font-family:arial, verdana, sans-serif; 
     text-align:center; 
     font-size:11px;
	 
   }
   
   a.bulle:hover {
      background: none; 
      z-index: 50; 
	    color:#17462f;
   }
   
   a.bulle span { 
     display: none;
   }
   
   a.bulle:hover span {
      display: block; 
      position: absolute;
      top: -250px; 
      left: 40px;
      font-family:arial, verdana, sans-serif; 
      text-align:justify; 
      font-size:12px;
      font-weight:normal;
      background: white;
      padding: 5px;
      border: 1px solid #000000;
      border-left: 1px solid #000000;
   }
   

















/*-----------------------------------------*/





.imageflottante
{
   float: left;
   margin-right:5px;
}
table.presentation{
border:none;
border-collapse: collapse;
margin-top:15px;
margin-right:0px;
margin-left:0px;
margin-bottom:15px;
width:620px;
}
table.presentation td{
padding:0px;
padding-bottom:20px;
}



table.contact td{
padding:10px;
}	
form{
padding:10px;

}	
label{
margin-top:30px;
}
form input[type=text]{
border:1px solid #333333;
margin-top:5px;
background:#FFF;
}
textarea{
border: solid 1px #333333;
width:100%;
height:150px;
}
input[type=submit]{
/*background:#DDD;*/
cursor:pointer;
background:#A3B55F;
}


.imageflotleft
{
margin-right:10px;
margin-bottom:10px;
margin-top:0px;
margin-left:0px;
padding:0px;
float: left;
}

.imageflotright
{
margin-right:0px;
margin-bottom:10px;
margin-top:0px;
margin-left:10px;
padding:0px;
float: right;
}







a img {border: none;}  

a
{
color:#b06891;
font-size: 11px;
font-weight:bold;
text-decoration: none; 
border:none;
}

a:hover{
color:#333333;
font-size: 11px;
font-weight:bold;
text-decoration: none; 
border:none;
}


p{
text-align:justify;
padding:0px;

width:620px;
}








a.blanc{
padding-left:20px;
text-decoration:none;
color:#FFFFFF;
}
a:hover.blanc{
padding-left:20px;
text-decoration:none;
color:#93befe;

}






strong{
color: #17462f;

}
b{
color: #b06891;
text-decoration:underline;
}