@server constants { 

/*-- Général --*/
TextColor:#303030;                             /* -- Couleur de la police générale -- */
CouleurSecondaire:#183e84;                      /* -- Couleur de la police secondaire -- */
BorderBottom:1px dotted #eb5d96;                /* -- Couleur des liseret de séparation des blocs -- */

/*-- ACCUEIL --*/
AccueilImgBorder:1px solid #183e84 ;            /* -- Couleur de la bordure des images de l'accueil -- */

/*-- H1 --*/
ColorH1:#183e84;
BorderH1:1px dotted #eb5d96;

/*-- H2 --*/
ColorH2:#183e84;
BorderH2:1px dotted #eb5d96;

/*-- H3 --*/
ColorH3:#fff;
BorderH3:1px solid #B5C76B;
BackgroundH3:#eb5d96;

/*-- BLOC DROITE --*/
EncartTexte:#303030;
EncartLienA:#183e84;
EncartLienAhover:#eb5d96;
EncartTitle:#183e84;
EncartTitleBorder:1px solid #EBEAEA;
EncartPrix:#183e84;

/*-- BLOC PRESSE --*/
PresseImageBorder:1px solid #183e84;

/*-- GALERIE MENU --*/
MenuGalerieBackgroundColor:#F1F1F1;
MenuGalerieColorA:#303030;
MenuGalerieColorAHover:#183e84;
MenuGalerieColor:#666;


/*-- LIEN --*/
LienA:#183e84;
LienAhover:#eb5d96;

/*-- FOOTER --*/
FooterColor:white;
FooterColorA:white;
FooterColorAhover:white;

/*-- FORMULAIRE --*/
ChampColor:black;
ChampBackground:white;
ChampBorder:1px solid #eb5d96;
BoutonBackgroundColor:#fff;
BoutonBorderColor:1px solid #eb5d96; /*Bordure des boutons du formulaire et de l'image Captcha*/
BoutonColor:#183e84;
}
/******************* STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/******************* STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:ColorH1;
letter-spacing:1px;
background:url(../images/integration/puce_h1.gif) no-repeat;
padding-left:25px;
margin:15px 0 12px 0;
border-bottom:BorderH1;
width:94%;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
background:url(../images/integration/h2.gif) no-repeat;
color:#eb5d96;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
letter-spacing:1px;
margin:0 0 7px;
}

#contenu p.lien{
font:bold 12px Arial, Helvetica, sans-serif;
background:url(../images/integration/h2.gif) no-repeat;
color:#eb5d96;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3{
font:bold 15px Arial, Helvetica, sans-serif;
background-color:BackgroundH3;
color:ColorH3;
border:BorderH3;
letter-spacing:1px;
padding:2px 0px 2px 2px;
margin-bottom:8px;
}
#contenu sup{
font-size:9px;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:TextColor;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:CouleurSecondaire;
}
/*#contenu p.important, span.important{
font-weight:bold;
color:TextColor;
font-variant:small-caps;
}*/
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:LienA;
}
#contenu a:hover, #contenu a:active{
color:LienAhover;
}
#contenu a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#contenu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.70; opacity:0.70;
}
#contenu .petit, #contenu p.petit{
	font-size:10px;
}
#contenu ul{
	margin-left:10px;
}
#contenu ul li.pl{
margin-left:40px;}
#contenu ul li{
	background:url(../images/integration/puce.gif) no-repeat;
	list-style:none;
	padding-left:25px;
	padding-bottom:2px;
	margin-bottom:5px;
	color:TextColor;
	font:12px/1.2em Arial, Helvetica, sans-serif;
}/******************* STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:FooterColor;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:FooterColorA;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:FooterColorAhover;
}
/******************* STYLE DES FORMULAIRES DU SITE *****************/
#contenu select {
	color: ChampColor;
	border:ChampBorder;
	background-color:ChampBackground;
	width:152px;
	font-family:Arial, Helvetica, sans-serif;
	}
#contenu input{
	background-color:ChampBackground;
	border:ChampBorder;
	font-family:Arial, Helvetica, sans-serif;
	color: ChampColor;
}
#contenu textarea{
	background-color:ChampBackground;
	border:ChampBorder;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:ChampColor;
}
/* ***************** DIVISION DU SITE EN 2*****************  */
#contenu-gauche{
	float:left;
	width:450px;
	margin:0 0 0 12px;
}

