/* Import des style pour la charte */
@import "charte.css";

body , html{
	/*  Les margin, les scrolls, et la hauteur sont les seuls propriétés a redefinir dans le body   */
	margin :0;
	height:100%;
}
body{
	width:980px;
	background-image: url(images/charte/fdpage.jpg);
	scrollbar-base-color: #6A2823;
	background-repeat: repeat-x;
	/*background-attachment: scroll;*/
	background-position: center top;
	margin:0 auto 0 auto;
	/*border:1px black solid;*/
}
#container{	
	background :transparent url(images/charte/fdtxt2.jpg) no-repeat right bottom;
	width:980px;
}

/**************************  LIENS  ***********************/
a{
	color: #FDF0CB;
	text-decoration: none;
}
a:hover {
	color: #FDF0CB;
	text-decoration: underline;
}
a:visited {
	color: #FDF0CB;
	text-decoration: none;
}

/**************************  BANDEAU  ***********************/
#bandeau{
	width:980px;
	height:206px;
	margin-bottom:0;
	/*border:1px green solid;*/
}

/**************************  TITRES  ***********************/
#titre {
	float:left;
	width:882px;
	height:78px;
	margin:0;
	padding-left:10%;

	background-attachment: scroll;
	background-image: url(images/charte/fdtxt1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/*border:1px green solid;*/
}
*html #titre{
	width:980px;
}
H1 {
	text-align:left;
	width:780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	font-style: normal;
	color: #8D0800;
	margin:20px 0 0 0;
	padding:0;
	/*border:1px white solid;*/
}
*html h1{
	width:880px;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #8D0800;
}

/**************************  POINTILLE  **************************/
#pointilles_titre {
	/*width: 980px;*/
	height:10px;
	margin:0;
	margin-right:10%;
	background-attachment: scroll;
	background-image: url(images/charte/pointilles.gif);
	background-repeat: repeat-x;
	background-position: left top;
	/*border:1px green solid;*/
}
.pointilles {
	/*idth: 980px;*/
	height:10px;
	margin-top:0px;
	margin-left:10%;
	margin-right:10%;
	background-attachment: scroll;
	background-image: url(images/charte/pointilles.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/**************************  GENERAL  **************************/
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-align: justify;
	letter-spacing: 0.08em;
	margin:0 0 15px 0;
	padding:0;
}
*html p{
	letter-spacing: 0.06em;
}
strong{
	color:#8D0800;
}
li{
	line-height:22px;
	/*background :transparent url(images/charte/puce01.gif) no-repeat left bottom;*/
	list-style-image: url(images/charte/puce01.gif);
	margin-bottom:0px;
}
*html li{
	padding-left:5px;
}

/**************************  CONTENU  **************************/
#contenu{
	float:left;
	background-image: url(images/charte/fdtxt1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:980px;
	/*min-height:223px !important;*/
	height:auto;
	margin:0;
	padding:0;

	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-align: justify;
	letter-spacing: 0.08em;
	/*margin:0 0 15px 0;
	border:1px white solid;*/
}
*html #contenu{
	letter-spacing: 0.06em;
	/*padding-left:20%;
	height:223px; */
}
/**************************  CARTE  **************************/
#cartedev{
	width:700px;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	/*border:1px black solid;*/
}
*html #cartedev{
	letter-spacing: 0.06em;
	margin-left:5%;
	/*padding-left:20%;*/
}
.cartedev_menu{
	line-height:25px;
	float:left;
	font-size:14px;
	border:1px white dashed;
	color:#8D0800;
	margin:0;
	padding:5px 10px 5px 10px;
	/*margin:0px 160px 20px 350px;
	padding:5px 10px 5px 10px;
	border:1px black solid;*/
}

/**************************  TEXTE  **************************/
#gauche{
	width:500px;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	/*border:1px white solid;*/
}
*html #gauche{
	letter-spacing: 0.06em;
	margin-left:5%;
	/*padding-left:20%;*/
}

#droite{
	float:left;
	width:330px;
	padding-right:20px;
	border:1px red solid;
}
/**************************  PAGE presentation  **************************/
#accueil{
	width:790px;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	/*text-align:center;
	border:1px black solid;*/
}
*html #accueil{
	margin-left:5%;
}
#accueil_droite{
	float:left;
	height:250px;
	width:380px;
	margin:0;
	padding:0;
	border:0px red solid;
}
#accueil_gauche{
	width:380px;
	height:250px;
	float:left;
	/*margin-right:20px;*/
	margin:0;
	padding:0;
	border:0px white solid;
}

