/*
CE FICHIER CONSTITUE UNE PARTIE DU LOGICIEL Vitamine CMS.
* Le Logiciel Initial "Vitamine CMS" (non modifié par une contribution) est distribuée
	par la Société STUDIO VITAMINE S.A.R.L dont le siège est Hôtel TIC - 1, rue Alexander Fleming – 17000 La Rochelle - France.
	(Site Internet : www.studiovitamine.com - Téléphone 05 46 07 23 16)
* Tous les éléments constitutifs du logiciel Vitamine CMS
	sont la création de Fabien Guy BRANCHUT, l'Auteur de logiciel, né en France le 11 mars 1974 à Angoulême (16).
	(Site Internet : www.fabien-branchut.fr - Téléphone : 06 60 80 26 02)
*/
/*
##################################################
Liste des classes CSS et id réservés :
##################################################
UTILISER PAR LE FRONT-OFFICE
.divZoneEdition
#divZoneEdition_<idZoneEdition>
.divArticle
.divArticleNom
.divArticleContenu
.divArticleImage1
#divArticle_<idArticle>
.divArticleGabarit_<idArticleGabarit>

UTILISER PAR LE ADMIN/FRONT-OFFICE (=BoFo)
toutes les classes ou id contenant la chaine "BoFo" ainsi que :
.divGabarit
#divGabarit_<idGabarit>
.divPlanDuSite
##################################################
fin => Liste des classes CSS systèmes réservées
##################################################
*/

/*
Police exotique CSS3
*/
@font-face {
	font-family: ThePoliceSV;
	src: url('/font/bariol_regular-webfont.eot');
  src: url('/font/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/font/bariol_regular-webfont.woff') format('woff'),
       url('/font/bariol_regular-webfont.ttf') format('truetype'),
       url('/font/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
}

/********************************************/
/* 
	Généralités
*/
/********************************************/
*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-khtml-box-sizing:border-box;
}
body{
	font-family:ThePoliceSV, arial;
	font-size:14px;
	color:#262626;
  background-color: #3a3a3d;
}
table{
	border-collapse:collapse;
}
table caption{
	display:none;
}
table thead{
	display:none;
}
.divMenuNavigation.posFixed{
position: fixed;
z-index: 10;
height: 65px;
top: 0;
padding: 0px 0;
left: 0;
width: 100%;
text-align: center;
background-image: url("/inc/menu-full.png") ;
}
ul.ul1.posCent {
width: 1040px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
/*-------------------------Style tableau d'articles---------------------------------*/
.divArticleContenu table thead{
  display: table-header-group;
  background: #696969;
  color: #fff;
}

.divArticleContenu table{
  background: #eeeeee;
  color: #262626;
  text-align: left;
}
.divArticleContenu table tr{
  height: 30px;
  border-bottom: 1px solid #fff;
}
.divArticleContenu table td,
.divArticleContenu table th{
  border-right: 1px solid #fff;
}
.divArticleContenu th{ padding : 5px 0px 5px 8px;}
.divArticleContenu td{ padding : 5px 0px 5px 8px;}
/*-------------------------Style tableau d'articles---------------------------------*/

table tr td{
	vertical-align:top;
}
h1{	
	font-family:ThePoliceSV, Arial; /* police exotique definie en haut du fichier css */
	vertical-align:bottom; /* pour caler en bas les images générées par dynamicFont qui n'ont pas toutes la même hauteur */
	font-size:30px;
	color:#ff0000;
}
h3{ /*utilisé dans fckeditor*/
	font-size:14px;
}
h4{/*utilisé dans fckeditor*/
	font-size:14px;
	font-style:italic;
	color:red;
}
ul{
	margin-left:10px;
	padding-left:10px;
	list-style-type: none;
}
ol{
	margin-left:10px;
	padding-left:10px;
}
ul li{
	background-image:url("/inc/puceCarre.gif"); /* permet de créer un marge entre les puces et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF */
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	margin-bottom:2px;
}
ol li{
	margin-left:25px; /* permet de créer un marge entre les puces numérotées et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF (pas trouver de solution sur IE), comme les puces sont numérotées il est impossible de mettre une image en background pour substituer la puce, comme on fait normalement avec les <ul><li> */
	margin-bottom:2px;
}
fieldset{
	padding:10px;	
	margin-bottom:15px;
}
legend{
	padding-left:5px;	
	padding-right:5px;
	font-weight:bold;	
}
select{
	border:1px solid #666666;	
}
textarea{
	width:95%;	
}
a img{
	border:0px;
}
/* lien généraux */
a{

}
a:hover{

}
/* classe générique aLien (doit être les même style que pour les lien générique, sert à surcharger un lien qui ne réagit pas comme on le souhaiterai) */
a.aLien{

}
a.aLien:hover{

}
/* classe des liens qui sont selectionnés */
a.aLienSelectionner{
}
/********************************************/
/* 
	Classes génériques
*/
/********************************************/
/* titre de page */
.divH1{
	margin-bottom:10px;
}
.divH1 .divH1Interne{
	float:left;
	width:478px;
}
.divH1 #divH1InterneDescription {
	position:relative;
}
.divH1 #divH1InterneDescription *{
	font-size:14px;
}
.divH1 .divImgVignette{
	float:left;
	margin-right:10px;
}
.divH1 .divImgVignette .imgVignette{
	width:70px;
	height:70px;
	border:1px solid #000000;	
}
/* bloc des colonnes */
.divBlocColonne{
}
.divBlocColonneTitre{
}
.divBlocColonneContenu{
}
/* autres */
.divClearBoth{
	clear:both;
	height:0px;
	overflow:hidden;
}
.ul{
	margin:0px;
	padding:0px;
}
.ol{
	margin:0px;
	padding:0px;
}
/* tableaux de données */
.tableData{	
	width:100%;
}
.tableData tr td{
	padding:4px;
	border:1px solid #666666;	
	vertical-align:middle;
	text-align:center;
}
.tableData tr th{
	padding:4px;
	border:1px solid #666666;
	color:#666666;	
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	font-size:14px;
}
.tableData thead{
	display:table-header-group;
}
.tableData tr th{
	padding:4px;
	border:1px solid #000000;
	color:#ffffff;	
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	background-color:#4b4b4b;
}
/********************************************/
/* 
	Structure du site
*/
/********************************************/
#divGeneral{
	background : #fff;
  min-width: 1040px;
}

