/* CSS Document */

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

	font-size : 12px;
	line-height : 15px;
	height : auto;
	width : auto;
	color : #333;
	text-align: center;
	margin:0;
	background-color: #DEF0F2;
	background-image: url(../design/bg_candia_temp.jpg);
	background-repeat: no-repeat;
	background-position:center 0;
}

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

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





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

strong.couleur{
	color:#CC0000;
}

strong{
	color:#333;
}

h1{
color:#CC0000;
font-weight:normal;
font-size:18px;
margin:0 0 10px 10px;
text-align:left;
}

h2{
color:#CC0000;
font-weight:normal;
font-size:13px;
margin:0 0 0 0;
text-align:left;
}

h5{

font-weight:normal;
margin:5px 0 5px 0;
color:#333;
font-size:10px;
}


hr{
color:#FFF;
margin:15px 0 5px 0;
border:0px;
border-top:dotted 1px #666;
}

/************** 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: 1180px; 
	height:auto;
	/*border:solid #ccc 1px;*/
	z-index:100;
}

#container #background_container{
	position: relative;
	left:0px;
	top:0px;
	overflow:hidden;
	width: 1100px; 
	height: auto;
/*	background-image: url(../design/bg_container_home.png);
	background-repeat: no-repeat;
	background-position:center 0;
*/}


#container #background_container.article{
	background-image:none;
	width: 1180px; 

}

#container #background_header{
	position: absolute;
	left:0px;
	top:0px;
	width: 1100px; 
	height:194px;
	z-index:200;
	background-image:url(../design/haut.png);
	background-repeat:no-repeat;
	background-position:center 0;
}

#container #background_contenu{
	position: absolute;
	left:0px;
	top:135px;
	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:150px;
	top:0px;
	width:840px;
	height:20px;
	z-index:300;
	text-align: left;
}



#container #menu a,
#container #menu a:link,  
#container #menu a:visited
{
	font-size: 11px;
	display:block;
	float:left;
	height:30px;
	width:auto;
	color: #005AA1;
	text-decoration:none;
	outline:none;
	padding-top:10px;
	font-weight:normal;
	text-transform:uppercase;
}
#container #menu a:hover{

	display:block;
	float:left;
	height:30px;
	width:auto;
	color:#c21E26;
	padding-top:5px;
	border-top:solid 5px #c21E26;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	text-transform:uppercase;
}

#container #menu a.on,
#container #menu a.on:link,  
#container #menu a.on:visited
{
	display:block;
	float:left;
	height:30px;
	width:auto;
	color:#c21E26;
	padding-top:5px;
	border-top:solid 5px #c21E26;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	text-transform:uppercase;
}
#container #menu a.on:hover{

	display:block;
	float:left;
	height:30px;
	width:auto;
	color:#c21E26;
	padding-top:5px;
	border-top:solid 5px #c21E26;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	text-transform:uppercase;
}


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

}

#menu #sousmenu a,
#menu #sousmenu a:link,  
#menu #sousmenu a:visited
{
	font-size: 11px;
	display:block;
	float:left;
	height:30px;
	width:auto;
	color:#FFF;
	text-decoration:none;
	outline:none;
	padding-top:10px;
	font-weight:normal;
	text-transform:none;
}
#menu #sousmenu a:hover{
	display:block;
	float:left;
	height:30px;
	width:auto;
	color:#F7A800;
	padding-top:10px;
	border-top:0px;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	text-transform:none;
}

#menu #sousmenu a.on,
#menu #sousmenu a.on:link,  
#menu #sousmenu a.on:visited
{
	display:block;
	float:left;
	height:30px;
	width:auto;
	color:#F7A800;
	padding-top:10px;
	border-top:0px;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	text-transform:none;
}

#menu #sousmenu a.on:hover{
	display:block;
	float:left;
	height:30px;
	width:auto;
	color:#F7A800;
	padding-top:10px;
	border-top:0px;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	text-transform:none;
}


#container #flash{
	position: absolute;
	left:150px;
	top:95px;
	width:500px;
	height:auto;
	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 #contenuTop{
	position:relative;
	margin:160px 0 0 110px;
	width:840px;
	height:40px;
	background-image:url(../design/menuTop.png);
	background-repeat:no-repeat;
	background-position:center 0;
	
}

#container #contenuBottom{
	position:relative;
	margin:0 0 0 110px;
	width:840px;
	height:70px;
	background-image:url(../design/menuBottom.png);
	background-repeat:no-repeat;
	background-position:center 0;
}

