/*
Theme Name: Le pré de Charlet
Theme URI: http://camping-cevennes-meyrueis.com/
Description: Le thème du Pré de Charlet.
Version: 1
Author: Lucile Millet
Author URI: http://www.armoise.fr/
Tags: 
*/

html, body { margin:0; padding:0; height:100%; min-height:100%;}
*{
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	text-align:center;
	background-color: #F3E7BC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	color: #000;
}
#page {
	position:relative;
	overflow: hidden;
	width:900px;
	margin: 0 auto;
	padding:0;
	border:0;
	text-align: left;
	background-color: #FFF;
}
html>body #page {
	height:auto;
}

hr {
	height:-7px;
	visibility: hidden;
	clear:both;
}
hr.espace {
	display: block;
	width: 100%;
	height: 15px;
	font-size:1px;
	min-height: 1px;
	clear: both;
}

.clear {
	clear: both;
}
div.spacer_ {
	display:block;
	margin: 10px 0 0 20px;
	padding: 0;
	width: 200px;
	height: 1em;
	font-size: 0.9em;
	line-height: normal;
	clear: both;
	text-align:left;
	border-bottom: thin dotted #666;
	clear:both;
	color: #666;
}


/* ---------- styles Images et position droite gauche------------- */
p img {
	padding: 0;
	max-width: 100%;
	}
a img {
	border: none;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

p img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

p img.alignright {
	padding: 0 0 5px 15px;
	margin: 0 0 2px 15px;
	display: inline;
	float: right;
	}

p img.alignleft {
	padding: 0 15px 5px 0;
	margin: 0 15px 2px 0;
	display: inline;
	float: left;
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}



/*---------- styles bandeau haut----------- */

#haut {
	width: 900px;
	height: 238px;
	margin: 0; 
	padding: 0; 
	background: #F3E7BC url(images/fond-haut.jpg) no-repeat bottom center;
}
#logo 	{
	width: 295px;
	height: 90px;
	margin: 0 0 0 15px;
	padding: 5px 0 0 0;
	}
#haut h1 {
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	float: left;
	width: 280px;
	margin: 27px 0 0 25px;
	padding: 0;
	line-height: 1.35em;
	color: #551515;
}

/*------------ styles contenu intérieur ------------- */

#content {
	float: left;
	overflow: hidden;
	width: 748px;
	height: auto;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
#content h1.titre {
	width: 90%;
	margin: 10px auto 20px;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 1.1em;
	color: #666;
	background:none;
}
#content h2.titre {
	width: 90%;
	margin: 10px auto 20px;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 1.1em;
	color: #666;
	background:none;
}
.description {
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	float: left;
	width: 280px;
	margin: 27px 0 0 25px;
	padding: 0;
	line-height: 1.35em;
	color: #551515;
}
.description p {
	margin: 10px 0;
	padding: 0;
	font-weight: bold;
}

