/* CSS Document */

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

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

a {outline:0;}


/* CONTAINER */

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

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



/* HEADER */

#header { height: 97px; width:100%; margin: 0 auto;padding:0;}

#header { background-color:#010101; }

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


/* MENU */

#menu { height: 47px; width:100%; margin: 0 auto;padding:0;}

#menu { background-color:#010101; }

#contenu-menu { width: 940px; margin: 0 auto;}


/* BANNER */

#banner { height: 133px; width:100%; margin: 0 auto;padding:0;}

#banner { background-image:url(../images/bg-banner.jpg);background-repeat:repeat-x; }

#contenu-banner { width: 940px; margin: 0 auto;}


/* CONTENT */

#content{ width:100%; margin: 0 auto;padding:0;}

#content { background-color:#020000; }

#contenu-content { width: 863px; margin: 0 auto;}



/* FOOTER */

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

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


/* TEXTE */

h1 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color: #809f16;
}

h2 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #4c4339;
}

h3 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #4c4339;
}

h4 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4c4339;
}

h5 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #F7F4EC;
	font-weight: bold;
}

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

.texte-vert {
	color: #809f16;
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

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

.texte-bleu {
	color: #216d9e;
	text-decoration: none;
	font-family: Arial,Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

.texte-bas {
	color: #fcfdff;
	text-decoration: none;
	font-family: Arial, Verdana ;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

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


.lien_texte { 
    font-family: Arial; 
	 color: #2099BC; 
	 font-size: 11px; 
	 text-decoration: underline;
}	

.lien_texte:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #525759; 
	 font-size: 11px; 
} 

 .droite { 

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

/*Marge de 5px à droite de l'objet*/ 
margin-left:20px;
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.*/ 

}