@charset "utf-8";
/* Cette feuille définit les styles de balises générales, l'entête, le pied de page, la navigation  et les styles spécifiques */
/*Inspiré des modèles de Elephorm & Alsacreations.com */


/* Général */
* {font-style:normal}

body {
	color: #666; /*texte non stylé */
	background: #FFF;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color: #000;
}
#global a:hover {
	color:#cf3434;
}
strong {
	color: #000;
}
h1 {
	
	font-size:1.6em;
	font-weight:bold;
	color:#cf3434;
	font-style:normal;
}
h2 {
		
		color: #cf3434;
		font-weight:bold;
		text-transform:uppercase;
		font-size:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		margin:3px 0 0 0;
	}
td h2 {margin:0;}
ul {
	margin-top : 0;
	list-style:none;
	margin:0;
}

/* En-tête */
#entete {
	background: url(img/bandeau.jpg) no-repeat;
	background-color:#DDD;
}

#entete .slogan {
	color:#FFF;
	font-family: "Myriad Pro Regular", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:-2px;
	
}

/* Menu */
/* Correction de pro_dropdown stuHover*/

#nav {background-image:none;background-color:#EEE;}
#nav li { border-right:1px solid #FFFFFF;}
#nav li.last, #nav li.last_secondary {border-color:#EEE}

#nav li a.top_link {
	
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	background-image:none;
	color:#cf3434;
	font-size: 1.3em;
	line-height:1.3em;
}
#nav li a.secondary_link {
	
	color:#000;
	font-size: 0.85em;
	
}

#nav li:hover a.top_link {
	background-image:none; 
	background-color:#CBCBCB;
	
	}
#nav li:hover a.secondary_link {
	background-color:#EEE;
	}
#nav li:hover a:hover {
	color:#cf3434;
}

/* Pied de page */
#footer {
	color:#000;
	
	

}
#footer p {
	background:url(img/bg-footer.png) no-repeat;
	border:1px solid #FFF;
	
}
#footer a {
	color:#000;

}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 5px;
}
#global {
	
	width: 960px;
	margin: 0 auto;
}

h1 {
	margin:0;
	
}


/* En-tête */
#entete {
	padding: 0;
	min-height:225px;
}
#entete-droit {
	width:200px;
	float:right;
}

#entete .titre {
	margin: 0 0 0 0;
	padding:143px 0 0 0;
	line-height:0.6em;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
		font-size: 3em; /* -> 8 */
	
}
#entete h1 {
	margin: 0 0 0 0;
	padding:143px 0 0 0;
	line-height:0.6em;
	
}
#entete strong
{
	
	font-weight: normal; /* -> 7 */
}
#entete img {
	
	margin: 0;
}
#entete .sous-titre {
	margin: 0;
	padding: 5px 0 0 10px;
	
}
/* Menu */
/* Correction de pro_dropdown stuHover*/

#nav li a.top_link {
	text-align:center;
	padding:8px 0 0 0;
	height:29px;
	width:160px;

}

#nav li a.secondary_link {
	padding-top:12px;
	
	
}
#nav li a.lasty_top_link, #nav li.lasty:hover, #nav li.lasty {float:right;}
#nav li a.last_top_link, #nav li.last:hover, #nav li.last {margin-right:144px;}
#nav li a.top_link, #nav li:hover, #nav li.top  {width:150px;}
#nav li.top_link_large a, #nav li.top_link_large:hover, #nav li.top_link_large {width:260px;}
#nav li a.secondary_link, #nav li.secondary:hover, #nav li.top.secondary {width:120px;}

#nav li a.secondary_link {height:26px}




/* Pied de page */
#footer {
	
	text-align:center;
}

#footer p {
	line-height:55px;
	text-align:center;
}
#footer li {
	font-size: .85em;
	display:inline;
	
}
/*styles spécifiques */
#centre a.calltoaction {
	font-weight:bold;
	letter-spacing:-1px;
	font-size:1.2em;
	padding-left:14px;
	background:url(img/fleche-rouge.png) no-repeat left center;
	
}
#principal p.right, #secondaire p.right {
	text-align:right;
}

.right {
	float:right;
	margin:0 0 7px 7px;
	
}

p.right {float:none;text-align:right}
.left {
	float:left;
	margin:0 7px 7px 0;
	
}
a.pavehome {
	text-align:center;
	border:2px solid black;
	padding: 10px;
	display:block;
	text-decoration:none;
	margin-bottom : 3px;
}
#principal a.pavehome p {
	text-align:center;
}
.pave, #principal .pave {
	background: #485C10;
	padding: 7px;
	text-align:center;
	color:#FFF;
}
.pave a, #principal .pave a { color:#FFF;}

.pave h3 {
	margin:0;
	color:#fff;
	
}

.galerie {width:50%; height:150px; float:left;}
.galerie img, .galerie2 img, .img-gauche {float:left;margin:12px 6px 12px 6px;}
.galerie1 {width:50%; height:160px; float:left;}
.galerie3 {width:50%; height:150px; float:left;}

.puce {
	background:url(img/puce.png) no-repeat top right;
	width: 27px;
}

fieldset {border:none;padding:5px}
fieldset legend {font-weight:bold;color:#6F8733;font-size:large;margin:7px 0}
input.validation {background-color:#033;color:#FFF;font-size:large;font-weight:bold;padding:5px;border:1px solid #6F8733;cursor:pointer; }
label {font-weight:bold}
.clear { clear:both;}
.barre {text-decoration:line-through}
.validation-advice {color:red;}
.legende {font-weight:bold; background-color:#EEE ;font-size:0.92em;padding:3px;border:1px solid #CCC}

.ombrage { 
    	-moz-box-shadow: 3px 3px 3px #433;  
    	-webkit-box-shadow: 3px 3px 3px #433;  
    	box-shadow: 3px 3px 3px #433;
    }  
	.invisible {
		
		position: absolute;

clip: rect(1px, 1px, 1px, 1px);

	}
	
.sous-titre {
	color:#000;
	font-weight:900;
	font-size: 1.4em;
	letter-spacing:-1px;
	margin-top:0;
}
.sous-titre-r {
	color:#fff;
	font-weight:900;
	font-size: 1.2em;
	letter-spacing:-1px;
	margin-top:1;
	margin-left:16px;
}
#centre .sous-titre {
	font-size: 1.2em;
	color: #353535;
	letter-spacing:normal;
}
#centre .titre-fg {
	background-color:#cf3434;
	text-transform:uppercase;
	color:#FFF;
	padding:3px 6px;
	display:inline;display:inline-block;
	margin:10px 0 0 0;
	letter-spacing:normal;
}
.titre-fg span {
	color:#ff9900;
}
	.bloc {padding:5px;margin-top:20px;border:1px solid #FFF;}
	.edito {text-align:justify}
	.prochain {}
	.magazine {padding:5px 0;}