/* structure de la page */
html, body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background-color: #c9b692;
}

#header {
position:relative;
height: 192px;
top:0px;
left: 0px;
background-color: #A6AB91;
background-image: url(./images/header.gif);
}

#lien_home {
position:absolute;
top: 60px !important;
top: 70px;
}


#conteneur {
position: relative;
width: 915px;
margin: 0 auto; 
background-color:#FFFFFF;
background-image: url(./images/fond.gif);
}

#centre {
margin-left: 400px;
margin-top : 0px;
width : 450px;
min-height: 1350px !important;
/*text-align:justify;*/
}

* html #centre {
height: 1350px;
}

#gauche {
position: absolute;
top : 192px;
left:0;
width: 322px;
}

#footer {
height: 65px;
background-image: url(./images/footer.gif);
text-align:right;
padding-right:40px;
}

#sousfooter {
	position:relative;
	top:0px;
	height: 50px;
}

#content-sousfooter{
	width:915px;
	margin: 0 auto;		
}

#perfere-dernier{
	position:relative;
}

#fil-ariane{
	position: absolute;
	top: 200px;
	left: 270px;
	z-index:110;
	width:640px;
}



/* Gestion du menu */

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

#menu {
	position: absolute;
	top: 189px;
	left: 0px;
	z-index:100;
	width:322px;
	height:415px;
	background-image: url(./images/menu.gif);
}

/* Le menu princiapl : cad le 1° niveau */
#menu principal{
	margin: 0;
}

#menuprincipal li{
	list-style-type: none;
	width:216px;
	text-align:left;
	display:block;
	margin-left:40px;
}

#menuprincipal li a{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	display:block;
	color:#e9e12b;
	text-decoration:none;
	padding-left:28px;
	padding-top:6px;
	width:216px; 
	height:25px; /* ( = taille image - padding = 31 - 6) */
	background:url(./images/liste.gif) no-repeat;
}

/* Sert surtout dans le cas ou y'a pas de sous menu, permet de définir le changement d'image */
#menuprincipal li a:hover{
	display:block;
	background:url(./images/liste-hover.gif) no-repeat; 
	width:216px;
	height:25px;/* ( = taille image - padding = 31 - 6) */
}

/* le sous menu, cad le menu deroulant */
#ss-menu {
	position:absolute;
	top:160px;
	left:269px;
	z-index:120;
	/*visibility:hidden;*/ /* Si je le remets ca flashe pas, mais marche mal sur IE7 */
}

#ss-menu li {
	list-style-type: none;
	width:304px;
	display:block;
}

#ss-menu li a {
	color:#604c3f;
	text-decoration: none;	
	display:block;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:20px;
	padding-top:5px;
	background:url(./images/sous-liste.gif) no-repeat;
	height:26px; /* ( = taille image - padding = 31 - 5) */
	width:304px;
}

#ss-menu li a:hover{
	color:#604c3f;
	text-decoration: none;
	padding-left:20px;
	display:block;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(./images/sous-liste-hover.gif) no-repeat;
	height:26px; /* ( = taille image - padding = 28 - 5) */
	width:304px;
}

/* 1° element de la liste du sous-menu*/
#ss-menu li.premier{
	background:url(./images/sous-liste-premier.gif) no-repeat;
	line-height:13px;
	width:304px;
}


/* 1° element de la liste du sous-menu*/
#ss-menu li.dernier{
	background:url(./images/sous-liste-dernier.gif) no-repeat;
	line-height:36px;
	width:304px;
}


/* Lien vers la home */
#lien_home a {
	display:block;
	height:180px;
	width:300px;
}

/* 
Précédent suivant 
*/

#prec_suiv {
	margin: 0 auto;
}

ul#prec_suiv {
	list-style-type: none;
}

#prec_suiv li{
	float:left;
    list-style-type: none;
   	width:209px;
    height:29px;
    padding-top:5px;
    margin:2px;
    text-align: center ;
    }

#prec_suiv li.precedent{
	background:url(./images/precedent.gif) no-repeat;
}

#prec_suiv li.suivant{
	background:url(./images/suivant.gif) no-repeat;
}

#prec_suiv li a{
	color:#FFF8EF;
	width:100%;
    text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px !important;
	font-size:8px;
}

/* footer */

#footer p, #footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff8ef;
	text-decoration: none;
	font-weight : normal;
}


/* Sous footer */
#sousfooter p{
	padding-left:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : normal;
	color: #604c3f;
}

#sousfooter a{
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #604c3f;
}

#sousfooter p img{
	float:left;
	margin-top:-7px;
	margin-right:5px; 
}


/* Gauche */

#carre-gauche-1 {
	position:relative;
	top: 430px;
	left:37px;
	padding-left:15px;
	height:252px;
	width:300px; 
	/*background-color: #DAE196;*/
	color:#797d58;
}

/*
#carre-gauche-guide {
	position:relative;
	left:50px;
	top: 480px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	padding-left: 90px;
	padding-top: 5px;
	height: 64px; /* =  taille image (69) - padding top */
/*	width: 210px; /* =  taille image (300) - padding left */
	/* background-color: #DAE196; */
