@charset "utf-8";
html
{
height: 100%;
width : 100%;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	background-color:#DDED9C;
	height: 100%;
	width : 100%;
	margin: 0; 
	padding: 0;
	margin-bottom:0;
	margin-top:3px;
 	color:#66614B;
}


/* les titres de localisation */

.titreMenu{
	color: #CF5050;
	font-style: normal;
	font-stretch:semi-expanded;
	font-size: 20px;
	font-weight:bold;
	margin-top: 70px;
}

.titreSousMenu{
	color: #292929;
	font-style: normal;
	font-stretch:semi-expanded;
	font-size: 15px;
	font-weight:bold;
}





/* Bloc entete avec image de fond */
div#entete {
	width:100%;
	text-align:center;
}

/* zone entete avec le tableau */
div#zoneEntete {
/*margin:0 auto;*/
/*width: 760px;*/
height:138px;
margin-left:3em; /* marge en pourcentage par rapport à gauche */
margin-right:3em; /* idem à droite, du coup c'est entre */
padding:0;
margin-top:-3px;	
/*
background-color:#0033CC;*/
}

/* zone de localisation avec titre et fond dégradé*/


/*style pour les liens sur le menu du haut */
#zoneEntete a:link {
font-family:verdana, sans-serif;
font-size:15px;
font-weight:bold;
color:#5C6772;
background-color:transparent;
text-decoration:none;
}
#zoneEntete a:visited {
font-family:verdana, sans-serif;
font-size:15px;
font-weight:bold;
color:#5C6772;
background-color:transparent;
text-decoration:none;
}
#zoneEntete a:hover {
font-family:verdana, sans-serif;
font-size:15px;
font-weight:bold;
color:#5C6772;
background-color:#F1EEBC;
text-decoration:none;
}

#zoneEntete a:active {
font-family:verdana, sans-serif;
font-size:15px;
font-weight:bold;
color:#5C6772;
background-color:#F1EEBC;
text-decoration:none;
}

/*style pour les liens sur le menu du bas */
#baspage a:link {
font-family:verdana, sans-serif;
font-size:10px;
font-weight:bold;
color:#5C6772;
background-color:transparent;
text-decoration:none;
}

#baspage a:visited {
font-family:verdana, sans-serif;
font-size:10px;
font-weight:bold;
color:#5C6772;
background-color:transparent;
text-decoration:none;
}
#baspage a:hover {
font-family:verdana, sans-serif;
font-size:10px;
font-weight:bold;
color:#5C6772;
background-color:#F1EEBC;
text-decoration:none;
}

#baspage a:active {
font-family:verdana, sans-serif;
font-size:10px;
font-weight:bold;
color:#5C6772;
background-color:#F1EEBC;
text-decoration:none;
}

#contenu a:link {
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#575244;
background-color:transparent;
text-decoration:none;
}
#contenu a:visited {
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#575244;
background-color:transparent;
text-decoration:none;
}
#contenu a:hover {
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#F1EEBC;
background-color:#575244;
text-decoration:none;
}

#contenu a:active {
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#F1EEBC;
background-color:#575244;
text-decoration:none;
}




/* BLOC CONTENU */
div#contenu {
clear:both;
margin:0 auto;
width:760px;
/*height:100%;

height:350px;  Hauteur : on peut l'enlever, c'est parceque y'avait pas de contenu, mais la hauteur s'adaptera au contenu, sinon, si tu veux fixer la hauteur de la zone de contenu, et si le contenu depasse, tu rajoutes overflow:auto et tu auras une barre de defilement sur le contenu */
text-align: center;
background-color:#FFFFFF;
border:#B3D627 1px solid; /*le bord de la zone*/
/*overflow: auto; per;et le scroll dans le div*/
}



 
/* Pour le bandeau vertical */
div#colonneDroite{
float:right;
/*width:185px;*/
width:175px;

margin:2px;
text-align: left;
 background-color:#FFFFFF;
/*border:#B3D627 1px solid; le bord de la zone*/
}




/* BAS DE PAGE */
div#baspage {
	margin: 2px;
	width:746px;
	height:18px;
	background-color: #FFFFFF;
	border:#FF9900 1px solid; /*le bord de la zone*/
	margin-top: 8px;
	padding: 3px;
	text-align: center;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/*/////////////////////////////////////
///////// CHAMPS DE TEXTE /////////////
/////////////////////////////////////*/

input
{
    border: 1px #d3d3d3 solid;
	margin: 1px;
	color: #464646;

}

input#image
{
    border: none;
}

input:hover
{
	background-color: #f6f5f5;
}

input:focus
{
	border: 1px #535353 solid;
}