#divGeneral.home{
	background : #e2e2e2;
}
#divPageHeader{
  height: 446px;
  min-width: 1040px;
}
#divPageHeaderHome{
  height: 646px;
  min-width: 1040px;
}
/* Bandeau */
#divBandeau{
	position:relative;
	text-align:left;
	height:100px;
}

#divBandeau .gallerieContenant{
  background:#262626;

  overflow: hidden;
}

#divBandeau .gallerieContenu{
  width:980px;
	margin-left:auto;
	margin-right:auto;
}

#divSousBandeau{
	width:1040px;
	margin-left:auto;
	margin-right:auto;
  position: relative;
  height: 100px;
}

#divPageContent{
  width:980px;
	margin-left:auto;
	margin-right:auto;
}
#divBlocContent1{
	display:none;
	float:left;
	vertical-align: top;
	width:220px;
	padding:10px;
	background:#fafafa;
}
#divBlocContent2{
	display:block;
	float:left;
	vertical-align: top;
	padding:15px;
  width: 100%;
}

#divBlocContent2 h1{color : #3d3c3f;}
#divBlocContent2 h2{color : #db0009;border: none;}

.module_commande #divBlocContent2{
	width: 738px;
}
#divBlocContent3{
	display:block;
	float:left;
	vertical-align: top;
	width:220px;
	padding:10px;
	background:#fafafa;
}

#divPageFooter{
	min-height:100px;
  min-width: 1040px;
	clear:both;
  padding: 0 0 0 0;
}


#footerBlocInfo{
	width : 980px;
	margin : 0 auto;
  padding: 25px;
  height: 245px;
}

#divZoneEdition_14 { /*-------blocFooterInfo sans Map----------*/
	width: 550px;
  height: 200px;
  float: left;
	position : relative;
	color : #fff;
}
#footerMap{
	float : right;
}

#footerMap a{color : #fff;padding-left: 150px;}
#footerMap a:hover{color : #ccc;}

#divZoneEdition_14 .logoFooter{
	width : 320px;
	position : absolute;
	top: 20px;
  left: 30px;
}
#divZoneEdition_14 .footerAdresse {
	width : 320px;
	position : absolute;
	top : 130px;
  left : 30px;
}

#divZoneEdition_14 .liensFooter {
	width : 120px;
  position : absolute;
	top : 40px;
  left : 400px;
}

#divZoneEdition_14 a{color : #fff;text-decoration: none;}
#divZoneEdition_14 a:hover{color : #ccc;text-decoration: underline;}

#divZoneEdition_14 .liensFooter li{background: none;padding: 0 ;margin: 0;}
#divZoneEdition_14 .liensFooter ul{padding: 0 ;margin: 0;}
#divZoneEdition_14 .liensFooter .divArticleNom h2{color : #fff;border: none ;font-size: 14px;}
#divZoneEdition_14 .liensFooter li{list-style:none;line-height : 20px;height : 20px;font-size: 14px;}

#divZoneEdition_14 .footerAdresse .divArticleNom{display : none;}
#divZoneEdition_14 .footerAdresse .divArticleContenu .adresse{ width: 115px;float: left;}
#divZoneEdition_14 .footerAdresse .divArticleContenu .contact{width: 205px;float: left;}
.redFirstLetter {color : #db0009;}
span.redFirstLetter {color : #db0009;}

#divPageSubFooter{
  height : 50px;
  background-color: #000;
  border-top: 1px solid #555;
	color : #777;
}
#divPageSubFooter .footerContent{
	width : 980px;
	margin : 0 auto;
	padding : 3px 3px ;
}


/*----------------------------SUB FOOTER------------------------------------*/
#divPageSubFooter .footerContent *{
	color : #999;
}
#divPageSubFooter .footerContent li{
	float: left;
	
	
	text-align: right;
	padding-right: 11px;
}
#divArticle_594 ul{
	width: 260px;
	height : 20px;
}

.divArticle.divBySV ,
#divArticle_594{
	float : right;
  clear: none;
  padding-top: 6px;
}

.divArticle.divBySV{
  padding-right: 20px;
}
/*------------------------------------------------------------------------*/


