/* CSS Document */

@import url(_structure.css);
@import url(_modules.css);

@media print {
div.content-top img {
	display:block;
	margin: 0 auto;
}
.h1-home img {
	display:block;
}
}

/*-----------  remise a zéro  -----------*/
html, body {
    margin: 0;
    padding: 0;
}

/*-----------  formatage commun   -----------*/

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #2F2F2F;
	background: url(../images/body_bgd.jpg) repeat-y center top;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h1 {
	font: 27px Georgia, "Times New Roman", Times, serif;	
	letter-spacing: -0.02em;
	font-weight: normal;
	color: #98350a;
	margin-bottom: 28px;
}
h2 {
	font: 20px Georgia, "Times New Roman", Times, serif;	
	letter-spacing: -0.02em;
	font-weight: normal;
	color: #98350a;
	margin-bottom: 18px;
}
h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}
h4 {
}

p { 
	margin: 0;
	padding-bottom: 10px; 
}
p.encart { 
	margin: 0 0 10px 0;
	padding: 10px; 
	background: #ece3cd;
}

ul, ol {
	margin: 0;
	padding: 0 0 9px 18px;
}
li {
	/*padding: 0 0 5px 0;*/
}
ul.nav, ul.nav li {
	margin:	0;
	padding: 0;
	list-style: none;
}
sup {
	position: relative;
	bottom: 0.3em;
}

/*-----------  liens   -----------*/
a, a:visited {
	text-decoration: none;
	outline: none;
	color: #2f2f2f;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none; 
}
a.lien-rose  {
	color:#bf2546;
}


/*-----------  images   -----------*/
.img-left      		{ float:left; margin:3px 9px 9px 0; }
.img-right     		{ float:right; 	margin:3px 0 9px 9px; }
.cadre-img 		{ border: 5px solid #ece3cf; }
.img-v-middle		{ vertical-align:middle }
.image-gauche {
	float:left;
	margin:3px 9px 9px 0;
	border: 5px solid #ece3cf;
}
.image-droite{
	float:right; 
	margin:3px 0 9px 9px;
	border: 5px solid #ece3cf;
}
.image-bordure {
	border: 5px solid #ece3cf;
}

/*-----------  formulaires   -----------*/
form {
	padding: 0;
	margin: 0 0 30px 0;
	display:block;	position:relative;
}

.form-home-abo-nl {
	position:relative;
	margin:0 0 10px 0;
	padding:0;
}

input, select, textarea, button {
	font: 11px arial, helvetica, sans-serif;
	outline: 0;
	border: 0;
}

input.valider-fleche {
	position:absolute;
	float:left;
	top:0;
	left:190px;
	height: 23px;
	width: 30px;
	border: 0;
	padding: 0 0 0 0 ;
	margin: 0 0 0 0;
	background: url(../images/bouton-ok.png) no-repeat;	
	cursor: pointer;
}

input {
	width: 178px;
	height: 19px;
	padding: 2px;
	color: #666;
	background: url(../images/input-text_bgd.png) no-repeat;
}

.bt-radio {
	width: 15px;
	height: 15px;
	margin:0 3px 0 0;
	background-image:none;
}

.inputformtextearea {	/*** Mise en avant des champs en cours d'utilisation ***/
	width:410px;
	padding: 5px 4px 0 7px;
	overflow:auto;
	color:#666;
	background-color:#e8ddc3;
	border:#ddd2b6 1px solid;
	scrollbar-arrow-color :#483300;	/*couleur pour les pointeur de défilement*/
	scrollbar-darkshadow-color :#E7E7E7;	/*couleur pour les ombres*/
	scrollbar-face-color : #fdf4f5;	/*couleur pour la surface*/
	scrollbar-highlight-color : #CCCCCC;	/*couleur pour le bord haut et le bord gauche*/
	scrollbar-shadow-color : #666666;	/*couleur pour le bord droit et le bord du bas*/
	scrollbar-track-color : #fdf4f5;	/*couleur pour la barre de défilement non cachée par le pointeur de défilement	*/
}

.envoyer {
	border:#ddd2ba 1px solid;
	background-color:#ece3cf;
	font-size: 12px;
	color: #666;
	font-weight:bold;
	height:30px;
	background-image:none;
	width:410px;
	padding: 5px 4px 5px 7px;
	margin-bottom:15px;	
	cursor:pointer;	
}

label.block {
	display: block;
	vertical-align: middle;
	cursor: text;
	padding: 5px 0 3px;
	margin-top: 6px;
}

label.error {
	display:block;
	color:#bf2546;
	font-size: 11px;
	clear:left;
}
input.error, select.error, textarea.error {
	background: #f8f3e8;
}


/*-----------  tableaux   -----------*/

table td, table th {
	vertical-align:top;
	padding: 3px 6px;
	text-align: left;
}

/*-----------  textes   -----------*/

.font10      		{ font: 10px/12px Arial, Helvetica, sans-serif !important; }



/*-----------  flash   -----------*/
object {
	display: block;
	outline: 0;
}

/*-----------  classes globales   -----------*/
.clear        	{ clear:both; display:block;}
.clear-left   	{ clear:left; }
.clear-right 	{ clear:right; }
.hide		   		{ display: none; }
.block		   	{ display: block !important; }
.blockcentre	{ display: block !important; margin: 0 auto }
.valigntexttop	{  vertical-align: text-top }
 
.float-left    	{ float:left !important; }
.float-right   	{ float:right !important; }
.float-none   	{ float: none !important; }

.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center   	{ text-align:center; }
.text-justify  	{ text-align:justify; }

.text11  		{ font-size:11px }
.text11 a:hover { text-decoration: none;}

.bold          	{ font-weight:bold; }
.italic       	 { font-style:italic; }
.underline    	{ border-bottom:1px solid; }
 
.noborder     	{ border:none; }
.nopadding      { padding:0 !important; }
.nomargin     	{ margin:0 !important; }
.noindent     	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }

.relative      	{ position:relative; }

/*-----------  classe clearfix   -----------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block; }
* html .clearfix{ height: 1%; }
.clearfix 		{ display: block; }

/*-----------  classe spacer   -----------*/
.spacer 		{ clear: both; font-size: 1px; height: 1px; }