﻿
/* CSS Document */


/* GENERALITE
----------------------------------- */
{padding: 0; margin: 0;}

body {
	font-family:"Trebuchet MS", Verdana, Arial;
 	font-size:12px;
 	color:#000000;
	background-color:#E2E2E2;

}

li, ul {
	list-style:none;
}

img {
	border:0px;
}

h1 {
	/*color:#d25d97;*/
	color:#FA3AA1;
	letter-spacing:4pt;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#000000;
}



/* STRUCTURE DU SITE
------------------------------------ */
#main {
	margin-left:20%;
	vertical-align:top;
	width:800px;
	margin-top:5px;
	border-color:#000000;
	background-color:#FFFFFF;
	background-image:url(../images/fond.jpg);
	background-repeat:repeat-y;
	
	
	
}
#centre {
	float:left;
	width:610px;
	
	
}

#son {
	position:relative;
	width:150px;
	right:0px;
	top:100px;
	padding-left:9px;
	display:block;
	
}




/* PAGE ACCUEIL
----------------------------------- */

#zone_pub_top_accueil {

	width:600px;
	text-align:center;
	margin-bottom:5px;
	
}
#logo {

	width:500px;
	margin-left:67px;
	
}

#top_menu {

	width:420px;
	margin-left:97px;
	text-align:center;
	
}

#phrase_defilante {
	
	margin-left:10px;
	width:530px;
	height:22px;
	padding-top:20px;
	padding-left:30px;
	background-image:url(../images/cuisinier_accueil.jpg);
	background-repeat:no-repeat;
	font-family:"Myriad Pro", Arial;
	font-size:10px;
	color:#602F33;
}

#menu {

	margin-left:40px;
	height:110px;
	width:550px;
	text-align:center;
	
	
	
	
}

.element_menu {
	float:left;
	margin-left:10px;
	margin-top:5px;
	width:60px;
	height:60px;
	
	
}

#bloc_inscription {
	float:left;
	margin-left:10px;
	width:592px;
	height:50px;
	margin-bottom:10px;
	/*background-color:#CCC;*/
	background-image:url(../images/fond_gris.png);
	background-repeat:repeat-y;
	/*height:70px;*/
	/*background-image:url(../images/bloc_inscription.jpg);
	background-repeat:no-repeat;*/
	
}

#bloc_inscription p{
	margin-left:10px;
	margin-bottom:0px;
}

#bloc_premier_haut_gauche {
	float:left;
	width:570px;
	height:200px;
	border:#FFCCFF 1px solid;
	padding-right:30px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:3pt;
	font-size:11px;
	font-weight:100;
	text-align:justify;
}

#bloc_central_gauche {
	float:left;
	width:290px;
	
	
	min-height:180px;
	max-height:197px;
	

    /*FILTER:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/
	background-position:bottom;
	margin-top:2px;
	
	margin-left:10px;
}




#bloc_central_gauche .texte {
	width:290px;
	min-height:150px;
	max-height:190px;
	/*background-image:url(../images/fond_bloc.png);
	background-repeat:no-repeat;*/
	
}

#bloc_central_gauche .texte p {
	text-align:justify;
	font-weight:bold;
 	padding:10px;
 	color:#000000;
	height:197px;
}

#central_gauche_info{
	width:290px;
	
	margin-left:10px;
}
#central_gauche_info p{
	padding-left:5px;
}

#bloc_central_gauche ul{
	margin-left:15px;
	
}

#bloc_haut_droit {
	/*float:left;
	/* La marge dépend de l'image, à modifier selon la taille de la pub*/
	/*margin-top:30px;*/
	float:right;
	width:290px;
	height:230px;
	/*background-image:url(../images/rectangle_point_marron.png);*/
	background-image:url(../images/rectangle_tiret_marron.png);
	background-repeat:no-repeat;
	margin-right:20px;
	margin-bottom:20px;
}
#bloc_haut_droit img{
max-height:100px;
max-width:100px;
}
#bloc_haut_droit .titre{
	/*color:#FF33CC;*/
	color:#FA3AA1;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}

#bloc_haut_droit ul{
	padding-left:10px;
}

/*****************bloc haut gauche*********************/
p#marche_pas{
	/*color:#FF33CC;*/
	color:#FA3AA1;
	padding:10px;
	font-weight:bold;
	font-size:14px;
	
}
#bloc_haut_gauche {
	float:left;
	width:290px;
	height:230px;
	background-image:url(../images/rectangle_point_gris.png);
	background-repeat:no-repeat;
	margin-left:10px;
	margin-bottom:20px;
}

#bloc_haut_gauche .titre{
	/*color:#FF33CC;*/
	color:#FA3AA1;
	padding:5px;
	font-weight:bold;
	font-size:14px;
	
	
}

#bloc_haut_gauche ul{
	padding-left:10px;
	padding-top:5px;
}
/*******************fin du bloc haut gauche*******************/


#reportage {
	padding-top:10pt;
	letter-spacing:15pt;
}

#bloc_central_droit {
	background-image:url(../images/rectangle_point_rose) ;
	background-repeat:no-repeat;
	float:right;
	width:290px;
	height:240px;
	margin-right:20px;
	margin-bottom:20px;
	
}

#bloc_central_droit ul{
	padding-left:15px;
}


#bloc_bas_gauche {
	float:left;
	width:300px;
	height:60px;
	font-size:12px;
	
}

