@server constants { 

/*-- Général --*/
TextColor:#130d6c;                             /* -- Couleur de la police générale -- */
CouleurSecondaire:#f32f2f;                      /* -- Couleur de la police secondaire -- */
BorderBottom:1px dotted #c9d787;                /* -- Couleur des liseret de séparation des blocs -- */

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

/*-- H1 --*/
ColorH1:#ff0000;
BorderH1:1px dotted #5381c6;

/*-- H2 --*/
ColorH2:#ff0000;
BorderH2:1px dotted #130d6d;

/*-- H3 --*/
ColorH3:#ff0000;
BorderH3:1px solid #B5C76B;
BackgroundH3:#D7E1A5;

/*-- BLOC DROITE --*/
EncartTexte:#130d6c;
EncartLienA:#130d6c;
EncartLienAhover:#CCC;
EncartTitle:#c30000;
EncartTitleBorder:1px solid #df0000;
EncartPrix:#f32f2f;

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

/*-- GALERIE MENU --*/
/*MenuGalerieBackgroundColor:#F1F1F1;*/
MenuGalerieColorA:#130d6c;
MenuGalerieColorAHover:#f32f2f;
MenuGalerieColor:#666;

/*-- LIEN --*/
LienA:#ff0000;
LienAhover:#000;

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

/*-- FORMULAIRE --*/
ChampColor:black;
ChampBackground:white;
ChampBorder:1px solid #ff0000;
BoutonBackgroundColor:#FFF;
BoutonBorderColor:1px solid #ff0000; /*Bordure des boutons du formulaire et de l'image Captcha*/
BoutonColor:#ff0000;
}
/******************* 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:98%;
background:url(../images/integration/h1.jpg) no-repeat;
text-indent:20px;
}
#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;
/*text-align:center;*/
}
#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 strong{
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{
	background:url(../images/integration/puce.jpg) no-repeat;
	list-style:none;
	padding:3px 0 3px 23px;
	font:12px normal Arial, Helvetica, sans-serif;
	color:TextColor;
	margin:5px 0;
}
/******************* 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: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:223px;
	padding:13px 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:left;
	/*border:1px solid red;*/
	padding:0 0px 5px 15px;
	margin:0 auto 10px auto;
	width:200px;
}
#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 img, .visu_centre img  { margin:0; padding:0; border:AccueilImgBorder;}
.visu_droite,  .visu_centre {
	background:url(../images/integration/bgvisuphoto.png) bottom right;
}  
.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;
	/* ---------- Si peux de texte dans les cartes --------------*/
	/*padding-bottom:6px;
	border-bottom:1px dotted CouleurSecondaire;		*/
}
#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;
}
#contenu .carte .carte-gauche .lienRetour, #contenu .menu .lienRetour {
	float:right;
}

/* ***************** 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:65px;
}
#form-livredor .pseudo{
	float:left;
}
#form-livredor .email{
	float:right;
}
#form-livredor label.commentaire{
	width:120px;
}
#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 p.intro-contactbas{
	margin-bottom:20px;
	float:left;
	margin-top:20px;
}
#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;
	width:143px;
	margin:0px;
	padding:0 3px 0 0;
}
#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;
	}
#container #contenu #sous_rub-top li .encours{
	color:MenuGalerieColorAHover;
	text-decoration:underline;
}	
#container #contenu #infos_galerie{
	font:12px/1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	color:TextColor;
	margin-bottom:1.2em;
}
/* ***************** 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;
	}

	
/*-- Encart contenu --*/
#contenu #ouvrir_encart_contenu{
	position:absolute;
	top:0px;
	right:0px;
	width:150px;
	height:20px;
	z-index:1000;
	
	padding:5px;
	border:1px solid TextColor;
	background-color:white;
	cursor:pointer;
}

#contenu #ouvrir_encart_contenu p{
	font:14px/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:TextColor;
	text-align:center;
}

#contenu #encart_contenu{
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	width:400px;
	height:200px;
	overflow:auto;
	z-index:1000;	
	padding:5px;
	border:1px solid TextColor;
	background-color:white;
}
	
#contenu #encart_contenu h2{
	margin-bottom:12px;
	}
#contenu #encart_contenu  ul{
	margin-bottom:8px;
	width:120px;
	float:left;
		}
#contenu #encart_contenu #liste_contenu li{
	background:none;
	padding-left:0px;
	font:11px/1.2em Arial, Helvetica, sans-serif;
		}
		
#insert_contenu{
	width:200px;
	float:left;	
	font:12px/1.2em Arial, Helvetica, sans-serif;	
	color:TextColor;
}

#insert_contenu textarea{
	width:240px;
	heigth:100px;
}
#contenu #encart_contenu #fermer_encart{
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}

#contenu p.contact-erreur{
	font-size:12px;
	color:#CC0000;
	font-weight:bold;
}
#contenu .txtdroite{
	width:278px;
	float: left;
	margin-top:40px;
}