/*	color:#797d58;
	background-image:url(./images/carre-guide.gif);
}
*/

#carre-gauche-2 {
	position:relative;
	left:50px;
	top:420px; /* 380 avec guide */
	padding-left: 40px;
	padding-top: 65px;
	height: 96px; /* =  taille image (263) - padding top */
	width: 270px; /* =  taille image (300) - padding left */
	/* background-color: #DAE196; */
	color:#797d58;
	background-image: url(./images/carre-gauche-2.gif);
	font-size:12px;
}

#carre-gauche-3 {
	position:relative;
	top: 450px; /*420 avec guide */
	left:50px;
	/*background-color: #DAE196;*/
	color:#797d58;
	height:252px;
}


/* Separateur entre les carrés */

#separateur-1{
	position:relative;
	display:block;
	top:460px;
	left:55px;
	background-image:url(./images/separateur.gif) ;
	width:279px;
	height:2px;
	line-height:2px;
}

#separateur-2{
	position:relative;
	display:block;
	top:600px;
	left:55px;
	background-image:url(./images/separateur.gif) ;
	width:279px;
	height:2px;
	line-height:2px;
}

/*
#separateur-3{
	position:relative;
	display:block;
	top:530px; /* 400 avec guide */
/*	left:55px;
	background-image:url(./images/separateur.gif) ;
	width:279px;
	height:2px;
	line-height:2px;
}
*/

/* Style de l'image dans le contenu */

span.content-left{
	float:left;
	display:in-line;
	padding:20px 20px 0px 0px;
	text-align:center;
}

span.content-right{
	float:right;
	padding:20px 0px 20px 20px;
	text-align:center;
}

div.content-center{
	text-align:center;
	float:auto;
	padding:0px 0px 20px 0px;
}

span.content-left p, span.content-right p, div.content-center p{
	color:#797d58;
}




/* Style d'une zone sous le contenu */

#sous-texte{
	position:relative;
	display:block;
	left:10px;
}




/* Style des liste à puce pour les liste de catégories ou d'articles */
ul.listecategorie, ul.listearticle {
	color:#905e36;
	padding-left:30px;
	padding-top:30px;
	text-decoration:none;

}

ul.listecategorie li, ul.listearticle li{
	list-style-type: disc;
	margin:5px;
}

ul.listecategorie li a, ul.listearticle li a{
	color:#905e36;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}


/* Tableau */
table {
    border: solid #890061 0px;
    width: 450px;
}

table td {
    padding: 5px;
    border: solid #890061 1px;
    width:50%;
    color:#890061;
  }
  
 table td a{
   	color:#890061;
	text-decoration:underline;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding:0;
	margin:0;
  }
  
 
  
  
/* Style des derniers articles ajoutés et des derniers articles ajoutés */

#perfere-dernier table td{
	width:230px;
	vertical-align:top;
	border: 0px;
	padding:8px;
}  
 
/* Pub du header */

#pub-header{
	position:absolute;
	top:75px;
	left:617px;
	height:60px;
	width:234px;
}



/* Pub du footer */

#pub-footer{
	position:relative;
	left:10px;
}

/* Polices principales du texte */

p {
	color:#905e36;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/*font-style:justify;*/
	padding:0;
	margin:0;	
}

b, strong {
	font-weight:bold;
	font-style:italic;
}

h1 {
	color:#905e36;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding:0px;
}

h2 {
font-family : Verdana;
font-size : 12px;
font-weight : normal;
text-transform : uppercase;
color : #905e36;
padding-top:10px;
padding-right:0px;
padding-left:0px;
margin:0;
}


h2.chapeau {
	color:#797d58;
	padding-bottom:0px;
	padding-top:0px;
	font-size: 14px;
	text-transform : none;
}

#perfere-dernier h2{
	padding-right:0px;
	padding-left:0px;
}

#centre p a, #gauche p a {
	color:#905e36;
	text-decoration:underline;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding:0;
	margin:0;	
}


div.content-center a {
	color:#905e36;
	text-decoration:underline;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding:0;
	margin:0;	
}


/* Couleur des liens images */
a:link img{
	border:2px #905e36;
}

#perfere-dernier a{
	color:#905e36;
	font-weight: normal;
	font-style:italic;
	font-size: 11px;
	text-decoration:none;
}

#perfere-dernier h3 a{
	color:#797d58;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style:normal;
	font-size: 11px;
	text-decoration:none;
}

#carre-gauche-2 a {	
	font-weight: bold;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* color:#009aad; */
	color:#797d58;
}

#carre-gauche-2 p {	
	font-weight: normal;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#797d58;
}

#carre-gauche-guide a {	
	font-weight: bold;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 19px;
	text-decoration:none;
	color:#797d58;
	line-height:22px;
	height:22px;
}

#fil-ariane p {
	color:#797d58;
	font-weight: bold;
	font-size: 12px;
}

#fil-ariane p a {
	color:#797d58;
	font-weight: bold;
	font-size: 12px;
}

/* Tableau pub */
#carre-gauche-3 table.pub {
    border: none;
    width: 250px;
}

#carre-gauche-3 table.pub td {
    padding: 5px;
    border: none;
    width:120px;
  }


.masquer { display: none; }