#contenu-droite{
	float:right;
	width:243px;
	margin-right:20px;
}
/* *****************  ENCART NEWS    ENCART COORDONNEES    ENCART FORMULE      ENCART NORMAL   *****************  */
.encart{
	float:right;
	width:243px;
	margin:0;
}
.encart .encart-milieu{
	background:url(../images/integration/encart-milieu.png) no-repeat;
	float:left;
	width:203px;
	padding:15px 20px 0 20px;
}
.encart .encart-bas{
	background:url(../images/integration/encart-bas.png) no-repeat;
	float:left;
	width:243px;
	height:12px;
	padding:0;
	margin:0;
}

#contenu .encart h4{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:EncartTitle;
	border-bottom:EncartTitleBorder;
	text-align:center;
	/*border:1px solid red;*/
	padding:0 0px 5px 0;
	margin:0 auto 10px auto;
	width:200px;
}
#contenu .encart p{
	text-align:center;
	font-size:14px;
	padding:0px;
	font-variant:small-caps;
	font-weight:bold;
	color:#fff;
}
#contenu .encart a {
	color:EncartLienA;
	}
#contenu .encart a:hover {
	color:EncartLienAhover;
	}
#contenu .encart p.prixformule{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:EncartPrix;
	letter-spacing:2px;
}
/* ***************** ENCART LIEN "RESERVER / NOUS CONTACTER CLIQUEZ ICI" ***************** */
#encart-contact{
	width:200px;
	margin:0 auto;
}
#contenu #encart-contact p{
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;
	font-size:14px;
}
#contenu #encart-contact p.couleur{
	margin-bottom:2px;
}
/* ***************** Encart Contact Réserver ---- Pour les CARTES / MENUS ET FORMULES ---- ***************** */

#encart-contact-cartes{
	width:150px;
	margin:0 auto;
}
#contenu #encart-contact-cartes p{
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;
	font-size:11px;
	margin:0;
}
/* ***************** PAGE D ACCUEIL (INDEX) ***************** */

#contenu #presentation-haut p, #contenu #presentation-bas p{
	line-height:16px;
}
.visu_droite img, .visu_gauche img,  .visu_centre img  { margin:0; padding:0;}
.visu_droite, .visu_gauche,  .visu_centre {
}  
.visu_droite {
	float:right;
	margin:0 0 0 10px;
	padding:0 7px 1px 0;
	}
.visu_gauche {
	float:left;
	margin:5px 10px 0 0;
	padding:0 7px 1px 0;
	}
.visu_centre {
	float:left;
	margin:0 0 0 21px;
	padding:0 7px 1px 0;
	}
.video {
	float:left;
	margin:0 0 0 12px;
	}
/* ***************** PAGE MENTIONS LEGALES ***************** */

#mentions-gauche{
	float:left;
	width:400px;
	margin:0 0 0 12px;
}
#mentions-droite{
	float:right;
	width:280px;
	padding-left:20px;
	padding-right:17px;
}
/* ***************** PAGES  CARTES  -  MENU   - FORMULES ***************** */
#contenu .carte p.paragraphe-carte, #contenu .menu p.entete-menu{
	font-weight:bold;
	float:left;
	width:560px;
	margin:7px 0;
}

.carte, .menu{
	float:left;
	margin-bottom:10px;
}
.carte .carte-gauche, .menu .menu-gauche{
	float:left;
	width:560px;
	margin:0 0 0 10px;
}
#contenu .menu-gauche sup{
	font-size:8px;
}
#contenu .carte .carte-gauche p{
	margin:5px 0;
	float:left;
}
#contenu .menu .menu-bloc{
	border-bottom:BorderBottom;
	float:left;
	margin:0 0 15px 0;
	width:560px;
}
#contenu .menu p{
	text-align:center;
}
#contenu .menu .couleur{
	font-size:13px;
}
.carte .carte-droite, .menu .menu-droite{
	float:right;
	width:148px;
	margin:0 10px 0 0;
}
.menu-droite #encart-contact{
	width:150px;
	margin-top:20px;
}
#contenu .menu-droite #encart-contact p{
	font-size:11px;
}
#contenu .carte-droite .visuel, .menu-droite .visuel{
	height:150px;
}
.carte label{
	float:left;
	width:420px;
	margin-right:10px;
}
#contenu .prix{
	color:CouleurSecondaire;
	font-weight:bold;
	text-align:right;
	width:125px;
	border-bottom:1px dotted CouleurSecondaire;
	padding-bottom:2px;
}
#contenu img.image-formule{
	margin-top:15px;
	margin-right:3px;
}
/* ***************** PAGE PRESSE DETAIL ***************** */

