@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url('images/bg.jpg') top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

.clear{clear:both;}

img{
	border:0;
}

.contenu{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

h2{
	font-size:18px;
	color:#306b8b;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

h3{
	font-size:20px;
	color:#ee001e;
	font-weight:bold;
	line-height:5px;
}

h4{
	font-size:16px;
	color:#5e5e5e;
	text-transform:uppercase;
	line-height:1px;
}

p{
	color:#5e5e5e;
	line-height:2px;
}

p a{
	text-decoration:none;
	color:#5e5e5e;
	border-bottom:1px dashed #495f68;
}

p a:hover{
	border-bottom:none;
}

/* HEADER */

.header{
	width:950px;
	height:147px;
	margin-left:auto;
	margin-right:auto;
}

.header ul li{
	display:inline;
	text-align:left;
	list-style:none;
	border-right:#576c78 solid 1px;
	padding-right:10px;
	padding-left:10px;
}

.header a{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.header a:hover{
	color:#00a8ff;
}

/* ANIMATION */

.animation{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

.indentmenu{
width:780px;
background:url('images/bg_menu_animation.gif') repeat-x top;
font: bold;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color:white; 
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #1f282e;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color:#3f99cb !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: url('images/bg_menu_animation_2.gif') repeat-x top;
}


.tabcontentstyle{ /*style of tab content oontainer*/
width: 780px;
height:300px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

#dog1{
	width:780px;
	height:300px;
	background:url('images/bg_dog1.jpg') top no-repeat;
}

#dog2{
	width:780px;
	height:300px;
	background:url('images/bg_dog2.jpg') top no-repeat;
}

#dog3{
	width:780px;
	height:300px;
	background:url('images/bg_dog3.jpg') top no-repeat;
}

#dog4{
	width:780px;
	height:300px;
	background:url('images/bg_dog4.jpg') top no-repeat;
}

.contenu_tab{
	position:relative;
	top:55px;
	left:25px;
	width:500px;
}

/* INFOS */

.infos{
	position:relative;
	top:0;
	left:0;
	background:url('images/bg_bloc_gauche_accueil.jpg') no-repeat;
	width:220px;
	height:360;
	padding:20px;
}

.infos a, .adresse a{
	text-decoration:none;
	color:#5e5e5e;
	border-bottom:1px dashed #495f68;
}

.infos a:hover, .adresse.a:hover{
	border-bottom:none;
}

.adresse{
	width:210px;
	margin-left:50px;
}


/* FOOTER */

.yoolight_footer{
	position:absolute;
	bottom:5px;
	right:5px;
}

.yoolight_footer{
	position:fixed;
}

.footer{
	width:100%;
	background:url('images/bg_footer.gif') #000 repeat-x bottom;
	position:absolute;
	left:0;
	bottom:0;
}

.footer{
	position:fixed;
}

.contenu_footer{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

.contenu_footer a{
	text-decoration:none;
	border-bottom:1px dashed #495f68;
	line-height:12px;
	color:#98c6da;
}

.contenu_footer a:hover{
	color:#fff;
	border-bottom:none;
}

.yoolight_footer a{
	position:relative;
	bottom:35px;
	font-size:9px;
	color:#a6a6a6;
}


/* CONTENU */

.contenu_pages{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}


/* GALERIE */
.caption{font-style:italic;color:#bcafa5;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:780px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #7fafc3;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 10px auto;height:520px;width:780px;border:1px #7fafc3;}
.galleria{list-style:none;width:780px}
.galleria li{display:block;width:60px;height:60px;overflow:hidden;float:left;margin:4px;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.demo a{color:#7fafc3;}


/* FORMULAIRE */


.content-clair-top {
	background:url('../images/block-clair-top.gif') no-repeat top left;
	padding-top:13px;
	opacity:1.0;
}

.content-clair {
	background:url('../images/block-clair.gif') no-repeat bottom left;
	padding:13px;
	padding-top:0;
}

.content-clair p{
	color:#5e5e5e;
	font-size:12px;
	line-height:20px;
	padding-left:15px;
	padding-right:30px;
}

.content-clair em {font-size:11px}

.formulaire label {
	width:120px;
	float:left;
	display:block;
	line-height:30px;
	text-align:right;
	margin-right:10px;
	font-size:12px;
}

.formulaire input,.formulaire textarea {
	background:#FFF url('../images/bg_form.gif') repeat-x bottom;
	font-size:14px;
	padding:3px;
	line-height:24px;
	padding-right:10px;
	border:1px #767676 solid;
	-moz-border-radius:5px;
	color:#0e232d;
}

.formulaire textarea{font-size:13px}

.formulaire select {
	background:#FFF url('../images/bg_form.gif') repeat-x bottom;
	font-size:12px;
	line-height:24px;
	border:1px #767676 solid;
	-moz-border-radius:5px;
	color:#0e232d;
}

.formulaire input:hover {border:1px solid #0e232d}

.formulaire label strong {color:#0e232d;font-weight:lighter}


/* BOUTONS */

.bouton-200 {height:27px;text-align:center;line-height:27px;display:block;background-repeat:no-repeat;background-position:center top;color:#fff;text-decoration:none}

.bouton-200:hover,input.bouton-200:hover {background-position:center;color:#fff;display:inline;border:0px solid #FFF}
.bouton-200:active,input.bouton-200:active {background-position:center bottom;display:inline;border:0px solid #FFF}

input.bouton-200 {width:202px}

input.bouton-200{
	display:inline;border:0px solid #FFF;
	color:#fff;
	font-size:12px;
	background-position:center top;
	}

.bouton-200,input.bouton-200 {background: url('../images/bouton-200.gif');}

/* PROBLEME REUSSITE */

.probleme,.reussite {
	width:486px;
	height:96px;
	padding:10px;
	padding-left:100px;
	background-position:top left;
	background-repeat:no-repeat;
	line-height:18px;
}

.probleme h2,.reussite h2 {
	font-size:16px;
	font-weight:lighter;
	margin-bottom:5px;
	margin-top:10px;
	float:none;
	margin-left:-10px;
}

.probleme span,.reussite span {
	padding:1px;
	padding-left:4px;
	padding-right:4px;
	background:#7c1215;
	border-right:1px #fff solid;
	color:#FFF;
}

.probleme {
	background-image:url('../images/probleme.gif');
	color:#9f2a2e;
	}

.probleme h2 {color:#7c1215}

.reussite{
	background-image:url('../images/reussite.gif');
	color:#3da63e;
	}
	
.reussite h2 {color:#1a791b}

.contenu_pages blockquote {
	background:#d2eaf1 url('../images/blockquote.gif') top left no-repeat;
	font-style:italic;
	font-weight:bold;
	color:#306b8b;
	padding:7px;
	padding-left:33px;
	font-size:14px;
	width:350px;
}




.menu_amenagement{
	text-align:center;
	font-weight:bold;
	color:#5e5e5e;
}


.menu_amenagement img{
	border:1px solid #666;
}