/*
	Feuille de style globale du site cabecou-perigord.com
*/
/* Mise en page des balises standards */
body{
	background-image: url(/images/fond.gif);
	text-align: center;
}
*{
	font-family: verdana;
	font-size: 12px;
	color:#888888;
}
p, h2, li, td{
	color:#888888;
	line-height: 20px;
	text-align: justify;
	margin: 0px 0px 10px 0px;
}
li {
	margin: 0px 0px 5px 0px;
	list-style: none;
}
h1{
	color: #835226;
	font-weight: bold;
	text-align: left;
}
h2,h3{
	color: #835226;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-transform:uppercase;
}
h3{
	text-align:left;
}
a{
	color: #835226;
	text-decoration: none;
	font-family: georgia;
	font-size: 14px;
}
a:hover{
	color: #FFFFFF;
	background-color: #835226;
}
.bouton,select,option{
	color: #FCFDF0;
	background-color: #835226;
}
img{
	border:0;
}
/* Mise en forme des éléments de formulaires */
fieldset { 
	padding:0;
	margin:0;
	border:none;
}
fieldset legend{
	font-weight:bold;
	padding:10px 0 5px 0;
}
fieldset p{
	float: left;
	clear: left;
	padding: 0;
	margin: 3px 0;
	width:600px;
}
label{
	display: block;
	float: left;
	width: 250px;
}
.required{
	display:inline;
	color:red;
}
/* Conteneur de la page */
#page{
	width: 900px;
	margin: 0px auto;
	border: 1px solid #835226;
	background-color: #FCFDF0;
}
form{
	margin:0px;
}
#contenuflash{
	height:207px;
	overflow:hidden;
}
/*  Eléménts du haut de page */
#haut{
	margin: 0px;
}
#flash{
	width: 900px;
	height: 207px;
	border-bottom: 4px solid #835226;
	margin: 0px;
}
#menuhaut, #menubas{
}
#menuhaut{
	background-color: #835226;
	float: left;
}
#menuhaut ul, #menubas ul{
	margin: 0px;
	padding: 0px 0px 2px 10px;
}
#menuhaut li, #menubas li{
	height: 20px;
	display: inline;
	text-align: left;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}
