/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size : 10px;
	line-height : 14px;
	height : auto;
	width : auto;
	color : #333;
	text-align: center;
	margin:0;
	background-image: url(../../IMG/background/background.jpg);
	background-repeat:repeat-x;
	
}


/************** LIENS *********************************************/

a,
a:link,  
a:visited
{
	color:#CC0000;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#CC0000;
	text-decoration:underline;
	outline:none;
}

img {
border:0px;
	behavior: url("win_png.htc");
}


strong.couleur{
	color:#CC0000;
}

strong{
	color:#333;
}


/************** blocs principaux *********************************************/




#container{
	position: relative;
	text-align: center; /* pour annuler l'heritage de text-align:center de BODY */
	margin: 0 auto 0 auto; /* auto pour centrer horizontalement la boite dans BODY 
			 pour le navigateurs autres que IE/WIN */
	padding: 0 0 0 0;
	width: 840px; /* ou 100% pour largeur fluide pleine largeur */
	height:768px;
	overflow:visible;
	/*border:solid #ccc 1px;*/
	z-index:100;
}

#container #background_container{
	position: absolute;
	left:-125px;
	top:0px;
	overflow:hidden;
	width: 1100px; 
	height: 620px;
	background-image: url(../../IMG/background/background_container.jpg);
	background-repeat: no-repeat;


}


#container #background_header{
	position: absolute;
	left:0px;
	top:0px;
	width:840px;
	height:145px;
	z-index:200;
}

#container #background_contenu{
	position: absolute;
	left:0px;
	top:145px;
	width:840px;
	height:20px;
	z-index:300;
	text-align: left;

}


#container #hierarchie{
	position: absolute;
	left:25px;
	top:145px;
	width:300px;
	height:20px;
	z-index:400;
	color:#FFF;
	text-align: left;
}
#hierarchie a,
#hierarchie a:link,  
#hierarchie a:visited
{
	color:#FFF;
	text-decoration:none;
	outline:none;
}
#hierarchie a:hover{
	color:#FFF;
	text-decoration:underline;
	outline:none;
}




#container #menu{
	position: absolute;
	left:40px;
	top:5px;
	width:840px;
	height:20px;
	z-index:300;
	text-align: left;
}


#menu #sousmenu{
	position: absolute;
	left:0px;
	top:32px;
	width:840px;
	height:20px;
	z-index:300;
	text-align: left;
}

#sousmenu a,
#sousmenu a:link,  
#sousmenu a:visited
{
	color:#FFF;
	text-decoration:none;
	outline:none;
}
#sousmenu a:hover{
	color:#FFF;
	text-decoration:underline;
	outline:none;
}


#sousmenu a.on,
#sousmenu a.on:link,  
#sousmenu a.on:visited
{
	color:#FFF;
	text-decoration:none;
	outline:none;
	font-weight:bold;
}
#sousmenu a.on:hover{
	color:#FFF;
	text-decoration:underline;
	outline:none;
}


#container #flash{
	position: absolute;
	left:25px;
	top:50px;
	width:360px;
	height:90px;
	z-index:400;
	text-align: left;
}

#container #portfolio{
	margin:25px 0 0 0;


}



#container #portfolio #image{
	position: absolute;
	left:19px;
	top:0px;
	width:auto;
	height:auto;
	overflow:auto;

}

#container #portfolio #bloc_vignette{
	text-align:right;
	width:410px;
	height:85px;

}

#container #portfolio #bloc_vignette #vignette{
	margin:0 5px 0 0;
	width:auto;
	height:auto;
	float:left;
}

#container #contenu_texte{
	position: absolute;
	left:40px;
	top:180px;
	width:310px;
	min-height:530px;
	z-index:400;
	text-align: left;
	overflow:auto;
}

#container #contenu_texte2{
	position: absolute;
	left:40px;
	top:180px;
	width:310px;
	height:auto;
	min-height:530px;
	z-index:400;
	text-align: left;
	overflow:visible;
	margin:0 0 40px 0;


}


#container #contenu_texte_accueil{
	position: absolute;
	padding: 0 10px 0 0;
	left:40px;
	top:180px;
	width:310px;
	height:535px;
	z-index:400;
	text-align: left;
	overflow:auto;
}

#container #contenu_img{
	position: absolute;
	left:375px;
	top:164px;
	width:458px;
	height:auto;
	z-index:400;
	text-align: left;
	overflow:visible;
}



#contenu_img #video{
	position: absolute;
	left:60px;
	top:70px;

}



