/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
font-family:Arial, Verdana Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#7b7b7b;
text-align:center;
background-color:#FFF;
background-image:url(../images/bgd.gif);
background-repeat:repeat;
background-position:0 0;
}

a:link,
a:visited{
text-decoration:none;
color:#7b7b7b;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#7b7b7b;
outline:none;
}

h1{display:none;}
h2,h3,h4,h5{font-size:100%;}

.nodisplay{display:none;}

.small{font-size:9px;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
ul{list-style:none outside none;}
input.champ{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
border:1px solid #a7a6aa;
padding:2px 2px;
height:16px;
font-size:100%;
color:#000;
}
textarea{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
border:1px solid #a7a6aa;
padding:2px 2px;
font-size:100%;
color:#000;
}

select.champ{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
border:1px solid #a7a6aa;
padding:0px;
height:20px;
font-size:100%;
color:#000;
}



/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */

div#global{
width:924px;
height:auto !important;
min-height:200px;
height:200px;
margin:35px auto;
text-align:left;
font-size:70%;
background-color:#FFF;
border:1px solid #bbb;
background-image:url(../images/fond.gif);	
background-repeat:repeat-y;
}

	div#global div#header{	
	height:190px;
	width:924px;
	}
		div#global div#header img.logo{
		position:absolute;
		margin:0 0 0 0;
		}
		div#global div#header img.hautbandeau{
		position:absolute;
		margin:-33px 0 0 221px;
		}
		div#global div#header img.basbandeau{
		position:absolute;
		margin:0 0 0 221px;
		z-index:10;
		}
		div#global div#header .flash{
		position:absolute;
		margin:0 0 0 221px;
		z-index:30;
		}
	
	div#global div#contenu{
	clear:both;
	height:auto !important;
	min-height:410px;
	height:410px;
	width:924px;
	}
		div#global div#contenu div.sep{
		clear:both;
		height:25px;
		width:924px;
		background-image:url(../images/ombre_hor.gif);
		background-repeat:repeat-x;
		}
		
		
		div#global div#contenu div#menu{
		position:relative;
		float:left;
		width:180px;
		height:auto !important;
		min-height:385px;
		height:385px;
		padding:0 20px 0 20px;
		}
			div#global div#contenu div#menu ul{
			padding-bottom:100px;
		
			}
			div#global div#contenu div#menu ul li{
			margin-bottom:-3px;
			display:block;
			}
		
		
		
		
		div#global div#contenu div#datas{
		position:relative;
		float:left;
		width:662px;
		height:auto !important;
		min-height:360px;
		height:360px;
		padding:0 20px 25px 22px;
		text-align:justify;
		}
		
		