#divBandeauAuthentification{
	position:absolute;
	bottom:3px;
	right:10px;
}
#divBandeau #divBandeauThemeAssocier{
	overflow:hidden;
	height:0px;
}
#divBandeau #divBandeauRappelGratuit{
	position:absolute;
	left:260px;
	bottom:3px;
	text-align:left;
}
/* FOOTER */
#divFooter{
	position:relative;
	padding-top:10px;
	background-color:#eeeeee;
	text-align:center;
	height:50px;
}
#divFooter #divFooterThemeAssocier{
	position:absolute;
	top:65px;
	left:0px;
	width:750px;
	text-align:left;
	font-size:12px;
	color:#555555;
}
#divFooter #divFooterThemeAssocier strong{
	text-align:left;
	font-size:12px;
	color:#555555;
}
#divFooter #divFooterThemeAssocier a{
	font-size:12px;
	color:#555555;
	text-decoration:none;
	cursor:default;
}
/* CENTRE */
#tableCentre{
	width:980px;
	height:550px;
	border-collapse:separate; /* Utiliser pour afficher les box-shadow sur les div descendante (IE9) */
	border-spacing:0; /* idem */
}
#tableCentre #tdGaucheTableCentre{
	width:200px;
	background:#eee;
	padding-top:10px;
	padding-bottom:10px;
}
#tableCentre #tdCentreTableCentre{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	overflow-x:hidden;width:560px; /* 980-200-200-10-10 */	/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
}
#tableCentre #tdDroiteTableCentre{
	padding: 10px;
	width: 180px;
	background:#eee;
	padding-top:10px;
}
/********************************************/
/* 
	Les zones d'édition
*/
/********************************************/
.divZoneEdition,
.divZoneEditionAdmin{
	padding:0px;
	position:relative;
}
#divZoneEdition_13{
	height : 145px;
  width:980px;
	margin-left:auto;
	margin-right:auto;
}
/********************************************/
/* 
	Les gabarits d'articles
*/
/********************************************/
/* texte et image */
.divArticle.texteEtImage{
	
}
.divArticle.texteEtImage .divArticleNom{
	
}
.divArticle.texteEtImage .divArticleContenu{
	
}
.divArticle.texteEtImage .divArticleImage{
	position:relative;
	margin-bottom:7px;
}
.divArticle.texteEtImage .divArticleImage img{
	max-width:300px;
}
.divArticle.texteEtImage .divArticleImage .iconeZoom{
	position:absolute;
	bottom:0px;
	right:0px;
}
.divArticle.texteEtImage .divArticleImage .iconeZoom img{
	max-width:auto;
}
.divArticle.texteEtImage.gauche .divArticleImage, 
.divArticle.texteEtImage.gauche2 .divArticleImage{
	margin-right:10px;
	float:left;
}
.divArticle.texteEtImage.droite .divArticleImage,
.divArticle.texteEtImage.droite2 .divArticleImage{
	margin:15px;
	float:right;
}
.divArticle.texteEtImage.gauche{

}
.divArticle.texteEtImage.gauche2{
	
}
.divArticle.texteEtImage.gauche2 .divArticleContenu{
	margin-left: 210px;
}
.divArticle.texteEtImage.droite{

}
.divArticle.texteEtImage.droite2{

}
.divArticle.texteEtImage.droite2 .divArticleContenu{
	margin-right: 210px;
}
.divArticle.texteEtImage.large{

}
.divArticle.texteEtImage.large .divArticleImage1 img{
	max-width:100%;
}



/* Texte + vidéo à gauche */

.divArticleGabarit_18 .divArticleImage1{
    width: 100%;
}
.divArticleGabarit_18 iframe{
	z-index:1;
}

/* image large */
.divArticleGabarit_21 .divArticleImage1 img{	
	max-width:100%;
}
/* plan du site */
.divArticleGabarit_20 .divArticleContenu div{
	margin-bottom:2px;
}
.divArticleGabarit_20 .divArticleContenu .divPlanDuSiteUnLigne{
	background-image:url("/inc/puceCarre.gif"); /* permet de créer un marge entre les puces et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF */
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
}
.divArticleGabarit_20 .divArticleContenu .divPlanDuSiteUnLigne a{
	text-decoration:none;	
}

/* article vendable ,texte + image à gauche (2) + prix + bouton ajouter au panier */
.divArticleGabarit_88 {
	border:1px solid #ccc;
}
.divArticleGabarit_88 .divArticleImage1{
	float:left;
	overflow:hidden; 
}
.divArticleGabarit_88 .divArticleImage1 table{
	width:1px;
	margin:0px;
}
.divArticleGabarit_88 .divArticleImage1 table tr td{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}
.divArticleGabarit_88 .divArticlePrix{
	font-size: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.divArticleGabarit_88 table{
	margin:10px;
}
.divArticleGabarit_88 .divArticleBoutonAjouterAuPanier{
}
.divArticleGabarit_88 .divArticleBoutonAjouterAuPanier a{
	padding: 0px 10px;
	color: #fff;
	background: #5CA500;
	line-height: 24px;
	display: inline-block;
	text-decoration:none;
}
.divArticleGabarit_88 .divArticleBoutonAjouterAuPanier a:hover{
	background: #666;
}
/* menu de navigation*/
.divArticle.divArticleGabarit_94{
	margin-bottom:0px;
}
#tdGaucheTableCentre .divArticle.divArticleGabarit_94,
#tdDroiteTableCentre .divArticle.divArticleGabarit_94{
	margin-bottom:15px;
}



