html
{
font-size:100%;
height:100%;
}

body
{
margin:auto;
text-align:center;
background-color:#96bd0d;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333333;
height:100%;
}

img
{
border:none;
}

#CONTENEUR
{
background-color:#ffffff;
text-align:left;
width:790px;
margin:auto;
margin-top:0px;
margin-bottom:0px;
padding:10px;
}

#BANDEAU
{
	background-image: url(../img/barrenavigation2.gif);
	height:136px;
	margin-top:0px;
}

#MENU
{
	margin-left: 320px;
	padding-top:96px;
}

#MENU li
{
	display: inline;
	padding-right: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
}

#MENU li a:link
{
	text-decoration: none;
	color:#ffffff;
}
#MENU li a:visited
{
	text-decoration: none;
	color:#ffffff;
}
#MENU li a:hover
{
	text-decoration: none;
	color:#799b13;
}
#MENU li a:active
{
	text-decoration: none;
	color:#ffffff;
}

#LOGO_INTRO
{
float:left;
margin-top:10px;
margin-left:8px;
margin-bottom:0px;
}

#INTRO
{
	margin-bottom:5px;
	margin-left:275px;
	margin-right:15px;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	line-height:18px;
	text-align:justify;
}
#COLONNE1
{
float:left;
width:234px;
margin-top:10px;
margin-left:8px;
}

#COLONNE_CARTE
{
float:left;
width:514px;
margin-top:10px;
margin-left:8px;
}

.titre_colonnes_23
{
float:left;
width:508px;
margin-top:10px;
margin-left:8px;
}

.image_colonnes_23
{
float:left;
width:508px;
margin-top:10px;
margin-left:8px;
}

.colonne2
{
float:left;
width:250px;
margin-top:10px;
margin-left:8px;
}

.colonne3
{
float:left;
width:250px;
margin-top:10px;
margin-left:8px;
}

#PAVE_CITE
{
	margin-top:30px;
}

#PAVE_HLM
{
	margin-top:90px;
}

#PAVE_RESIDENCE
{
	margin-top:85px;
}

.pave
{
	background-image: url(../img/m-bloctexte.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-top:7px;
	padding-left:10px;
	width:235px;
	height:62px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
}

.archi
{
	font-weight: normal;
}

#ADRESSE1
{
float:left;
background-image: url(../img/paveadressecihb.gif);
background-repeat: no-repeat;
width:246px;
height:156px;
margin-top:10px;
margin-left:8px;
}

#ADRESSE2
{
float:left;
background-image: url(../img/paveadressebrives.gif);
background-repeat: no-repeat;
width:252px;
height:156px;
margin-top:10px;
margin-left:8px;
}

#ADRESSE3
{
float:left;
background-image: url(../img/paveadressecible.gif);
background-repeat: no-repeat;
width:244px;
height:156px;
margin-top:10px;
margin-left:8px;
}

#LOGO_NORMES
{
	margin-top:20px;
}

#LOGO_PEFC
{
	float: right;
	background-image: url(../img/j-logopefc.gif);
	background-repeat: no-repeat;
	border: 1px solid #149036;
	margin-left:55px;
	padding-left: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	font-weight: normal;
	color: #333333;
	
}

#BANDEAU_BAS
{
clear:both;
margin-top:15px;
background-color : #ffffff;
background-image: url(../img/fond_bandeau_vert.gif);
background-repeat: repeat-x;
height : 45px;
}

#BOUTON_CATALOGUE
{
clear:both;
text-align:center;
padding-top:20px;
}

.elt_centre
{
text-align:center;
}

.flotte-gauche
{
float:left;
}

.fin_block
{
	clear:both;
	height:3px;
	width:20px;
}

.amenagement_calage_catalogue
{
	height:10px;
	width:20px;
}

.calage_zone_activite
{
	margin-top:10px;
}

.calage_logo
{
	margin-top:13px;
}

#MESSAGERIE
{
	margin-top:10px;
	margin-left:20px;
}

#MESSAGE_CONFIRMATION
{
	text-align:center;
	color:#96bd0d;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}

#BTN_VALIDER
{
	text-align:center;
	margin-top:20px;
}

#ACCORD_TEXT
{
	float:right;
	margin-left:315px;
	margin-top:-22px;
	margin-bottom:15px;
}


#CNIL
{
	clear:both;
	margin-top:20px;
	margin-left:145px;
	margin-bottom:20px;
	text-align:center;
	width:500px;
	font-weight:normal;
}

/*Eléments pour le formulaire*/
#corpform p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	font-weight : bold;
}

#corpform label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 140px;;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin-left: 150px;
	padding: 0 .5em 0 0;
	line-height: 1.8;	
}