/*////////////////////////*/
/* Information de la page */
/*////////////////////////*/

html,body {

font-family: Verdana, Arial, Helvetica, sans-serif; /* Police Verdana utilisé par défaut */
font-size: 10pt; /* Taille de la police par défaut */
/*margin: 0;  Pas de marge */
padding: 0; /* Pas d'espacement */
/*text-align: center ;  <on centre la page */
color : #999999; /*couleur*/
background-color : #626262; /* Couleur de fond de la page Web */
border-style:hidden; /*Les bordures sont cachés */
height: 100%;
width:100%;
margin: 0 auto; 


/*background-position: center top;
background: #626262 url(images/globale2.png) repeat-y center top;*/
}

/*div{
 display:table-cell;
 height:100px;
}*/
p {
/*background-color:#FFF; /*couleur de fond*/
}

a img {
border:0; /*on enlève le cadre autour des images liens */
}

/*html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	}*/

/*///////////////////////*/
/* Informations Diverses */
/*///////////////////////*/

/* Mise en page des News */
h1 {
/*display:none;*/
color:#E98523;
margin:0;
padding:15px 0px 0px 230px;
font-size: 27px;
/*text-align: center;*/
}

h1 a,a:hover{
text-decoration: none;
color:#E98523;
}

/* Mise en page des Titres en bleu foncé */
h2 {
/*background-color:#FFF;*/
/*font-size: 1.1em; /* Taille de la police */
font-size: 15px; /* Taille de la police */
color:#6AA14E; /* Couleur du texte vert */
font-weight :bold; /* On met en gras */
text-align:left; /* On aligne au gauche */
text-align:justify; /* On justifie le texte */
margin:15px 5px 5px 5px;
}

form{
margin:0;
padding:0;
}

table{
border-spacing: 0px;
border-collapse: collapse;
}

th{
text-align: center;
}

h3 {
font-size: 14px; /* Taille de la police */
color:#E98523; /* Couleur du texte orange */
font-weight :bold; /* On met en gras */
text-align:center; /* On aligne au gauche */
margin:15px 0 5px 0;
}

h3 a{
text-decoration: none;
font-size: 14px; /* Taille de la police */
color:#E98523; /* Couleur du texte bleu foncé */
font-weight :bold; /* On met en gras */
text-align:center; /* On aligne au gauche */
margin:15px 0 5px 0;
}

ul {
list-style-image : disk ;
list-style-position: inside;
/*list-style-type: none ;*/
padding: 0 ;
margin: 0 ;
}

li {
list-style-image : disk ;
text-align: left;
padding-bottom: 5px;
margin-left: 15px ;
color: #7F7F7F ;
font-size: 11px ;
}

li a {
color:#707070;
text-decoration:none;
font-weight :bold; /* On met en gras */
}

li a:hover {
color:#6AA14E;
}

/* Mise en page des traits horizontaux */
hr {
width:90%; /* On créer une ligne centré et de 70% par rapport à la taille de la page */
color:#000000; /* Couleur du trait : noir */
background-color:#000000;
height:1px; /* Taille du trait : 1 pixel */
border: 0;
}

/*//////////////////////*/
/* Mise en page du site */
/*//////////////////////*/

#conteneur {
background: url(../images/globale2.png) repeat-y center bottom;
width: 782px;
/*overflow: hidden; */ /*rajoute des scroll bar*/ 
margin-right: auto;
margin-left: auto;
position: relative;
height: 100%;
height: auto !important;
min-height: 100%;
overflow: hidden; 
padding-bottom: 2em;
/*position: absolute;
	left:50%;
	width:752px;
	margin-right:-369px;

/* width: 750px; Taille fixé à 750 pixel */
/*margin: 0;*/

/*position: inherit;*/

/*border-right: 1px solid #898989;
border-left: 1px solid #898989;*/
/*
background-position:50% 0%;
background: white url(images/globale2.png) repeat-y center bottom;*/
}
html>body #conteneur {
height: auto;

} 

/* Image de fond */
#header {
padding: 0px 0px 0 0px;
margin: 0px 0px 0 0px;
/* height: 200px; Hauteur de l'Header */
/*background : url(images/header.gif) no-repeat top;*/
background : url(../images/top.png) no-repeat center top;
width:782px;
height:152px;
display: block;
margin-right: auto;
margin-left: auto;
position: relative;
}


/*//////*/
/* Menu */
/*//////*/

#conteneurmenu {
width: 190px;
/*margin-right:10px;*/
float: left;
/*background-color:#BABABA;*/
margin:0 0px 0 0px;
padding:0px 0px 0 10px;
display: inline;
padding-bottom: 1em;

