/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "reset.css";
@import "charte.css";
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}

#formContact .champRequis{
	color:#FF0000;
}


#invisible{
display:none;
}
/*_____________________________________________________________ ACCUEIL */

.encart_contacter_acc{
	float:left;
	width:420px;
	margin:20px 0;
	text-align:center;
}

.encart_contacter{
	float:left;
	width:100%;
	margin:20px 0;
	text-align:center;
}

#contenuTexte p.important{
color:#a80e0c;
font-weight:bold;
}


/*_____________________________________________________________ EMPORTER */

.encart_produit{
	float:left;
	width:270px;
	height:240px;
	margin:5px 0 5px 20px;
	text-align:center;
	background-image:url(../images/charte/bg_1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.encart_produit_titre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
	letter-spacing:1px;
}


.encart_produit_texte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
	margin-top:10px;
	letter-spacing:1px;
	line-height:18px;
}


.encart_produit_prix{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #FFCC00;
	margin:5px 0 10px 0 ;
	letter-spacing:1px;
}

.maxi_solo{
	float:left;
	width:620px;
	margin-top:20px;
}

.maxi_solo h1{
	padding-left:240px;
}

.maxi_solo img{
	margin:10px 50px;
}


	
.table_horaires{
text-align:center;
border:2px solid #D6D6D6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:22px;
padding:2px;}

.table_horaires tr{
border-top:3px solid #000;
}

.td_horaires{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color:#F3F3F3;
vertical-align:middle;
padding:3px;
border-top:1px solid #DDDDDD;
}

.table_title{
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color: #E5E5E5;
vertical-align:middle;
padding:2px;}


.table_col{
font-weight:bold;
color: #333333;}

.quartet{
background-color: #BFEADA}


.mat{
background-color: #E8E8E8;}

#contenu  .quartet:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
	}
	
	
#contenu  .mat:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
	}
	
	
/*__________________________________________________________________________LIVRER */


.maxi_solo_super{
	float:left;
	width:620px;
	margin-top:20px;
	text-align:center;
	padding-left:10px;
}


.maxi_solo_super img{
	margin:10px 0px;
}



/*-------------------------- Galerie  ---------------------------*/

#galerie {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:0px;
	height:96px;
	padding-bottom:50px;
	padding-top:20px;

}

#contenuTexte #defilgauche {
  float: left;
  margin: 0 5px 5px 0;
    padding:20px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite {
  float: right;
  margin: 0 0 5px 5px;
    padding:20px 0;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut {
  width: 502px;
  overflow: hidden;
  position: relative;
  padding:20px 0;
  background-image:url(../images/charte/bg_gal.jpg);	
  }
#contenuTexte #flow{
  position: relative;
  }
#contenuTexte .vign{
  float: left;
  margin-right :10px;


  }
  
/*____________________________________________________________ fine epaisse*/
  
.img_fine_epaisse{
	margin-left:15px;
}

.encart_contacter2{
	float:left;
	width:600px;
	margin:20px ;
	padding-left:190px;
}

	
.table_pan{
	text-align:center;
	border:1px solid #0089CD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:22px;
	padding:2px;
	margin-top:20px;
}

	
.table_pan .color{
	color:#0089CD;

}

.td_pan{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#F3F3F3;
	vertical-align:middle;
	padding:3px;
	border-top:1px solid  #D5E9FF;
}

.td_pan_bold{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	background-color:#F3F3F3;
	vertical-align:middle;
	padding:3px;
	border-top:1px solid  #D5E9FF;
}


.table_title_pan{
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color: #F4F4F4;
vertical-align:middle;
padding:2px;}


/*____________________________________________________________ ROUGE*/
  

	
.table_rouge{
	text-align:center;
	border:1px solid  #CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:22px;
	padding:2px;
	margin-top:20px;
}

	
.table_rouge .color{
	color: #CC0000;

}

