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

.divBlocImage{
  font-size: 0;
}

.rechercheRapide
{
position: absolute;
top: 35px;right: 0px;
}
.rechercheRapide form
{
width: 160px;
display: inline-block;
vertical-align: top;
margin-top: 4px;
}
.rechercheRapide img
{
width: 83px;
display: inline-block;
}
.rechercheRapide input[type="text"]
{
width: 73%;
display: inline-block;
height: 19px;
}

.rechercheRapide input[type="button"]
{
width: 20%;
height:23px;
text-align:center;
display: inline-block;
}

.divArticleGabarit_88 #selectCategorie{
  width: 30% !important;
  line-height: 30px;
  height: 30px;
  padding: 5px;
  border-radius: 2px;
}

.infoacces
{
    height: 20px;
    width: 23px;
    text-align: center;
    position: relative;
    background: rgb(255,255,255);
    color: rgb(0,0,0);
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    -o-border-radius: 99px;
    padding-top: 3px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    font-size: 14px;

}

.infoTexte
{
	display:none;
}
.infoacces:hover .infoTexte
{
display: block;
position: absolute;
top: -100%;
right: 78%;
font-size: 10px;
width: 275px;
background: rgb(255, 255, 255);
z-index: 10;
border: 1px solid rgb(170, 170, 170);
padding: 5px 10px;
}