/*Bandeau*/
.divArticle.divArticleGabarit_95{
	margin-bottom:0px;
}
/********************************************/
/*
	Les articles génériques
*/
/********************************************/
.divArticle{
	padding-bottom:15px;
	clear:both;
}
.divArticleNom h2{
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #999;
	color:#262626;
}
/* CONTENU : gras */
.divArticleContenu b{
}
/* le reste */
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
/********************************************/
/*
	Les articles par zones d'édition
*/
/********************************************/
/* colonne de gauche */
#tdGaucheTableCentre .divArticle .divArticleNom h2{
}
#tdGaucheTableCentre .divArticle .divArticleContenu *{
}
#tdGaucheTableCentre .divArticle .divArticleContenu a b{
}
#tdGaucheTableCentre .divArticle .divArticleImage1 img{
}
/* colonne de droite */
#tdDroiteTableCentre .divArticle .divArticleNom h2{
}
#tdDroiteTableCentre .divArticle .divArticleContenu *{
}
#tdDroiteTableCentre .divArticle .divArticleContenu a b{
}
#tdDroiteTableCentre .divArticle .divArticleImage1 img{
}
/********************************************/
/*
	Fil d'ariane
*/
/********************************************/
#divFilAriane{
	font-size:13px;
	margin-bottom:5px;
}
#divFilAriane a{
	font-size:12px;
  color: grey;
}
a{
  color: grey;
  text-decoration: underline;
}
a:hover{
  text-decoration: underline;
}
/********************************************/
/*
	Modalbox 1 (boite d'authentification)
	la 2,3 et 4 sont réservés au BoFo
*/
/********************************************/
#divModalBox_1			{margin-left:auto;margin-right:auto;margin-top:50px;border:1px solid #000000;background-color:#dddddd;}
#divModalBox_1_titre	{border:1px solid #ffffff;font-weight:bold;font-size:12px;padding:5px;padding-left:55px;border-bottom:1px solid #ffffff;background-color:#ed217c;color:#ffffff;background-image:url('../admin/image/logoVitamineCMS3PointBlanc.gif');background-repeat:no-repeat;background-position:7px 7px;}
#divModalBox_1_close	{cursor:pointer;right:0px;border:1px solid #ffffff;color:#ffffff;padding:1px;padding-left:5px;padding-right:5px;margin-top:3px;margin-right:5px;}
#divModalBox_1_contenu	{border:1px solid #ffffff;border-top:0px solid #ffffff;background-color:#ffffff;padding:0px;}
.divModalBox_1_fond		{background-color:#000000;}
/********************************************/
/*
	Modalbox 5 (POP-UP)
	la 2,3 et 4 sont réservés au BoFo
*/
/********************************************/
#divModalBox_5			{margin-left:auto;margin-right:auto;margin-top:50px;border:1px solid #000000;background-color:#dddddd;}
#divModalBox_5,
#divModalBox_5 *		{
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
		-ms-box-sizing: content-box;
		 -o-box-sizing: content-box;
			box-sizing: content-box;
}
#divModalBox_5_titre	{border:1px solid #ffffff;border-top:1px solid #ffffff;font-weight:bold;font-size:12px;padding:5px;padding-left:15px;background-color:#a42d1b;color:#ffffff;}
#divModalBox_5_close	{cursor:pointer;right:0px;border:1px solid #ffffff;color:#ffffff;padding:1px;padding-left:5px;padding-right:5px;margin-top:4px;margin-right:5px;}
#divModalBox_5_contenu	{border:1px solid #ffffff;border-top:0px solid #ffffff;background-color:#ffffff;padding:0px;}
.divModalBox_5_fond		{background-color:#000000;}
/********************************************/
/*
	Fausse Pop-Up
*/
/********************************************/
/* Fausse Pop-Up */
.divFaussePopUp{
	border:2px solid #000000;
	padding:5px;
	background-color:#cccccc;
}
.divFaussePopUpFermer{
	border:1px solid #000000;
	border-bottom:0px solid #000000;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	background-color:#cccccc;
}

/********************************************/
/* Menu de navigation */
/********************************************/
/* 1er niveau */
.divMenuNavigation{
  height : 72px;
	width : 1040px;
  float : left;
  background-image:url("/inc/menu-full.png");
  background-repeat:no-repeat;
	background-position:center center;
	padding : 5px 0;
  z-index : 9;
	position : absolute;
}
.divMenuNavigation .ul1{
	margin:0;
	padding:10px 0px 0 77px;
}
.divMenuNavigationLeft{
	content : "";
  float : left;
  width : 51px;
  height : 72px;
  background-image:url("/inc/menu-left.png");
}
.divMenuNavigationRight{
	content : "";
  float : left;
  width : 51px;
  height : 72px;
  background-image:url("/inc/menu-right.png");
}

.divMenuNavigation .ul1 span{
	display:block;
	float:left;
	padding:3px 0px;
}
.divMenuNavigation .ul1 span:last-of-type{
	display:none;
}
.divMenuNavigation .ul1 li{
position: relative;
list-style: none;
background: none;
margin: 0;
padding: 3px 10px 0px 15px;
float: none;
display: inline-block;
font-size: 15px;
background-repeat: no-repeat;
background-position: 0px 5px;
height: 45px;
}


.divMenuNavigation .ul1 li.facebook a{
  width: 36px;
  height: 36px;
  padding: 0;
}
.divMenuNavigation .ul1 li.tweeter a{
  width: 36px;
  height: 36px;
  padding: 0;
}
.divMenuNavigation .ul1 li.facebook{
  width: 36px;
  height: 36px;
  background-image: url("/inc/facebook.png");
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  right: 53px;
  top: 12px;
  padding: 0;
}
.divMenuNavigation .ul1 li.tweeter{
  width: 36px;
  height: 36px;
  background-image: url("/inc/tweeter.png");
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  right: 100px;
  top: 12px;
  padding: 0;
}
.divMenuNavigation .ul1 li.tweeter:hover{
  opacity: 0.8;
}
.divMenuNavigation .ul1 li.facebook:hover{
  opacity: 0.8;
}

#carouselFonduRight{

}

