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



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

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

h1 { color:#ffffff; font-size: 1.1em; font-weight:bold; }
h2 { color:#ffffff; font-size: 1.3em; }
h3 { color:#ffffff; font-size: 1.17em; font-weight:bold;}
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; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif;}
a:hover { text-decoration:none; color:#ffffff; } /* 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; }
fieldset{border-color:#816B54; border-width:1px;}
legend{padding:0 10px; margin:0 10px;}

#yzeo p { color:#ffffff; font-size: 1em; }
#yzeo a { color:#ffffff; text-decoration:underline; font-size:10px; }
#yzeo a:hover { text-decoration:none; color:#ffffff; } /* si changement de couleur au survol */
#yzeo a:visited { } /* si changement de couleur après le clic */

#fdintro h1 { color:#ffffff; font-size: 1em; }
#fdintro p { color:#ffffff; font-size: 1em; }
#fdintro a { color:#ffffff; text-decoration:underline; }
#fdintro a:hover { text-decoration:none; color:#ffffff; } /* si changement de couleur au survol */
#fdintro a:visited { } /* si changement de couleur après le clic */

/* É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; }

/* Couleurs */
.rouge{color:#BB3D26;}
.saumon{color:#FF986B;}
.marronClair{color:#816B54;}
.marronFonce{color:#2E1709;}
.beigeFonce{color:#C6A582;}
.beigeClair{color:#DAC6AE;}

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }
/* Les "absolut" */
#flags{
	position:absolute;
	top:-17px;
	left:22px;
	display:block;
	z-index:3;
}
#partenaires{
	display: block;
    left: 196px;
    position: absolute;
    top: 8px;
    z-index: 3;
}
#partenaires .maitres{float:right;margin: 2px 0 0 466px;}
#diapo{
	position: relative;
	display: block;
	width:945px; 
	height: 237px;
	overflow: hidden;
	margin:0 0 0 16px; }
/* Formulaire de contact */
#frmEnvoi{width:670px;}
.divformulaire{ width:450px; float:left; padding-right:10px;}
#divmessage{width:200px; float:left; padding-top:40px;}
#frmEnvoi input, textarea{ background-color:transparent; padding:5px; border:#ffffff solid 1px; }
#frmEnvoi .INPUT2{ border:none;}
#frmEnvoi .field{ text-align:right; padding-top:10px; }
#frmEnvoi .champ { height:15px; width:200px; }
#frmEnvoi textarea{ height:140px; width:200px; }
.boutonfrom{ text-align:center; /*padding-left:170px; width:530px;*/}

/* Formulaire rejoindre */
.divrejoindre{width:600px; padding-right:10px; margin: 0 auto;}
#frmRejoindre{ width:699px; }
#divmessageRejoindre{ width:239px; float:left; padding-top:40px;}
#frmRejoindre input, textarea{ background-color:transparent; padding:5px; border:#ffffff solid 1px; }
#frmRejoindre .INPUT2{ border:none;}
#frmRejoindre .field{ text-align:right; padding-top:10px; }
#frmRejoindre .champ { height:15px; width:200px; }
#frmRejoindre textarea{height:140px; width:100%;}
.boutonfrom{ text-align:center; /*padding-left:170px; width:530px;*/}

/* Formulaire invitation */
#frmInvite{ width:699px; }
#divmessageInvit{ width:239px; float:left; padding-top:40px;}
#frmInvite input, textarea{ background-color:transparent; padding:5px; border:#ffffff solid 1px; }
#frmInvite .INPUT2{ border:none;}
#frmInvite .field{ text-align:right; padding-top:10px; }
#frmInvite .champ { height:15px; width:200px; }
#frmInvite textarea{height:211px; width:100%;}
#frmInvite .champ2 {height:15px; width:150px;}
.divformulaire2{width:360px; float:left; padding-right:10px;}
.boutonfrom{ text-align:center; /*padding-left:170px; width:530px;*/}
#start-date input, textarea{ background-color:transparent; padding:5px; border:#ffffff solid 1px; }

/* Contact */
.mention{ text-align:center; /*margin-left:170px; width:530px;*/}

/* Accueil */
.animFlash{ float:left; padding:0 10px 0 0;}

/*Envoi mail*/
.texte{ /*padding-left:200px;*/}


/************************************************************     >Integration<     *********************************************
*********************************************************************************************************************************/

/*texte en noir*/
ul li.gauche{
	list-style-image:url(../images/puces.png);
	padding:5px 0;
	font-size:0.9em;
}
.noir{color:#2e1708;}
ul.noir li a{color:#2e1708;}
ul.noir li a:hover {color:#bb3d26;}
ul.noir li a.actif{color:#bb3d26;}

/*texte en blanc*/
.blanc{color:#ffffff;}
ul.blanc li a{color:#ffffff;}
ul.blanc li a:hover{color:#bb3d26;}
ul.blanc li a.actif{color:#bb3d26; text-decoration:none;}

/*.cache{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	display:none;
}*/

.cadre{
	border: solid 1px;
	border-style:dashed;
	padding: 10px;
	border-color:#816B54;
}
.largeur{
	width:470px;
	margin:10px auto;
}
.lieu{margin:20px 0px;}
.tailleField{width:400px;}
.hfieldset{height:170px;}
fieldset li{margin:10px 0;}
fieldset.marges{padding:10px;}
ul li.out{	list-style-position:outside; margin-left:20px;}
.padtop{padding-top:10px;}


/* Bouton résa FR */
div.btn_resa {	margin: 25px 0 0 22px;}
.btn_resa a:hover { background:url(../images/btn_resa_hover.png) top no-repeat;}
.btn_resa a{
	width:125px; 
	height:32px; 
	background:url(../images/btn_resa.png) top no-repeat;
	text-decoration:none;
	display:block;
}
	
/* Bouton résa EN */
div.btn_resa_en {	margin: 25px 0 0 32px;}
.btn_resa_en a:hover { background:url(../anglais/images/btn_resa_hover.png) top no-repeat;}
.btn_resa_en a{
	width:125px; 
	height:32px; 
	background:url(../anglais/images/btn_resa.png) top no-repeat;
	text-decoration:none;
	display:block;
}

/* Bouton résa ES */
div.btn_resa_es {	margin: 25px 0 0 22px;}
.btn_resa_es a:hover { background:url(../espagnol/images/btn_resa_hover.png) top no-repeat;}
.btn_resa_es a{
	width:125px; 
	height:32px; 
	background:url(../espagnol/images/btn_resa.png) top no-repeat;
	text-decoration:none;
	display:block;
}

/* Lien Facebook */
#facebook{ margin-top:20px; font-size:11px;}
#facebook img{ vertical-align:middle}


/******************* Livre d'or *******************/

/* Styles Div signature */
#cachesign{
position:absolute;
padding:0px;
left:0;
top:0;
visibility:visible;
background-color:#ffffff;
display:block;
height:100%;
width:100%;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
display:none;
z-index:10000;
overflow:hidden;
}

#signlivre{
	position:absolute;
	padding:10px;
	top:10px;
	visibility:visible;
	background-color:#613010;
	border:solid 1px #BB3D26;
	color:#fff;
	display:none;
	z-index:1000000;
	width:600px;
	height:550px;
}
#signlivre input, #signlivre button{ color:#000000;}
input#ajoutsign{ background-color:#BB3D26; cursor:pointer;}
input#ajoutsign:hover{ background-color:#9f3420; color:#F59C60;}
/* FIN Styles Div signature */

.texte a.lien{ color:#fff; text-decoration:underline;}
.texte a.lien:hover{ color:#bb3d26; text-decoration:none;}

/************************************************************     >Plan d'accès<     *********************************************
*********************************************************************************************************************************/
.plan {
	width: 640px;
	height: 480px;
}
#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: 13px;
	color: #BB3D26;
	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;
}
.petit{font-size:10px; font-weight:bold;}

/*-------------------Menu-------------------------------*/
#menu {
	height:23px;
	list-style:none;
	margin: 1px 0 0 0;
	margin-top: 0\9;
	padding:0;  }
	
#menu, x:-moz-any-link {
  height:23px;
  margin: 0;
}
#menu li {position:relative;
	float: left;
    font-size: 11px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center; }
#menu li a { 
    border-right: 1px solid #FA9D62;
    color: #FFFFFF;
    display: block;
    height: 100%;
    padding: 4px 8px 3px;
    text-decoration: none; }
#menu li a { background:url('../images/bouton.jpg') no-repeat -146px 0; }
#menu li li a { background:none; }
#menu li li a:hover { background:none repeat scroll 0 0 #E05E3C; }
#menu li a:hover, #menu li a:focus, #menu li a:active { background-position:0 0; }

/*-------------------Fin Menu-------------------------------*/