body {
	background : #e4da96 url(../images/interface/background-site.gif) top repeat-x;
	margin: 0;
	padding: 0;
	font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	color:#666;
	font-size:12px;
}

#site {
	width: 980px;
	margin: 5px auto 15px auto;
}

.alG{
float:left;
}
.alD{
float:right;
}

#bandeau_haut{
height:90px;
width: 980px;
}

.border_image{
border:3px solid #ccc;
}

.b1{
border: 1px black solid;
}

#div_recherche
{
width: 285px;
background-color:#cc9900;
border:3px solid #ccc;
min-height:75px;
height:auto !important;
height:75px;
padding:5px;
color:#FFF;
margin-bottom:3px;
background-image: url(../images/interface/logo-recherche.jpg); 
background-repeat: no-repeat;
background-position: 250px 12px;
}
#div_login
{
width: 330px;
background-color:#cc9900;
border:3px solid #ccc;
min-height:75px;
height:auto !important;
height:75px;
padding:5px;
color:#FFF;
}

.div_commentaire{
padding:5px;
margin:5px;
border:1px solid #ccc;
background-color:#fffaec;
}

.div_message_post_commentaire{
padding:5px;
margin:5px;
border:1px solid #ccc;
background-color:#fffaec;
}

.erreur{
color:#FF0000;
font-size:14px;
font-weight:bold;
}

.div_new_recette{
background-color:#fffaec;
}

/***********
		BANDEAU BAS PAGE
***********/
#bandeau_bas_conteneur {
width: 964px;
background-color:#cc9900;
border:3px solid #ccc;
padding:5px;
padding-left:25px;
color:#FFF;
background-image: url(../images/interface/logo-ad.jpg); 
background-repeat: no-repeat;
background-position:bottom right;
overflow:auto;
}

.div_bandeau_bas{
padding-right:5px;
padding-left:15px;
min-height:100px;
height:auto !important;
height:100px;
width:250px;
}

.liste { 
list-style-type: disc;
padding-left: 0;
margin-left: 0;
width: 180px;
}





/*
#div_newsletter
{
width: 330px;
background-color:#cc9900;
border:3px solid #ccc;
min-height:75px;
height:auto !important;
height:75px;
padding:5px;
color:#FFF;
background-image: url(../images/interface/logo-newsletter.jpg); 
background-repeat: no-repeat;
background-position: 262px 12px;
}
*/
#div_menu {
padding:5px;
float:left;
width: 964px;
background-color:#FFF;
min-height:30px;
height:auto !important;
height:30px;
border:3px solid #ccc;
margin-bottom:3px;
}

/*************COLONNE DROITE******************/
#colonne_droite {
float:left;
padding:2px;
margin-bottom:5px;
width:155px;
}

.btn_D h3{
	font-size:12px;
	color:white;
	background: url(../images/interface/logo_pastille.jpg) no-repeat;
	padding: 3px;
	margin: 3px;
	text-indent: 30px;
	line-height: 110%;
	background-color:#cc9900;
	border:2px solid #ccc;
	text-align:right;
	width:150px;
}

.cadre_1{
	font-size:12px;
	padding: 3px;
	margin: 3px;
	background-color:#fffaec;
	border:2px solid #ccc;
	text-align:letf;
	width:150px;
}

.liste-1 {
text-decoration: none;
list-style-type:disc;
list-style-position: inside;
padding-left: 1px;
margin:0px;
margin-bottom:6px;
}


/*************FIN COLONNE DROITE******************/


#contenu {
float:left;
padding:5px;
width:790px;
background-color:#FFF;
min-height:650px;
height:auto !important;
height:650px;
border:3px solid #ccc;
margin-bottom:3px;
background-image: url(../images/interface/logo-contenu.jpg); 
background-repeat: no-repeat;
background-position:bottom right;
}



.BN{
border:none;
}
.TDN{
text-decoration:none;
}
.B{
font-weight:bold;
}