#divZoneEdition_15{
  position: relative;
	top: 0px;
	width: 100%;
	min-width: 980px;
	margin: 0px auto;
  background-color: #262626;
	max-height : 500px;
  overflow: hidden;
}

#divZoneEdition_10{
  position: relative;
	top: 4px;
	width: 100%;
	min-width: 980px;
	margin: 0px auto;
  background-color: #262626;
	max-height : 300px;
  overflow: hidden;
}

#fondGrisHeader{
	height: 126px;
	width: 100%;
	position: absolute;

}

.divMenuNavigation .ul1 li.page_110{ width :121px;}
.divMenuNavigation .ul1 li.page_343{ width :157px;}
.divMenuNavigation .ul1 li.page_348{ width :154px;}
.divMenuNavigation .ul1 li.page_152{ width :100px;}

.divMenuNavigation .ul1 li.avecSousMenu{
}
.divMenuNavigation .ul1 li.avecSousMenu:hover{
}
.divMenuNavigation .ul1 li a{
	float:left;
	padding:3px 8px;
	text-decoration:none;
	font-weight:bold;
	color : #fff;
  text-transform: uppercase;
}

.divMenuNavigation .ul1 li a:hover{
	color : #ccc;
}
.divMenuNavigation .ul1 li a.aFaussePage,
.divMenuNavigation .ul1 li a.aFaussePage:hover{
	cursor:default;
	/*color:#ffffff;*/
	background:transparent;
}
.divMenuNavigation .ul1 li a:hover,
.divMenuNavigation .ul1 li a.aLienSelectionner,
.divMenuNavigation .ul1 li a.aFaussePage.aLienSelectionner{
	/*background:#333;
	color:#ffffff;*/
}
.divMenuNavigation .ul1 li a.avecSousMenu,
.divMenuNavigation .ul1 li a.aFaussePage.avecSousMenu{
	/*background: #91C7D8;*/
}
.divMenuNavigation .ul1 li a:hover.avecSousMenu{

}
/* 2eme niveau */
.divMenuNavigation .ul2{
	margin:0px;
	padding:2px;
	position:absolute;
	left:-2px;
	top:-5020px;
	z-index:15;
	display:block;
	overflow:hidden;
	/* transition : debut */
	opacity:0;
} 
.divMenuNavigation .ul1 li:hover .ul2{
	display:block;
  left: -20px;
  top: 43px;
	/* transition : fin */
	opacity:1;
	-webkit-transition: opacity 0.8s ease;
	-moz-transition:opacity 0.8s ease;
	-o-transition:opacity 0.8s ease;
	-ms-transition:opacity 0.8s ease;
}
.divMenuNavigation .ul2 li{
	float: none;
	margin-bottom: 3px;
	padding: 0px;
	height: 40px;
	line-height: 40px;
	font-size: 13px	;
	background-color: #3a3a3d;
}
.ie10 .divMenuNavigation .ul2  li,
.ie .divMenuNavigation .ul2  li{
	margin-bottom: 0px;
}

.divMenuNavigation .ul2 li:last-of-type{
	margin-bottom:0px;
}
.divMenuNavigation .ul2 li a{
  float: none;
  display: block;
  padding: 0px 10px 0px 10px;
}
.divMenuNavigation .ul2 li a.aFaussePage,
.divMenuNavigation .ul2 li a.aFaussePage:hover{
	cursor:default;
	color:#ffffff;
	background:transparent;
}
.divMenuNavigation .ul2 li:hover,
.divMenuNavigation .ul2 li a:hover,
.divMenuNavigation .ul2 li a.aLienSelectionner,
.divMenuNavigation .ul2 li a.aFaussePage.aLienSelectionner{
 background: #db0009;
}

/* Menu quand affiché dans les colonnes */
#tdGaucheTableCentre .divMenuNavigation .ul1 li,
#tdDroiteTableCentre .divMenuNavigation .ul1 li{
	float: none;
}
#tdGaucheTableCentre .divMenuNavigation .ul1 li a,
#tdDroiteTableCentre .divMenuNavigation .ul1 li a{
	display: block;
	float: none;
}
#tdGaucheTableCentre .divMenuNavigation .ul1 li .ul2,
#tdDroiteTableCentre .divMenuNavigation .ul1 li .ul2{
	display:block;
	position:relative;
	left:0px;
	top:0px;
	opacity:1;
	overflow:visible;
	margin-left:16px;
}

/********************************************/
/* 
	Liens vers les pages "précédente" et "suivante"
*/
/********************************************/
.divPlanDuSiteLienPrecedentSuivant{
	padding:5px;
}
.divPlanDuSiteLienPrecedent{
	float:left;
	width:50%;
}
.divPlanDuSiteLienSuivant{
	float:left;
	width:50%;
	text-align:right;
}
/********************************************/
/* 
	Les formulaires
*/
/********************************************/
.divMessageWrong{
	background-color:#a90101;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
	margin-bottom:20px;
	border:1px solid #000000;
}
.divMessageWrong *{
	color:#ffffff;
}
.spanMessageWrong{
	color:#a90101;
	font-weight:bold;	
}
.divMessageWrongPourLabel{
	color:#a90101;
	padding:0px;
	padding-bottom:3px;
	font-weight:bold;
}
.divMessageOK{
	background-color: #686868;
	color: #ffffff;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-right: 15px;
	border: 1px solid #000000;
}
.divMessageOK *{
	color:#ffffff;
}
.divLabel{
	margin-bottom:5px;	
}
input.inputText{
	width:95%;
	border:1px solid #666666;
	padding-left:1px;
}
input.inputTextFocus{
	border:2px solid #000000;
}
input.inputTextMessageWrong{
	border:2px solid #a90101;
}
textarea.textarea{
	border:1px solid #666666;
	resize: none;
}
textarea.textareaFocus{
	border:2px solid #000000;
}
textarea.textareaMessageWrong{
	border:2px solid #a90101;
}
.divResizeTextareaExterne{
	cursor: ns-resize;
	cursor: n-resize;
}
.divResizeTextareaInterne{
	display:none;
	width: 500px;
	height: 8px;
	background-color:#b5b5b5;
	background-image:url("/inc/elargisseurConteneurBasBg.gif");
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	bottom:4;
	left:0;
	overflow: hidden;
	font-size: 1px;
}

