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

@import url(structure.css);

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

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

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

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

h3 { color:#FF3333; font-size: 1.17em; font-weight:bold; }

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

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

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

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

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

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

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

/* É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 { 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 { width:200px; height:105px; float:left; padding:10px 0 0 0; text-align:center; border:1px solid #fff; margin:0px 0 0 20px; }

.coordonnees a img { border:none; }


/* Validator */
.clearvalidator{ clear:both; height:3px;}
#validator a img { background-color:#565137; }
#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; }

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

	#formulaire { background: transparent; text-align:center; width:400px; padding:0px 0 0 40px; 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: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

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

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

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

.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#565137; background-color:#fff; border: 1px solid #565137; } /* 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; color:#565137; } /* 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:#565137; } /* couleur du lien dans capchat */

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

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

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

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

/*---------------------------Modules-----------------------------*/

#galerie a img {  border:3px solid #fff; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;}

#galerie a:hover img { border:3px solid #fff; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#contenu a img {  border:3px solid #fff; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;}

#contenu a:hover img { border:3px solid #fff; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#galerie { width:100%; }

.autourgalerie { width:393px; float:left }

.imggalerie { float:left; width:170px; padding:10px 0; }

.textegalerie { float:left; padding:10px 0; width:170px }

.textegalerie a:first-letter { padding: 0 0 15px 0; line-height:16px; }

.galerie2 { width:100%; }

.imggalerie2 { width:33%; padding:10px 0; text-align:center; float:left; }

.imggalerie2 a img { border:3px solid #fff; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.imggalerie2  a:hover img { border:3px solid #fff; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.texteactu {width:100%; clear:both; }

/* Actu */
	
	.texteactu {width:100%; clear:both; }
	
	.actu {width:100%; clear:both; padding:0 0 2px 0; display:table }
	
	.autourimgactu { margin:0 auto;}
	
	.imgactu {width:33.33%; min-height:50px; _height:50px; float:left;}
	
	.imgactu a { border:1px solid #F2E2CB; display:block; float:left; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }
	
	.imgactu a:hover { border:1px solid #E97015;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;}
	
	.imgactu img { border:none; }
	
	.espacement { clear:both; height:20px; }
	
	hr { clear:both; border:1px solid #F6C384; }

/*------------------------Fin Modules-----------------------------*/