/* CSS Document */

html,body { font-family: Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.4; background-color: #fff; color: #46494a; height:100%;margin:0;padding:0;}

p { line-height: 1.4em; margin-bottom: 1em; font-size:12px; }

ul,li{margin:0;padding:0;}
ol,ul {list-style:none;}


/* CONTAINER */

#container {
position : relative;  
min-height: 100%;  
}

#contenu{  
position: relative;  
min-height: 100%;  
margin: 0 auto;  
padding-bottom: 173px;  
width: 100%;  
}  



/* HEADER */

#header { height: 526px; width:100%; margin: 0 auto;padding:0; background-image:url(../images/bg-banner.jpg);background-repeat:repeat-x;}

#header { background-color:#24272c; }

#contenu-header { width: 927px; margin: 0 auto;}


/* CONTENT */

#content{ width:100%; margin: 0 auto;padding:0; background-image:url(../images/bg-contenu.jpg);background-repeat:repeat-x;}

#content {  background-color:#dae7f1 }

#contenu-content { width: 927px; margin: 0 auto; background-color:#dae7f1; background-image:url(../images/bg-content.jpg);background-repeat:repeat-x;}



/* FOOTER */

#footer {position: absolute; padding:0px; background-color: #010101;background-image:url(../images/bg-footer.jpg);background-repeat:repeat-x; height:173px; width: 100%;bottom:0px;}

#contenu-footer { width: 927px; margin: 0 auto;}


/* TEXTE */

h1 {
	color: #7a6f64;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

h2 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: bold;
	color: #2db9f4;
}

h3 {
	margin:0px;
	padding:0px;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #56710d;
}

h4 {
	margin:0px;
	padding:0px;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #2db9f4;
}

h5 {
	margin:0px;
	padding:0px;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #7a6f64;
	font-weight: bold;
}

h6 {
	margin:0px;
	padding:0px;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:8px;
	color: #4c4339;
}

.texte {
	color: #515252;
	text-decoration: none;
	font-family: Lucida Sans, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.texte-vert {
	color: #56710d;
	text-decoration: none;
	font-family: Lucida Sans, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.texte-footer {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}


.lien_texte { 
    font-family: Lucida Sans, Arial, Verdana;
	 color: #56710d; 
	 font-size: 12px; 
	 text-decoration: underline;
}	

.lien_texte:hover {
    text-decoration: underline;
	  font-family: Lucida Sans, Arial, Verdana;
	 color: #40b3e4; 
	 font-size: 12px; 
}

.lien_texte_footer2 { 
    font-family: Arial; 
	 color: #FFFFFF; 
	 font-size: 11px; 
	 text-decoration:none;
	 outline:0;
}	

.lien_texte_footer2:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #001c33; 
	 font-size: 11px;
	 outline:0;
}


.droite { 

/*Placement de l'objet à gauche du bloc presentation*/ 
float:right; 

/*Marge de 5px à droite de l'objet*/ 
margin-left:40px;
margin-right:0px;
margin-top:0px; 
margin-bottom:0px;   

/*Pour ton image, tu peux également fixer une position au sein de ta présentation afin qu'elle ne bouge pas lors du redimensionnement de la fenêtre. Celà dit comme ta presentation à une taille fixe, çà ne bougera pas. C'est utile lorsque le bloc est de taille proportionnelle à ta page.*/ 

} 

.gauche { 

/*Placement de l'objet à gauche du bloc presentation*/ 
float:left; 

/*Marge de 5px à droite de l'objet*/ 
margin-left:0px;
margin-right:10px;
margin-top:0px; 
margin-bottom:0px;   

/*Pour ton image, tu peux également fixer une position au sein de ta présentation afin qu'elle ne bouge pas lors du redimensionnement de la fenêtre. Celà dit comme ta presentation à une taille fixe, çà ne bougera pas. C'est utile lorsque le bloc est de taille proportionnelle à ta page.*/ 

}