#presse-detail {
	float:left;
	margin:0 0 0 12px;
	}
#presse-detail .couleur{
	float:left;
	font-size:12px;
	font-variant:small-caps;
}
#presse-detail .couleur span{
	font-size:14px;
}

#presse-detail .retour{
	float:right;
	margin-right:20px;
}
/* ***************** LIVRE D OR ***************** */

#contenu-droite p#livredor{
	text-align:center;
}
#form-livredor{
	margin-top:7px;
	margin-bottom:15px;
	float:left;
}
#form-livredor input{
	width:142px;
}
#form-livredor textarea{
	width:450px;
}
#form-livredor label{
	float:left;
	width:55px;
}
#form-livredor .pseudo{
	float:left;
}
#form-livredor .email{
	float:right;
}
#form-livredor label.commentaire{
	width:90px;
}
#contenu #form-livredor .bouton{
	width:85px;
	background-color:BoutonBackgroundColor;
	color:BoutonColor;
	border:BoutonBorderColor;
	font-weight:bold;
	height:25px;
	font-size:11px;
	float:left;
	margin-right:10px;
	margin-top:11px;
}
#form-livredor .captcha img{
	float:left;
	margin-right:10px;
	margin-top:7px;
	border:BoutonBorderColor;	
}
#form-livredor .captcha input{
	width:95px;
	float:left;
	margin-right:41px;
	margin-top:15px;
}
.message-livredor{
	float:left;
	border-bottom:BorderBottom;
	margin:10px 0;
}
#contenu .message-livredor .couleur{
	margin-bottom:7px;
	font-size:12px;
}
/* ***************** CONTACT ***************** */
#contenu #contenu-droite #encart-acces{
	width:230px;
	margin:0 auto 20px auto;
	text-align:center;
}

#contenu #contenu-gauche p.intro-contact{
	margin-bottom:20px;
	float:left;
}
#contenu #contenu-gauche #form-contact p.petit{
	margin:15px 0;
}
#contenu  #contenu-gauche #form-contact h3{
	margin-bottom:10px;
	margin-top:15px;
}
#contenu-gauche #form-contact input{
	width:150px;
}
#contenu-gauche #form-contact textarea{
	width:150px;
}

#contenu #form-contact .bouton{
	width:85px;
	background-color:BoutonBackgroundColor;
	color:BoutonColor;
	border:BoutonBorderColor;
	font-weight:bold;
	height:25px;
	font-size:11px;
	float:left;
	margin-right:10px;
	margin-top:11px;
}
#form-contact .captcha img{
	float:left;
	margin-right:15px;
	margin-top:7px;
	border:BoutonBorderColor;	
}
#contenu-gauche #form-contact .captcha input{
	width:85px;
	float:left;
	margin-right:30px;
	margin-top:15px;
}
#contenu #contenu-gauche #form-contact p{
	margin:5px 0;
}
#contenu-gauche #form-contact label, #contenu-gauche #form-contact label{
	width:155px;
	float:left;
}
#contenu-gauche .obligatoire{
	color:#a6240a;
}	
/* ***************** PAGINATION ***************** */
#pagination{
	margin:20px auto;
	height:30px;
	width:400px;
}
#contenu #pagination span{
	font-size:11px;
	text-align:center;
}
#contenu #pagination p{
	text-align:center;
	color:CouleurSecondaire;
	font-variant:small-caps;
	line-height:30px;
	margin:0;
}
#contenu #pagination label{
	font-size:14px;
}
/* ***************** PAGE PARTENAIRE LIENS - ZONE AUTRE PARTENAIRE ***************** */
.partenaires {
	float:left;
	margin:0 0 10px 6px;
	}
#autres_partenaires {
	font:12px/1.3em Arial, Helvetica, sans-serif;
	}
#autres_partenaires ul li{
	padding-bottom:5px;
	}
/* ***************** GALERIE PHOTOS    --    PARTENAIRES  --   PRESSE ***************** */
#galerie {
	float:left;
	margin:0 0 0 6px;
	}