.caption {
	width: 60%;
	margin: 0 auto;
	font-size: 0.8em;
	text-align: center;
}
.post {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
.post h2 {
	width: 93%;
	margin: 15px 0 0 15px;
	padding: 0 0 0 18px;
	text-align: left;
	font-size: 1em;
	color: #FFF;
	background-color: #690;
}
.post h2 a {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1em;
	text-decoration: none;
	color: #FFF;
}
.post h2 a:hover {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1em;
	color: #FF6;
}

.post h3 {
	width: 93%;
	margin: 15px 0 0 15px;
	padding: 0 0 0 18px;
	text-align: left;
	font-size: 1em;
	color: #FFF;
	background-color: #690;
}
.post h3 a {
	width: 93%;
	margin: 15px 0 0 15px;
	padding: 0;
	text-align:left;
	font-size: 1em;
	text-decoration: none;
	color: #FFF;
	background-color: #690;
}
.post h3 a:hover {
	margin: 15px 0 0 15px;
	padding: 0;
	text-align: left;
	font-size: 1em;
	color: #FF6;
}

h2.pagetitle {
	width : 100%;
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
	font-size: 1em;
	color: #666;
}
.entry {
	width: 95%;
	height: auto;
	background-color: #FFF;
	margin: 0;
	padding: 10px 15px;
}
.entry p {
	margin: 0;
	padding: 0;
}
.entry p.legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
}
.entry p a {
	margin: 0;
	padding: 0;
	color: #000;
}
.entry p a:hover {
	color: #C30;
	text-decoration: none;
}
.entry p img {
	display:block;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
}
.entry h1 {
	width: 90%;
	margin: 0 auto 20px;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 1.1em;
	color: #666;
	background:none;
}
.entry h2 {
	width: 90%;
	margin: 0 auto 20px;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 1.1em;
	color: #666;
	background:none;
}
.entry h2 a{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1em;
	color: #336600;
	text-decoration: none;
	background:none;
}
.entry p.attachment {
	width: 70%;
	height: auto;
	margin: 10px auto 0;
	padding: 0;
}
.couleur {
	font-weight: bold;
	color: #832C12;
}
.entry hr {
/*	height: 0px;*/
	clear:both;
}
.separation {
	display:block;
	width: 100%;
	height: 1px;
	clear:both;
	margin: 10px auto;
	/*padding: 10px 0;*/
}
.entry ul li {
	list-style-position: inside;
	list-style-type: square;
	margin: 5px 0 0 20px;
	padding: 0 0 2px 0;
}
.entry ul li a {
	color: #000;
}
.entry ul li a:hover {
	color: #C30;
	text-decoration: none;
}
.entry .photogauche {
	display: block;
	float:left;
	margin: 5px 20px 5px 0;
}
.entry .photodroite {
	display: block;
	float:right;
	margin: 5px 0 5px 20px;
}
.entry .photocentre {
	display: block;
	margin: 5px auto;
	clear: both;
}
.entry p.mhaut6 {
	margin: 6px 0 0 0;
}
.entry p.mhaut10 {
	margin: 10px 0 0 0;
}
.entry p.mhaut20 {
	margin: 20px 0 0 0;
}
.entry p.bleu {
	margin: 10px 0 0 10px;
	padding: 0 0 0 0;
	display: block;
	font-size:1em;
	font-weight:bold;
	color: #369;
}
.entry p.rouge {
	margin: 0 0 0 0;
	display: block;
	padding: 0;
	font-size:1em;
	font-weight:bold;
	color: #832C12;
}
.entry p.vert {
	margin: 10px 0 0 10px;
	padding: 0 0 0 0;
	display: block;
	font-size:1em;
	font-weight:bold;
	color: #336600;
}
.entry p.postmetadata {
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
	font-size: 0.95em;
	font-weight: normal;
/*	color: #369;*/
}
#carte {
	width: 600px;
	height: 500px;
	clear: both;
	margin: 0 auto;
	padding:0;
	display: block;
	border: 1px solid #000;
}
#cadre {margin: 0 auto 5px; padding:10px 0 5px 0; width: 600px; height: auto; border: 1px solid #B8D6C2;text-align:center; background-color: #F6FCEC;}
table#resultat {margin:0; padding:0; border-collapse: collapse; width:730px;}
table#resultat th {height:15px; background-color:#EEEEEE; border: 1px solid #999999; text-align:center; color: #444444;}
table#resultat td.encadrement {width:365px; height:410px; border: 1px solid #999999; vertical-align: top;}
#EmplacementCarteItineraire{height:410px; width:365px;}
#EmplacementTexteItineraire{margin:0; padding:0; width:auto; height:100%; overflow:auto; text-align:left;}
#EmplacementTexteItineraire b{color: #03f; text-decoration: underline;}