/*********************************/
/* info bulle */ 
/*********************************/
#tableInfoBulle{
	margin:10px;
}
#tableInfoBulle #tdInfoBulle{	
	padding:0px;	
	border:1px solid #000000;	
	background-color:#ffffff;
	text-align:center;
}
.divInfoBulleInterne{
	padding:2px;
}
/*********************************/
/* système d'autocompletion */ 
/*********************************/
.divAutocompletionAjax{
	position:absolute;
	top:-1px;
	left:0px;
	display:none;
	border:1px solid #000000;
	min-width:200px;
}
.divAutocompletionAjaxUneLigne_out{
	background-color:#ffffff;
	color:#000000;
	padding-left:1px;
	padding-right:5px;
}
.divAutocompletionAjaxUneLigne_over{
	background-color:#ed217c;
	color:#ffffff;
	padding-left:1px;
	padding-right:5px;
	cursor:default;
}
/*********************************/
/* Images */ 
/*********************************/
.divImageMultipleIconeZoom{
	position:absolute;
	right:0px;
	bottom:0px;
	cursor:pointer;
}
.divImageMultiplePlusDinfo{
	position:absolute;
	left:2px;
	bottom:2px;
	font-style:normal;
	cursor:help;
}
.divImageMultiplePlusDinfo a{
	color:#ffffff;
	text-decoration:none;
	font-style:normal;
	cursor:help;
}
.divImageMultiplePlusDinfoInfoBulle{
	padding:5px;
}
.divImageMultiplePlusDinfoInfoBulle *{
	font-size:10px;
	text-align:left;
}

.progressBar{
	display:none;
	width:256px;
	height:16px;;
}
.progressBar.active{
	display:block;
	
}

