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

@import url(structure.css);

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

body { color:#f2e1c2; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

h1 { /*color:#f2e1c2;*/ font-size: 1em; font-weight:normal; }

h2 { color:#f2e1c2; font-size: 1.3em; }

h3 { color:#f2e1c2; font-size: 1.17em; }

h4 { color:#f2e1c2; font-size: 1em; }

h5 { color:#f2e1c2; font-size: 0.83em; }

h6 { color:#f2e1c2; font-size: 0.67em; }

p { color:#f2e1c2; font-size: 1em; }

ul, ol { color:#f2e1c2; font-size: 1em; }

li { color:#f2e1c2; font-size: 1em; }

a { color:#f2e1c2; 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 { }

textarea { }

em { }

strong { }

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

.middle{
	vertical-align:middle;
	padding: 5px;
}

.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold { font-weight: bold; }

.italic { font-style: italic; }

.strike { text-decoration: line-through; }

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

.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }

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

#coordonnees { padding:0px 0 0 0; text-align:center; }

#coordonnees a img { border:none; }

/* cadres */
.cadreImg{
	border-color:#311a0f;
	border-style:solid;
	}
.cadre{
	padding:5px;
	border:1px;
	border-color:#8d816b;
	border-style: dashed;}
	
/* tableaux */
.couleur1{background-color:#867269;}
.couleur2{background-color:#8d816b;}
.couleur3{background-color:#f2e1c2;}
/*-------------------------Integration------------------------*/
.acces{
	width: 400px;
	margin: 5px;
	}
.gauche{
	padding:10px;
	text-align: justify;
}
ul li.stylise{
	list-style-image:url(../images/puces.jpg);
	padding:5px 0;
	margin:0 10px;
	}
.activites{
	width:525px;
	margin:0 auto;
	}
.petit{
	font-size:9px;
	font-style:italic;
	}
.ajuste1{
	margin-top:10px;
	}
.ajuste2{
	margin-top:40px;
	}
.blanc{background:#FFFFFF;}
/*-------------------------Fin Integration------------------------*/

/*-------------------------formulaire------------------------*/

	#formulaire {
	background: transparent;
	text-align:center;
	padding:0px;
	float:left;
} /* carateristique du formulaire */

#formulaire {
	background: transparent;
	text-align:center;
	padding:0px;
	float:left;
} /* carateristique du formulaire */

#formulaire { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */

.labelform {
	width: 203px;
	float: left;
	text-align: left;
	margin: 0 5px 0 0;
} /* carateristique des label, width minimum 203px; */

.pform2 { padding: 20px 0px 10px 0px; text-align:left; clear:both;}
.ie{ padding: 8px 0px 10px 0px; text-align:left; clear:both;}
.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both;} /* carateristique des p */

.inputform { width:230px; height:20px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */
.input2 { height:13px; margin: 0 5px 0 2px; }

.textareaform { width:398px; height:100px; overflow: auto; background-color:transparent; } /* carateristique du textarea */

.selectform2 {
	height:18px;
	margin: 0 5px 0 2px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#f2e1c2;
	background-color:#481B06;
	border: 1px solid #f2e1c2;
}
.selectform {
	height:18px;
	float:left;
	margin: 0 5px 0 2px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#f2e1c2;
	background-color:#481B06;
	border: 1px solid #f2e1c2;
} /* carateristique des select */

.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */

#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */

.inputenvoyer { width:150px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; } /* carateristique de l'input "envoyer mon 			message" */

.divtexte { margin: 5px 0 0 0; text-align:center; clear: both } /* carateristique de la div contenant le texte du captchat*/

#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */

#formulaire div a { color:#f2e1c2; } /* couleur du lien dans capchat */

.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */

.largeurFloateur{
	width:300px;
	}

	
#code { background-color:transparent; color:#f2e1c2; border: 1px solid #f2e1c2; }

.transp, .inputtexte { background: transparent; border: 1px solid #f2e1c2; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#f2e1c2; } /* pour rendre les input et textarea transparent avec une bordure */

input.calendar  {border:1px gray solid;width:80px; color:#000000;} /* style du calendrier */

.marquee{
	line-height:25px;
	font-size:16px;
	text-align: center;
}
/*-------------------------fin formulaire------------------------*/

/*-------------------------Plan d'accès------------------------*/
.plan {
	height: 400px;
	margin: 20px 5px 5px 5px;
	border: #311a0f solid thin;
}
#map .infosbulle {
	width: 150px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align:left;
}
.plan-titre {
	font-size: 12px;
	color: #60331e;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 10px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
/*-------------------------fin Plan d'accès------------------------*/

/*-------------------------LIVRE D'OR------------------------*/
/* Styles Div signature */
#cachesign{
position:absolute;
padding:0px;
left:0;
top:0;
visibility:visible;
background-color:#000000;
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:100px;
visibility:visible;
background-color:#371b14;
border:solid 1px #000000;
display:none;
z-index:1000000;
width:600px;
height:540px;
}
/* FIN Styles Div signature */

/* Styles de pagination */
a.liencpt, a.liencpt:visited, a.liencpt:active {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #425D90;
	text-decoration:underline;
}

a.liencpt:hover, a.liencpt:focus {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #425D90;
	text-decoration:underline;
}

.selpage{
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #5086C5;
}

.aucun{
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}
.nomLivre{text-align:left; font-weight:bolder;}

#videoPop{ position:fixed; z-index:20000; top:0; left:0; width:100%; height:100%; _height:100%; background-color:#000000; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; display:none;}
#videoPop a{ display:block; width:100px; margin-left:auto; margin-right:auto; margin-top:10%; margin-bottom:10px; padding:5px; background-color:#3A1704; border:outset 1px #3A1704; text-decoration:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

/* FIN Styles de pagination */