* { margin:0; padding:0; }
img {display: block ; border: 0;}

.centre_mz
{
margin:0 auto;  	
}

.texte_centre {
	text-align: center !important;	
}

.texte_centre_vertical {
	vertical-align: middle !important;	
}


.texte_justifie {
	text-align: justify !important;	
}

.bloc_centre
{
 text-align:center;
}

.clear_float
{
	clear:both;
	margin:0;
	padding:0;
	line-height:0px;
	font-size: 1px; /*a verifier */
}

.cache {
 display : none ; 
}

/*------------------------------------*/


html, body
{
background: url(/img/fond.jpg) center repeat-y #3c3c3c;
color:#555;
font-family:Arial, Helvetica, sans-serif; 
font-size: 12px; 
text-align: center ;
height:100%; /* permet d'avoir toujours la barre de défilement (et donc d'éviter son apparition/disparition en fonction de la hauteur de la photo */
}

.container_top {
background: url(/img/container_top.gif) no-repeat #ebebe4;
width: 870px;
height: 10px;
margin-top: 16px ;
font-size:1px; /* règle un pb de hauteur mini sous ie... étrange  */
}

.container {
width: 870px;
background: url(/img/container.gif) center repeat-y #ebebe4;
}

.container_bottom {
clear: both;
width: 870px; 
height: 26px; /* 10 de fond + 16 vide */
background: url(/img/container_bottom.gif) no-repeat ;
font-size:1px; /* règle un pb de hauteur mini sous ie... étrange  */
}


/* bloc contenant l'ensemble du site */
.global {
float: left ;
text-align: left ;

background: #ebebe4;
margin: 0 0 0 4px;

width: 862px;
display: inline; /* hack pour pb de double marge dans ie */
}


.footer {
 background: #595959 ;
 width: 860px ;
 height: 20px;
 font-size: 11px ;
 margin: 16px 0 0 1px ;
 color: #fff;
}

.footer a {
 color: #fff;
}

.footer_txt {
	float: left;
	margin: 2px 0 0 5px ;
	display: inline;
}

.footer_admin {
	float: right;
	margin: 2px 5px 0 0 ;
}

.logo {
	display: block ;
	float: left;
	width: 183px;
	height: 39px;
	margin: 17px 0 0 40px ;
	display: inline;
}


/* MENU DU HAUT (avec le mouseover) */
ul#menu { 
 	float: right;
 	margin: 8px 40px 0 0 ;
 	display: inline;
 	width: 482px ;
 	height: 45px;
	overflow: hidden;
	list-style-type:none;
}


#menu li {
	
	height: 45px;
	display: inline;
	text-align: center ;
	float: left;
	list-style-type:none; /* ie5.x/win */
}

#menu a { 
	float: left;
	height: 45px
}	
	
#menu a span { /* permet de cacher le texte aux navigateurs qui comprennent le css... 
	                on ne peut pas utiliser de display:none sur le "A" sinon pas d'affichage du background */
	display: none ; 
	}

/* concept de sioux pour éviter les clignotements sous certains IE : 
   - on applique le background ON sur le li 
   - on applique le background OFF sur le a
   - l'état :hover supprime le background ! */

#accueil    { width: 81px; background: url(/img/menu_accueil.gif) 0 -45px no-repeat; }
#accueil a  { width: 81px; background: url(/img/menu_accueil.gif) top left no-repeat; } 

#photos    { width: 102px; background: url(/img/menu_photos.gif) 0 -45px no-repeat; }
#photos a  { width: 102px; background: url(/img/menu_photos.gif) top left no-repeat; } 

#sites    { width: 137px; background: url(/img/menu_sites.gif) 0 -45px no-repeat; }
#sites a  { width: 137px; background: url(/img/menu_sites.gif) top left no-repeat; } 

#apropos    { width: 81px; background: url(/img/menu_apropos.gif) 0 -45px no-repeat; }
#apropos a  { width: 81px; background: url(/img/menu_apropos.gif) top left no-repeat; } 

#contact    { width: 81px; background: url(/img/menu_contact.gif) 0 -45px no-repeat; }
#contact a  { width: 81px; background: url(/img/menu_contact.gif) top left no-repeat; } 


