*{margin:0;padding:0;}

img{
	border:0;
	margin: 0;
}


ul{margin:0;
padding:0;
}

ol{margin:0;}

body{
background-color:#C8DBE9;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
color:#fff;  
margin:0;
}


p, h2, h3 , h4 , h5  {
	display:block;
}


p {
	padding:3px 0 5px 0;
}


ul  {
	list-style:none;
}


a {
	text-decoration:none;
	color:#FF8A00;
	
	
}


a:hover {
	text-decoration:none;
	color:#fff;
	
}

/**************************************    Header   ******************************/

#conteneur{
width:971px;
background:url(images/conteneur.jpg) repeat-y;
margin:0 auto;
}

#header{
width:955px;
height:134px;
background:url(images/header.jpg) no-repeat;
margin:0 auto;
}

.logo{
margin:13px 0 0 6px;
width:321px;
height:89px;
float:left;
display:inline;
}

#menu{
width:502px;
height:20px;
float:right;
margin-top:12px;}

#menu ul{
list-style:none;
}

#menu li{
float:left;
display:inline;
}

#menu li a{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
border-right:1px solid #fff;
padding:0 15px;
}

#menu li a:hover{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fbd544;
}

#menu li.contact{
border:none;
} 
#menu li a.contact { 
border-right:none;
}

.titres{
	float:right;
	margin-top:24px;
	width:487px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	line-height:20px;
}
#menu li a.menuactif { 
color:#fbd544;
} 


/**************************************    Contenu   ******************************/

#contenu{ 
float:left;
width:955px;
height:428px; 
margin:0 0 0 0;
background:url(images/contenu.jpg) no-repeat;
} 

.clr{
clear:both;
font-size:0;} 

#bloc-left-acc {
	float:left;
	width:360px;
	margin:0;
	padding: 64px 0 0 20px;
}

#contenu #bloc-left-acc img{ 
margin:0; 
}

#milieuAccueil{
width:186px;
height:auto;
float:left;
margin:64px 0 0 10px;
padding:15px 10px 20px 10px;
background:url(images/milieuAccueil.jpg) no-repeat #6A97AE;
}

#milieuAccueil p{
	padding:0 0 15px 13px;
	background:url(images/puce.gif) no-repeat left 3px;
	font-size: 13px;
}

#milieuAccueil a{
	color:#fff;
}

#milieuAccueil a:hover{
	color:#fbd544;
}

.grandephoto{
float:right; 
margin:1px 0 0 0; 
}
#conteneur #contenu #bloc-left-acc .c {
	margin: 0px 30px 30px 0;
	border: #fff solid 1px;
	padding: 1;
}
#conteneur #contenu #bloc-left-acc .plat {
	margin:0px 0 30px 0;
	padding:1px;
	border: #fff solid 1px;
}

/*******************************page-professionels****************/
.grandephoto2{
float:right; 
margin:8px 0 0 0; 
}
#milieupro{
width:189px;
float:left;
margin:64px 0 0 15px;
padding:15px 0 8px 15px;
background:url(images/milieuAccueil.jpg) no-repeat #6A97AE;
}

#milieupro p{ 
padding:0 0 15px 13px;
background:url(images/puce.gif) no-repeat left 3px;
}


#bloc-left-pro { 
float:left; 
width:60px; 
margin:66px 0 0 20px; 
display:inline; 
}
.c-pro { 
margin-bottom:19px; 
display:inline;
}
.d-pro { 
margin-left:2px;
}
#imgdiapo {
	float:left;
	margin:0;
	width: 360px;
	padding: 64px 0 0 25px;
	cursor: pointer;
}

#imgdiapo img {
	border:1px solid #5085A4;
	margin: 0 5px 0 0;
}

#imgdiapo p img {
	width:40px;
	height:32px;
}
 
#bloc-left-pro img { 
border:1px solid #5085A4;
cursor:pointer; 
margin-bottom:19px; 
display:inline;  
} 
#imgdiapo p {
	color:#000000;
	font-weight:normal;
	padding:2px 0 0 0;
	text-align: center;
}   



/**************************************    Footer   ******************************/

#footer{
	width:955px;
	margin:0 auto;
	padding:5px 8px;
	background:url(images/footer.jpg) no-repeat;
	text-align:center;
	font-size:11px;
	height: 150px;
}

