/********************************************************
 * Disposition a l'ecran : colonnes, encarts, cartouches
 ********************************************************/
body { 
	font-family: Verdana, Helvetica, sans-serif, Arial; 
	margin: 0px;
	font-size: 11px;
	width: 100%;
	}
	
a img {border: none;}
 
#conteneur {
 	border: 1px solid #B91014;
 	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	height:1000px; overflow:hidden
	}

/********************************************
Général caché
 ********************************************/
#colonne_dr_rub, #colonne_dr_home, #liens_sponsors_b, #footer, #pub_rub1, #banner, #menu_top, .padding_nav, ul#navmenu, #pub_home1, #colonne_dr_home1, #pub_home2, #home_G,  #sondage {display:none;}
	
/********************************************
 header 
 ********************************************/
#header {
	background-image: url('../images/logo.gif');
	background-position:  left 50%;
	background-repeat: no-repeat;
	margin: 0px;
	width: 100%;
	background-color: #FBF4DB ;
	height: 91px;
	border-bottom: 1px solid #B91014;
	border-bottom:1px solid #B91014;
	}
#logo_fami a, #logo_fami a:link, #logo_fami a:active{width: 200px; height: 80px; float: left; text-decoration: none;}

	
#contenu {width: 100%; height:1000px; overflow:hidden}
#home_D {/*clear:both; */width: 100%; /*float:left; background-color:#66FFCC;*/ /*height:150px; overflow:hidden;*/ margin:0; clear:both}


/******************************************
 homepage : à la une 
 ******************************************/
 /* height 234px pour firefox */
#home_une {padding: 5px; /* height: 234px; min-height: 210px;*/ margin-top: 5px; float: left; padding-right: 10px; font-size: 12px; line-height: 18px; width: 60%;}
#home_une p{text-align: justify; margin:0; }
#home_une img{float: left; padding-right: 5px; padding-left: 5px;}
#home_une h1{color: #FF9422; font-size: 18px; font-weight: bold; margin:0; float: left;}
#home_une h2{color: #B6051E; font-size: 18px; margin:0; font-weight: normal; float: left; text-align: left; }
#home_une h3, #home_une h3.spip{color: #B6051E; font-size: 13px; font-weight: bold; margin:0px;}

#home_une ul{margin:0; padding:5px 5px 0px 0px; text-align: right;}
#home_une li{ list-style-image: url('../images/fleche_une_intro1.gif'); line-height:13px}
#home_une li a{color: #FF9422; text-decoration: none; font-weight: bold; font-size: 13px;}



/*************************************
général
****************************************/

/* clear float 
.clear {clear:left;}
.float_r {float: right;}
.float_l {float: left;}*/




/*****************************************************
 articles mis en avant sur homepage 
 ******************************************************/
/* milieu */
#articles_home {
	border-top: 1px solid #cccccc; 
	/*border-bottom: 1px solid #cccccc; 
	height: 400px;
	background-color:#CCCCCC;*/
	/*float:left*/
	}
/* box homepage articles 
#h_box1 {
	padding-top: 0px;
	margin-top: 10px;
	float: left;
	width: 225px;
	background-color: #FEF6DB;
	}*/
#h_box2, #h_box4, #h_box1 , #h_box6 ,#h_box3,#h_box5,#h_box7  {
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	width: 225px;
	background-color: #FEF6DB;
	height:130px;
	}
/*#h_box3 {
	clear:left;
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	width: 225px;
	background-color: #FEF6DB;
	}

#h_box5 {
	width: 240px;
	background-color: #FEF6DB;
	}*/



/* Dossier 
#h_box6 {
	margin-left: 0px !important;
	margin-left: 5px;
	margin-top: 15px;
	float: right !important;
	float: left;
	width: 225px;
	background-color: #FEF6DB;
	}*/
/* Réactions sur le forum 
#h_box7 {
	margin-left: 10px;
	margin-top: 15px;
	float: right !important;
	float: left;
	width: 225px;
	background-color: #FEF6DB;
	}*/
.h_box1_haut{
	background-color: #B6051E; 
	font-size: 11px; 
	background-image: url('../images/coin_b_hautG.gif');
	background-repeat: no-repeat; 
	background-position:  left top; 
	padding-left: 10px; 
	height: 18px; 
	color: #FFFFFF
	}

.h_box1_haut h1, .h_box2_haut h1{
	margin-top: 0px;
	margin-bottom: 0px; 
	margin-right:0px;
	padding-bottom: 3px;
	font-size: 10px; 
	line-height: 18px;
	}
.h_box2_haut{
	background-color: #FF9422; 
	font-size: 11px; 
	background-image:   url('../images/coin_o_hautG.gif');
	background-repeat: no-repeat; 
	background-position:  left top; 
	padding-left: 10px; 
	height: 18px; 
	color: #B6051E
	}