#container #contenu_img_accueil{
	position: absolute;
	left:390px;
	top:105px;
	width:431px;
	height:607px;
	z-index:400;
	text-align: left;
	overflow:hidden;
	margin:20px 0 0 0;
	border-bottom:solid 1px #ede6c7;
}

#container #pub{
	position: absolute;
	left:832px;
	top:164px;
	width:180px;
	height:400px;
	z-index:400;
	text-align: left;
}

/************** blocs menu gauche *********************************************/

#container #menu_gauche{
	position: absolute;
	left:40px;
	top:450px;
	width:310px;
	height:282px;
	z-index:400;
	text-align: left;
	overflow:auto;

}


#menu_gauche #menu_gauche_liste{
	width:280px;
	height:auto;
	border-bottom:solid 1px #ede6c7;
	padding:3px 0 0 5px;
	margin:0 3px 6px 0;
	text-align:left;
	color:#c21E26;

}

#menu_gauche_liste{
	width:280px;
	height:auto;
	border-bottom:solid 1px #ede6c7;
	padding:0px 0 0 5px;
	margin:0 3px 4px 0;
	text-align:left;
	color:#c21E26;

}

/************** bloc recette *********************************************/

#contenu_img #nom{
	margin:0 0 0 15px;
	width:340px;
	height:auto;
	background-color:#FF99CC;
	padding:10px 0 0 10px;
}

#contenu_img #duree{
	position: absolute;
	left:380px;
	top:0px;
	width:50px;
	height:30px;
	background-color:#FF99CC;
text-align:center;
	color:#FFF;
	padding:15px 0 0 0;
}

#contenu_img #recette{
	margin:10px 0 0 15px;
	width:350px;
	height:auto;
	text-align:justify;
}

#recette span#titre{

	color:#CC0000;

}

#contenu_img #photo{
	position: absolute;
	left:50px;
	top:280px;
	width:300px;
	height:200px;
overflow:hidden;

}


			



/************** footer *********************************************/

#footer{
	position: absolute;
	text-align:center;
	color:#CC0000;
	left:50px;
	top:740px;
	width:800px;
	height:30px;
	z-index:400;

}


#footer2{
	position: relative;
	text-align:center;
	color:#CC0000;
	left:-400px;
	bottom:-20px;
	width:850px;
	height:30px;
	z-index:2400;

}




/************** blocs cours *********************************************/


#bloc_cours{
	position:relative;
	width:100px;
	height:100px;
	background-color:#ede6c7;
	float:left;
	margin:10px 10px 0 0;
	text-align:center;
	color:#c21E26;
}

#bloc_info_cours{
	width:419px;
	background-color:#ede6c7;
	display:block;
	height:auto;
	margin:0 0 3px 2px;
	padding:10px 0 10px 10px;
}



/************** blocs statut *********************************************/


#bloc_cours #bloc_statut{
	position:absolute;
	top:75px;
	left:5px;
	text-align:center;
	width:90px;
	height:20px;
	display:block;
}

/*pass?*/
#bloc_statut.statut_1{
	background-color:#D6D0B6;
	
}

/*? venir*/
#bloc_statut.statut_2{
	background-color:#E7BB39;
}

/*complet*/
#bloc_statut.statut_3{
	background-color:#AEA981;
}

/*r?servez*/
#bloc_statut.statut_4{
	background-color:#C23B3F;

}




/************** blocs recettes tiroir *********************************************/

 #container #bloc_haccordion{
	position: absolute;
	left:-85px;
	top:164px;
	width:500px;
	height:250px;
	z-index:500;
	text-align: left;

}

#bloc_haccordion #onglet_video{
	position: absolute;
	left:445px;
	top:45px;
 	background: #cc0000;
  	width: 35px;
  	height: 25px;
	color:#fff;
	padding:10px;
}


#onglet_video a,
#onglet_video a:link,  
#onglet_video a:visited
{
	color:#ede6c7;
	text-decoration:none;
	outline:none;
}
#onglet_video a:hover{
	color:#ede6c7;
	text-decoration:none;
	outline:none;
}

  .haccordion .header, .haccordion .content{
   float: right;
   height: 568px;
   z-index:500;
   background-color:#fff;

  }
  
  .haccordion .header{
   width: 35px;
   height: 25px;
   background: #ede6c7;
	color:#cc0000;
   cursor: pointer;
	padding:10px;
  }	
  
  .haccordion .content{
   display: none;
   width: 0px;
   overflow: auto;
   background: #ede6c7;
  }


  .haccordion .content p{
   margin: 10px;

  }
  
  
  
  


/************** blocs partie priv?e *********************************************/

#recettes_privee{
float:left;
width:400px;

}

#cours_privee{

float:left;
width:400px;


}