table#camping {
	width: 470px;
	background-color: #FFF;
	padding: 3px;
	margin: 10px auto;
}
table#camping td.texte {
	width: 260px;
	border: 0 none;
	padding: 3px 3px 3px 5px;
	margin: 2px;
	text-align: left;
	background-color: #4DAD47;
	color: #fff;
}
table#camping td.prix {
	width: 100px;
	border: 0 none;
	padding: 3px;
	margin: 2px;
	text-align: center;
	background-color: #4DAD47;
	color: #fff;
}
table#camping td.entete {
	border: 0 none;
	padding: 3px;
	margin: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	background-color: #3E8C39;
}

table#location {
	width: 640px;
	background-color: #FFF;
	padding: 3px;
	margin: 10px auto;
}
table#location td.texte {
	width: 250px;
	border: 0 none;
	padding: 2px 2px 2px 4px;
	margin: 2px;
	text-align: left;
	background-color: #5B92C8;
	color: #fff;
}
table#location td.prix {
	width: 130px;
	border: 0 none;
	padding: 2px;
	margin: 2px;
	text-align: center;
	background-color: #5B92C8;
	color: #fff;
}
table#location td.entete {
	border: 0 none;
	padding: 2px;
	margin: 2px;
	font-weight: normal;
	font-size: 90%;
	text-align: center;
	background-color: #4583C0;
	color: #fff;
}
.retour {
	width: 60%;
	height: 20px;
	margin: 0 auto;
	font-size: 0.85em;
	line-height:normal;
	padding: 10px 0 0 0;
	text-align:center;
}
.retour a {
	text-decoration: none;
	color: #663300;
}
.navigation img {
	display: block;
	margin: 10px;
	border: 0 none;
}
.navigation a {
	text-decoration: none;
}
.gallery {
	width: 600px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery-item {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.gallery-icon {
	display: block;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.gallery-icon table {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
}   
.gallery-icon td {
	margin: 0 auto;
	padding: 0;
	height: 80px;
	vertical-align: middle;
	text-align: center;
}   
	
.gallery-item img, .gallery-item img.thumbnail { max-width: 89%; height: auto; padding: 1%; margin: 0 auto; }

/* Image sizes depending on the number of columns */
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 24.5%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }

.gallery-icon img {
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 0 none;
	vertical-align: middle;
}
p.gallery-caption {
	display: block;
	margin: 10px 0 15px 0;
	padding: 0;
	font-size: 88%;
	text-align: center;
	line-height: 10px;
	background: none;
}	

/*---------- styles sous menu techniques----------- */

#smenu {
	width:100%;
	height: 40px;
	padding: 0 0 10px 0;
	background-color: #FFF;
}
#smenu ul {
	margin: 0 auto;
	padding: 0;
	border: 0 none;
}
#smenu ul li {
	float:left;
	height: 30px;
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 2.4em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
#smenu ul li a {
	display: block;
	height: 30px;
	color: #360;
	text-decoration: none;
/*
	background-image: url(images/sm-pale-camping.gif);
	background-repeat: no-repeat;
	background-position: center;
*/
}
#smenu ul li a:hover {
	height: 30px;
	color: #FFF;
/*
	background-image: url(images/sm-vif-camping.gif);
	background-repeat: no-repeat;
	background-position: center;
*/
}
#smenu ul li.page_item {
	margin: 0;
	/*padding: 5px 0 0 0;*/
	width: 160px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 2.4em;
	font-weight: bold;
	color: #360;
	text-align: center;
/*
	background-image: url(images/sm-pale-camping.gif);
	background-repeat: no-repeat;
	background-position: center;
*/	
}
#smenu ul li.current_page_item {
	margin: 0;
	width: 160px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	line-height: 2.4em;