#retrait{
	margin-left:10%;
}
/**************************  PAGE TRAITEUR  **************************/
#traiteur{
	width:790px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	/*text-align:center;
	border:1px black solid;*/
}
*html #traiteur{
	margin-left:5%;
}
#traiteur img{
	margin: 0 50px 20px 0;
}

/**************************  PAGE COCKTAIL  **************************/
.cocktail{
	width:830px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	/*border:1px black solid;*/
}
*html .cocktail{
	margin-left:5%;
}
.cadre_menu{
	width:800px;
	height:auto;
	line-height:22px;
	padding:0 0 50px 0;
	/*border:1px black solid;*/
}
*html .cadre_menu{
	width:800px;
	padding:0 0 20px 0;
}
.menu{
	line-height:25px;
	float:left;
	font-size:14px;
	border:1px white dashed;
	color:#8D0800;
	margin:0px 160px 20px 350px;
	padding:5px 10px 5px 10px;
	/*border:1px black solid;*/
}
*html .menu{
	margin:00px 150px 30px 180px;
	padding:5px 10px 5px 10px;
}
.cocktail01{
	width:230px;
	height:auto;
	float:left;
	margin-right:20px;
	padding:0;
	font-size:18px;
	filter:DropShadow(color=#8D0800, offx=2, offy=2);
	text-align:left;
	/*border:1px red solid;*/
}
.txtsimple{
	color:#000000;
	font-size:12px;
	text-align:left;
}
.cocktail02{
	width:520px;
	height:auto;
	float:left;
	margin:0 20px 20px 0;
	padding:0;
	/*border:1px red solid;*/
}
.cocktail03{
	width:250px;
	height:auto;
	float:left;
	margin:0 20px 20px 0;
	padding:0;
	/*border:1px black solid;*/
}
.centre{
	width:780px;
	text-align:center;
}

/**************************  PAGE FORMULE  **************************/
#menuformule{
	float:left;
	width:79%;
    border:1px #8D0800 dashed;
	margin:0px 70px 20px 100px;
    padding:5px;
    height:20px;
    text-align:center;
}
*html #menuformule{
	margin:0px 70px 20px 50px;
	width:81%;
    padding:5px;
    height:20px;
    text-align:center;
    
}
#menuformule a{
	width:140px;
    height:20px;
	margin:0px 10px 10px 10px;
	padding:3px 15px 3px 15px;
    font-family: "Trebuchet MS", Arial;
    font-size: 12px;
    font-weight:600;
    color:#704a3e;
    text-decoration:none;
	/*border:solid 1px black;*/
}
*html #menuformule a{
	margin:0;
    height:20px;
	width:140px;
    font-family: "Trebuchet MS", Arial;
    font-size: 12px;
    font-weight:600;
    color:#704a3e;
    text-decoration:none;
	/*border:solid 1px black;*/
}
#menuformule a:hover{
    height:18px;
	background-color:#6A2823 ;
	color:#ffffff;
    text-decoration:none;
    /*border-bottom:4px #47302C solid;*/
}
#menuformule .encours {
	background-color:#8D0800;

	color:WHITE;
    text-decoration:none; }

