body { font-family: Verdana, sans-serif; margin: 0 auto; color:#737374; font-size:11px; background:url(/images/fond_olo.gif) center repeat-y #fdb903; text-align:center; behavior: url(csshover.htc);}



* html a { display: block;}

a { color:#D54658; text-decoration: none;}

a:hover { background:#F4EDE3;}

h1 { color:#D54658; font-size:14px;}

h3 { color:#D54658; font-size:12px;}

h2 { color:#818285; font-size:12px;}

.rose {color:#D54658;}

h4 { color:#818285; font-size:12px; margin-bottom:0;}

.grand_titre { color:#D54658; font-size:18px;}

.text_intro { color:#D54658; font-size:12px;}

.accueil_intro { color:#D54658; font-size:12px; font-weight:bold;}

.fleche { color:#D54658; font-weight:bold;}

.separateur { border-bottom: 1px solid #D54658;}

.separateur_gris { border-bottom: 1px dotted #ccc; margin:0 0 5px 0;}

.titrejaune { color:#FCC43C; font-weight:bold;}

.petit {font-size:10px; color:#737374;}

hr {height:1px; background:#D54658;}

#master{

width: 750px; 

margin: 0 auto; 

text-align:left;


}



#topsection{

background: url(/images/banniere1.jpg)  no-repeat;

height: 130px; 

}



#topsection .top_menu { padding:2px 10px 0 0; text-align:right;}

#topsection .top_menu td { padding: 0 3px; text-align:center;}

#topsection .top_menu a { text-decoration: none; color:#818285; font-weight:bold;}

#topsection .top_menu a:hover { color:#FDB813;}


/* ANCIEN MENU */
div#nav { position:relative; z-index:10; float: left; width:750px; height:24px; margin: 0; background:#FFBA10; color:#fff; font-weight:bold;}

div#nav ul {width:750px; margin: 0; padding: 0; background: #FFBA10; }

div#nav li {width:auto; position: relative; list-style: none; padding: 0 3px 0 4px; margin: 0; float: left; line-height: 24px; border-right:1px dotted #fff;}

div#nav li:last-child ul {width:128px;}

div#nav li:last-child ul li {width:124px;}

div#nav li:hover {background: #F4EDE3; color:#818285; display:block}

div#nav li:hover a:hover {color:#818285;}

div#nav li a.fleche {width:180px; background: url(/fl_off.gif) right no-repeat;}

div#nav li a.fleche:hover {background: url(/fl_on.gif) right no-repeat; }

div#nav li a {display: block; padding: 0 -5px 0 5px; text-decoration: none; width: auto; color:#fff;}

div#nav li a:hover {color:#818285;  }

div#nav li ul li a {display: block; text-decoration: none; color:#fff;}

div#nav>ul a {width: auto; }

div#nav ul ul {position: absolute; width: 184px; display: none;}

div#nav ul ul li {border-top:1px dotted #fff; height:auto; width:180px; padding:2px; line-height: 16px;}

div#nav li.submenu li.submenu {background: #FFBA10; }

div#nav li.submenu li.submenu:hover {background: #F4EDE3;}

div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {display:block; }

div#nav ul.level2 {top: 24px; left: 0;}

div#nav ul.level3 {top: -1px; left: 184px; }

/* ------------------- */

/* NOUVEAU MENU */
#menu {position:relative; z-index:500; height:24px; width:750px; font-weight:bold;} 

#menu ul {padding:0; margin:0; list-style:none; background:#FFBA10;}

#menu ul.level1 {height:24px;}

#menu ul ul {position:absolute; left:-9999px; border-bottom:1px solid #fff;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}

#menu ul li {background:#FFBA10; float:left; border-right:1px solid #fff; line-height:24px;}

#menu ul li a {display:block; float:left; padding: 0 7px; color:#fff; text-decoration:none; background:#FFBA10; }

#menu ul li a.fly {background:url(../fleche.gif) no-repeat right center; padding-right:10px;}
#menu ul li a.fly:hover {background:url(../fleche_over.gif) no-repeat right center #F4EDE3; padding-right:10px;}


#menu ul ul li {margin:0; border:1px solid #fff; border-bottom:none; line-height:16px; height:auto;}

#menu ul ul li a {width:140px; display:block; padding:4px 5px;}

#menu ul ul li a.fly {padding-right:5px;}
#menu ul ul li a.fly:hover {padding-right:5px;}

#menu ul li:hover {position:relative;}

#menu ul li a:hover {background:#F4EDE3; color:#818285; position:relative;}

#menu ul li:hover > a {background:#F4EDE3; color:#818285;}

#menu ul :hover ul {left:0; width:140px; top:24px;}

#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:150px; width:150px; top:-1px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

/* ------------------------------- */


#partie_centrale { float: left; width: 100%;}



#section_droite_accueil { margin-left:210px; }



#section_droite_accueil .marges { margin:10px;}



#section_gauche_accueil { float:left; width:210px; margin-left:-750px; position:relative; z-index:1;}



#section_gauche_accueil .marges { margin:10px;}



#section_droite{

margin-left: 203px;

margin-top:15px;

border-left:1px dotted #ccc;

min-height:520px;

}

#section_droite .marges { margin: 10px;}

#section_droite h1 { text-transform:uppercase; margin-top:15px;}



#chemin { color:#737373; font-size:10px;}

#chemin a { text-decoration: none; margin: 0 4px 0 0; color:#737373;}

#chemin a:hover { text-decoration: underline; margin: 0 4px 0 0; color:#737373;}



div.conseil { width:517px; height: 97px; border-bottom: 1px dotted #ccc; padding-top:10px;}

div.conseil .nom { font-weight:bold;}

div.conseil img { width:82px; beight:87px; float:left; margin:0 5px 0 0; border:1px solid #ccc;}

div.conseil p { margin-top:0px;}

div.conseil a { color:#D54658; text-decoration: none;}

div.conseil a:hover { background:#F4EDE3;}



#section_gauche .marges { margin:10px;}



#section_gauche{

float: left;

width: 203px; 

margin-left: -750px; 

margin-top:15px;

}



#sous_menu { width:183px; margin-left: 0; margin-top:-10px; padding-bottom:10px; border-bottom: 1px dotted #ccc;}

#sous_menu h2 { font-size:12px; color:#D54658;}

#sous_menu ul { margin: -5px 0 0 0; padding:0;}

#sous_menu ul li { list-style-type:none; line-height:18px; border:1px solid white; }

#sous_menu ul li a { text-decoration: none; color:#737373; font-weight:normal; padding:0 2px; display:block;}

#sous_menu ul li a:hover { background:#F4EDE3; color:#737373; padding:0 2px; display:block;}



#sous_menu a.actif { background:#F4EDE3; color:#737373;}



#sous_menu ul li ul { width:183px; margin:0; padding:0; }

#sous_menu ul li ul li { width:183px; margin-left:0; padding-left:0; line-height:14px; }

#sous_menu ul li ul li a { color:#737373; padding:0; padding:0 2px 0 13px; display:block;}

#sous_menu ul li ul li a:hover { height:auto; padding:0 2px 0 13px; display:block;}



#temoignage { margin-top:10px; width:173px; margin-left:0; color:#D84659; font-size:13px; font-weight:bold; padding:5px; text-align: left;}

#temoignage img { width:auto; height:auto; margin:5px; position: relative; z-index:2; }

#temoignage .signature { font-size:11px; color:#737373; text-align: left; font-weight:normal;}



#photo_gauche { width:173px; margin-top:15px; margin-left:0;}

#photo_gauche img { width:180px; height:auto; margin:0;}



#footer{

clear: left;

width: 740px;

background: #FFF;

color: #666;

text-align: center;

padding: 4px;

}



#footer a { color: #FFFF80; }



table.don { width:100%; margin-top:10px; border-collapse: collapse; border:1px solid #818285;}

table.don td, th { padding:3px; border:1px solid #818285;}

table.don th { background:#F1EBDF; color:#818285;}

table.don input { width:180px; height:16px; border:1px solid #818285;}

table.don select { width:180px; color:#000; text-transform: none;}

table.don .rad { width:10px; height:18px;margin-bottom:0; margin-right:5px;}

table.paiement { width:450px; margin-top:10px;}

table.paiement td, th { padding:3px;}



div.evenement { background:#F7EFE3; border:1px solid #D84659; padding:10px;}

div.complices { color:#D84659; margin-top:10px;}

div.complices p { margin:5px 0;}



th.categories { border:none; border-bottom:1px solid #D54658; color:#D54658;}

td.cartes { width:260px; height:100px; margin:5px 0; color:#818285; line-height:20px; text-align:left; padding:5px; border-bottom: 1px solid #E0E0E0;}

td.cartes img { border: 1px solid #E0E0E0; width:85px; height:85px; border:1px solid #D54658; padding:2px; float:left; margin:0 5px 0 0;}

#trailimageid

{

	font-size: 11px;

	color:#818285;

	position: absolute;

	display: none;

	left: 0px;

	top: 0px;

	width: 366px;

	height: 0px;

	z-index: 200;

	text-align:left;	

}



table.index_recettes { width:510px; margin:0 0 0 15px; border:none; margin-bottom:20px;}

table.index_recettes th { width:50%; text-align:left; color:#FCC43C; font-weight:bold; border:none; padding-top:10px;}

table.index_recettes td { border-left:1px dotted #D54658; padding:5px; line-height:14px;}

table.index_recettes td.index_titre { border:none; padding:0 0 5px 0; color:#D54658; font-size:12px; font-weight:bold;}

table.index_recettes td.legende { border:none; padding-left:0;}

table.index_recettes td.lait { text-align:left; color:#FCC43C; font-weight:bold; border:none; border-top:1px dotted #ccc;}



div.fiche_recette { width:517px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; margin-top:20px; line-height:14px;}

div.fiche_recette  h1 {margin:5px 0;}

div.fiche_recette  .legende { font-style: italic;}

div.fiche_recette  .imprimer { text-align:right; float:right;}



div.fiche_recette  ul { margin:0 0 10px 0; padding-left:25px;}

div.fiche_recette  ol{ margin:0 0 10px 0; padding-left:32px;}


#ouvrir_conversion { display: none; position: absolute; text-align:center; background:#fff; width:412px; height:112px; border:1px solid #FCC43C;}


table.form_achat { width:100%; margin-bottom:10px; border-collapse: collapse; border:1px solid #818285;}
table.form_region { width:100%; margin-top:10px;}

table.form_achat td, th { padding:3px; border:1px solid #818285;}
table.form_achat td.desc {width:180px;}
table.form_achat td.prix {width:56px;}

table.form_achat th { background:#F1EBDF; color:#818285;}

table.form_achat input.long { width:318px; height:16px; border:1px solid #818285;}
table.form_achat input.medium { width:180px; height:16px; border:1px solid #818285;}
table.form_achat input.court { width:50px; height:16px; border:1px solid #818285;}

table.form_region select { width:515px; color:#737374; text-transform: none;}

table.form_achat .rad { width:10px; height:18px;margin-bottom:0; margin-right:5px;}

.addthis { width:auto; height:25px; text-align:right; margin:10px;}