#footer p{
color:#fff;
width:955px;
text-align:center;
margin:0 auto;}

#footer object{
	position:relative;
	top:6px;
}



#footer ul {
	list-style-type:none;
	color:#fff;
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#fff;
	
}
 
#footer li a:hover{
	color:#fbd544;
}

#logo_bas {
	text-align:center;
	line-height:20px;
	clear:both;
	padding:10px 0 0 0;
	
} 


#logo_bas a{
	font-size:9px;
	border:none;
	color:#888383; 

}

#logo_bas a:hover{
	color:#000;
}

/***********************page-particulier********/ 
.grandephoto2{
float:right; 
margin:8px 0 0 0; 
}
#milieuparticulier{
width:189px;
float:left;
margin:64px 0 0 15px;
padding:15px 0 2px 15px;
background:url(images/milieuAccueil.jpg) no-repeat left top #6A97AE;
}

#milieuparticulier p{
padding:0 6px 10px 13px;
background:url(images/puce.gif) no-repeat left 3px;
}

#bloc-left-particulier{ 
float:left; 
width:60px; 
margin:66px 0 0 20px; 
display:inline; 
}

.c-particulier { 
margin-bottom:19px; 
display:inline;
}
.d-particulier { 
margin-left:2px;
}
#imgdiapo-particulier {
	float:left;
	margin:0;
	padding: 64px 0 0 25px;
	cursor:pointer;
	text-align:center;
	width: 360px;
}
#imgdiapo-particulier p img{
	width:40px;
	height:32px;
}
#imgdiapo-particulier img {
	border:1px solid #5085A4;
	margin:0 5px 0 0;
}
#bloc-left-particulier img { 
border:1px solid #5085A4;
cursor:pointer; 
margin-bottom:4px; 
display:inline;  
} 
#imgdiapo-particulier p { 
color:#000000; 
font-weight:bold; 
padding:3px 0 0 0;  
}  

/****************************mentions-legal*******************/ 


.mentions{
	width:300px;
	float:left;
	padding:22px 10px 0 20px;
	color:#000000; 
	margin-right:0px;
}
.mentions2{
	width:270px;
	float:left;
	padding:45px 0 0 10px;
	color:#000000;
	margin:0;
	}
	
.mentions h3{
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	padding:30px 0 0px 0; 
	color:#5588A5;
}
span { 
color:#5588A5;
 }
.mentions p{
	padding:5px 0 3px 0;
	color:#000000;
	text-align: justify;
}
.titre{
	font-size:13px;
	padding:0;
	font-weight:bold;
	display:block;
}

/***************************contact**************/ 
.grandephoto3{
float:right; 
margin:2px 0 0 0; 
}
.bloc-left-contact { 
float:left; 
width:250px; 
margin:66px 0 0 20px; 
display:inline; 
border:1px solid #FFFFFF; 
} 
.formulaire h3 { 
color:#000000; 
font-size:16px; 
margin:0 0 5px 0; 

}
 
.formulaire{
	width:256px; 
	float:left;
	font-weight:bold; 
	padding:60px 0 0 30px;
	display:inline;
}
.formulaire p{
	padding:2px 0 2px 0;
	width:256px;
	float: right;
	display:block;
	clear:both;
}
 
.formulaire span{
	float:left;
	color:#000;
	font-size:12px;


}
.formulaire em{
	color:#000000;
}
.formulaire .question{
	padding-top:10px;
}
 
.formulaire input{
	float:right;
	width:180px;
	color:#000;
	font-weight:bold;
	background:#fff; 
	border:1px solid #9AB7C7;
}
 
.formulaire textarea{
	float:right;
	width:180px;
	height:70px;
	color:#000;
	font-weight:bold;
	background:#fff; 
	border:1px solid #9AB7C7;
}

.formulaire .bout{
	width:83px;
	height:22px;
	border:none;
	background:none;
	
}

.formulaire .info{ 
    color:#000000;
	font-weight:bold;
	float:right;
	text-align:right;
	padding:3px 0 0 0;
} 
.texte {
	color:#4D809D;
	text-align:center;
	margin:0;
	width:250px;
	padding: 0 0 20px 0;
} 
.space {
	width:8px;
	float:left;
}