/**************************  REPAS A DOMICILE  **************************/
#domicile{
	width:790px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	text-align:center;
	/*border:1px black solid;*/
}
*html #domicile{
	margin-left:5%;
}
#domicile p{
	text-align:center;
}
.cadre_domicile{
	width:800px;
	height:auto;
	line-height:22px;
	padding:0 0 50px 0;
	/*border:1px black solid;*/
}
*html .cadre_domicile{
	width:800px;
	padding:0;
}
.menudom{
	line-height:25px;
	float:left;
	font-size:14px;
	border:1px white dashed;
	color:#8D0800;
	margin:0px 160px 20px 350px;
	padding:5px 10px 5px 10px;
	/*border:1px black solid;*/
}
*html .menudom{
	margin:00px 150px 30px 180px;
	padding:5px 10px 5px 10px;
}
.titre_dom{
	text-align:center;
	line-height:25px;
	font-size:14px;
	color:#8D0800;
}
#menuformuledom{
	float:left;
	width:79%;
    border:1px #8D0800 dashed;
	margin:0px 70px 20px 100px;
    padding:5px;
    height:20px;
    text-align:center;
}
*html #menuformuledom{
	margin:0px 40px 20px 50px;
	width:81%;
    padding:5px;
    height:20px;
    text-align:center;
}
/**************************  FORMULE MARIAGE  **************************/
#mariage{
	width:830px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	/*border:1px black solid;*/
}
*html #mariage{
	margin-left:5%;
}
.cadre_mariage{
	width:800px;
	height:auto;
	line-height:22px;
	padding:0 0 50px 0;
	/*border:1px black solid;*/
}
*html .cadre_mariage{
	width:800px;
	padding:0;
}
.mariage01{
	width:170px;
	height:auto;
	float:left;
	margin-right:20px;
	padding:0;
	font-size:14px;
	filter:DropShadow(color=#8D0800, offx=2, offy=2);
	text-align:left;
	/*border:1px red solid;*/
}
.mariage02{
	width:610px;
	height:auto;
	float:left;
	margin:0 20px 20px 0;
	padding:0;
	/*border:1px red solid;*/
}
.mariage03{
	width:295px;
	height:auto;
	float:left;
	margin:0 20px 20px 0;
	padding:0;
	/*border:1px black solid;*/
}
.mariage04{
	width:450px;
	height:auto;
	float:left;
	margin:0 20px 15px 50px;
	padding:0;
	/*border:1px black solid;*/
}
*html .mariage04{
	width:430px;
	margin:0 20px 10px 30px;
}
.mariage05{
	width:150px;
	height:auto;
	float:left;
	margin:0 20px 15px 0;
	padding:0;
	/*border:1px black solid;*/
}
*html .mariage05{
	margin:0 20px 10px 0;
}
#menu_mariage01{
	float:left;
	width:85%;
	margin:0px 10px 20px 0px;
    padding:5px;
}
*html #menu_mariage01{
	margin:0px 0px 20px 0px;
	width:80%;
}
#menu_mariage{
	float:left;
	width:97%;
    border:1px #fff dashed;
	margin:0px 10px 20px 0px;
    padding:5px;
	font-size:15px;
	color: #8D0800;
    text-align:center;
}
*html #menu_mariage{
	margin:0px 0px 20px 0px;
	/*width:80%;
    text-align:center;*/
}
.bordo{
	color: #8D0800;
}
/**************************  FORMULE A EMPORTER  **************************/
#emporter{
	width:830px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	text-align:center;
	/*border:1px black solid;*/
}
*html #emporter{
	margin-left:5%;
}
.emporter01{
	width:600px;
	height:auto;
	float:left;
	margin:0 20px 15px 40px;
	padding:0;
	/*border:1px black solid;*/
	text-align:left;
}
*html .emporter01{
	width:500px;
	margin:0 20px 10px 25px;
}
.emporter02{
	width:120px;
	height:auto;
	float:left;
	margin:0 0px 15px 0;
	padding:0 10px 0 0;
	text-align:left;
	/*border:1px black solid;*/
}
*html .emporter02{
	margin:0 0px 10px 0;
	padding:0 0px 0 0;
}
#titre_emporter{
	float:left;
	/*width:30%;*/
    border-left:2px #000 dashed;
    border-bottom:2px #000 dashed;
	margin:0px 200px 20px 0px;
    padding:5px 0 5px 10px;
	color:#8D0800;
    text-align:left;
}
*html #titre_emporter{
	margin:0px 300px 20px 0;
	/*width:50%;
    text-align:center;*/
}
#menu_emporter{
	float:left;
	width:60%;
	color:#000;
    /*border:1px #8D0800 dashed;
    padding:5px;*/
	margin:0px 10px 20px 170px;
    text-align:center;
}
*html #menu_emporter{
	margin:0px 0px 20px 110px;
	width:50%;
    text-align:center;
}


/***************** CADRE FORMULAIRE CONTACT *****************/
#contact{
	float:left; 
	width:565px; 
	text-align:justify;
	padding:0;
	margin-left:10%;
	/*border:1px yellow solid;*/
}
*html #contact{
	margin-left:5%;
}
#contact p{
	letter-spacing: 0.08em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-align: justify;
	letter-spacing: 0.08em;
	margin:0 0 15px 0;
	padding:0;
	
}
#contact p.text-mini{
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size:11px;
	letter-spacing: 0em;
}

.cadre_contact01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-style: normal;
	color: #00254B;
    line-height:23px;
	width:100px;
	height:auto;
	float:left;
	padding:0;
	margin: 0 0 0 15px;
	/*border:1px red solid;*/
}
*html .cadre_contact01{
	margin: 0 0 0 10px;
}
.cadre_contact02 {
	width:150px;
	height:auto;
	float:left;
	margin:0 10px 0 0; 
    font-size:10px;
    font-family: arial;
	letter-spacing: 0em;
	/*border:1px BLACK solid;*/
}
#coordonnees{
	float:left;
	width:230px;
	/*margin-top:220px;*/
	margin-left:30px;
	padding-top: 0px;
	text-align:center;
	/*border:1px BLACK solid;*/
}
#coordonnees p{
	text-align:center;
	line-height:15px;
	margin-bottom:10px;
	/*border:1px white solid;*/
}