.td_rouge{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#F3F3F3;
	vertical-align:middle;
	padding:3px;
	border-top:1px solid  #FFB9B9;
}

.td_rouge_bold{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	background-color:#F3F3F3;
	vertical-align:middle;
	font-weight:bold;
	padding:3px;
	border-top:1px solid  #FFB9B9;
}


.table_title_rouge{
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color: #F4F4F4;
vertical-align:middle;
padding:2px;}
	
	
/*____________________________________________________________ VISAGE PALE*/
  

	
.table_pale{
	text-align:center;
	border:1px solid  #CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:22px;
	padding:2px;
	margin-top:20px;
}

	
.table_pale .color{
	color: #EAAF00;

}

.td_pale{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#F3F3F3;
	vertical-align:middle;
	padding:3px;
	border-top:1px solid #FFFF66;
}

.td_pale_bold{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	background-color:#F3F3F3;
	vertical-align:middle;
	font-weight:bold;
	padding:3px;
	border-top:1px solid  #FFFF66;
}


.table_title_pale{
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color: #F4F4F4;
vertical-align:middle;
padding:2px;}
	
	
	
	
.td_pizza_bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-weight:bold;
}

	
/*____________________________________________________________ SALADE*/
  

	
.table_salade{
	text-align:center;
	border:1px solid  #CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:22px;
	padding:2px;
	margin-top:20px;
	float:left;
}

	
.table_salade .color{
	color: #74E26D;

}

.td_salade{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#F3F3F3;
	vertical-align:middle;
	padding:3px;
	border-top:1px solid #BCF5B1;
}

.td_salade_bold{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	background-color:#F3F3F3;
	vertical-align:middle;
	font-weight:bold;
	padding:3px;
	border-top:1px solid #BCF5B1;
}


.table_title_salade{
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color: #F4F4F4;
vertical-align:middle;
padding:2px;}
	
.salade_img{
float:left;
margin:20px 0 0 10px;}

/*_________________________________________________ACCOMPAN */


.encart_contacter3{
	float:left;
	width:600px;
	margin:20px 0;
	text-align:center;
}


.accompan {
	float:left;
	width:620px;
	margin-top:20px;
}


.accompan img{
	margin:10px 50px;
}

.accompan .img2{
	margin:10px 0px 10px 150px ;
}


.marg_left{
margin-left:30px;}

.marg_left h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}


/*____________________________________________________________ CONTACT*/

/************* form *********************/
.forminput, .forminput1, .forminput2, .formtextareadress, .formtextareacomment
        {
        border:1px #bb0c0d solid;
        padding:0;
        margin:2px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
        color:#555753;
        background-color:#fff;
        text-align:justify;
        }
		
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:260px;
       }

.forminput1
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:160px;
       }
.forminput2
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:160px;
       }

	   
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        width:260px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:260px;
        }
.formbt
        {
       border:1px #bb0c0d solid;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        color:#bb0c0d;
        background-color:#fff;
        }
.couleure{
	color:#CC3300;
	margin:10px 0;
	font-size:12px;
}

.text01
        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#555753;
        text-align:justify;
		vertical-align:top;
        margin:0 0 10px 0;
        padding:0;
        }
#bloc-contact {
	width: 400px;
	float:left;
	margin:0px 0 20px 10px ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
	letter-spacing:0.03em;
}

#contactTxte{
	width:200px;
	float:right;
	text-align:right;
	font-family:   Arial, Helvetica, sans-serif;
	color: #999;
	font-size:12px;
	line-height:17px;
}
#contactPlan{
	width:45%;
	float:right;
}


.img_contact{
	float:left;
	margin:0px;
	}

.bold_text{
font-weight:bold;}






.indeximg{
float:left;
width:300px;
height:330px;
background:url(../images/charte/acc2.jpg) no-repeat;
margin-left:70px;}

.imgg{
float:left;
width:140px;
height:160px;}