/* ----------------------- */
/* Pagination (liste de résultat des enregistrements) */
/* ----------------------- */
/* les conteneurs */
.divPagination{
	border:1px solid #000000;
	padding:10px;
	margin-bottom:10px;
}
.divPagination .divPaginationPrecedentEtSuivant{
	margin-bottom:10px;
}
.divPagination .divPaginationPrecedent{
	float:left;
}
.divPagination .divPaginationSuivant{
	float:right;
}
.divPagination .divPaginationNombre{
	text-align:center;
}
/* les liens */
.divPagination a,
.divPagination .aPagination{
	color:#000000;
}
.divPagination a:hover,
.divPagination .aPaginationSelectionner{
	color:#ffffff;
	background-color:#000000;
}
/*********************************/
/* Formulaire de contact */ 
/*********************************/
.divFormGen,
#divFormContact{
	/*width: 396px;*/
}
#divFormContact fieldset{
	width:396px;
	border:0px;
	padding:0px;
	padding-left:6px;
	margin-top:15px;
	padding-bottom:10px;
	border-bottom: 1px solid #CCC;
}
#divFormContact fieldset:last-of-type{
	border-bottom:0px;
}
#divFormContact fieldset legend{
	padding: 0px;
	padding-bottom: 10px;
}
#divFormContact .divLabel{
	clear:both;
	min-height:16px;;
}
#divFormContact .divLabel label{
	float:left;
	width:80px;
	text-align: left;
	padding-right: 8px;
}
#divFormContact .divLabel input,
#divFormContact .divLabel textarea{
	float:left;
	width:300px;
}
.divFormGen input[type="button"],
#divFormContact input[type="button"] {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 35px;
  display: block;

	color: #fff;
  text-transform: uppercase;
  font-weight: 600;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius:2px;
  -o-border-radius:2px;
	border-radius: 2px;

	cursor: pointer;
	border: none;
	background-color: #db0909;
 	background-image: -moz-linear-gradient(bottom,#db0909 0%,#db2020 100%);
	background-image: -ms-linear-gradient(bottom,#db0909 0%,#db2020 100%);
	background-image: -o-linear-gradient(bottom,#db0909 0%,#db2020 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#db0909),color-stop(100%,#db2020));
	background-image: -webkit-linear-gradient(bottom,#db0909 0%,#db2020 100%);
	background-image: linear-gradient(to top,#db0909  0%,#db2020 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#db2020,EndColorStr=#db0909);
  
}
.divFormGen input[type="button"]:hover,
#divFormContact input[type="button"]:hover {
  opacity: 0.9;
}


/*********************************/
/* Generateur de formulaire */
/**********************************/
.divFormGen{

}
.divFormGen fieldset{
	width:396px;
	border:0px;
	padding:0px;
	/*padding-left:6px;
	margin-top:15px;
	padding-bottom:10px;
	border-bottom: 1px solid #CCC;*/
}

#input554-2{
  background-image: url("/inc/picto-personne.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
}
#input554-3{
  background-image: url("/inc/picto-enveloppe.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
}
#input554-5{
  background-image: url("/inc/picto-crayon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

#divArticle_554 .divArticleNom{
	display : none;
}

.divFormGen fieldset:last-of-type{
	border-bottom:0px;
}
.divFormGen fieldset legend{
	padding: 0px;
	padding-bottom: 10px;
}
.divFormGen.divLabel{
	float:none;
	clear:both;
	min-height:16px;;
}
.divFormGen .divLabel label{
	display : none;
}
.divFormGen .divLabel input,
.divFormGen .divLabel textarea{
	float:left;
	width:300px;
	border : none;
  background-color: #f1f2f2;
	padding : 10px 0px 10px 35px;
	color : #262626;
}

.divFormGen .error{
	background-color:#ff9b9b;
}

.divFormGen .spanMessageWrong{
	/*margin-left:88px;*/
  max-width: 260px;
}

.divFormGen .divLabel textarea{
	height:150px;
}
/* ================================================ */
/* ARTICLE SPECIAUX (classe definie dans l'article) */
/* ================================================ */
/* article spécial Logo du site */
.divArticle.divBandeauLogo{
	position:absolute;
	top:3px;
	left:10px;
}
.divArticle.divBandeauLogo img{
	max-height:74px;
}
/* article spécial connexion */
.divArticle.connexionTop{
	position:absolute;
	top:0px;
	right:0px;
}
.divArticle.connexionTop .divArticleNom{
	display:none;
}
.divArticle.connexionTop .divArticleContenu{
	
}
.divArticle.connexionTop .divArticleContenu .divBlocColonne{
	position:relative;
	z-index:41;
	min-width: 190px;
	border:1px solid #ccc;
}
.divArticle.connexionTop .divArticleContenu .divBlocColonne .divBlocColonneTitre{
	background:#fff;
	color:#666;
	height:40px;
	line-height:40px;
}
.divArticle.connexionTop .divArticleContenu .divBlocColonne .divBlocColonneTitre .picture{
	float:left;
	padding:2px 10px 2px 2px;
}
.divArticle.connexionTop .divArticleContenu .divBlocColonne .divBlocColonneTitre .picture a{
	display:block;
	height:36px;
}
.divArticle.connexionTop .divArticleContenu .divBlocColonne .divBlocColonneTitre .picture a img{
	max-height:100%;
}
.divArticle.connexionTop .divArticleContenu .divBlocColonne .divBlocColonneTitre .name{
	float:left;
}
.divArticle.connexionTop .divArticleContenu .divBlocColonne .divBlocColonneContenu{
	display:none;
	position:absolute;
	right:-1px;
	top:40px;
	border:1px solid #ccc;
	border-top:none;
	padding-top:30px;
	z-index:40;
}
.divArticle.connexionTop .divArticleContenu .divBlocColonne:hover .divBlocColonneContenu{
	display:block;
	background:#fafafa;
	padding:5px;
	width:190px;
}
/* article spécial Moteur de recherche */
.divArticle.divBlocMoteurRecherche{
	position: absolute;
	left: 180px;
	top: 10px;
}
/* article spécial Selection de drapeau */
.divArticle.divBandeauDrapeau{
	position:absolute;
	top:44px;
	right:00px;
}
.divArticle.divBandeauDrapeau a{
	font-size:10px;
	text-decoration:none;
}
.divArticle.divBandeauDrapeau td{
	padding:5px;
}
.divArticle.divBandeauDrapeau td img{
	margin-bottom:3px;
}
/* article spécial Selection de devise */
.divArticle.divSelectionDevise{
	position:absolute;
	top:40px;
	right:10px;
}
.divArticle.divSelectionDevise ul li{
	float:left;
	margin-left:10px;
}

/* ======================================================= */
/* fin => ARTICLE SPECIAUX (classe definie dans l'article) */
/* ======================================================= */
/* ======================================================= */
/* Debut => Flêche retour vers le haut 					   */
/* ======================================================= */
#backtotopext{
    position: fixed;
	right: 50px;
    bottom: 50px;
}
#backtotopint{
	display:none;
	cursor:pointer;
    background: #f6f7f7;
    border: 1px solid #e0e0e0;
    
    padding: 7px 12px;
}

/* ======================================================= */
/* Fin => Flêche retour vers le haut 					   */
/* ======================================================= */

.classePourLeTransfertAjoutDunArticleAuPanier{ /* ptit filet */
	border:1px solid #000000;	
	background:rgba(0,0,0,0.02);
	min-height:30px;
}	

/* divers */
.carousel{
	overflow:hidden;
}
.carousel-control {
	text-decoration: none;
	
}
.carousel-control.left,
.carousel-control.right{
	text-decoration: none;
	font-size:0px;
	width:auto;
	height:auto;
	display:block;
	
	position: absolute;
	top: 35%;
	margin-top: 0px;
	/*font-size: 0px;*/
	background: none;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -khtml-border-radius:0px;
  -o-border-radius:0px;
	border-radius: 0;
	opacity: 1;
	filter: none;
	font-size: 84px;
	font-family: verdana;
		
}


.carousel-control.left{
  background-image: url("/inc/left.png");
  width: 106px;
  height: 106px;
} 
.carousel-control.right{
  background-image: url("/inc/right.png");
  width: 106px;
  height: 106px;
}
.carousel-indicators{
	cursor:pointer;
}
.carousel-caption h4{
	margin: 0 0 1px;
	font-size: 20px;
}
.carousel-inner .item{
	text-align:center;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
	max-width:100%;
	margin: auto;
}
div.carousel-inner{
	width: 980px;
	margin: 0 auto;
}


/* RESPONSIVE !*/
@media screen and (min-width: 1px) and (max-width: 979px) {
	#divGeneral{
		width:100%;
	}
	.divArticle.divArticleGabarit_85{
		width:100%;
		overflow-x:hidden;
	}
	
	
  #divBlocContent1 {
    display: block;
	float:left;
	width:22%;
	padding:1%;
	
		overflow-x:hidden;
  }
  #divBlocContent2 {
    display: block;
	float:left;
	width:76%;
	padding:0;
	
		overflow-x:hidden;
  }
  #divBlocContent3 {
  clear:both;
    display: block;
	width:100%;
  }
	
}
@media screen and (min-width: 0px) and (max-width: 320px) {

	
  #divBlocContent1 {
    display: block;
	float:none;
	width:100%;
	padding:1% 0%;
	
		overflow-x:hidden;
  }
  #divBlocContent2 {
    display: block;
	float:none;
	width:100%;
	padding:0;
	
		overflow-x:hidden;
  }
  #divBlocContent3 {
  clear:both;
    display: block;
	width:100%;
  }
}