#container #contenu{
	position:relative;
	background-color:#FFF;
	margin:0 0 0 110px;
	width:839px;
	height:auto;
	


}


#container #contenu #recetteNav{
	position:absolute;
	top:-20px;
	left:20px;
	z-index:1000;
	color:#C21E26;
}
#contenu #recetteNav a,
#contenu #recetteNav a:link,  
#contenu #recetteNav a:visited
{

	color:#C21E26;
	margin:10px 0 0 0;
	padding:0;
	text-decoration:none;
	outline:none;

}


#contenu #recetteNav a:hover{
	color:#005AA2;
	padding:0;
	text-decoration:none;
	outline:none;


}




#container #contenu #open{
color: #AAA;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;

}




#container #contenu #open strong{
color: #555;

}


#contenu #contenu_texte{
	position: relative;
	float: left;
	width:330px;
	z-index:400;
	padding:20px;
	text-align: justify;
	margin:0 ;
	line-height:18px ;
	font-size:12px ;
}


#contenu #contenu_texte a,
#contenu #contenu_texte a:link,  
#contenu #contenu_texte a:visited
{
	border:solid 1px #FFF;
	background-image:url(../design/bg_btn.jpg);
	background-repeat:repeat;
	color:#FFF;
	margin:10px 0 0 0;
	padding:3px 3px 3px 10px;
	text-decoration:none;
	outline:none;
	display:block;

}

#contenu #contenu_texte a:hover{
	border:solid 1px #CCC;
	color:#333;
	padding:3px 3px 3px 10px;
	text-decoration:none;
	outline:none;
	display:block;

}






#contenu #contenu_texte.accueil{
	width:400px;


}



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

#container #contenu_total #blocthema{
width:365px; 
height:200px; 
float:left;
margin:30px 10px 0 0;

}


#container #contenu_total #blocthema strong{
	font-weight: normal;
	color: #000;
}




#container #contenu_texte_accueil{
	position: relative;
	padding: 0 0 0 0;
	left:150px;
	top:180px;
	width:340px;
	height:635px;
	z-index:400;
	text-align: left;
	overflow:auto;
}

#container #contenu_img{
	position: absolute;
	left:525px;
	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: relative;
	width:431px;
	z-index:400;
	text-align: justify;
	overflow:hidden;
	padding:20px 0 0 20px;

	border:0;
}

#container #pub{
	position: absolute;
	left:952px;
	top:160px;
	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 *********************************************/

#container #footer{
	position: relative;
	text-align:center;
	width:800px;
	height:30px;
	z-index:400;
	margin: 5px 0 0 130px;
}






/************** 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:300px;
	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_11{
	background-color:#D6D0B6;
	
}

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

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

/*r?servez*/
#bloc_statut.statut_10{
	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 recettes tiroir *********************************************/

div#bloc_groupe{
	position:relative;
	height:155px;
	border-bottom:dotted 1px #666;
	margin:0 0 10px 0;
}
div#bloc_groupe div#img_cock{
	position:relative;
	float:left;
	width:200px;
	height:145px;
	margin:10px 0 0 0;


}
div#bloc_groupe div#img_plus{
	position:relative;
	float:left;
	width:70px;
	height:145px;



}
div#bloc_groupe div#img_tapas{
	position:relative;
	float:left;
	width:175px;
	height:145px;



}
div#bloc_groupe div#texte_groupe{
	position:relative;
	float:left;
	width:355px;
	height:145px;
	font-size:12px;
	color:#333;
	text-align:left;
	margin:10px 0 0 0;
}



.color6{
 color:#009CDA;
}

  
.color6 strong{
 color:#009CDA;
}

.color11,
.color12,
.color13,
.color14
{
 color:#009CDA !important;
}

/*************/
.color7{
 color:#45842A;
}

.color7 strong{
 color:#45842A;
}

.color17{
 color:#45842A !important;
}


.color15{
 color:#C0AA82 !important;
}

.color16{
 color:#C9241F !important;
}



/*************/

.color8{
 color:#CE003C;
}

.color8 strong{
 color:#CE003C;
}

.color9{
 color: #335390;
}

.color9 strong{
 color:#335390;
}

.color22,
.color21,
.color23
{
 color: #335390 !important;
}



/*************/


div#shaker{
	position:absolute;
	left:570px;
	top:65px;

}


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

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

}

#cours_privee{

float:left;
width:400px;


}