/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#FFFFFF; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 {
	color:#FFFFFF;
	font-size: 1em;
	font-weight: bold;
}
a:link.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #f78c35;
}
a:visited.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #f78c35;
}
a:hover.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #f78c35;
}

h2 { color:#FFFFFF; font-size: 1.3em; font-weight:bold; }
h3 { color:#FFFFFF; font-size: 1.17em; }
h4 { color:#FFFFFF; font-size: 1em; }
h5 { color:#FFFFFF; font-size: 0.83em; }
h6 { color:#FFFFFF; font-size: 0.67em; }
p { color:#FFFFFF; font-size: 1em; }
ul, ol { color:#FFFFFF; font-size: 1em; }
li {  color:#FFFFFF; font-size: 1em; }
a { color:#FFFFFF; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; color:#FFFFFF; }
textarea { border-width:thin; padding:3px; color:#FFFFFF; }
em { }
strong { }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }
.grasitalique { font-weight: bold;	font-style: italic;}


/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }
.zonetexte { float: right; width:520px }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.gras-rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #f78c35;
	text-decoration: none;
}

.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

/*========= Plan du site ==========*/

div#plan_site{
	margin-left:auto;
	margin-right:auto;
	width:658px;
	vertical-align:top;
}

div#plan_site img
{
	vertical-align: top;
}


.padd {
	padding-top:10px;
	padding-left:35px;
	padding-right:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif
	font-size: 12px;
	color:#000000;
	text-align:justify;
	}

div#clear{
	clear:both;
	}
	
div#yzeo_pl
{
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 700px;
	height: 25px;
}

div#yzeo_pl img
{
	vertical-align: middle;
}

.logo{
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}.zonemenus {
	width:780px
}

/*///////////////////////////////////////////////////////////////////*/

.menusprincipale {
	width:570px;
	margin-left: auto;
	margin-right: auto;
}
.menuscentre {
	width:570px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/cadres%20menus/cadre-centre.jpg);
	background-repeat: repeat-y;
	vertical-align: top;
}
.menustexte {
	width:500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.menusbas {
	width:570px;
	margin-left: auto;
	margin-right: auto;
	height: 31px;
	vertical-align: top;
}

/* PLAN DU SITE
----------------------------------------------------------------------------*/

.plan {
	width: 640px;
	height: 480px;
	margin-left:auto;
	margin-right:auto;
}
#map .infosbulle {
	width: 210px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

/* Validator */

#validator a img { background-color:#4E2808; }
#validator a img { filter:alpha(opacity=50); opacity:.5; margin:10px 25px 0 0; /* aligne l'image W3C avec le logo du dessus */ }
#validator a:hover img { filter:alpha(opacity=100); opacity:1; }

.marginc
{
	margin-top:10px;
}

.widthlivre
{
	width:95%; border: solid 2px; color:#f0721a; margin:0 auto; padding:10px;
	
}

.textc
{
	font-size:14px; font-weight:bold;
}
.field input{ color:#000;}
#msg,.valid{ color:#000;}
fieldset p{ color:#000;}
#guestbook-form input{ color:#000;}