/* CSS Document */
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, strong, sub, tt, var,
	dl, dt, dd, ol, ul, li,table
	fieldset, form, label, legend,caption, tbody, tfoot, thead, th{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 12px;
		font-family: inherit;
		vertical-align: baseline;
	}
	
body{
	font:.75em/1.5em normal Verdana, Arial, sans-serif;
	font-size:12px;
	margin: 0;
	background-color: #295053;
	background-color: #FFFFFF;
		
	}

html>body {
		font-size:12px;
		}
/* border:1px solid #000000;*/	
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
h1 { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:20px ; margin-top:5px;margin-bottom:10px; margin-left:0px;}
h2 { color:#266761; text-decoration:none; font-weight:bold; font-size:15px ; margin-top:5px;margin-bottom:0px; margin-left:0px; border-bottom:solid 1px #a2b90f}
h3 { color:#a2b90f; text-decoration:none; font-weight:bold; font-size:13px ; margin-top:5px;margin-bottom:0px; margin-left:0px;}
h6 {color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:15px ; margin-top:10px;margin-bottom:0px; margin-left:10px;}
/*img.homme { float:left; margin-left:19px; margin-top:16px}*/
/*img.femme { float:left; margin-left:6px; margin-top:16px}*/
/* PROBLEME DE MARGIN DISPLAY INLINE*/

a { color: #666666; text-decoration: underline; font-size:12px; }
a:hover{ text-decoration: ;}

a.lien_hot { font-size:25px; }
a.lien_hot:hover{ text-decoration: ;}
a.lien_loisir{ color:#2b2a3b; text-decoration:underline;  font-size:15px ; }

p {color:#666666; margin-bottom:5px; padding:0}
p.accueil { font-size:16px;}
p.question { margin-top:50px;margin-bottom:40px;font-size:25px;}

ul { margin-left:15px; color:#666666;}
span.souligne {color:#071f1d; text-decoration:underline; font-size:14px ; margin-top:0px;margin-bottom:5px; font-style:italic;}
.titre_navigation { font-size:20px; display:block; width:123px; text-align:right; padding:3px; /*border:solid 1px #99FF00*/}
h3.galerie
{
color:#FFFFFF;
font-size:20px;
}

#background {
position:relative;
overflow:inherit;
width:980px;
height:auto;
/*border:solid 1px #99FF00;*/
background-image:url(../images/background.gif); background-repeat:repeat-y;
}
#content {
position:relative;
width:980px;
height:auto;
background-image:url(../images/fond_carree_bloc2.jpg); background-repeat:no-repeat;
/*border:solid 1px #99FF00;*/
overflow:auto;
}

#top {
float:left;
width:900px;
height:55px;
/*border:solid 1px #99FF00;*/
}

#menu_horizontal {
width : 500px;
float:none;
margin-top:12px;
margin-left:425px;
/*border:solid 1px #99FF00;*/
}
#menu_horizontal li {
display: inline;
list-style-type: none;
padding-left: 15px;
}
#menu_horizontal li a{
font-size:15px; color:#FFFFFF;
text-decoration: none;
}

#menu_horizontal li a:hover{
text-decoration:underline;
}

#menu_vertical {
float:left;
margin-top:80px;
margin-left:83px !important;
margin-left:43px;
}
#menu_vertical li{
list-style-type: none;
}

.titre_navigation {font-weight:20px;}

#bord1 {
position:absolute;
width:19px;
height:17px;
z-index:20000;
background-image:url(../images/cadre_photos_1.gif);
}
#bord2 {
position:absolute;
margin-left:665px;
width:19px;
height:17px;
z-index:20000;
background-image:url(../images/cadre_photos_2.gif);
}
#bord3 {
position:absolute;
margin-top:281px;
margin-left:665px;
width:17px;
height:19px;
z-index:20000;
background-image:url(../images/cadre_photos_3.gif);
}
#bord4 {
position:absolute;
margin-top:281px;
width:17px;
height:19px;
z-index:20000;
background-image:url(../images/cadre_photos_4.gif);
}

#contenu {
float:left;
width:660px;
margin-left:240px !important;
margin-left:120px ;
margin-top:0px;
/*border:solid 1px #33CC33;*/
text-align:justify;
}

#bg_footer {
position:relative;
overflow:inherit;
width:980px;
height:40px;
/*border:solid 1px #99FF00;*/
background-image:url(../images/footer.gif); background-repeat:no-repeat;
}

#footer {
width:980px;
height:40px;
/*border:solid 1px #99FF00;*/
font-size:10px;
color:#999999;
}

#footer a{
font-size:10px;
color:#999999;
}

#galerie_photos
{
	float:left;
	width: 682px;
	height: 590px;
	margin-top:20px;
	margin-left:0px;
	z-index:0;
	text-align: left;
	background-color:#FFFFFF;
	border:solid 1px #bacf2d;
}

/*Formulaire*/

input.contact,textarea.contact{
border:1px solid #39847e;
background-color:white;
font-size:12px;
margin-bottom:5px;
vertical-align:middle;
float:left;
width:270px;
}

form.contact{margin:0;padding:0; margin-top:10px}

fieldset
	{
		font-size:100%;
		color:#515151;
		padding:5px 10px;
		border:1px solid #ccc;
		margin-bottom:1.5em;
	}
legend
	{
		font-size:1.2em;
		font-weight: bold; 
		color:#6a6a6a;
	}	
	
label.left{
		width:100%;
		float:left;
		display:block;
		text-align:left;
		color:#666666;
		/*border: solid 1px #FFFF00;*/
	}

textarea.contact{
width:268px;
height:100px;
	}

div.submit{
margin-top:20px;
width:100%;
float:left;
}

input.submit{
width:80px;
border: solid 1px #bacf2d;

}

/* Page Contact */
div.form{ 
margin-left: auto;
margin-right: auto;
/*padding:20px 20px 20px 30%;*/
width:370px;
text-align : center;
overflow:hidden;
border:solid 1px #FFFFFF;
padding:15px;

}

#livre_or {
 width:100%;
 height:400px;
 overflow:scroll;
 overflow-x: hidden;
 }
 
 span.important {
 font-weight:bold;
 color:#afc70d;
 font-size:13px;
 
 
 }