/* propriétés communes à l'ensemble des 4 coins */
.hautgauche_b1, .hautdroit_b1, .basgauche_b1, .basdroit_b1 {
	height: 15px; width: 15px;
	font-size:1px; /* correction d'un bug IE */
	}
/* propriétés spécifiques à chaque coin */
.hautgauche_b1 {
	background-image:   url('../images/coin_b_hautG.gif');
	background-repeat: no-repeat
	}
.hautdroit_b1 {
	float: right;
	background-image: url('../images/coin_b_hautD.gif');
	background-repeat: no-repeat
	}
.basgauche_b1 {
	background-image: url('../images/coin_bj_basG.gif');
	background-repeat: no-repeat
	}
.basdroit_b1 {
	float: right;
	background-image: url('../images/coin_bj_basD.gif');
	background-repeat: no-repeat
	}
.bas_b1 {
	background-image: url('../images/coins_bas.gif');
	background-repeat: no-repeat;
	height: 13px;
	clear:left
	}
.bas_b2 {
	background-image: url('../images/coins_bas_210px.gif');
	background-repeat: no-repeat;
	height: 11px
	}
.hautdroit_o1 {
	height: 15px; 
	width: 15px;
	font-size:1px;
	float: right;
	background-image: url('../images/coin_o_hautD.gif');
	background-repeat: no-repeat
	}
/* contenu box */
.h_box_contenu {
	border-left: 1px solid #B6051E; 
	border-right: 1px solid #B6051E; 
	padding: 5px 5px 0px 5px;  
	height:90px; 
	margin:0;
	}
.h_box_text{
	overflow: hidden; height:65px; padding-top:5px; width:120px; /*float: left;*/
	}
.h_box_text1{
	overflow: hidden; height:65px; padding-top:5px; width:100px; /*float: left;*/
	}
.h_box_contenu img, .h_box_contenu6 img, .box_img{padding-top: 5px; margin-right: 5px; float: left;}
.h_box_contenu a, .h_box_contenu6 a{color: #B6051E; font-weight: bold; text-decoration: none; padding-top: 2px; }
.h_box_contenu ul, .h_box_contenu6 ul{/*margin:0; padding:5px 5px 0px 0px; text-align: right;*/ display:none;}
.h_box_contenu li, .h_box_contenu6 li{ /*list-style-image: url('../images/fleche_box.gif');*/ display:none;}

.h_box_contenu1 {
	height: auto;
	border-left: 1px solid #B6051E; 
	border-right: 1px solid #B6051E;
	background-color: #FEF6DB;
} 
.h_box_contenu1 a{
	color: #B6051E; 
	font-weight: bold; 
	text-decoration: none; 
	padding-top: 2px; 
	font-size:9px;
	}
.h_box_contenu1 ul{
	display:none;
	/*margin: 0px 2px 0px 20px; 
	padding:5px 5px 0px 5px; 
	font-size:9px; 
	line-height:15px !important;
	line-height:18px;*/
	}
.h_box_contenu1 li{ /*list-style-image: url('../images/fleche_annonceurs.gif');*/display:none;}

.h_box_contenu6 {
	border-left: 1px solid #B6051E; 
	border-right: 1px solid #B6051E; 
	padding: 5px 5px 0px 5px;  
	height:90px; 
	margin:0;
	}

.h_box_text6{
	overflow: hidden; height:65px; padding-top:5px;  width:120px; 
	}


/*.h_box_text6 ul{
	text-align: left;
	margin: 0px 2px 0px 20px; 
	padding:0px 5px 0px 5px; 
	font-size:9px; 
	}
.h_box_text6 li { 
	list-style-image: url('../images/icone_art1.gif'); 
	padding-bottom:4px 
	}*/
.h_box_text6 a{ 
	text-decoration: underline;
	font-weight: normal;
	}


/********************************************
photo 200 pixels avec cadre orange
********************************************/

#xsnazzy {background: transparent; margin:1em; width: 210px; height: 208px; /*float:left;*/}
#xsnazzy img{margin:0; vertical-align:middle; padding-left:4px; padding-right:4px;}

#xsnazzy_h {background: transparent; width: 210px; height: 208px; float:left; margin:10px 10px 10px 5px;}
#xsnazzy_h img{ vertical-align:middle; padding-left:4px; padding-right:4px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#F79E03; border-left:1px solid #F79E03; border-right:1px solid #F79E03;}
.xb1 {margin:0 5px; background:#F79E03;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {border-left:1px solid #F79E03; border-right:1px solid #F79E03; border-top:0px solid #F79E03; border-bottom:0px solid #F79E03; display:block; background:#F79E03; }