#menu a:hover, #menu a.selected {background-image: none; }


#contenu {
	clear: both ;
}

.btns {
	/* border: 1px solid #faa ; */
	float: left;
	width: 200px ;
	height: 29px;
	padding: 30px 0 0 40px;  
	margin: 0 0 5px 0 ;
}

.btn {
float: left ;
margin: 0 10px 0 0 ;
}

.titre_rub {
	/* border: 1px solid #faa ; */
	float: right ;
	padding: 37px 40px 0 0;  /* 37 = un peu ajusté à la main en fonction de la taille du texte :) */
	font-size: 16px ;
}

.bloc_principal {
	clear: both ;
	margin: 16px 40px 16px 40px ;
	min-height: 500px;
}

.bloc_principal li {
	margin-left: 30px ;
}

.bloc_photo {
	clear: both ;
	text-align: center ;
	margin: 0 auto ;
}

.photo {
	float: left ;
	background-color:#fff;
	padding:10px;
	border: 1px solid #999 ;
	font-size:1px; 
}

.photo_titre {
	float: left ;
	font-size: 14px ;
	font-weight:bold;
	color: #741919 ;
	text-align: left;
	margin: 5px 0 16px 0 ;
}

.date_jour {
	float: right ;
	width: 30px;
	height: 18px ;
	background: #fff;
	font-size: 14px ;
	font-weight: bold;
	margin: 8px 0 16px 0 ;
}

.date_mois {
	float: right ;
	width: 90px;
	height: 18px ;
	background: #741919;
	color: #fff;
	font-size: 14px ;
	font-weight: bold;
	text-align: center ;
	margin: 8px 0 16px 0 ;
}

.fenetre {
	clear: both ;
	margin: 0 40px  ;
}


/* MENU DE LA FENETRE  */
ul#fenetre_menu { 
 	float: left;
 	width: 173px ;
 	height: 48px;
	overflow: hidden;
	list-style-type:none;
	font-size: 1px ;
	/* border: 1px solid #999 ; */
}


#fenetre_menu li {
	width: 173px;
	height: 24px;
	text-align: center ;
	list-style-type:none; /* ie5.x/win */
}

#fenetre_menu a { 
	display: block ;
	width: 173px;
	height: 24px;
}	

	
#fenetre_menu a span { 
	 display: none ; 
	}


#fenetre_menu_desc    { background: url(/img/menu_fenetre_desc.gif) 0 -24px no-repeat; }
#fenetre_menu_desc a  {  background: url(/img/menu_fenetre_desc.gif) top left no-repeat; } 

#fenetre_menu_comm    { background: url(/img/menu_fenetre_comm.gif) 0 -24px no-repeat; }
#fenetre_menu_comm a  { background: url(/img/menu_fenetre_comm.gif) top left no-repeat; } 


#fenetre_menu a:hover, #fenetre_menu a.selected {background-image: none; }

#fenetre_contenu {
	float: left;
	position: relative ;
	width: 609px;
	height: 270px;
	overflow: auto ;
	background: #fff;
}

#fenetre_description {
position: absolute ;
}

#fenetre_commentaires {
position: absolute ;
}

#fenetre_description a {
	color: #741919 ;
}

.cmtr_nb {
	float: left ;
	height: 30px;
}

.cmtr_ecrire {
	float: right ;
}
.cmtr_ecrire a {
	color: #741919 ;
}

.cmtr {
	clear: both;
}

.cmtr_impair {
	background: #f7f7f2 ;
}

.cmtr_pair {
	background: #fff ;
}

.cmtr_nom {
	font-size: 13px;
	font-weight: bold ;
}
.cmtr_date {
	font-size: 11px;
	font-weight: normal ;
}
.cmtr_email_site {
	font-weight: bold ;
}
.cmtr_email_site a {
	color: #741919 ;
}
.cmtr_txt {
	margin: 10px;
}

.cmtr_titre {
	font-size: 14px;
	font-weight: bold ;
	margin: 0 0 10px 0 ;
}

#form_commentaire label {
	display: block;
	float: left ;
	clear: left;
	text-align: right ;
	width: 100px ;
	padding: 0 5px 10px 0 ;
	
}

#form_commentaire input {
	width: 200px ;
	margin: 0 0 5px 0 ;
}