/********************************* FORMULAIRE CONTACT *********************************/
.text{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #00254B;
	font-size:11px;
   /* padding:0 3px 0 10px;
    line-height:22px;*/
}
/*p{
	text-align: justify;
	letter-spacing: 0.08em;
	margin:0 0 15px 0;
	padding:0;
}*/

.rouge{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #D22600;
	font-size:11px;
}
.formselect,
.forminput,
.input,
.formtextareadress,
.formtextareacomment{
    border:1px #000 solid;
    padding:0;
    margin:2px;
    font-family: arial;
    font-size:12px;
    color: #8D0800;
    background-color:#ffffff;
}
.formselect{
    padding:0 3px 0 3px;
    line-height:18px;
    width:140px;
}
.input{
    padding:0 3px 0 3px;
    line-height:18px;
}
.forminput{
    padding:0 3px 0 3px;
    height:17px;
    line-height:18px;
    width:140px;
}
.formtextareadress{
    padding:0 3px 0 3px;
    height:50px;
    width:140px;
}
.formtextareacomment{
	padding:0 3px 0 3px;
	height:50px;
	width:140px;
}
.radio{
	margin:5px 3px 0 10px;
	padding:0;
    height:19px;
    line-height:18px;
}
.adresse{
    height:35px !important;
}
.formbt{
    background-color:#ffffff;
    border:1px #13588D solid;
    color:#003B6A;
	font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight: bold;
    height:20px;
    line-height:20px;
	margin-left: 5px;
	padding:0;
    text-align:center;
    width:63px;
}
*html .formbt{
    width:62px;
}
/********************************* PAGE MERCI *********************************/
#merci{
	padding:70px 0 40px 40px;
	float:left;
	text-align:center;
	width:525px;
	text-align:left;
    /*border:1px red solid;*/
}
*html #merci{
	padding:70px 0 20px 40px;
	width:545px;
	letter-spacing: 0.06em;
}
#merci p{
	text-align:center;
	letter-spacing: 0.08em;
}
*html #merci p{
	letter-spacing: 0.06em;
}

/********************************* PLAN *********************************/
#plan{
    width:580px;
    padding:0;
	margin:0;
	height:600px;
	/*text-align:center;
	background-color:#0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    border:1px red solid;*/
}
/***************** CADRE FORMULAIRE CONTACT TRAITEUR*****************/
#contact_traiteur{
	float:left; 
	width:750px; 
	text-align:justify;
	padding:0;
	margin-left:10%;
	/*border:1px yellow solid;*/
}
*html #contact_traiteur{
	margin-left:5%;
}

#contact_traiteur p.text-mini{
	width:550px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size:11px;
	letter-spacing: 0em;
	margin:0;
	/*padding:0 0 0 10px;
	border:1px yellow solid;*/
}
/**html #contact_traiteur p.text-mini{
	padding:0 0 0 15px;
}*/


.cadre_contact_traiteur0 {
	width:605px;
	height:auto;
	float:left;
	padding:0 0 10 0px;
	margin: 0;
	text-align:center;
	/*border:1px green solid;*/
}
.cadre_contact_traiteur01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-style: normal;
	color: #00254B;
    line-height:23px;
	width:100px;
	height:auto;
	float:left;
	padding:0;
	margin: 0 0 0 15px;
	/*border:1px red solid;*/
}
*html .cadre_contact_traiteur01{
	margin: 0 0 0 10px;
}
.cadre_contact_traiteur02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-style: normal;
	color: #00254B;
    line-height:23px;
	width:150px;
	height:auto;
	float:left;
	margin:0 10px 0 0; 
    font-size:10px;
    font-family: arial;
	letter-spacing: 0em;
	/*border:1px BLACK solid;*/
}
.cadre_contact_traiteur03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-style: normal;
	color: #00254B;
    line-height:23px;
	width:280px;
	height:auto;
	float:left;
	padding:0;
	margin: 0 0 0 15px;
	/*border:1px red solid;*/
}
*html .cadre_contact_traiteur03{
	margin: 0 0 0 10px;
}
/**************************  PAGE carte  **************************/
#carte{
	width:790px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-left:10%;
	padding:0;
	/*text-align:center;*/
	border:1px black solid;
}
*html #carte{
	margin-left:5%;
}
/* Style REFERENCEMENT */
.cyc {
display: none;
}