#bloc_bas_gauche p {
	padding-left:20px;
	float :left;

	
}
#bloc_bas_gauche img{
	float:right;
	
	
}

.accroche a{
font-size:9px;
padding-left:5px;
color:#E74890;
}

.accroche a:hover{
font-size:9px;
padding-left:5px;
color: #E74890;
/*color:#FA3AA1;*/


}

#rendezvous {
	color:#000000;
	font-size:14px;
	margin:0px;
	padding:0px;
}

#bloc_bas_droit {
	float:left;
	width:250px;
	letter-spacing:1pt;
}


/*
#bloc_bas {
	float:left;
	width:610px;
	height:100px;
	background-image: IMAGE A INSERER
	background-repeat:no-repeat:
	
	text-align:center;
}
*/


#zone_pub_bottom_accueil {
	float:left;
	width:600px;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}


.inputbox {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 1px;
	cursor: text;
	
}

.inputbox:hover {
	border: 1px solid #FF99FF;
}

.inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

.go{
	/*border: 1px solid #FF66FF;*/
	
	background-color:#FA3AA1;

}

.go:hover{
	/*border: 1px solid #CC0033;*/
	/*background-color:#FFCCFF;*/
	background-color:#FA3AA1;

}

/*****************************ARIANE*******************************/
.fil_ariane{
	
	height:10px;
	width:572px;
	color:#FA3AA1;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	
}
.fil_ariane a{
text-decoration:underline;
/*color:#E74890;*/
color:#FA3AA1;
}
.fil_ariane a:hover{
text-decoration:underline;
/*color:#E74890;*/
color:#FA3AA1;
}
/*****************************ARIANE*******************************/




/*****************************RUBRIQUE*******************************/
.haut_rubrique{
	background-image:url(../images/haut_rubrique.jpg);
	height:115px;
	width:592px;
	/*margin-top:380px;*/	
}

.fond_gris{
	background-image:url(../images/fond_gris.png);
	background-repeat:repeat-y;
	min-height:0px;
	width:592px;
}
.fond_gris_bottom{
	background-image:url(../images/fond_gris.png);
	/*background-color:#000;*/
	background-repeat:repeat-y;
	min-height:70px;
	width:615px;

}

.rubrique{
	background-image:url(../images/contenu_rubrique.jpg) ;
	width:592px;
	height:auto;
}


.texte_rubrique{
	padding-top:35px;
	width:350px;
	/*padding-left:120px;*/
	font-size:11px;
}

.themes{
	/*padding-left:46px;*/
	padding-top:17px;
	padding-bottom:30px;
}


td.themes_lib {
	
	vertical-align:top;
	border-bottom:solid 1px gray;
	padding-top:5px;
	width:150px;

}

td.point{
	background-image:url(../images/point.jpg) ;
	background-repeat:repeat-y;
	width:13px;
	margin-top:0px;
	

	
	
	
	
}

.bas_rubrique{
	background-image:url(../images/bas_rubrique.jpg);
	height:61px;
	width:592px;
}



/*******************************THEME********************************/

.haut_theme{
	background-image:url(../images/haut_theme.jpg);
	background-repeat:no-repeat;
	height:70px;
	width:592px;
	/*margin-top:380px;*/
	
}

.articles{
	/*padding-left:46px;*/
	padding-top:17px;
	padding-bottom:30px;
}

.texte_theme{
	padding-top:10px;
	width:350px;
	/*padding-left:120px;*/
	font-size:11px;

}

/*******************************ARTICLE******************************/
.haut_article{
	background-image:url(../images/haut_article.jpg);
	height:125px;
	width:592px;
	/*margin-top:380px;*/
	
}

.haut_recette{
	background-image:url(../images/haut_recette.jpg);
	height:125px;
	width:592px;
	/*margin-top:6px;*/
		/*border:solid 1px gray;*/
	/*margin-top:380px;*/
	
}
.note{
	background-image:url(../images/contenu_article.jpg) ;
	width:592px;
}
.photo_principale{
	background-image:url(../images/contenu_article.jpg) ;
	width:592px;
}

.photo_principale img{
	/*background-image:url(../images/photo_principale.jpg) ;*/
	width:495px;
	height:149px;
}

.article{
	background-image:url(../images/contenu_article.jpg) ;
	width:592px;
}

.article_lib{
	padding-top:5px;
}

.image_article{
	width:150px;
}

.image_article img{
	margin-top:20px;
	margin-left:50px;
	border:solid 1px;
	height:90px;
	width:140px;
	
}

.texte_article{
	padding-left:100px;
	padding-right:110px;
	padding-top:30px;
	width:450px;
	font-size:11px;
	
}

.credits{
	padding-left:100px;
	padding-right:110px;
	padding-top:30px;
	width:450px;
	font-size:12px;
	text-align:justify;

}

.credits a{
	color:#FA3AA1;
}

.article .statique{
	padding-left:80px;
	padding-right:80px;
	padding-top:30px;
	width:500px;
	font-size:12px;
	text-align:justify;
	
}

.article .statique a{
	color:#FA3AA1;
}

.detach img{
	margin-top:20px;
	margin-left:35px;
	
}

.bas_article{
	background-image:url(../images/bas_article.jpg);
	height:57px;
	width:592px;
}
.bas_theme{
	background-image:url(../images/bas_theme.jpg);
	height:57px;
	width:592px;
}

.tab_divers{
	margin-left:70px;
}

.recherche{
	float:right;
	padding-left:130px;
}