#menuhaut a {
	color: #FEDBBD;
	font-family: georgia;
	font-size: 14px;
}
#menuhaut a:hover,
#itemSelectionne{
	color: #835226;
	background-color: #FFFBD3;
}
/* Eléments communs aux milieu des pages */
#milieu{
	width: 720px;
	margin: 60px auto 0px auto;
}
#titre{
	width: 730px;
	margin: 0px auto 20px auto;
}
#titre select, #titre h1{
	margin: 3px 3px 0px 5px;
}
#titre h1, #titre select, #titre img{
	display: inline;
}
#titre img{
	margin-bottom: -8px;
}
.separateurHorizontal{
	display:block;
	border-bottom:1px solid #cfcdc1;
	width:360px;
	height:1px;
	font-size:0px;
}
.separateurVertical{
	display:block;
	background-color:#cfcdc1;
	height:635px;
	width:1px;
	float:left;
}
a.lienPuce{
	background-image:url(/images/puce-horizontale.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}
a.lienPuce:hover{
	color: #835226;
	background-color:#FCFDF0;
}
img.photoGauche{
	float: left;
	margin:5px 10px 10px 0px;
	border:1px solid #cfcdc1;
}
img.photoDroite{
	float: right;
	margin:5px 0px 10px 10px;
	border:1px solid #cfcdc1;
}
/* Mise en forme des colonnes */
.colonne{
	float:left;
	margin-right:10px;
}
.c1{
	width:48%;
}
.c2{
	width:35%;
}
.c3{
	width:100%;
}
.separateur{
	clear:both;
}
.gauche{
	text-align:left;
}
.pdf{
	display:block;
	background-image:url(/images/ico_pdf.gif);
	background-repeat:no-repeat;
	padding:0 0 0 21px;
	min-height:20px;
}
/* Eléménts de la page d'accueil */
#milieuindex{
	width: 745px;
	margin: 60px auto 0px auto;
}
#partiegauche{
	width: 365px;
	float: left;
}
#partiegauche img{
	float: left;
}
#partiegauche p{
	margin-right: 15px;
}
#partiedroite{
	width: 365px;
	height: 400px;
	float: left;
}
#indexrecettes{
	height:200px;
}
#indexaccueil,
#indexrecettes,
#indexsondage,
#indexpro,
#indexactualites{
	margin:5px;
	text-align:left;
}
#indexaccueil a:hover,
#indexrecettes a:hover,
#indexsondage a:hover,
#indexpro a:hover,
#indexactualites a:hover{
	color: #835226;
	background-color:#FCFDF0;
}
/* Elements de la page recette */
#recette{
	width:730px;
}
#recette ul{
	padding-left:15px;
}
#recette li{
	list-style-type:disc;
	padding-left:0px;
}
#preparation{
	float:left;
	width:380px;
	margin:0 50px 0 0;
}
#ingredients{
	float: right;
	width: 280px;
	font-size: 10px;
	text-align:left;
}
#ingredients *{
	font-size: 10px;
	line-height: normal;
}
#ingredients img{
	margin:5px 0 10px 0;
	border:1px solid #cfcdc1;
}
#ingredients h2{
	border-top: 1px solid #FACFA8;
	margin-bottom: 0px;
}
/* Elements de la page formulaire */
#milieu table {
	float: left;
}
#milieu #coordonnees {
	float: left;
}
/* Elements de la page producteurs/produits */
ul#logosProducteurs{
	clear:both;
	display:inline;
}
ul#logosProducteurs li{
	float:left;
	font-size:10px;
	width:25%;
	text-align:left;
	margin:10px 0px 20px 0px;
}
ul#logosProducteurs li img{
	float:left;
}
.producteur{
	clear:both;
	overflow:auto;
	width:100%;
	border:1px solid #cfcdc1;
	text-align:left;
	padding:4px 4px 0px 4px;
	margin:10px 0px 10px 0px;
}
.producteur .gauche{
	float:left;
	width:45%;
}
.producteur .logos{
	float:left;
	margin:0px 8px 0px 5px;
	padding:0px;
}
/* Mise en forme des tableaux pour les pages pro */
.pro{
	border:1px solid #cfcdc1;
	margin-bottom:20px;
	border-collapse:collapse;
}
.pro caption{
	text-align:left;
	color: #835226;
	font-weight:bold;
	line-height:30px;
	margin-bottom:10px;
}
.pro th{
	border:1px solid #cfcdc1;
	padding:5px;
}
.pro td{
	border:1px solid #cfcdc1;
	padding:5px;
}
.pro table{
	width:100%;
	border:0;
}
.pro table th,
.pro table td{
	border:0;
}
.pro ul{
	margin:0 0 0 20px;
}
.pro li{
	list-style-type:disc;
}
.pro li li{
	list-style-type:circle;
}
.identification th{
	width:150px;
}
.plan td{
	width:50%;
}
.plan th{
	width:50%;
}
/* Mise en forme de la carte et des contacts pour la page pro 1 */
#carte{
	padding:0 0 40px 0px;
	margin:0 0 0 80px;
}
#carte div{
	border:1px solid #c3a68a;
	position:absolute;
	background-color:#FCFDF0;
	padding:5px;
}
#carte #contact1{
	margin:30px 0 0 -60px;
}
#carte #contact2{
	margin:130px 0 0 340px;
}
#carte #contact3{
	margin:360px 0 0 100px;
}
/* Elements du bas de page */
#bas{
	margin: 0px 0px 10px 0px;
}
#bas p, #menubas{
	text-align: center;
}
#bas p{
	margin: 10px 0px 0px 0px;
}
#bas img{
	margin-top: 20px;
}
#ircf{
	width: 116px;
	margin: 10px auto 5px auto;
}
#ircf img{
	margin-top: 5px;
}
/* Popup des sondages */
#sondage{
	margin:5px;
	background-image:none;
	background-color:#fcfdf0;
}
/* Mise en forme pour l'impression */
@media print{
	#menuhaut,
	#menubas,
	#ircf,
	.noprint{
		display:none;
	}
	#page{
		width:100%;
		border:none;
	}
	#milieu{
		width:100%;
		margin:0;
	}
}