/* CSS Document */

html,body { font-family: Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.4; background-color: #ffffff; 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;
	list-style: none;
	
}
.liste{list-style:square;
}
ol,ul {
}


/* CONTAINER */

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

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



/* HEADER */

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

#header { background-color:#1a171b;background-image:url(../images/bg-header.jpg);background-repeat:repeat-x; }

#contenu-header { width: 927px; height:167px; margin: 0 auto;background-image:url(../images/banner.jpg);background-repeat:no-repeat;}


/* MENU */

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

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

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


/* CONTENT */

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

#content {  background-color:#ffffff;}

#contenu-content { width: 927px; margin: 0 auto;background-color:#FFFFFF;}



/* FOOTER */

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

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



/* TEXTE */

h1 {
	color: #90664C;
	text-decoration: none;
	font-family: verdana;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

h2 {
	margin:0px;
	padding:0px;
	font-family:verdana, Helvetica, sans-serif;
	font-size:20px;
	font-style: normal;
	font-weight: normal;
	color: #969595;
	line-height: 22px;
}

h3 {
	margin:0px;
	padding:0px;
	font-family:verdana, Helvetica, sans-serif;
	font-size:30px;
	color: #bbbcb5;
	font-weight:100;
	line-height: 10px;
}

h4 {
	margin:0px;
	padding:0px;
	font-family:verdana, Helvetica, sans-serif;
	font-size:34px;
	color: #FFFFFF;
	font-weight:500;
}

h5 {
	margin:0px;
	padding:0px;
	font-family:verdana, Helvetica, sans-serif;
	font-size:13px;
	color: #1a171b;
	font-weight: bold;
}

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

.texte {
	color: #616060;
	text-decoration: none;
	font-family: verdana;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.texte-beige {
	color: #7b6753;
	text-decoration: none;
	font-family: verdana;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.texte-beige-petit {
	color: #7b6753;
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.lien-texte-beige-petit {
	color: #7b6753;
	text-decoration: underline;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.lien-texte-beige-petit:hover {
	color: #BBBBBB;
	text-decoration: underline;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}


.texte-footer {
	color: #ADA19B;
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.texte-footer2 {
	color: #402e22;
	text-decoration: none;
	font-family: verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}


.lien_texte { 
    font-family: verdana; 
	 color: #ff7d21; 
	 font-size: 13px; 
	 text-decoration: underline;
}	

.lien_texte:hover {
    text-decoration: underline;
	  font-family: verdana;
	 color: #1a171b; 
	 font-size: 13px; 
}

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

.lien_texte_footer2:hover {
    text-decoration: underline;
	  font-family: verdana;
	 color: #969595; 
	 font-size: 12px;
	 outline:0;
}

.lien_texte_footer3 { 
    font-family: verdana; 
	 color: #402e22; 
	 font-size: 9px; 
	 text-decoration:none;
	 outline:0;
}	

.lien_texte_footer3:hover {
    text-decoration: underline;
	  font-family: verdana;
	 color: #969595; 
	 font-size: 9px;
	 outline:0;
}

.paragraphe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3F2D21;
	text-decoration: none;
	text-align: justify;
}	
.textbas {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 2px;
	color: #3F2D21;
	text-decoration: none;
}

.droite { 

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

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

} 

.text-cel1 {
	text-align:right;
	text-decoration:underline;
	font-size:10px;
	color: #7b6753;
	font-family: verdana;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	padding-right: 15px;
}

.text-cel2 {
	text-align:right;
	text-decoration:none;
	font-size:10px;
	color: #7b6753;
	font-family: verdana;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	padding-right: 17px;
}

.text-cel3 {
	text-align:center;
	text-decoration:none;
	font-size:10px;
	color: #7b6753;
	font-family: verdana;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

.text-cel4 {
	text-align:center;
	text-decoration:none;
	font-size:9px;
	color: #7b6753;
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	border-color: #000000;
	border-right: 1px dotted #AAAAAA;
}

.text-cel5 {
	text-align:center;
	text-decoration:none;
	font-size:9px;
	color: #7b6753;
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	border-color: #000000;
	border-top: 1px dotted #AAAAAA;
	border-right: 1px dotted #AAAAAA;
}
.text-cel6 {
	text-align:center;
	text-decoration:none;
	font-size:9px;
	color: #7b6753;
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	border-color: #000000;
	border-top: 1px dotted #AAAAAA;
}
.text-cel7 {
	text-align:center;
	text-decoration:none;
	font-size:9px;
	color: #7b6753;
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