.viewer{
	height: 600px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
  position: relative;
  width: 83%;
  margin-left: 5%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;

}
#logoGarantie3Ans
{
  max-height:84px;
}
.viewer .prev,
.viewer .next{
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 280px;
  background-image: url(/image/arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 23px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  display: none;
}

.viewer .prev:hover,
.viewer .next:hover{
  background-color: #EFEFEF;
}
.viewer:hover .prev,
.viewer:hover .next{
  display: block;
}
.viewer .next{
  right: 10px;
  -moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.viewer .prev{
  left: 10px;
}


.infoContainer {
  width: 83%;
  margin-left: 17%;
	bottom: -50px;
  right: 0;
  background-color: rgba(255, 255, 255, 1);
  text-align: center;
}

.info{
  background-color: rgba(255, 255, 255, 1);
  padding: 10px;
}

.vignettes {
  text-align: center;
  width: 12%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
}

.vignettes .vignettesContainer{
	width: 200%;
  -webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
}


.vignettes .vignetteCol{
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  background-image: url(/image/arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  -moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.vignettes .vignetteCol:hover{
  background-color: #EFEFEF;
}

.vignettes.left .vignetteCol{
-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

}
.vignettes .vignetteCol.right{

}

.vignettes.left .vignettesContainer{
  margin-left: -100%;


}

.vignettes .divUneImage{
  display: inline-block;
  vertical-align: middle;
  margin: 0px 2% 20px 2% !important;
  width: 44% !important;
}

.vignettes .divUneImage img{
  width: 80px;
  height: 80px;
  border: 4px solid lightgray;
  box-sizing: border-box;
}

.vignettes .divUneImage.active img{
  border: 4px solid #84939C;
}

@media only screen and (max-width: 768px){
	.viewer{
		height: 450px;
	}

	.viewer .prev,
	.viewer .next{
	  bottom: 215px;
	}
}


@font-face {
	font-family: ThePoliceSV;
	font-weight: bold;
	src: url("../include/js/dynamicFont/fonts/JOTTTB__.TTF");
}
.telResponsive{
display:none;
}
.divMenuVerticalResponsive
{
display:none;
}
.telnonResponsive{
display:block;
}
/********************************************/
/* 
	Généralités
*/
/********************************************/
*{
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:12px;
	color:#515151;
}
body{
	background:url('/image/idSite_26/bg_top.png') left top repeat-x;
}
table{
	border-collapse:collapse;
}
table caption{
	display:none;
}
table thead{
	display:none;
}
table tr td{
	vertical-align:top;
}
h1{	
	display:table-cell;
	font-family: 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:40px;
	font-weight:normal;
	color:#b9b9b9;
}
h3{ /*utilisé dans fckeditor*/
	font-size:14px;
}
h4{/*utilisé dans fckeditor*/
	font-size:13px;
	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("../image/idSite_26/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:link,
a:visited{
	color:#297ba8;
}
a:hover,
a:active,
a:focus{
	color:#b9127c;
}
/* 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:link,
a.aLien:visited{
	color:#297ba8;
}
a.aLien:hover,
a.aLien:active,
a.aLien:focus{
	color:#b9127c;
}
/* classe des liens qui sont selectionnés */
a.aLienSelectionner{
}

.divNumeroTelContact {
  display:block;
      color: #fff;
}
.divNumeroTelContactnumber {
  background: none;
    color: #fff;
    line-height: 16px;    padding: 5px 0px 5px 10px;
    position: relative;
    border-top: 1px solid #fff;
}
.divNumeroTelContactnumber i{

          color: #fff;
    font-size: 16px;
    position: absolute;
    left: -3px;
      
}

/********************************************/
/* 
	Classes génériques
*/
/********************************************/
/* titre de page */
.divH1{
	margin-bottom:8px;
}
#divArticle_886
{
display:none;
}
.homestyleendur
	{
		margin-bottom: 8px;margin-left:-6px;
	}
.divH1 .divH1Interne{
	float:left;
	width:478px;
}
.divH1 #divH1InterneDescription {
	position:relative;
}
.divH1 #divH1InterneDescription *{
	font-size:11px;
}
.divH1 .divImgVignette{
	float:left;
	margin-right:10px;
}
.divH1 .divImgVignette .imgVignette{
	width:70px;
	height:70px;
	border:1px solid #000000;	
}
/* bloc des colonnes */
.divBlocColonne{
	margin-bottom:20px;
	border:1px solid #666666;
}
.divBlocColonneTitre{
	background-color:#666666;
	color:#ffffff;
	padding:3px;
	font-weight:bold;
}
.divBlocColonneContenu{
	padding:10px;
}
/* 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:11px;
}
.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:11px;
	background-color:#4b4b4b;
}
#divBandeauMoteurRecherche input[type="text"]
{
  width: 90px;
    margin-top: 32px;
    height: 23px;
    border: 0;
    padding-left: 10px;
  
}
#divBandeauMoteurRecherche input[type="submit"]{
	border-radius:0px;
	border:0px;
	    background: #e0e0e0;
    color: #262626;
	font-size:14px;
	text-transform:lowercase;
	padding: 2px 4px 3px 4px;
	cursor:pointer;
}
/********************************************/
/* 
	Structure du site
*/
/********************************************/
#divGeneral{
	width:980px;
	margin-left:auto;
	margin-right:auto;	
}
/* BANDEAU */
#divBandeau{
	position:relative;
	text-align:left;
	height:103px;
	margin-bottom:13px;
}
#divBandeauLogo{
	position:absolute;
	top: 19px;
	left: 0px;
}
#divBandeauDrapeau{
position: absolute;
top: 10px;
right: 21px;
}
#divBandeauDrapeau a,
#divBandeauDrapeau a:link,
#divBandeauDrapeau a:visited{
	color: white;
	float: left; 
	width: 24px;
	height: 18px;
	padding-top: 5px;
	text-align: center;
	margin-left: 7px;
	background: #c6c6c6;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	border-radius: 0px;
}
#divBandeauDrapeau a:hover,
#divBandeauDrapeau a:focus,
#divBandeauDrapeau a:active,
#divBandeauDrapeau a.lienSelectionner{
	color:white;
	float:left;
	width:24px;
	height:18px;
	padding-top:5px;
	text-align:center;
	margin-left:7px;
	background:#919191;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	border-radius: 0px;
}
#divBandeauAuthentification{
	position:absolute;
	bottom:3px;
	right:10px;
}
#divBandeau #divBandeauThemeAssocier{
	overflow:hidden;
	height:0px;
}
#divBandeau #divBandeauMoteurRecherche{
	position:absolute;
	right: 130px;
	top: 10px;
	height:36px;
	padding-right:10px;
	padding-top: 8px;
	background:url('/image/idSite_26/split_v1.png')right top no-repeat;
}
#divBandeau #divBandeauMoteurRecherche input[type="text"]{
	color: gray;
	font-size: 10px;
	font-weight: bold;
	height: 14px;
	border: 1px solid #999;
	padding-left: 3px;
	width:90px;
	margin-top:1px;
	padding-bottom:1px;
}
#divBandeau #divBandeauMoteurRecherche input[type="submit"]{
	border:0px;
	background:transparent;
	font-weight:bold;
	color:#808080;
	margin-left: 2px;
	font-size:11px;
}
#divBandeau #divBandeauRappelGratuit{
	position:absolute;
	left:260px;
	bottom:3px;
	text-align:left;
}
/* FOOTER */
#divFooter{
	position:relative;
	padding:10px 3px;
	text-align:left;
	border-top:0px solid #c3c3c3;
	border-bottom:1px solid #fff;
}
#divFooter .tableLien{
	width:100%;
}
#divFooter .tableLien td{
	width:25%;
}
#divFooter .divBlocColonne{
	margin-bottom:0px;
	border:0px;
}
#divFooter .divBlocColonne .divBlocColonneContenu{
	padding:0px;
}
#divFooter h2{
	font-size:12px;
	border:0px;
	font-weight: bold;
	color:#262626;
	margin-bottom: 2px;
}
#divFooter .ul_1{
	margin:0px;
	padding:0px;
}
#divFooter .ul_1 li{
	background:url('/image/idSite_26/footer_puce.png') left 2px no-repeat;
	line-height: 14px;
}
#divFooter .ul_1 li a{
	color:#262626;
	font-size:11px;
	text-decoration:none;
	background:transparent;
}
#divFooter .ul_1 li a:hover,
#divFooter .ul_1 li a.lienSelectionner{
	color:#297ba8;
	text-decoration:underline;
}
#divFooter2 {
	    position: relative;
    padding: 4px 3px 14px 18px;
    text-align: left;
    font-size: 11px;
    background: url(/image/idSite_26/footer_puce.png) 4px 6px no-repeat;
}
#divFooter2 a{
	font-size:11px;
	color:#262626;
	text-decoration:none;
}
#divFooter2 a:hover{
	text-decoration:underline;
}
#divFooter #divFooterThemeAssocier{
	position:absolute;
	top:65px;
	left:0px;
	width:750px;
	text-align:left;
	font-size:9px;
	color:#262626;
}
#divFooter #divFooterThemeAssocier strong{
	text-align:left;
	font-size:10px;
	color:#555555;
}
#divFooter #divFooterThemeAssocier a{
	font-size:9px;
	color:#555555;
	text-decoration:none;
	cursor:default;
}
/* CENTRE */
#tableCentre{
	width:980px;
	height:500px;
	margin-bottom:12px;
}
#tableCentre #tdGaucheTableCentre{
	width:170px;
	padding-top:0px;
	border-right:1px solid #c3c3c3;
	padding-bottom:0px;
}
#tableCentre #tdCentreTableCentre{
	padding-top:0px;
	padding-left:10px;
	padding-right:24px;
	padding-bottom:0px;
	overflow-x:hidden; /* 980-200-200-10-10 */	/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
}
#tableCentre #tdDroiteTableCentre{
	width:144px; /* 158-14*/ 
	border-left:1px solid #c3c3c3;
	background-color:transparent;
	padding-left:14px;
}
/********************************************/
/* 
	Les zones d'édition
*/
/********************************************/
.divZoneEdition{
	padding:0px;
}
/********************************************/
/* 
	Les gabarits d'articles
*/
/********************************************/
/* image large */
.divArticleGabarit_75 .divArticleImage1{
	overflow:hidden; 
	width: 784px;
}
/* texte + image à gauche  */
.divArticleGabarit_78 .divArticleImage1{
	float:left;
	overflow:hidden; 
}
.divArticleGabarit_78 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_78 .divArticleImage1 table tr td{
	padding-right:16px;
	padding-bottom:5px;
	font-style:italic;
}
/* texte + image à droite */
.divArticleGabarit_79 .divArticleImage1{
	float:right;
	overflow:hidden; 
}
.divArticleGabarit_79 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_79 .divArticleImage1 table tr td{	
	padding-left:16px;
	padding-bottom:5px;
	font-style:italic;
}
/* texte + image à gauche large */
.divArticleGabarit_84 .divArticleImage1{
	float:left;
	overflow:hidden; 
}
.divArticleGabarit_84 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_84 .divArticleImage1 table tr td{
	padding-right:16px;
	padding-bottom:5px;
	font-style:italic;
}
/* texte + image à droite large */
.divArticleGabarit_85 .divArticleImage1{
	float:right;
	overflow:hidden; 
}
.divArticleGabarit_85 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_85 .divArticleImage1 table tr td{	
	padding-left:16px;
	padding-bottom:5px;
	font-style:italic;
}
/* image large */
.divArticleGabarit_85 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_85 .divArticleImage1 table tr td{
	padding-bottom:5px;
	font-style:italic;
}
/* plan du site */
.divArticleGabarit_85 .divArticleContenu div{
	margin-bottom:2px;
}
.divArticleGabarit_74 .divArticleContenu .divPlanDuSiteUnLigne{
	background-image:url("../image/idSite_26/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_74 .divArticleContenu .divPlanDuSiteUnLigne a{
	text-decoration:none;	
}
/********************************************/
/* 
	Les articles génériques
*/
/********************************************/
.divArticle{
	margin-bottom:15px;
	clear:both;
	overflow:visible; /* sinon affichage d'un ascenceur vertical sur firefox si clic sur un lien ? */
}
.divArticleNom{
	margin-top: -3px;
}
.divArticleNom h2, h2{
	margin-bottom: 7px;
	font-weight:normal;
	font-size:22px;
	overflow-x:hidden;	/* pour IE, évite que les h2 trop long générer par dynamicFont eclate la page */
	border-bottom:1px solid #b9b9b9;
	color:#b9b9b9;
}
/* CONTENU : gras */
.divArticleContenu b{
}
.divArticleContenu *{
	line-height:15px;
}
/* le reste */
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
/********************************************/
/* 
	Les articles par zones d'édition
*/
/********************************************/
/* colonne de gauche */
#divZoneEdition_11 .divArticle{	/* à cause de IE, de dynamicFont et de interface.js */
}
#divZoneEdition_11 .divArticle .divArticleNom h2{
	font-size:12px;
}
#divZoneEdition_11 .divArticle .divArticleContenu *{
	font-size:11px;
}
#divZoneEdition_11 .divArticle .divArticleContenu a b{
	color:#000000;
}
#divZoneEdition_11 .divArticle .divArticleImage1 img{
	width:80px;
}
/* colonne du centre */
#divZoneEdition_9 .divArticle{	/* à cause de IE, de dynamicFont et de interface.js */
}
#divZoneEdition_9 .divArticle .divArticleContenu a b{
	color:#000000;
}
#divZoneEdition_9 .divArticleGabarit_86{
	margin-bottom:0px;
}
#divZoneEdition_9 .divArticleGabarit_87{
	margin-top:0px;
	margin-bottom:0px;
}
/* colonne de droite */
#divZoneEdition_10 .divArticle{	/* à cause de IE, de dynamicFont et de interface.js */
}
#divZoneEdition_10 .divArticle .divArticleNom h2{
	font-size:12px;
}
#divZoneEdition_10 .divArticle .divArticleContenu *{
	font-size:11px;
}
#divZoneEdition_10 .divArticle .divArticleContenu a b{
}
#divZoneEdition_10 .divArticle .divArticleContenu b a{
}
#divZoneEdition_10 .divArticle .divArticleImage1 img{
	width:50px;
}
#divZoneEdition_10 .divArticleGabarit_75 .divArticleImage1{
	overflow:hidden; 
	width: 147px;
}
#divZoneEdition_10 .divArticleGabarit_75 .divArticleImage1 img{ 
	width: 147px;
}
/********************************************/
/* 
	Fil d'ariane
*/
/********************************************/
#divFilAriane{
	font-size:11px;
	margin-bottom:8px;
	margin-top:5px;
	color:#297ba8;
	font-weight:bold;
}
#divFilAriane a{
	font-size:11px;
	color:#8d8d8d;
	font-weight:normal;
	margin-right: 2px;
}
/********************************************/
/* 
	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_titre	{border:1px solid #ffffff;border-top:1px solid #ffffff;font-weight:bold;font-size:12px;padding:5px;padding-left:15px;background-color:#297BA8;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 HORIZONTAL */