/******************
* formulaires 
********************/
.input {
font-style:italic;
color: #999 ;
border:2px solid #ccc; 
padding:3px;
}
.form {
margin:0px;
}

/******************
* paddings 
********************/

.pdg_no{padding:0 }
.pdg_t_1{padding-top:1px }
.pdg_t_3{padding-top:3px }
.pdg_5{padding:5px }
.pdg_t_5{padding-top:5px }
.pdg_r_5{padding-right:5px }
.pdg_b_5{padding-bottom:5px }
.pdg_l_5{padding-left:5px }
.pdg_10{padding:10px }
.pdg_t_10{padding-top:10px }
.pdg_r_10{padding-right:10px }
.pdg_b_10{padding-bottom:10px }
.pdg_l_10{padding-left:10px }
.pdg_t_18{padding-top:18px }
.pdg_20{padding:20px }
.pdg_t_20{padding-top:20px }
.pdg_r_20{padding-right:20px }
.pdg_b_20{padding-bottom:20px }
.pdg_l_20{padding-left:20px }
.pdg_t_22{padding-top:22px }
.pdg_t_100{padding-top:100px }
.pdg_l_100{padding-left:100px }
.pdg_r_100{padding-right:100px }
.pdg_l_310{padding-left:314px }

/******************
* margin 
********************/

.mar_no{margin:0 }
.mar_5{margin:5px }
.mar_t_5{margin-top:5px }
.mar_r_5{margin-right:5px }
.mar_b_5{margin-bottom:5px }
.mar_l_5{margin-left:5px }
.mar_10{margin:10px }
.mar_t_10{margin-top:10px }
.mar_r_10{margin-right:10px }
.mar_b_10{margin-bottom:10px }
.mar_l_10{margin-left:10px }
.mar_20{margin:20px }
.mar_t_20{margin-top:20px }
.mar_r_20{margin-right:20px }
.mar_b_20{margin-bottom:20px }
.mar_l_20{margin-left:20px }
.mar_r_40{margin-right:40px }
.mar_b_40{margin-bottom:40px }
.mar_l_40{margin-left:42px }


/******************
* taille
********************/

.WM{ width:100%;}
.W60{ width:60px;}
.W160{ width:160px;}
.W200{ width:200px;}
.W124{width:124px;}
.W200{ width:200px;}
.W290{ width:290px;}
.W600{ width:600px;}
.W650{ width:650px;}
.W550{ width:550px;}
.W400{ width:400px;}

.WM{ height:100%;}
.H160{ height:160px;}
.H200{ height:200px;}
.H124{ height:124px;}
.H200{ height:200px;}
.H600{ height:600px;}
.H650{ height:650px;}
.H550{ height:550px;}
.H400{ height:400px;}


/******************
* alignement
********************/
.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
.v_align_t{vertical-align:top;}
.v_align_b{vertical-align:bottom;}
.v_align_m{vertical-align:middle;}
.al_G{float:left;}
.al_D{float:right;}


/******************
* bordure
********************/
.bordure-1{border-top:1px dashed #ccc;}
/* Typo */

h1{
	font-size:18px;
	color:#cc9900;
	padding-left:15px;
}

h2{
	font-size:14px;
	color:#b88a00;
	padding-left:10px;
}

h3{
	font-size:15px;
	color:red;
}

.display_none{
display:none;
}
.display{
display:block;
}



#divOpaque_changer_passe{
	position:absolute;
    left:0px;  
	width:100%; 
	height:100%;
}

#divOpaque_inscription{
	position:absolute;
    left:0px;  
	width:100%; 
	height:100%;
}

#divOpaque_mot_passe{
	position:absolute;
    left:0px;  
	width:100%; 
	height:100%;
}

#divOpaque_envoyer_recette{
	position:absolute;
    left:0px;  
	width:100%; 
	height:100%;
}

