@server constants { 



/*-- Général --*/

TextColor:#7c7c7c;                             /* -- Couleur de la police générale -- */

CouleurSecondaire:#004154;                      /* -- Couleur de la police secondaire -- */

BorderBottom:1px dotted #addafa;                /* -- Couleur des liseret de séparation des blocs -- */



/*-- ACCUEIL --*/

AccueilImgBorder:1px solid #86bda6 ;            /* -- Couleur de la bordure des images de l'accueil -- */



/*-- H1 --*/

ColorH1:#54a0d5;

BorderH1:1px dotted #addafa;



/*-- H2 --*/

ColorH2:#54a0d5;

BorderH2:1px dotted #addafa;



/*-- H3 --*/

ColorH3:#fff;

BorderH3:1px solid #004154;

BackgroundH3:#D7E1A5;



/*-- BLOC DROITE --*/

EncartTexte:#515151;

EncartLienA:#7c7c7c;

EncartLienAhover:#CCC;

EncartTitle:#fff;

EncartTitleBorder:1px solid #EBEAEA;

EncartPrix:#004154;



/*-- BLOC PRESSE --*/

PresseImageBorder:1px solid #54a0d5;



/*-- GALERIE MENU --*/

MenuGalerieBackgroundColor:#F1F1F1;

MenuGalerieColorA:#7c7c7c;

MenuGalerieColorAHover:#004154;

MenuGalerieColor:#666;



/*-- LIEN --*/

LienA:#54a0d5;

LienAhover:#000;



/*-- FOOTER --*/

FooterColor:white;

FooterColorA:white;

FooterColorAhover:white;



/*-- FORMULAIRE --*/

ChampColor:black;

ChampBackground:white;

ChampBorder:1px solid #86bda6;

BoutonBackgroundColor:#FFF;

BoutonBorderColor:1px solid #86bda6; /*Bordure des boutons du formulaire et de l'image Captcha*/

BoutonColor:#54a0d5;

}

/******************* 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;

margin:0 0 12px 0;

border-bottom:BorderH1;

width:99%;

}

#contenu h2{

font:bold 15px Arial, Helvetica, sans-serif;

color:ColorH2;

letter-spacing:1px;

margin:0 0 7px;

border-bottom:BorderH2;

}

#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;

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

text-indent:20px;

}

#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:35px;

	margin-bottom:10px;

	text-align:justify;

}

#contenu ul li{

	list-style-image:url(../images/integration/puce.gif);

	font:normal 12px Arial, Helvetica, sans-serif;

	color:TextColor;

	line-height:1.8em;



}



#contenu ul#liste{

	margin-left:70px;

	margin-bottom:10px;

	text-align:justify;

}

#contenu ul#liste li{

	list-style-image:url(../images/integration/puce1.gif);

	font:normal 12px Arial, Helvetica, sans-serif;

	color:TextColor;

	line-height:1.8em;



}

/******************* 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:11px;

	color:ChampColor;

}

/* ***************** DIVISION DU SITE EN 2*****************  */

#contenu-gauche{

	float:left;

	width:465px;

	margin:0 0 0 5px;

}



#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:223px;

	padding:15px 10px 0 10px;

}

.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 15px 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:215px;

}

#contenu .encart p{

	text-align:center;

	font-size:12px;

	padding:0px;

	font-variant:small-caps;

	font-weight:bold;

	color:EncartTexte;

}

#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 {

	float:right;

	margin:0 0 0 10px;

	padding:0 7px 1px 0;

	}

.visu_gauche {

	float:left;

	margin:5px 10px 10px 0;

	padding:0 7px 1px 0;

	}

.visu_centre {

	float:left;

	margin:0 0 0 70px;

	padding:0 7px 1px 0;

	}

.visu_centre img{

	margin-right:15px;

	}

.visu_centre2 {

	float:left;

	margin:0 0 0 160px;

	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:100%;

	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;

	}

/* -------------------------- Intégration -------------------------- */

#contenu  .txtgauche {

	float:left;

	width:212px;

	margin-top:40px;

}

#contenu  .anim {

	float:left;

	width:210px;

	height:188px;

	margin-right:5px;

	background:url(../images/integration/bg_anim.png) no-repeat;

	padding:30px 0 0 30px;

	margin-top:0px;

}

#contenu  .txtgauche2 {

	float:left;

	width:285px;

	margin-top:60px;

}

#contenu  .txtgauche3 {

	float:left;

	width:280px;

	margin-top:20px;

}

#contenu  .anim2 {

	float:left;

	width:237px;

	height:219px;

	margin-right:5px;

	background:url(../images/integration/bg_anim2.png) no-repeat;

	padding:30px 0 0 30px;

	margin:20px 0 0 80px;

}

#contenu .enval{

	border-bottom:1px dotted #076a94;

	color:#076a94;

	background-image: url(../images/integration/enval.gif) !important;

	background-repeat:no-repeat;

	padding-left:23px;

	padding-top:2px;

	padding-bottom:0px;

}

#contenu  .txtgauche4 {

	float:left;

	width:290px;

	margin-top:15px;

}