.vignette{
	height: 170px;
	width: 146px;
	float:left;
	margin:0px 0 3px 0px;
}
#presse .vignette{
	height:200px;
}
#partenaires .vignette{
	height:180px;
}	
#contenu .vignette .visuel, #contenu .visuel{
	height: 146px;
	width: 146px;
	background: url(../images/integration/fond-vignette.png) no-repeat left top;
}
#galerie .visuel{
	float:left;
	margin:0px 3px 3px 0px;
}
#contenu .vignette p a:visited, #contenu .vignette p a:link{
	text-decoration:none;
}
#contenu p.visuel,  #contenu .vignette p{
	text-align:center;
	margin:0;
	font-variant:small-caps;
}
#contenu #presse p.couleur{
	margin-top:5px;
}
#partenaires .vignette img {
	margin:0 5px 0 0;
}
#galerie .vignette img, #presse .vignette img{
	border:PresseImageBorder;
	margin:0 4px 0 0;
}
/*----------------------- SOUS RUBRIQUE ACTU / GALERIE / TARIFS --------------------*/
#sous_rub-top {
	padding:0 0 10px 0;
	width:98%;
	float:left;
	text-align:center;
	color:MenuGalerieColor;
	}
#container #contenu #sous_rub-top ul {
	list-style-image:none;
	margin:0;
	background-color:MenuGalerieBackgroundColor;
	padding:2px;
	}
#container #contenu #sous_rub-top li a{
	color:MenuGalerieColorA;
	text-decoration:none;
	margin:0 13px;
	}
#container #contenu #sous_rub-top li a:hover{
	color:MenuGalerieColorAHover;
	text-decoration:underline;
	}
#container #contenu #sous_rub-top li {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-image:none;
	background:none;
	margin:0; padding:0;
	}
/* ***************** PAGE ACTUALITES ***************** */
.actualite{
	float:left;
	margin-bottom:10px;
	border-bottom:BorderBottom;
}
#contenu .actualite .visuel{
	float:left;
	height: 146px;
	width: 146px;
	background: url(../images/integration/fond-vignette.png) no-repeat left top;
	margin-right:10px;
	text-align:center;
	padding-bottom:5px;
}
#contenu .actualite .visuel img {
	margin:0 5px 0 0;
}
.actualite .actualite-droite{
	float:left;
	width:290px;
}
#contenu .actualite .titre{
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
}
/*-- Plan-site --*/
#plan-site {
	float:left;
	margin:18px 0 0 25px;
	color:TextColor;
	}
#container #contenu #plan-site ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#plan-site li{
	margin:10px 0;
	}
#plan-site .sous-rub {
	margin:10px 0 15px 15px;
	}
#plan-site .sous-rub li{
	background:none;
	margin:8px 8px 8px 20px;
	}
/*-- ESPACE PRIVE --*/

#contenu #formulaire-espace-prive .espace-prive-bt {
	float:left;
	width:380px;
	margin:0;
	padding:0 0 0 60px;
	}
#contenu #formulaire-espace-prive {
	float:left;
	padding:15px 0 25px 0;
	margin:0;
	width:440px;
	}
#formulaire-espace-prive .erreur-form{
	color:EncartPrix;
	font-weight:bold;
}

/*-- REFERENCEMENT --*/
#footer_ref {
	float:left;
	display:block;
	width:735px;
	margin:20px 0 0 0;
	}
#footer_ref p {
	color:TextColor;
	margin:0 0 6px 0;
	}
#footer_ref h1, #footer_ref h2 {
	font-size:12px;
	border:none;
	border-bottom:BorderH1;	
	font-weight:bold;
	background:none;
	color:TextColor;
	}
#contenu-gauche p.centre{
text-align:center;
color:#e34d84;
font-weight:bold;}

#contenu-gauche table.tab{
margin-left:20px;
margin-bottom:10px;}

#contenu-gauche table.tab p.entete{
	color:ColorH1;
	font-weight:bold;
	font-size:14px;
	}
	
	#contenu-gauche table.tab p.prixtab{
	color:ColorH1;
	font-weight:bold;
	padding-left:3px;
	
	}
	#contenu-gauche table.tab p.prixtab2{
	color:#EB5D96;
	font-weight:bold;
	font-size:14px;
	padding-left:3px;
	
	}
	
#contenu-gauche table.tab td.trait{

border-bottom:1px solid #e34d84;
}

p.haut{
float:right;
padding-top:5px;

background:url(../images/integration/haut.gif) no-repeat;
padding-left:20px;
padding-bottom:5px;
}