/*border-right:1px solid #626262;
border-left:1px solid #626262;*/
}

/* Image de fond des liens du menu */
#menuvertical {
width: 180px;
clear: left;
/*background-color: #FFF;
margin:0px;  /*Pas de marge */
/*margin-left:3px;*/
padding:0px 0px 0 3px;


}

#copyright {
width: 180px;
/*background-color: #FFF;*/
margin-left:0px;

}

/*/////////*/
/* Contenu */
/*/////////*/

#conteneurcontenu {
width: 555px; /* Largeur de l'image */
margin:0px 0px 0 0px;
padding:3px 5px 0 4px;
float:left;
display: inline;

/*background-color:#BABABA;*/
/*border-right:1px solid #626262;
border-left:1px solid #626262;*/
}


#contenu {
/*background-color: #FFF;*/
width:535px;
padding:0 5px 0 15px;
/*margin:0 0px 0 0px;*/
margin: 0 0 0 0 ; 
/*min-height: 450px;*/
padding-bottom: 2em;
}

/* Information sur le contenu */
.cont_petit {
font-size:10px; 
text-align: justify;
padding-left: 10px;
}

.cont {
margin: 0 5px;
padding: 0;
color : #999999;
text-align:left; /* On place le texte à gauche */
}

.cont a {
color:#7F7F7F;
font-weight:bold;
text-decoration:none;
}

.cont a:hover {
color:#3C9A35;
}

.copy {
text-align:center;
margin-top: 35px;
font-size: 0.8em; /* Taille de la police */
}

.copy a {
color: #999999;
text-decoration:none;
}

#couverture
{
float: right;
width: 280px;
height: 365px;
margin: 5px 10px 10px 10px;
}
.asterisque {
margin: 25px 5px 0 0;
padding: 0;
color : #000000;
font-size: 9px;
text-align:left; /* On place le texte à gauche */
}

.bouton_plus {
background: url(../images/plus.gif) no-repeat;
width: 15px;
height: 15px;
border: none; 
cursor: pointer; 
cursor: hand;
padding:0;
margin:0;
}

.bouton_moins {
background: url(../images/moins.gif) no-repeat;
width: 15px;
height: 15px;
border: none;
cursor: pointer;
cursor: hand;
padding:0;
margin:0;
}
#bouton  {
display: block;
cursor: pointer;
cursor: hand;
background: url(../images/bouton.gif) no-repeat;
font-family: Verdana;
font-weight: bold;
color: #FFF;
text-align: center;
height: 60px;
line-height: 60px;
text-decoration: none;
overflow: auto;
width: 220px;
margin-right: auto;
margin-left: auto;
position: relative;
}

#bouton  a:hover{
color: #FFF; /*#6AA14E*/
text-decoration: none;
}

#bouton  a{
color: #FFF;
text-decoration: none;
}
.recap {
font-size: 9px;
}
.formu_recap {
border: solid 1px #000;
}
.formu_recap td{
padding-right: 5px;
padding-left: 5px;
}
.gauche{
text-align: right;
font-weight: bold;
}
.lib{
text-align: right;
font-size: 11px;
}
.champ{
text-align: left;
font-size: 8px;
}
.champ input[type=text]{
background-color: #D0DF70;
}

.orange {
font-size: 12px; /* Taille de la police */
color:#E98523; /* Couleur du texte orange */
/* text-align:left; On aligne au gauche */
text-align:justify; /* On justifie le texte */
margin:15px 5px 5px 5px;
}
#footer {
/*    
display: block;*/
/*overflow: fixed;
margin: auto;*/
clear: both;
    position: absolute;
bottom: 0px;
	font-size: 11px;
	color: #D0DF70;
	width: 530px;
	/*height: 70px;*/
/*	text-align: center;*/
}




/** instruction vue seulement par IE 
 html #conteneur {
/*background: url(images/global2.gif) repeat-y;
height: 100%;
/*min-height: 100%;
}*/

/*#hautmenu {
/*margin-top:3px;
width: 150px;
height:241px;
background : url(images/menu.gif) no-repeat top left;
background-color:#FFF;
margin:0px 0px 0 0;
padding:0px 0px 0 0;
}*/

/** instruction vue seulement par IE 
 html #hautmenu {
 /* margin-left:0px;
}*/

/** instruction vue seulement par IE
 html #menuvertical {
/*display: inline-block;
width: 100%;
text-align: left;
margin: 0;
} */

/** instruction vue seulement par IE 
* html #copyright {
  margin-left:0;
}**/

/** instruction vue seulement par IE **/
/* html #header {
  margin: 3px 0 0 0;
}*/

/** instruction vue seulement par IE **/
/* html #contenu {
  margin-left:0;
}*/