#divPopup_inscription{
	 width:600px;
	 height:520px; 
	 border:4px solid #ccc; 
	 background-color:#FFFFFF;
	 position:absolute; 
	 left:50%; 
	 top:50%; 
	 margin-left:-300px; 
	 margin-top:-200px;
	 padding:5px 20px 5px  20px;
	 background-image: url(../images/interface/logo-contenu.jpg); 
	 background-repeat: no-repeat;
	 background-position:top right;
	 
}

#divPopup_envoyer_recette{
	 width:600px;
	 height:450px; 
	 border:4px solid #ccc; 
	 background-color:#FFFFFF;
	 position:absolute; 
	 left:50%; 
	 top:50%; 
	 margin-left:-300px; 
	 margin-top:-200px;
	 padding:5px 20px 5px  20px;
	 background-image: url(../images/interface/logo-contenu.jpg); 
	 background-repeat: no-repeat;
	 background-position:top right;
	 
}

#divPopup_mot_passe{
	 width:600px;
	 height:300px; 
	 border:4px solid #ccc; 
	 background-color:#FFFFFF;
	 position:absolute; 
	 left:50%; 
	 top:50%; 
	 margin-left:-300px; 
	 margin-top:-200px;
	 padding:5px 20px 5px  20px;
	 background-image: url(../images/interface/logo-contenu.jpg); 
	 background-repeat: no-repeat;
	 background-position:top right;
	 
}

#divPopup_changer_passe{
	 width:600px;
	 height:300px; 
	 border:4px solid #ccc; 
	 background-color:#FFFFFF;
	 position:absolute; 
	 left:50%; 
	 top:50%; 
	 margin-left:-300px; 
	 margin-top:-200px;
	 padding:5px 20px 5px  20px;
	 background-image: url(../images/interface/logo-contenu.jpg); 
	 background-repeat: no-repeat;
	 background-position:top right;
	 
}



.rayure{
margin-top:15px;
font-size: 13px;
line-height: 20px;
font-weight: bold;
letter-spacing: 2px;
color: #000;
border-bottom: 1px solid #cc9900;
background: url(../images/interface/stripe.png) repeat; 
}

.hr-1{
border: 1px dashed #cc9900;
}