/********************************************/
/* 1er niveau */
.divMenuHorizontal{
	position:absolute;
	left: 270px;
top: 35px;
}
.divMenuHorizontal .ul_1{
	margin:0;
	padding:2px;
}
.divMenuHorizontal .ul_1 span{
	display:block;
	float:left;
	width:1px;
	padding:0px 0px;
	height:36px;
	margin-top: -5px;
	margin-left: 7px;
	margin-right: 7px;
	background:url('/image/idSite_26/split_v1.png')center top no-repeat;
}
.divMenuHorizontal .ul_1 span:last-of-type{
	display:none;
}
.divMenuHorizontal .ul_1 li{
	/*position:relative;*/
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	background:transparent;
	border-radius: 0px;
}
.divMenuHorizontal .ul_1 li.avecSousMenu{
	
}
.divMenuHorizontal .ul_1 li.avecSousMenu:hover{
	background:#fff;
	padding:0px 0px 4px 0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
 
}
.divMenuHorizontal .ul_1 li a{
	float: left;
	padding: 4px 12px;
	color: #414141;
	font-size: 14px;
	text-decoration: none;
	border-radius: 0px;
}
.divMenuHorizontal .ul_1 li a.aFaussePage,
.divMenuHorizontal .ul_1 li a.aFaussePage:hover{
	cursor:default;
	background:transparent;
}
.divMenuHorizontal .ul_1 li a:hover,
.divMenuHorizontal .ul_1 li a.aLienSelectionner,
.divMenuHorizontal .ul_1 li a.aFaussePage.aLienSelectionner{
	background:#fff;
}
.divMenuHorizontal .ul_1 li .divLienSelectionner{
	/*height:10px;
	background:red;
	position:absolute;
	top:20px;*/
}
/* 2eme niveau */
.divMenuHorizontal .ul_2{
	position:absolute;
	background:#fff;
	left:-2px;
	top:-5020px;
	z-index:15;
	display:block;
	width:775px;
	padding:15px 0px 17px 15px;
	border-radius:0px;
	overflow:hidden;
	/* transition : debut */
	opacity:0;
	box-shadow: 2px 2px 6px #AAA;
	-webkit-box-shadow: 2px 2px 6px #AAA;
} 
.divMenuHorizontal .ul_1 li:hover .ul_2{
	display:block;
	left: -20px;
	top: 28px;
	/* 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;
}
.divMenuHorizontal .ul_2 li{
	float:left;
	margin-bottom:2px;
	width:150px;
	margin-right:10px;
}
.divMenuHorizontal .ul_2 li:last-of-type{
	margin-bottom:0px;
}
.divMenuHorizontal .ul_2 li a{
	float:none;
	display:block;
	width:133px;
	padding: 3px;
	border-radius: 5px;
	cursor:default;
	color:#ffffff;
	background:#297ba8;
	font-size:11px;
	font-weight:bold;
	padding-left: 6px;
	padding-right: 6px;
}
.divMenuHorizontal .ul_2 li a.aFaussePage,
.divMenuHorizontal .ul_2 li a.aFaussePage:hover{
	cursor:default;
	color:#ffffff;
	background:#297ba8;
	font-size:11px;
	font-weight:bold;
	padding-left: 6px;
	padding-right: 6px;
	display:block;
}
.divMenuHorizontal .ul_2 li a:hover,
.divMenuHorizontal .ul_2 li a.aLienSelectionner,
.divMenuHorizontal .ul_2 li a.aFaussePage.aLienSelectionner{
	background:#297ba8;
}
/* societe */
.divMenuHorizontal .ul_1 li.page_394:hover .ul_2{
	width: 160px !important;
	left: 40px;
}
.divMenuHorizontal .ul_1 li.page_394:hover .ul_2 li{
	margin-bottom: 1px;
}
.divMenuHorizontal .ul_1 li.page_394:hover .ul_2 li a{
	float: none;
	display: block;
	font-size: 12px;
	color: #7C7C7C;
	width: auto;
	cursor: auto;
	font-weight: normal;
	background: rgba(0, 0, 0, 0);
}
.divMenuHorizontal .ul_1 li.page_394:hover .ul_2 li a:hover,
.divMenuHorizontal .ul_1 li.page_394:hover .ul_2 li a.aLienSelectionner{
	text-decoration: underline;
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
}
/* 3e niveau */
.divMenuHorizontal .ul_3{
	position:relative;
	background:transparent;
	left:0px;
	top:5px;
	z-index:15;
	padding:0px;
	margin:0px;
	margin-left:3px;
	display:block;
	width:150px;
	border-radius:0px;
	overflow:hidden;
	/* transition : debut */
	opacity:1;
	box-shadow: none;
	-webkit-box-shadow: none;
} 
.divMenuHorizontal .ul_2 li:hover .ul_3{
	position:relative;
	display:block;
	left: 0px;
	top: 5px;
	/* transition : fin */
	opacity:1;
	-webkit-transition: none;
}
.divMenuHorizontal .ul_3 li{
	float:none;
	margin-bottom:1px;
}
.divMenuHorizontal .ul_3 li:last-of-type{ 
	margin-bottom:0px;
}
.divMenuHorizontal .ul_3 li a{
	float:none;
	display:block;
	font-size:12px;
	color:#7c7c7c;
	width:auto;
	cursor:auto;
	font-weight:normal;
	background:transparent;
}
.divMenuHorizontal .ul_3 li a.aFaussePage,
.divMenuHorizontal .ul_3 li a.aFaussePage:hover{
	cursor:default;
	color:#ffffff;
	background:#297ba8;
}
.divMenuHorizontal .ul_3 li a:hover,
.divMenuHorizontal .ul_3 li a.aLienSelectionner,
.divMenuHorizontal .ul_3 li a.aFaussePage.aLienSelectionner{
	text-decoration:underline;
	background:transparent;
	cursor:pointer;
}
/********************************************/
/* 	Menu de navigation VERTICAL */
/********************************************/
/* 1er niveau */
.divMenuVertical{
	margin-bottom:20px;
}
.divMenuVertical ul{
	margin:0;
	padding:0px;
	padding-top:3px;
}
.divMenuVertical ul li.niveauCacher{
	display:none;
}
/**/
.divMenuVertical ul li.niveau1{
	position:relative;
	list-style:none;
	background:none;
	margin:0px 0px 7px 0px;
	padding:0;
}
.divMenuVertical ul li.niveau1 a{
	display: inline;
	padding: 2px 10px 4px 8px;
	cursor:default;
	background: #297BA8;
	color: white;
	border-radius: 0px;
	text-decoration: none;
	font-weight: bold;
}
.divMenuVertical ul li.niveau1 a.aLienSelectionner{
	background:#666666;
	color:#ffffff;
}
/*------------------------*/
.divMenuVertical ul li.niveau2{
	position:relative;
	list-style:none;
	background:none;
	margin:0px 0px 3px 0px;
	padding:0;
	background:url('/image/idSite_26/puce_produit_n2.png') left center no-repeat;
}
.divMenuVertical ul li.niveau2 a{
	display:block;
	padding:3px 8px 3px 8px;
	color:#ababab;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
.divMenuVertical ul li.niveau2 a:hover,
.divMenuVertical ul li.niveau2 a.aLienSelectionner{
	text-decoration:underline;

}
/*-------------------------*/
.divMenuVertical ul li.niveau3{
	position:relative;
	list-style:none;
	background:none;
	margin:0px 0px 4px 0px;
	padding:0;
}
.divMenuVertical ul li.niveau3 a{
	display:block;
	position:relative;
	padding:2px 8px;
	color:#8d8d8d;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}
.divMenuVertical ul li.niveau3 a:hover,
.divMenuVertical ul li.niveau3 a.aLienSelectionner{
	text-decoration:none;
	background:#eee;
	color:#000;
}
.divMenuVertical ul li.niveau3 a:hover .fleche,
.divMenuVertical ul li.niveau3 a.aLienSelectionner .fleche{
	position:absolute;
	right:-6px;
	top: 4px;
	width:5px;
	height:10px;
	background:url('/image/idSite_26/puce_produit_n2.png') left center no-repeat;
}
/* 2eme niveau */
/*.divMenuVertical ul li ul{
	position:relative;
	display:none; 
	padding:0px 0px 0px 10px;
	background:#CCC;
}
.divMenuVertical ul li ul.pageCourantOuParent{
	display:block; 
}
.divMenuVertical ul li:hover ul.pageCourantOuParent{
	display:block;
}
.divMenuVertical ul li ul li{
	float:none;
	margin-bottom:2px;
}
.divMenuVertical ul li ul li:last-of-type{
	margin-bottom:0px;
}
.divMenuVertical ul li ul li a{
	float:none;
	display:block;
	color:#666;
	background:#EEEEEE;
}
.divMenuVertical ul li ul li a.aFaussePage,
.divMenuVertical ul li ul li a.aFaussePage:hover{
	cursor:default;
	color:#ffffff;
	background:transparent;
}
.divMenuVertical ul li ul li a:hover,
.divMenuVertical ul li ul li a.aLienSelectionner,
.divMenuVertical ul li ul li a.aFaussePage.aLienSelectionner{
	background:red;
}
*/
.divPlanDuSite .ul_1 > li:first-of-type a{
	
	background: url("/image/idSite_26/home.png") no-repeat center center;
color: transparent;
padding: 6px 0px;
font-size: 8px;
	
}
/********************************************/
/* 
	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:#00aa00;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
	margin-bottom:20px;
	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("../image/idSite_26/elargisseurConteneurBasBg.gif");
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	bottom:4;
	left:0;
	overflow: hidden;
	font-size: 1px;
}
/*********************************/
/* Formulaire inscription événement
/*********************************/
.divFormulaireInscription
{
	margin-top: 20px;
}

/*********************************/
/* 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: 7px;
	bottom: 11px;
	cursor:pointer;
}
.divImageMultiplePlusDinfo{
	position:absolute;
	left:2px;
	bottom:2px;
	font-style:normal;
	cursor:pointer;
	cursor:help;
}
.divImageMultiplePlusDinfo a{
	color:#ffffff;
	text-decoration:none;
	font-style:normal;
	cursor:help;
}
.divImageMultiplePlusDinfoInfoBulle{
	padding:5px;
}
.divImageMultiplePlusDinfoInfoBulle *{
	font-size:10px;
	text-align:left;
}
/* ----------------------- */
/* Pagination (liste de résultat des enregistrements) */
/* ----------------------- */
/* les conteneurs */
.divPagination{
	margin-bottom:10px;
	text-align:center;
}
.divPagination .divPaginationPrecedentEtSuivant{
	margin-bottom:10px;
}
.divPagination .divPaginationPrecedent{
	float: none;
    display: inline-block;
        height: 30px;
            width: 30px;
}
.divPagination .divPaginationSuivant{
float: none;
    display: inline-block;
        height: 30px;
            width: 30px;
}
.divPagination .divPaginationNombre{
	margin: 0px auto;
    width: 50%;
    height: auto;
    padding-top: 8px;
    background: transparent;
    border-radius: 8px;
    
}
/* les liens */
.divPagination .aPagination:link,
.divPagination .aPagination:visited{
	color:#282828;
	text-decoration:none;
	padding:3px 7px;
	background-color:transparent;
	margin: 0 ;
  
    font-size: 20px;
}
.divPagination .aPagination:hover,
.divPagination .aPagination:active,
.divPagination .aPagination:focus,
.divPagination .aPaginationSelectionner{
	color: #297ba8;
    text-decoration: none;
    background-color: transparent;
    font-weight: normal;
    padding: 3px 7px;
    border-radius: 0px;
    margin: 0 ;
    font-size: 20px;
}
/*********************************/
/* Formulaire de contact */ 
/*********************************/
#divFormContact{

}
#divFormContact fieldset{
	width:436px;
	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:120px;
	text-align: left;
	padding-right: 8px;
}
#divFormContact .divLabel input,
#divFormContact .divLabel textarea{
	float:left;
	width:300px;
}
.backGrey {
    background: rgb(215,215,215);
}
/* accueil */