#form_commentaire .case_cocher {
	width: 30px;
}

#fenetre_description, #fenetre_commentaires {
padding: 10px ;
}

/* ********** */
/* calendrier */
/* ********** */

.calendrier { /* petite bidouille sur la largeur et la marge pour compenser la marge qui est rajoutée sur la derniere case de chaque semaine */
	width: 802px;
	clear: both ;
	margin: 0 0 0 40px ;
}

.j {
	position: relative ;
	width: 100px;
	height: 100px;
	float: left;
	/* border: 1px solid #faa; */
	margin: 0 13px 13px 0;
	background: #fff; 
}

.jn {
	position: absolute ;
}

.j a {
	display: block;
}

/* LISTE DES RUBRIQUES PHOTOS */

.photos_rubriques {
	border: 1px ;
	clear: both ;
	width: 782px;
	padding: 67px 40px 10px 40px ;
}

.photos_rubrique {
	float: left;
	width: 383px;
	height: 223px;
	background: #fff;
	color: #595959 ;
	margin: 0 0 16px 0 ;
	font-size: 12px;
	/* font-weight: bold ;*/ 
}
.rubrique_impaire {
	margin: 0 16px 16px 0 ;
}

.photos_rubrique_titre {
	position: relative ;
	float: left;
	padding: 10px;
	cursor: pointer; /* corrige un pb sous IE */
}

.photos_rubrique_nb {
	float: right ;
	padding: 10px;
	cursor: pointer; /* corrige un pb sous IE */
}

.photos_rubrique a {
	position: absolute ;
	display: block;
	width: 383px;
	height: 223px;	
	text-decoration: none ;
	color: #595959 ;
}

/* ********************************
           CONTACT 
********************************* */
#form_contact label {
	display: block;
	float: left ;
	clear: left;
	text-align: right ;
	width: 100px ;
	padding: 0 5px 10px 0 ;
	
}

#form_contact input {
	width: 200px ;
	margin: 0 0 5px 0 ;
	
}

.img_gauche_apropos {
	float: left ;
	margin: 0 20px 5px 0 ;
}

.img_droite_apropos {
	float: right ;
	margin: 0 0 5px 20px ;
}





/* ******************************
              SITES
****************************** */

.sitecapt1 {
	float: left ;
	background-color:#fff;
	padding:10px;
	border: 1px solid #999 ;
	font-size:1px; 
	margin-right: 12px ;
}

.sitecapt2, .sitecapt3  {
	float: left ;
	background-color:#fff;
	padding:4px;
	border: 1px solid #999 ;
	font-size:1px; 
}

.sitecapt2 {
	margin-bottom: 9px ;
}

/* ******************************
              VELO
****************************** */
.texte_justifie li {
	margin-left: 20px ;
}

.carte_velo {
	float: right;
	margin: 20px 0 20px 20px ;
}

blockquote {
clear:both;
margin: 20px;
border : 1px dotted #3c3c3c ;
padding: 10px;

}
.texte_justifie a {
	color: #741919 ;
}

.velo_compteur {
float: left;
margin: 0 10px 10px 0 ;
border-left: 1px solid #741919 ;
border-right: 1px solid #741919 ;
border-top: 0px solid #741919 ;
border-bottom: 20px solid #741919 ;
}

.velo_compteur_head {
	width: 120px;
	height: 20px ;
	background: #741919 ;
	text-align: center ;
	color: #fff ;
	line-height: 20px ;
	font-weight:bold;
}

.velo_compteur_body {
	padding: 2px ;
}

.img_droite {
	float: right;
	margin: 0px 0 0px 10px ;
}
.img_gauche {
	float: left;
	margin: 0px 10px 0px 0 ;
}
.page_suite {
	clear:both;
	padding-top: 20px;
	text-align: right ;
}

h3 {
	/* letter-spacing: -1px; */
	font-size: 15px;
	font-weight: bold ;
}



/* RECETTES */
.recettes { 
	margin: 40px;
	padding-top: 40px; 
	}

.recettes ul, .plan ul {
	margin-left: 20px; 
}

.recettes li, .plan li {
	line-height: 20px; 	
}

.recettes a, .plan a {
	color : #741919 ;
}