/* 
couleurs des rubriques :
	1 emplacements : #b6d664; 
	2 espace vie : #a594ce;
	3 mobilhomes: #e63e8b;		
	4 proximite : #5bb4d6;
	5 acces : #ff6e01;
	6 contact : #31649e;			
*/
		
		
			/* INDEX */
		
			div#global div#contenu div#datas.index div.entree{
			width:310px;
			height:105px;
			display:inline;
			}
				div#global div#contenu div#datas.index div.entree img.visu{
				border:3px solid #b6d664;
				float:left;
				margin-right:16px;
				display:inline;
				}
				div#global div#contenu div#datas.index div.entree h2{
				float:left;
				width:161px;
				height:16px;
				background-color:#33FFCC;
				margin-bottom:3px;
				}
				div#global div#contenu div#datas.index div.entree p{
				float:left;
				width:151px;
				height:59px;
				padding:5px;
				background-color:#f3f8e8;
				margin-bottom:2px;
				}
				div#global div#contenu div#datas.index div.entree a.savoirplus{
				float:left;
				width:148px;
				height:15px;
				text-align:right;
				color:#b6d664;
				background-image:url(../images/index/puce_entree1.gif);
				background-position:right 2px;
				background-repeat:no-repeat;
				padding-right:13px;
				}
				
				
			div#global div#contenu div#datas.index div.entree.num1{float:left;}				
			div#global div#contenu div#datas.index div.entree.num2{float:right;}				
			div#global div#contenu div#datas.index div.entree.num3{float:left;margin-top:20px;}				
			div#global div#contenu div#datas.index div.entree.num4{float:right;margin-top:20px;}
			
				div#global div#contenu div#datas.index div.entree.num1 img.visu{border:3px solid #b6d664;}
				div#global div#contenu div#datas.index div.entree.num1 h2{background-color:#b6d664;}
				div#global div#contenu div#datas.index div.entree.num1 p{background-color:#f3f8e8;}
				div#global div#contenu div#datas.index div.entree.num1 a.savoirplus{
				color:#b6d664;
				background-image:url(../images/index/puce_entree1.gif);
				}			
				div#global div#contenu div#datas.index div.entree.num2 img.visu{border:3px solid #a594ce;}
				div#global div#contenu div#datas.index div.entree.num2 h2{background-color:#a594ce;}
				div#global div#contenu div#datas.index div.entree.num2 p{background-color:#f1edfb;}
				div#global div#contenu div#datas.index div.entree.num2 a.savoirplus{
				color:#a594ce;
				background-image:url(../images/index/puce_entree2.gif);
				}
				div#global div#contenu div#datas.index div.entree.num3 img.visu{border:3px solid #e63e8b;}
				div#global div#contenu div#datas.index div.entree.num3 h2{background-color:#e63e8b;}
				div#global div#contenu div#datas.index div.entree.num3 p{background-color:#f9eaf1;}
				div#global div#contenu div#datas.index div.entree.num3 a.savoirplus{
				color:#e63e8b;
				background-image:url(../images/index/puce_entree3.gif);
				}
				div#global div#contenu div#datas.index div.entree.num4 img.visu{border:3px solid #5bb4d6;}
				div#global div#contenu div#datas.index div.entree.num4 h2{background-color:#5bb4d6;}
				div#global div#contenu div#datas.index div.entree.num4 p{background-color:#f1fafd;}
				div#global div#contenu div#datas.index div.entree.num4 a.savoirplus{
				color:#5bb4d6;
				background-image:url(../images/index/puce_entree4.gif);
				}
				
			
			
			div#global div#contenu div#datas.index img.acces{
			width:316px;
			height:133px;
			text-align:center;
			float:left;
			display:inline;
			margin:15px 37px 0 -4px;
			}		
			div#global div#contenu div#datas.index div.contact{
			width:186px;
			height:108px;
			text-align:center;
			float:left;
			padding:25px 30px 0 100px;
			margin:15px -7px 0 0;
			display:inline;
			background-image:url(../images/index/contact.gif);
			background-repeat:no-repeat;
			}	
				div#global div#contenu div#datas.index div.contact h2{
				margin-bottom:5px;
				}
				div#global div#contenu div#datas.index div.contact p{
				margin-bottom:5px;
				}
			
				
				
		
			/* CLASSIQUE */
			
			div#global div#contenu div#datas.classique{
			line-height:14px;
			}
			
			
			div#global div#contenu div#datas.classique img.visu_pres{
			float:left;
			display:inline;
			border:3px solid #b6d664;
			margin-right:16px;
			}
			div#global div#contenu div#datas.classique h2{
			float:left;
			width:513px;
			height:24px;
			background-color:#b6d664;
			margin-bottom:4px;
			}
			div#global div#contenu div#datas.classique p.pres{
			float:left;
			width:503px;
			height:62px;
			padding:5px;
			background-color:#f3f8e8;
			clear:none;	
			margin-bottom:0;		
			}
			
			div#global div#contenu div#datas.classique img.visu{
			float:right;
			display:inline;
			border:3px solid #b6d664;
			margin:0 0 8px 15px;
			}
			div#global div#contenu div#datas.classique h3{
			clear:both;
			font-size:12px;
			padding:15px 0;
			}
			div#global div#contenu div#datas.classique p{
			clear:both;
			margin-bottom:15px;
			}
			
		
			div#global div#contenu div#datas.classique.entree1 img.visu{border:3px solid #b6d664;}	
			div#global div#contenu div#datas.classique.entree1 img.visu_pres{border:3px solid #b6d664;}
			div#global div#contenu div#datas.classique.entree1 h2{background-color:#b6d664;}
			div#global div#contenu div#datas.classique.entree1 p.pres{background-color:#f3f8e8;}
			
			div#global div#contenu div#datas.classique.entree2 img.visu{border:3px solid #a594ce;}	
			div#global div#contenu div#datas.classique.entree2 img.visu_pres{border:3px solid #a594ce;}
			div#global div#contenu div#datas.classique.entree2 h2{background-color:#a594ce;}
			div#global div#contenu div#datas.classique.entree2 p.pres{background-color:#f1edfb;}
	
			div#global div#contenu div#datas.classique.entree3 img.visu{border:3px solid #e63e8b;}	
			div#global div#contenu div#datas.classique.entree3 img.visu_pres{border:3px solid #e63e8b;}
			div#global div#contenu div#datas.classique.entree3 h2{background-color:#e63e8b;}
			div#global div#contenu div#datas.classique.entree3 p.pres{background-color:#f9eaf1;}
			
			div#global div#contenu div#datas.classique.entree4 img.visu{border:3px solid #5bb4d6;}	
			div#global div#contenu div#datas.classique.entree4 img.visu_pres{border:3px solid #5bb4d6;}
			div#global div#contenu div#datas.classique.entree4 h2{background-color:#5bb4d6;}
			div#global div#contenu div#datas.classique.entree4 p.pres{background-color:#f1fafd;}
			
			div#global div#contenu div#datas.classique.entree5 img.visu{border:3px solid #ff6e01;}	
			div#global div#contenu div#datas.classique.entree5 img.visu_pres{border:3px solid #ff6e01;}
			div#global div#contenu div#datas.classique.entree5 h2{background-color:#ff6e01;}
			div#global div#contenu div#datas.classique.entree5 p.pres{background-color:#fde5d3;}
			
			div#global div#contenu div#datas.classique.entree6 img.visu{border:3px solid #31649e;}	
			div#global div#contenu div#datas.classique.entree6 img.visu_pres{border:3px solid #31649e;}
			div#global div#contenu div#datas.classique.entree6 h2{background-color:#31649e;}
			div#global div#contenu div#datas.classique.entree6 p.pres{background-color:#e4eef9;}
			
			
			
			div#global div#contenu div#datas.classique div.phototheque{
			width:679px;
			display:table;
			margin:15px -17px 0 0;
			}
				div#global div#contenu div#datas.classique div.phototheque div.photo{
				width:209px;
				height:215px;
				text-align:center;
				float:left;	
				display:inline;
				margin-right:17px;	
				}
					
					div#global div#contenu div#datas.classique div.phototheque div.photo img.loupe_paysage{
					position:absolute;
					margin:-30px 0 0 73px;
					*margin:-30px 0 0 74px;		
					}
					div#global div#contenu div#datas.classique div.phototheque div.photo img.loupe_portrait{
					position:absolute;
					margin:-30px 0 0 28px;		
					}
					div#global div#contenu div#datas.classique div.phototheque div.photo div.visuel{
					width:209px;
					height:157px;
					text-align:center;			
					}
						div#global div#contenu div#datas.classique div.phototheque div.photo div.visuel img{
						border:3px solid #b6d664;
						margin:0 auto;
						}
						
						
						div#global div#contenu div#datas.classique.entree1 div.phototheque div.photo div.visuel img{border:3px solid #b6d664;}
						div#global div#contenu div#datas.classique.entree2 div.phototheque div.photo div.visuel img{border:3px solid #a594ce;}
						div#global div#contenu div#datas.classique.entree3 div.phototheque div.photo div.visuel img{border:3px solid #e63e8b;}
						div#global div#contenu div#datas.classique.entree4 div.phototheque div.photo div.visuel img{border:3px solid #5bb4d6;}
						div#global div#contenu div#datas.classique.entree5 div.phototheque div.photo div.visuel img{border:3px solid #ff6e01;}
						div#global div#contenu div#datas.classique.entree6 div.phototheque div.photo div.visuel img{border:3px solid #31649e;}
						
						
						
					div#global div#contenu div#datas.classique div.phototheque div.photo p.legende{
					width:199px;
					height:51px;
					padding:7px 5px 0 5px;
					text-align:center;			
					}
					
				/* mise en forme tableau */
				div#global div#contenu div#datas.classique table.tableau{
				width:100%;	
				margin:15px 0;		
				}
				div#global div#contenu div#datas.classique table.tableau tr{
				background-image:url(../images/sep_table.gif);
				background-position:bottom;
				background-repeat:repeat-x;			
				}
				div#global div#contenu div#datas.classique table.tableau tr td{
				padding:5px 4px;
				}
					
					
				
				/* page contact */
				div#global div#contenu div#datas.classique div.contact{
					clear:both;		
					padding:15px 0;	
					}	
					div#global div#contenu div#datas.classique div.contact table{
					width:100%;
					}
						div#global div#contenu div#datas.classique div.contact tr td{
						height:20px;
						padding:4px;
						}
							div#global div#contenu div#datas.classique div.contact .col1{
							width:79px;
							}
							div#global div#contenu div#datas.classique div.contact .col2{
							width:250px;
							text-align:right;
							background-color:#99CC99;
							}
							div#global div#contenu div#datas.classique div.contact .col3{
							width:350px;
							text-align:center;
							}
							div#global div#contenu div#datas.classique div.contact input{
							font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
							font-size:100%;
							border:solid 1px #dddddf;
							padding:2px;
							width:230px;
							color:#656564;
							}
							div#global div#contenu div#datas.classique div.contact textarea{
							font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
							font-size:100%;
							border:solid 1px #dddddf;
							padding:2px;
							width:230px;
							height:80px;
							color:#656564;
							}
							div#global div#contenu div#datas.classique div.contact input.bouton{
							font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
							font-size:100%;
							border:solid 1px #dddddf;
							padding:2px;
							width:auto;
							color:#656564;
							}

				
			
			
	
	div#global div#footer{
	clear:both;
	height:20px;
	width:902px;
	padding:5px 11px 0 11px;
	color:#FFF;
	background-color:#5ab4d6;
	}
		div#global div#footer ul li{
		display:inline;
		}
		div#global div#footer ul li a{
		color:#FFF;
		}