/*
	background-image: url(images/sm-vif-camping.gif);
	background-repeat: no-repeat;
	background-position: center center;
*/
}
#smenu ul li.base_camping {
	color: #360;
	background-image: url(images/sm-pale-camping.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.base_camping a {
	color: #360;
	background-image: url(images/sm-pale-camping.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.base_camping a:hover {
	color: #FFF;
	background-image: url(images/sm-vif-camping.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.hover_camping {
	color: #FFF;
	background-image: url(images/sm-vif-camping.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.base_sejour {
	color: #A25028;
	background-image: url(images/sm-pale-sejour.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.base_sejour a {
	color: #A25028;
	background-image: url(images/sm-pale-sejour.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.base_sejour a:hover {
	color: #FFF;
	background-image: url(images/sm-vif-sejour.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.hover_sejour {
	color: #FFF;
	background-image: url(images/sm-vif-sejour.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.base_decouverte {
	color: #6565B1;
	background-image: url(images/sm-pale-decouverte.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.base_decouverte a {
	color: #6565B1;
	background-image: url(images/sm-pale-decouverte.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.base_decouverte a:hover {
	color: #FFF;
	background-image: url(images/sm-vif-decouverte.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.hover_decouverte {
	color: #FFF;
	background-image: url(images/sm-vif-decouverte.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#smenu ul li.hover_decouverte a {
	color: #FFF;
	background-image: url(images/sm-vif-decouverte.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


/*---------- styles sidebar gauche----------- */

#sidebar {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 151px;
	height: auto;
	background-color: #FFF;
}
#sidebar ul {
	width: 150px;
	height: auto;
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
	list-style-type: none;
	text-align: center;
}
#sidebar ul li {
	width: 150px;
	height: 100px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #FFF;
	background-image: url(images/m-pale-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li a {
	display: block;
	width: 150px;
	height: 100px;
	margin: 0 auto;
/*	padding: 40px 0 0 0;*/
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
/*	color: #360;*/
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
/*
	background-image: url(images/m-pale-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
*/
}
#sidebar ul li a:hover, #sidebar ul li:hover {
/*
	width: 130px;
	height: 100px;
	margin: 0;
	padding: 30px 0 0 0;
	line-height: normal;*/
/*	color: #626A44;*/
/*	padding: 40px 0 10px;*/
/*	color: #FFF;
	background-image: url(images/m-hover-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
*/
}
#sidebar ul li.page_item {
	width: 150px;
	height: 100px;
	margin: 0;
	padding: 0;
/*	color: #360;*/
	line-height: normal;
	vertical-align: middle;
/*
	background-image: url(images/m-pale-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
*/
}
#sidebar ul li.current_page_item {
	width: 150px;
	height: 100px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 1em;*/
	line-height: normal;
	font-weight: bold;
	font-style: normal;
/*	color: #626A44;*/
	color: #FFF;
	vertical-align: middle;
/*
	background-image: url(images/m-hover-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
*/
}
#sidebar ul li.base_accueil {
	color: #89452E;
	background-image: url(images/m-pale-accueil.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_accueil a {
	color: #89452E;
	background-image: url(images/m-pale-accueil.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_accueil a:hover {
	color: #FFF;
	background-image: url(images/m-hover-accueil.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.hover_accueil {
	color: #FFF;
	background-image: url(images/m-hover-accueil.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.hover_accueil a {
	color: #FFF;
	background-image: url(images/m-hover-accueil.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_camping {
	color: #360;
	background-image: url(images/m-pale-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_camping a {
	color: #360;
	background-image: url(images/m-pale-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_camping a:hover {
	color: #FFF;
	background-image: url(images/m-hover-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.hover_camping {
	color: #FFF;
	background-image: url(images/m-hover-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.hover_camping a {
	color: #FFF;
	background-image: url(images/m-hover-camping.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_sejour {
	color: #A25028;
	background-image: url(images/m-pale-sejour.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_sejour a {
	color: #A25028;
	background-image: url(images/m-pale-sejour.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_sejour a:hover {
	color: #FFF;
	background-image: url(images/m-hover-sejour.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.hover_sejour {
	color: #FFF;
	background-image: url(images/m-hover-sejour.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.hover_sejour a {
	color: #FFF;
	background-image: url(images/m-hover-sejour.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_decouverte {
	color: #6565B1;
	background-image: url(images/m-pale-decouverte.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_decouverte a {
	color: #6565B1;
	background-image: url(images/m-pale-decouverte.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.base_decouverte a:hover {
	color: #FFF;
	background-image: url(images/m-hover-decouverte.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.hover_decouverte {
	color: #FFF;
	background-image: url(images/m-hover-decouverte.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar ul li.hover_decouverte a {
	color: #FFF;
	background-image: url(images/m-hover-decouverte.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
.page_titre {
	display: block;
	width: 130px;
	margin: 0 auto;
	padding: 40px 0 0 0;
/*	color: #FFF;*/
}

/* --------------styles pied et bas----------------- */

#pied {
	width: 900px;
	height: 130px;
	margin:0 auto;
	padding: 0;
	background-image: url(images/fond-bas.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#bas {
	width: 900px;
	margin: 0;
	padding: 23px 0 0 0;
}
#bas p {
	/*float: left;
	width: 300px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 0.8em;
	color: #333;
	text-align: center;
}
#bas p.adresse {
	color: #360;
	font-weight: bold;
	padding: 0 0 7px 0;
}

#bas p.info {
	color: #333;
	padding: 6px 0 0 323px;
	text-align:left;
}
#bas p a {
	color: #333;
	text-decoration: none;
}
#bas p a:hover {
	color: #F30;
	text-decoration: none;
}
#bas p.hautpage {
	float: right;
	padding: 5px 25px 0 0;
	color: #333;
}

/*---------- styles contact et formulaire----------- */

#enseigne {
	width: 480px;
	height: 40px;
	margin: 0 auto;
}
#enseigne p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	color: #626A44;
	margin: 0 auto;
	padding: 0;
}
#enseigne p a {
	color: #626A44;
}
#adresses {
	width: 430px;
	height: 60px;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 2px 0 0 20px;
}
#adresses p {
	width: 205px;
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	padding: 0;
}
#contact {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	border: 0 none;
	text-align: left;
}
#contact fieldset {
	margin: 10px auto;
	width: 90%;
	text-align: center;
	margin: 0.5em;
/*	text-align: left;*/
}

#contact legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	color: #626A44;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

#contact p {
	width: 100%;
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
/*	text-align: left;*/
	clear: both;
}

#contact label.text {
	display: block;
	float: left;
	width: 20%;
	text-align: right; /* n'hsitez pas pas  aligner  droite, c'est pas mal aussi */
	margin: 0 1em 0 1em;
	padding: 0.1em;
}

#contact label.radioCheck {
	margin: 0 0.5em 0 0.25em;	
}

#contact input.text {
	width: 60%;
/*background-color: #FFD100;*/
/*	border: 0;*/
	margin-right: 0.25em;	
}

#contact label.textarea {
	display: block;
	width: 90%;
	text-align: center; /* n'hsitez pas pas  aligner  droite, c'est pas mal aussi */
	margin: 0.5em auto;
	padding: 0.1em;
}

#contact textarea {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: left;
/*background-color: #FFD100;*/
/*	border: 0;*/
}


.tbformu { 
	width: 100%;
	border: 0px none; 
	padding: 0; 
	margin: 20px auto 0;
	text-align: center; 
}

INPUT.submit {
	width: 120px; 
	height:20px; 
	margin: 1em;
	font-family: Arial, Geneva, sans-serif; 
	font-size: 0.8em; 
	line-height: 1em; 
	background-color: #EAE3D5; 
	color: #336600;
}

.envoy {
	margin: 1em 0;
	text-align: center;
}
.envoy label {
	border: 0;	
}

ul#diapo {
	display: block;
	float: left;
	overflow: hidden;
	width: 660px;
	height: 260px;
	margin: 0;
	padding: 0 0 0 20px;
	text-align:center;
	list-style-type: none;
	vertical-align: middle;
}

ul#diapo li {
	width: 660px;
	height: 260px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align:center;
	vertical-align: middle;
}
ul#diapo li img {
	border: 0 none;
}