.imgGalerieAccueil{

}
.nbrPage
{
  display: inline-block;
    vertical-align: top;
    
    padding-top: 8px;
}
/* social*/
.aIcone{
	float:right;
	margin-left:4px;
}
#tdGaucheTableCentre .divNumeroTel{
    width: 85%;
   
}
.divNumeroTel{
	    background: #888888;
    width: 145px;
    height: auto;
    color: #3E3E3E;
    font-size: 11px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    box-sizing:border-box;
}
.divNumeroTel.en{
	
}
.divArticleGabarit_89 .divPaginationSuivant a
{
      height: 30px;
    width: 30px;
    background: transparent url(/image/idSite_26/fleche_slide_d.png) center center no-repeat;
    background-size: cover;
    display: inline-block;
    float: none;
    padding: 0!important;
}  
.divArticleGabarit_89 .divPaginationPrecedent a
{
      height: 30px;
    width: 30px;
    background: transparent url(/image/idSite_26/fleche_slide_g.png) center center no-repeat;
    background-size: cover;
    display: inline-block;
    float: none;
    padding: 0!important;
} 
.divArticleGabarit_89 .divPaginationSuivant a:hover
{
 background: transparent url(/image/idSite_26/fleche_slide_d.png) center center no-repeat;
}  
.divArticleGabarit_89 .divPaginationPrecedent a:hover
{
 background: transparent url(/image/idSite_26/fleche_slide_g.png) center center no-repeat;
}  
.divModule_zoneGeographique .divBlocEnregistrement .emailContact{
  width: 100%;
  display: block;
  float: left;
}

.divModule_zoneGeographique .divBlocEnregistrement .emailContact{
  width: 100%;
  display: block;
  float: left;
}

.divModule_zoneGeographique .divBlocEnregistrement .emailContact .mailTo{
  display: block;
  height: 25px;
  margin-top: 10px;
}
.divModule_zoneGeographique .divBlocEnregistrement .emailContact .mailTo a{
  font-size: 11px;
}
.divModule_zoneGeographique .divBlocEnregistrement .emailContact .mailTo img{

}
.divModule_zoneGeographique .divBlocEnregistrement .emailContact .mailTo.active img{
  display: block;
}