a { color:#a34a14; cursor:pointer; }
a:focus { outline:0; }
b { color:#a34a14; }
img {border:none;}
p { margin:0 0 10px 0;}

.off { display:none;}

html,
body {
margin:0;
padding:0;
height:100%;
background:#feeed6;
font-size:12px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}

.container {
min-height:100%;
position:relative;
background-color:#ebd4b2;
}

.header .centre, .content .centre, .footer .centre{ width:970px; margin:0 auto; text-align:left; }	
	
/************************ HEADER **************************/
.header
{
background:transparent url(images/pointille_hr.gif) repeat-x 0 8px;
background-color:#4b3c37;
width:100%;
display:inline-block;
}

.logo { float:left; margin:28px 0 0 15px; width:346px; }
.logo img { float:left; }
.logo p { float:left; color:#FFFFFF; font-size:18px; text-align:left; margin:0; }

ul{ 
list-style-type:none;
color:#FFFFFF;
float:right;
margin:20px 0px 0 0;
text-align:left;
}

ul a { color:#FFFFFF; float:left; width:100%; text-decoration:none;  }
ul a:hover { color:#feeed6;}
ul li:hover { background:#594c48; }
ul .none { margin:0; padding:0; width:auto; height:auto; }
ul .none:hover { background:none; }

.header ul li hr { background:url(images/pointille_hv.gif) repeat-y; width:1px; height:90px; float:left; border:none; margin:10px 10px;}

ul li {
list-style:none;
float:left;
width:242px;
padding:10px 10px 10px 20px;
}

ul li.actif {
background:url(images/fleche.png) no-repeat left 120px;
height:120px;
position:relative;
background-color:#594c48; 
}



ul li a span.titre{ text-decoration:none; font-size:20px; margin:0 0 4px 0; float:left; text-decoration:underline; }
ul li a span.description {  font-size:11px; float:left; width:242px; }
ul li a span.description .gras{  font-size:12px; font-weight:bold;  }

.header .point { background:url(images/pointille_hr.gif) repeat-x 0 top; height:1px; width:100%; float:left; border:none; margin:-8px 0 0; padding:0;}	
	
/************************ CONTENT **************************/
.content
{
background:#ebd4b2; 
padding:20px 0;
margin:0;
padding-bottom:140px;	/* Height of the footer */
}

.colgauche{
display:inline-block;
width:375px;
}

.colgauche .image {
text-align:center;
margin:0 auto;
}

.colgauche .citation  { background:#f9f2e8; width:263px; margin:15px auto; display:block;  }
.colgauche .citation p { font-family:Georgia, "Times New Roman", Times, serif; padding:0 10px; margin:0;}
.colgauche .citation .auteur  { margin:0; padding:0 10px; color:#8F7147}
.colgauche .citation .fond_h {background:url(images/encadre_citation_H.jpg) no-repeat; float:left; width:263px; height:9px;}
.colgauche .citation .fond_b {background:url(images/encadre_citation_B.jpg) no-repeat ; float:left; width:263px; height:9px;}

.coldroite {
display:inline-block;
width:530px;
padding:4px 10px 10px 10px;
margin-left:35px;
vertical-align:top;
}

.encadre_creme { background:url(images/encadre_creme_M.jpg) repeat-y; display:block; width:517px; margin:0;  }
.encadre_creme p { padding:10px; margin:0;}
.fond_h {background:url(images/encadre_creme_H.jpg) no-repeat; display:block; width:517px; height:4px;}
.fond_b {background:url(images/encadre_creme_B.jpg) no-repeat; display:block; width:517px; height:4px; margin-bottom:15px;}

.citation {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin:15px 0 24px 0 ;
line-height:1.5em;
}

.citation p { margin:0; display:block; }

h1 { color:#a86f4d; font-size:28px; font-weight:bold; margin:3px 0 0 0; }
h2 { font-size:17px; font-weight:normal; margin:0 0 10px 0; }
.auteur { font-style:italic; font-weight:normal; font-size:12px; text-align:right; color:#7F5E2F; margin:0;}
.titre { font-size:14px; margin:0; }

.bouton { float:left; padding:0 13px 0 0; }
.bouton a  { background:url(images/bouton_fin.jpg) no-repeat top right; display:block; float:left; line-height:56px; font-size:15px; text-decoration:none; color:#000000; white-space:nowrap; padding:0 18px 0 0 ; }
.bouton span  {  background:url(images/bouton_debut.jpg) no-repeat ; display:block; padding:0 0px 0 15px;}
.bouton a:hover { text-decoration:underline; }


.liste { margin:0 0 10px 15px; display:inline-block; }
.liste ul { list-style:none; color:#000000; margin:0 25px 0 0; padding:0; float:none; display:inline-block;} 
.liste li { list-style:url(images/puce.gif); margin:5px 0 0 17px; padding:0; width:auto; float:none; }
.liste li:hover { background:none;}

.encadre { background:#c2d2cc; border:1px solid #7fb09d; padding:10px; margin:20px 0; }
.encadre p { font-size:13px; }
.encadre ul { list-style:none; color:#000000; margin:0; padding:0; float:none;}
.encadre li { list-style:none; margin:5px 0; padding:0; width:auto; float:none; }
.encadre li:hover { background:none;}


.paiement { border:1px solid #7FB09D; border-top:none; padding:10px; background-color:#C2D2CC ; float:right; margin:-2px 48px 0 0; display:inline-block; text-align:center; } 


/************************ FOOTER **************************/
.footer
{
background:#feeed6;
color:#544632;
padding:10px 0;
border-top:1px solid #d7c5a8;
position:absolute;
bottom:0;
width:100%;
height:85px;			/* Height of the footer */
}

.footer p { margin:0 0 3px 0; }
.footer .colgauche {
 width:65px;
 float:left;
 margin-left:15px;
}

.footer .coldroite {
float:left;
padding:0;
margin:0;
}

.signature { font-size:11px; color:#AF9E83; text-decoration:none; margin-top:73px; float:right;  }
.signature:hover { color:#544632; text-decoration:underline;  }