/***********liens**********/
a:link{ text-decoration: none }
a:visited{ text-decoration: none }
a:active{ text-decoration: none }
a:hover{ color:#cc9900; text-decoration: none }
a{ color:#b88a00;} 

a.a-1:link{ text-decoration: none }
a.a-1:visited{ text-decoration: none }
a.a-1:active{ text-decoration: none }
a.a-1:hover{ color:#cc9900; text-decoration: none }
.a-1{ color:#b88a00;} 

a.a-2:link{ text-decoration: none }
a.a-2:visited{ text-decoration: none }
a.a-2:active{ text-decoration: none }
a.a-2:hover{ color:#858585; text-decoration: none }
.a-2{ color:#666;}

a.a-3:link{ text-decoration: none }
a.a-3:visited{ text-decoration: none }
a.a-3:active{ text-decoration: none }
a.a-3:hover{ color:white; text-decoration: none }
.a-3{ color:white;} 

a.a-4:link{ text-decoration: none }
a.a-4:visited{ text-decoration: none }
a.a-4:active{ text-decoration: none }
a.a-4:hover{ color:#666; text-decoration: none }
.a-4{ color:white;}


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



.texte-1{
	font-size:12px;
	color:#cc9900;
}
.texte-2{
	font-size:14px;
	color:#666;
}

.texte-3{
	font-size:16px;
	color:#fff;
	font-weight:bold;	
}
.texte-4{
	font-size:10px;
}

.texte-5{
	font-size:10px;
	color:red;
}

.texte-6{
	font-size:14px;
	color:red;
}
.texte-7{
	font-size:12px;
	font-weight:bold;
}

.texte-25{
	font-size:25px;
	color:#fff;
	font-style:italic;
}

.div_note{
	font-size:18px;
	color:#cc9900;
	border:1px solid #cc9900;
}

.lien_mini_logo_blanc{
padding-left:30px;
text-indent:10px;
background-image: url(../images/interface/mini-logo-fond-blanc.gif); 
background-repeat: no-repeat;
background-position:0px 0px;
font-size:14px;
color:#666;
line-height:40px;
}

.bouton_1{height:20px; background:#CCC;border: 1px solid #EEE; color: #fff; font-weight:bold;}

.bouton_effacer{
width: 10px;
}

label.text {
	display: block;
	color:#666;
	float: left;
	width: 300px;
	text-align: right; 
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #cc9900;
}

label.text1 {
	display: block;
	color:#666;
	float: left;
	width: 180px;
	text-align: right; 
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #cc9900;
}


label.text-2 {
	display: block;
	color:#666;
	float: left;
	width: 300px;;
	text-align: right; 
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #cc9900;
}

label.text-3 {
	display: block;
	color:#666;
	float: left;
	width: 150px;;
	text-align: right; 
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #cc9900;
}


/**************
/*ZOOM IMAGE*/
/**************/

.zoom img {
width:148px;
}
.zoom img:hover {
width:400px;
}
.position_absolute{
position: absolute;
}

.zoom2 img {
height:148px;
}
.zoom2 img:hover {
height:400px;
}

/****************
	PASTILLE RECETTES
*****************/
.fond_pastilles_cout{
	height:27px;
	width:24px;
	background-image:url(../images/interface/cg_fond_cout.png);
	background-repeat:no-repeat;
}

.fond_pastilles_dif{
	height:27px;
	width:24px;
	background-image:url(../images/interface/cg_fond_dif.png);
	background-repeat:no-repeat;
}

.fond_pastilles_pers{
	height:27px;
	width:24px;
	background-image:url(../images/interface/cg_fond_pers.png);
	background-repeat:no-repeat;
}

.fond_pastilles_recettes{
	height:27px;
	background-image:url(../images/interface/fond_cout_dif_pers.png);
	background-repeat:repeat-x;
	line-height:27px;
}

.fond_pastilles_recettes_droite{
	height:27px;
	width:12px;
	background-image:url(../images/interface/cd_fond_cout_dif_pers.png);
	background-repeat:no-repeat;
	margin-right:5px;
}



/**************
/*FORMULAIRES*/
/**************/

.formulaire {margin-top: 10px;}
.formulaire p {padding: 6px 0px;margin: 0px;color:#333;}
.formulaire input{width: 300px;background:#eee;border: 1px solid #cc9900;}
.formulaire select{width: 150px;background:#eee;border: 1px solid #cc9900;}
.formulaire textarea{width: 450px;height: 115px;background:#eee;border: 1px solid #cc9900;padding: 2px;margin-top: 3px;}
.formulaire .textarea2{width: 700px;height: 45px;background:#eee;border: 1px solid #cc9900;padding: 2px;margin-top: 3px;}
.formulaire textarea:focus, .formulaire select:focus, .formulaire input[type="text"]:focus{background: #ffffff;}
.formulaire .submit{background:#bbb;color: #ffffff;border: none;float:left;width: 144px;height: 28px;cursor: pointer;margin:0px 0px 10px 270px; border: 1px solid #cc9900;}
.formulaire .mini_input2{width: 50px;background:#eee;border: 1px solid #cc9900;}
.formulaire .mini_input{width: 120px;background:#eee;border: 1px solid #cc9900;}
.formulaire input[type="image"].sup_photo{width:22px; border:none; background-color:#FFF;}
.formulaire .bouton{width:150px; margin-left:100px;}
/*
#formulaire .rouge{width: 300px; background:red;border: 1px solid #cc9900;}
#formulaire .mini_input_rouge{width: 50px;background:red;border: 1px solid #cc9900;}
#formulaire select .rouge{width: 150px; background:red;  border: 1px solid #cc9900;}
#formulaire textarea .rouge{ width: 450px;height: 115px;background:red;border: 1px solid #cc9900;padding: 2px;margin-top: 3px;}
*/