/* ///// REMISE EN PAGE H1 H2  ///// */


/* ///// MISE A ZERO ///// */

form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

html{
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100%;
}

img{
border:none;
}
/* /////  PROPRIETE GENERALES  ///// */

body {
position:abolute;
text-align:center;
background-color:#F5F5F5;
background-image:url(fond.jpg);
background-repeat:repeat-y;
background-position:center top;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:11px;
}

a{
color:#FFFFFF;
}

a:hover {
color:#FFFFFF;
text-decoration:none;
}

h1, .h1 {
color:#827855;
font-size:22px;
line-height:22px;
text-decoration:none;
font-weight:normal;
text-align:left;
margin:0 0 0 0;
padding:0 0 0 0;
}
h1, a.h1:link { text-decoration:none; color: #F0F2F6; }
h1, a.h1:visited { text-decoration:none; color: #F0F2F6; }
h1, a.h1:hover { text-decoration:none; color: #F0F2F6; }
h1, a.h1:active { text-decoration:none; color: #F0F2F6; }

h2, .h2 {
color:#D5D7DA;
font-size:18px;
line-height:18px;
text-decoration:none;
font-weight:normal;
text-align:left;
margin:0 0 0 0;
padding:0 0 0 0;
}
h2, a.h2:link { text-decoration:none; color: #D5D7DA; }
h2, a.h2:visited { text-decoration:none; color: #D5D7DA; }
h2, a.h2:hover { text-decoration:none; color: #D5D7DA; }
h2, a.h2:active { text-decoration:none; color: #D5D7DA; }

h3, .h3 {
color:#FFFFFF;
font-size:15px;
line-height:15px;
text-decoration:none;
font-weight:bold;
text-align:left;
margin:0 0 5px 0;
padding:0 0 0 0; 
}
h3, a.h3:link { text-decoration:none; color: #FFFFFF; }
h3, a.h3:visited { text-decoration:none; color: #FFFFFF; }
h3, a.h3:hover { text-decoration:none; color: #FFFFFF; }
h3, a.h3:active { text-decoration:none; color: #FFFFFF; }

h4, .h4 {
color:#F0F2F6;
font-size:14px;
line-height:14px;
text-decoration:none;
font-weight:bold;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}
h4, a.h4:link { text-decoration:none; color: #F0F2F6; }
h4, a.h4:visited { text-decoration:none; color: #F0F2F6; }
h4, a.h4:hover { text-decoration:none; color: #F0F2F6; }
h4, a.h4:active { text-decoration:none; color: #F0F2F6; }

h5, .h5 {
color:#D4D6D9;
font-size:12px;
line-height:12px;
text-decoration:none;
font-weight:bold;
text-align:left;
margin:10px 0 0 0;
font-style:italic;
background-image:url(soulignementbleu.jpg);
background-position:bottom right;
background-repeat:no-repeat;
padding:0 30px 3px 0;
width:190px;
}
h5, a.h5:link { text-decoration:none; color: #D4D6D9; }
h5, a.h5:visited { text-decoration:none; color: #D4D6D9; }
h5, a.h5:hover { text-decoration:none; color: #D4D6D9; }
h5, a.h5:active { text-decoration:none; color: #D4D6D9; }

h6, .h6 {
color:#D4D6D9;
font-size:12px;
line-height:16px;
text-decoration:none;
font-weight:bold;
margin:-9px 0 0 10px;
font-style:italic;
float:left;
}
h6, a.h6:link { text-decoration:none; color: #D4D6D9; }
h6, a.h6:visited { text-decoration:none; color: #D4D6D9; }
h6, a.h6:hover { text-decoration:none; color: #D4D6D9; }
h6, a.h6:active { text-decoration:none; color: #D4D6D9; }

p, .p {
text-decoration:none;
font-weight:normal;
color:#FFFFFF;
}

.italic{
font-style:italic;
}

.gras{
font-weight:bold;
margin-top:2px;
margin-bottom:2px;
}

.gras2{
font-weight:bold;
margin-top:8px;
margin-bottom:0px;
}

.gris9 {
color:#C2C2C2;
font-size:9px;
line-height:18px;
text-decoration:none;
font-weight:normal;
}

a.gris9:link { color: #C2C2C2; }
a.gris9:visited { color: #C2C2C2; }
a.gris9:hover { color: #D3D3D3; }
a.gris9:active{ color: #D3D3D3; }

.gris10 {
color:#999999;
font-size:10px;
line-height:11px;
text-decoration:none;
font-weight:normal;
}

a.gris10:link { color: #999999; }
a.gris10:visited { color: #999999; }
a.gris10:hover { color: #ABABAB; }
a.gris10:active{ color: #ABABAB; }


.pointilleshoriz{
background-image:url(pointilleshoriz.gif);
background-repeat:repeat-x;
margin:0 0 0 0;
padding:0 0 0 0;
}

.pointilleshorizbottom{
background-image:url(pointilleshoriz.gif);
background-repeat:repeat-x;
background-position:bottom left;
margin:0 0 0 0;
padding:0 0 3px 0;
width:600px;
height:3px;
clear:both;
}

/* Float */

.floatleft{
float:left;
}

.floatright{
float:right;
}

.h1floatleft{
  color:#827855;
  font-size:18px;
  line-height:22px;
  text-decoration:none;
  font-weight:normal;
  text-align:left;
/*float:left;*/
margin-bottom: 5px;
}

.h3floatleft{
float:left;
padding-top: 6px;
}

.marge20b {
margin-bottom: 0px;
}
/* la classe ci-dessous n'est pas prise en compte par IE7 */
html>/**/body .marge20b {
margin-bottom: 20px;
}

.clear{
	clear:both;
}

#container{ /* DIV GLOBAL QUI ENGLOBE TOUS LES AUTRES : IL CENTRE LA PAGE AU MILIEU*/
position:relative;
width:975px;
margin:0 0 0 0;
padding:0 0 0 0;
height:auto;
text-align: left;
margin-left: auto;
margin-right: auto;
}

#header{ /* HEADER FLASH */ 
z-index:90;
width:975px;
height:110px;
position: absolute;
margin:0 0 0 0;
padding:0 0 0 0;
}

#saisonnalite{
z-index: 50;
clear: both;
position:relative;
float:right;
margin:0 0 0 0;
padding:50px 0 0 0; 
width: 240px;
height: 261px;

top: 50px;
}


#contenu{ /* ZONE DE CONTENU avec un fond bleu */
width:975px;
height:auto;
position:absolute;
margin:175px 0 0 10px;
padding:0 0 0 0;

}

/* ////// MENU HORIZONTAL HAUT DE PAGE ///// */

#fondbleutop{ /* le haut du fond bleu, pour avoir les bords arrondis */
width:975px;
height:5px;
background-repeat: no-repeat;
position:absolute;
margin:170px 0 0 10px;
padding:4px 0 0 0;
}

/* ////// MENU HORIZONTAL PIED DE PAGE ///// */

#menubottom{ /* PIED DE PAGE */
clear:both;
width:970px;
background-image:url(fond_menubottom.gif);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
position:relative;
bottom:0;
margin:50px 0 0 0;
padding:18px 0 0 0;
line-height:15px;
}


/* ZONE DE GAUCHE : MENU DEROULANT */

#zonegauche{
width: 145px;
float: left;
height:auto;
margin:15px 25px 25px 6px;
}



/* ZONE DE DROITE : contenu*/

#zonedroite{
width:775px;
float: left;
height:auto;
padding:0 0 0 0;
padding-bottom:80px;
margin:10px 5px 0 0;
}


#diaporama{
width:775px;
margin:3px 0 10px 0;
}

#texte p{
text-align:left;
width:775px;
color:#6a6350;
margin-bottom:10px;
text-align:justify;

}

#texte a{
color:#6a6350;
/*margin-bottom:10px;
float:right*/
}

#textecolonne{
text-align:left;
width:320px;
}

.titre{
background-image:url(soulignementbleu.jpg);
background-position:bottom right;
background-repeat:no-repeat;
padding:0 30px 4px 0;
margin-bottom:10px;
line-height: 14px;
}

li.spa{
list-style-type:disc;
list-style-position:inside;
line-height:11px;
text-align:left;
font-weight:normal;
margin:0 0 0 0;
padding:0 0 0 0;
color:#FFFFFF;
float:none;
}


/* MARGES */

.marge0{
margin:0 0 0 0;
}
.marge0bottom{
margin-bottom:0px;
}
.marge2top{
margin-top:2px;
}

.marge10top{
margin-top:10px;
}

.marge20top{
margin-top:20px;
}

.marge10bottom{
margin-bottom:10px;
}

.marge20bottom{
margin-bottom:25px;
}

.marge50bottom{
margin-bottom:50px;
}

.marge10left{
margin:5px 0 10px 10px;
}

.marge20left{
margin:0 0 0 20px;
}