/*------------HOME CONTENT-----------------*/
#divBlocHomeLeft,
#divBlocHomeRight{
  display: table-cell;
	width : 50%;
  background-color: #e2e2e2;
  color: #262626;
}
#divBlocHomeLeft:hover,
#divBlocHomeRight:hover{
	background-color: #262626;
  color: #e2e2e2;
}
#divBlocHomeH1{
	width : 100%;
}
#divBlocHomeLeft .divZoneEditionPermanente{
  display: none;
}
#divBlocHomeRight .divZoneEditionPermanente{
  display: none;
}

.homeArticle{

  position: relative;
  padding: 50px 50px 10px 50px;
}
.homeArticle:hover{
  
}

a.lls{
	display: block;
	width: 80px;
	height: 25px;
	line-height: 25px;
	color: white;
	text-align: center;
	margin-top: 5px;
  margin-bottom: 15px;
	text-decoration: none;
  -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius:2px;
  -o-border-radius:2px;
	border-radius: 2px;
	background-color: #db0909;
 	background-image: -moz-linear-gradient(bottom,#db0909 0%,#db2020 100%);
	background-image: -ms-linear-gradient(bottom,#db0909 0%,#db2020 100%);
	background-image: -o-linear-gradient(bottom,#db0909 0%,#db2020 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#db0909),color-stop(100%,#db2020));
	background-image: -webkit-linear-gradient(bottom,#db0909 0%,#db2020 100%);
	background-image: linear-gradient(to top,#db0909  0%,#db2020 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#db2020,EndColorStr=#db0909);
  opacity: 0.8;
}

a.lls:hover{
	text-decoration: none;
  opacity: 1;
}


.homeArticle       .divArticleNom h2 {
  color: #262626;
  font-size: 50px;
  font-family: ThePoliceSV, Arial;
  font-weight: bold;
}
.homeRestaurant .divArticleNom h2{text-align : left; border : none; padding-right: 0px;}
.homeEvenement  .divArticleNom h2{text-align : left; border : none; padding-left: 0px;}
.homeArticle:hover .divArticleNom h2 {color: #e2e2e2;}
.homeArticle       .divArticleNom p{ font-size: 15px;}

.homeRestaurant .divArticleContenu{padding-left: 0px;}
.homeEvenement .divArticleContenu{padding-right: 0px;}

.homeRestaurant:after{
  content : "";
	position : absolute;
	width : 80px;
  height : 80px;
  background-color: #fff;
  -webkit-border-radius: 40px;
	-moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -khtml-border-radius:40px;
  -o-border-radius:40px;
	border-radius: 40px;
	top: -40px;
	left : 200px;
  background-image: url("/inc/couverts.png");
  background-position: 26px 16px;
  background-repeat: no-repeat;
}

.homeEvenement:after{
  content : "";
	position : absolute;
	width : 80px;
  height : 80px;
  background-color: #fff;
  -webkit-border-radius: 40px;
	-moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -khtml-border-radius:40px;
  -o-border-radius:40px;
	border-radius: 40px;
	top: -40px;
	left : 200px;
  background-image: url("/inc/verre.png");
  background-position: 20px 20px;
  background-repeat: no-repeat;
}

/*---------------CONTACT HEADER---------------*/

div.infoContactHeader{
	position: absolute;
	right: 20px;
	top: 0px;
	color: #fff;
  font-family: ThePoliceSV, Arial;
  font-size: 13px;
  background-image: url("/inc/fondHeader.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-origin: content-box;
	height : 105px;
}
.infoContactHeader div{
	color : #aaa;
  font-weight: normal;
}

.nousContacter a{
  color: #aaa;
  text-decoration: none;
}
.nousContacter a:hover{
  color: grey;
  text-decoration: underline;
}

.infoContactHeader div.nousContacter{
	float: left;
	width: 245px;
	height: 50px;
  border-right: 1px solid #121212;
  margin-top : 30px;
}
.infoContactHeader div.nousSituer{
	float: left;
	width: 150px;
	height: 50px;
  padding-left: 25px;
  margin-top : 30px;
}
/*---------------------PAGE CONTACT------------------------------*/
#contactLeft{
  float: left;
	width: 320px;
}

#contactMap{
  float: left;
	width: 620px;
}

/*---------------------------------------------------------*/

#divZoneEdition_9 { /*--Plan de site--*/
  width: 660px;
}