/*CE FICHIER CONSTITUE UNE PARTIE DU LOGICIEL Vitamine CMS.* Le Logiciel Initial "Vitamine CMS" (non modifié par une contribution) est distribuéepar 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 CMSsont 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##################################################*/
/********************************************/
/* Généralités*/
/********************************************/
@-webkit-keyframes cssAnimation4 {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg); top:-300px; opacity:0 }
to { -webkit-transform: rotate(0deg) scale(1) skew(1deg) ; top:48px;opacity:1 }
}
@-moz-keyframes cssAnimation4 {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) ; top:-300px; opacity:0}
to { -moz-transform: rotate(0deg) scale(1) skew(1deg); top:48px; opacity:1}
}
@-o-keyframes cssAnimation4 {
from { -o-transform: rotate(0deg) scale(1) skew(1deg) ; top:-300px; opacity:0}
to { -o-transform: rotate(0deg) scale(1) skew(1deg) ; top:48px; opacity:1}
}

@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(-300px); opacity:0 }
to { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);opacity:1 }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(-300px); opacity:0}
to { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); opacity:1}
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(-300px); opacity:0}
to { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); opacity:1}
}

@-webkit-keyframes cssAnimation2 {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(300px); opacity:0 }
to { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);opacity:1 }
}
@-moz-keyframes cssAnimation2 {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(300px); opacity:0}
to { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); opacity:1}
}
@-o-keyframes cssAnimation2 {
from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(300px); opacity:0}
to { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); opacity:1}
}

@-webkit-keyframes openLogo {
from { opacity:0 }
to { opacity:1 }
}
@-moz-keyframes openLogo {
from {opacity:0}
to {  opacity:1}
}
@-o-keyframes openLogo {
from {  opacity:0}
to { opacity:1}
}

@-webkit-keyframes closeLogo {
from { opacity:0 }
to { opacity:1 }
}
@-moz-keyframes closeLogo {
from {opacity:0}
to {  opacity:1}
}
@-o-keyframes closeLogo {
from {  opacity:0}
to { opacity:1}
}

@-webkit-keyframes cssAnimation3 {
from { opacity:0 }
to { opacity:1 }
}
@-moz-keyframes cssAnimation3 {
from {opacity:0}
to {  opacity:1}
}
@-o-keyframes cssAnimation3 {
from {  opacity:0}
to { opacity:1}
}
/*Background de couleurs*/
.bleur
{
	background:#526974;
}
.sitePro .bleur
{
	background:#b3105f;
}

.bleurSlide
{
	background:#38454b;
}

.vioulet
{
	background:#b3105f;
}

.blanq
{
	background:#fff;
}

.gris
{
	background:#eeeeee;
}

.bordourVerte
{
	border-top:4px solid #b2c722;
}

img.donnezvie{
  position: absolute;
  top: 48px;
  left: 154px;
 opacity:0;
      -webkit-animation: cssAnimation4 1s 1 ease 1s forwards ;
-moz-animation: cssAnimation4 1s 1 ease 1s  forwards ;
-o-animation: cssAnimation 1s 1 ease 1s forwards ;
 
}
.TexteOnglet.PresentEvent
{
display:block;
}
img.logoanim{
    -webkit-animation: cssAnimation 0.75s 1 ease forwards;
-moz-animation: cssAnimation 1s 1 ease forwards;
-o-animation: cssAnimation 1s 1 ease forwards;

}
img.avos{
    position: absolute;
  top: 68px;
   opacity:0;
  left: 218px;
   -webkit-animation: cssAnimation3 1s 1 ease 2s forwards ;
-moz-animation: cssAnimation3 1s 1 ease 2s forwards ;
-o-animation: cssAnimation3 1s 1 ease 2s forwards ;
}
img.venement{
     position: absolute;
  top: 58px;
  left: 282px;
   opacity:0;
  -webkit-animation: cssAnimation2 1s 1 ease 3s forwards ;
-moz-animation: cssAnimation2 1s 1 ease 3s forwards ;
-o-animation: cssAnimation2 1s 1 ease 3s forwards ;
}
#logo
{
	display:none;
	
}
#logo.animations
{display:block;
	

}
/*Violet  -> Foires et SalonsOrange -> SpectacleVert -> Manifestations*/
*
{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body
{
	font-size:15px;
	color:#000000;
	font-family: 'Lato', sans-serif;
	-webkit-transition: background .6s ease-in;
	-moz-transition: background .6s ease-in;
	-o-transition: background .6s ease-in;
	transition: background .6s ease-in;
}

b, strong
{
	color:#b3105f;
}

table
{
	border-collapse:collapse;
}

table caption
{
	display:none;
}

table thead
{
	display:none;
}

table tr td
{
	vertical-align:top;
}
table tr >td:nth-child(2)
{
	width:100%;
}

h1
{
	font-size:39px;
	margin-top:4px;
	margin-bottom:10px;
	line-height:40px;
	/* sinon ya une marge en bas */
	color:#b3105f;
	font-weight:normal;
	margin-bottom: 30px;
}

h3
{
	position:relative;
	top:-3px;
}

ul
{
	margin-left:10px;
	list-style-type: none;
}

ol
{
	margin-left:10px;
}

ul li
{
	background-image:url("../image/idSite_4/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;
}

ul li a
{
	text-decoration:none;
}

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

ol li a
{
	text-decoration:none;
}

fieldset
{
	border:0px;
	margin:0px;
	padding:0px;
}

legend
{
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	display:none;
	height:0px;
}

.centrerContenant
{
	Width:100%;
}

.centrerContenu
{
	width:1170px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

textarea
{
	width:95%;
}

a img
{
	border:0px;
}

a
{
color:#000000}

a:hover
{
	color:#ffffff;
}

a:hover span
{
	color:#ffffff;
	text-decoration:underline;
}

a.aLienSelectionner
{
	color:#ffffff;
	background-color:transparent;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

a.aLienSelectionner:hover
{
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background-color:transparent;
	text-decoration:none;
}

td.RsxSoc a
{
	border: 2px solid #fff;
	padding: 2px 7px;
	border-radius: 50px;
	font-size: 14px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	color:#fff;
}

td.RsxSoc a.facebook
{
	padding: 2px 7px;
	margin-right: 10px;
}

td.RsxSoc a.twitter
{
	padding: 2px 5px;
	margin-right: 10px;
}

td.RsxSoc a.ggplus
{
	padding: 2px 5px;
}

td.RsxSoc a:hover
{
	border: 2px solid #b2c921;
	color:#b2c921;
	cursor:pointer;
}

/********************************************/
/* Structure du site*/
/********************************************/
#divGeneral
{
	width:978px;
	margin-left:auto;
	margin-right:auto;
}

body
{
	background-color:#f1f0ec;
}

#divBgBig
{
	background-image:url("../image/idSite_4/bgBig.jpg");
	background-repeat:repeat-x;
	background-position:center top;
	margin-left:auto;
	margin-right:auto;
}

/* MENU AU DESSUS DU BANDEAU */
#divLienHeader
{
	height: 39px;
	padding-top: 0px;
	padding-left: 0;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

#divLienHeader span
{
	padding-bottom: 0px;
	line-height: 26px;
	display: inline-block;
	margin: 0px 14px 0px 5px;
}

#divLienHeader i
{
	font-size: 20px;
	padding-right: 4px;
}

.conteneurPartage
{
	position:relative;
}

#divLienHeader a
{
	color: #FFF;
	text-decoration:none;
}

#divLienHeaderGauche
{
	color: #FFF;
	padding-top:7px;
	display: inline-block;
	float: none;
}

#divLienHeaderCentre
{
	float:right;
	top:0px;
	padding-left:8px;
}

#divLienHeaderDroite
{
	padding-left: 0px;
	position: relative;
	top: 0px;
	padding-top:6px;
	display: inline-block;
	float: right;
}

#divLienHeaderDroite:last-of-type
{
	margin-right:5px;
}

#divLienHeaderDroite.accesPro
{
	height:100%;
	padding-top:0px;
}

#divLienHeaderDroite.accesPro a
{
	height:100%;
	background:#b3105f;
	display:block;
	font-size:16px;
	padding:9px 30px;
}

#divLienHeaderDroite.accesPro a:hover
{
	background:#38454b;
	color: #fff;
}

#divLienHeaderDroite span
{
	color: #526974;
	background: #FFF none repeat scroll 0% 0%;
	border-radius: 39px;
	width: 27px;
	height: 26px;
	text-align: center;
	padding-left: 5px;
	padding-top: 2px;
	margin: 0px 8px 0px 0px;
}

#divLienHeaderDroite span i
{
	font-size: 18px;
}

.uneFiche #divLienHeaderDroite span.fbHead
{
	color: #526974;
	background: #FFF none repeat scroll 0% 0%;
	border-radius: 39px;
	width: 27px;
	font-size: 18px;
	height: 26px;
	text-align: center;
	padding-left: 4px;
	margin: 0px 8px 0px 0px;
	padding-top: 0px;
}

#divLienHeaderDroite span.fbHead
{
	color: #526974;
	background: #FFF none repeat scroll 0% 0%;
	border-radius: 39px;
	width: 27px;
	font-size: 18px;
	height: 26px;
	text-align: center;
	padding-left: 4px;
	margin: 0px 8px 0px 0px;
	padding-top: 4px;
}

.uneFiche #divLienHeaderDroite span.instaHead
{
	color: #526974;
	background: #FFF none repeat scroll 0% 0%;
	border-radius: 39px;
	width: 27px;
	height: 26px;
	padding-top: 0px;
	text-align: center;
	padding-left: 5px;
	margin: 0px 8px 0px 0px;
	vertical-align: top;
}

#divLienHeaderDroite span.instaHead
{
	color: #526974;
	background: #FFF none repeat scroll 0% 0%;
	border-radius: 39px;
	width: 27px;
	height: 26px;
	padding-top: 3px;
	text-align: center;
	padding-left: 5px;
	margin: 0px 8px 0px 0px;
	vertical-align: top;
}

#divLienHeaderDroite span a
{
	color: #526974;
}

#divLienHeaderDroite span a:hover,#divLienHeaderDroite span:hover a
{
	color: #fff;
}

#divLienHeaderDroite span.fbHead:hover,#divLienHeaderDroite span.instaHead:hover,#divLienHeaderDroite span:hover
{
	color: #fff;
	background:#38454b;
	cursor:pointer;
}

.aLienHeader
{
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a:link.aLienHeader
{
	color:#ffffff;
}

a:hover.aLienHeader
{
	color:#ffffff;
}

.inputHeaderNewsletter
{
	width: 100%!important;
	float: none;
	border:1px solid #b3105f;
	height:25px;
	font-family:verdana;
	font-size:10px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	margin-top: 9px;
}

.inputHeaderNewsletterBouton
{
	float:right;
	border:0px;
	display: block;
	background-color:#b3105f;
	color:#ffffff;
	font-size:13px;
	margin-left:0px;
	height:26px;
	margin-top:0px;
	width:36px;
	cursor:pointer;
}

.inputHeaderNewsletterBouton:hover
{
	background-color:#526974;
}

/* BANDEAU */
#divBandeau
{
	position:relative;
	background-repeat:no-repeat;
	height:190px;
}

#divBandeauLogo
{
	position:absolute;
	top:37px;
	left:0px;
}

#newsletter
{
	font-family: 'Lato', sans-serif;
	position:absolute;
	top:37px;
	right:0px;
	color: rgb(62, 82, 89);
	font-size: 22px;
	width:230px;
	font-weight:normal;
}

#newsletter span
{
	color: #b3105f;
	font-size: 16px;
	font-weight:normal;
}

#divBandeauDrapeau
{
	position:absolute;
	top:0px;
	right:10px;
}

#divBandeauDrapeau a
{
	font-size:10px;
	text-decoration:none;
}

#divBandeauDrapeau td
{
	padding:5px;
}

#divBandeauDrapeau td img
{
	margin-bottom:3px;
}

#divBandeauAuthentification
{
	position:absolute;
	bottom:3px;
	right:10px;
}

#divBandeau #divBandeauThemeAssocier
{
	overflow:hidden;
	height:0px;
}

#divBandeau #divBandeauMoteurRecherche
{
	position:absolute;
	left:10px;
	bottom:3px;
}

#divBandeauGeneral
{
	height:47px;
}

/* FOOTER */
#divFooter
{
	position: relative;
	padding-top: 30px;
	padding-right: 20px;
	text-align: left;
	height: auto;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

.acceProFooter
{
	background: #b3105f;
	display: inline-block;
	padding: 5px 17px;
	font-size: 14px;
	border-radius: 6px;
	margin-top: 15px;
}

.acceProFooter:hover
{
	background: #38454b;
}

#divFooter .acceProFooter a:hover
{
	color:#fff;
}

#divFooter #divFooterThemeAssocier
{
	position:absolute;
	top:16px;
	left:20px;
	width:750px;
	text-align:left;
	font-size:9px;
	color:#888888;
	padding-bottom:30px;
}

#divFooter #divFooterThemeAssocier strong
{
	text-align:left;
	font-size:10px;
	color:#888888;
}

#divFooter #divFooterThemeAssocier a
{
	font-size:9px;
	color:#888888;
	text-decoration:none;
	cursor:default;
}

#divFooterAdresse
{
	margin-left: 20px;
	float: none;
	text-align: left;
	color: #fff;
	font-size: 15px;
	vertical-align: top;
	padding-top: 5px;
	display:inline-block;
}

#divFooterAdresse a
{
	color: #fff;
	font-size: 15px;
	text-decoration:none;
}

#divFooter  a
{
	color: #fff;
	text-decoration:none;
	font-size: 15px;
}

#divFooter a:hover
{
	color: #b2c921;
	text-decoration:none;
	cursor:pointer;
}

#divFooterAdresse .fa-phone
{
	color: #fff;
	font-size: 21px;
	margin-right: 11px;
}

#divFooter a.aLienSelectionner
{
	color: #b2c921;
	text-decoration:none;
	background-color: transparent;
	text-transform: none;
	font-weight: normal;
}

#divFooter td:first-of-type
{
	width: 535px;
}

#divFooter td:nth-child(2)
{
	width: 240px;
}

#divFooter ul li
{
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 0px;
	margin-bottom: 0px;
}

#divFooter ul li a
{
	color: #fff;
	text-decoration:none;
	font-size: 15px;
}

#divFooter td.RsxSoc
{
	text-align: right;
	padding-top: 18px;
}

#divFooter ul
{
	margin-left: 0px;
	list-style-type: none;
}

#divFooterAdresse .fa-envelope
{
	color: #fff;
	font-size: 15px;
	margin-right: 16px;
}

.logoFoot
{
	display:inline-block;
}

a:link.aLienFooterSelectionner
{
	font-size:11px;
	color:#4f4f4f;
	text-decoration:none;
}

a:hover.aLienFooterSelectionner
{
	background-color:#ede5c8;
	font-size:11px;
	color:#262626;
	text-decoration:none;
}

a:focus.aLienFooterSelectionner
{
	background-color:#ede5c8;
	font-size:11px;
	color:#262626;
	text-decoration:none;
}

a:active.aLienFooterSelectionner
{
	background-color:#ede5c8;
	font-size:11px;
	color:#262626;
	text-decoration:none;
}

/* CENTRE */
#tableCentre
{
	width:980px;
	height:550px;
	background-color:#eeeeee;
}

#tableCentre #tdGaucheTableCentre
{
	width:200px;
	background-color:#dddddd;
	padding-top:10px;
	padding-bottom:10px;
}

#tableCentre #tdCentreTableCentre
{
	background-color:#ffffff;
	overflow-x:hidden;
	width:580px;
	/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */
}

#tableCentre #tdDroiteTableCentre
{
	width:200px;
	background-color:#dddddd;
	padding-top:10px;
}

/********************************************/
/* Les zones d'édition*/
/********************************************/
.divZoneEdition
{
	padding:0px;
}

/********************************************/
/* Les gabarits d'articles*/
/********************************************/
/* texte uniquement */
.divArticleGabarit_23
{
	background:transparent;
}

/* formulaire de contact */
#divFormContact
{
	width:650px;
}

#divFormContact .messageContact
{
	border-top: 1px solid #b3105f;
	margin-top: 20px;
	padding-top: 20px;
}

#divFormContact #formContactButton
{
	padding:12px 17px;
	text-transform:uppercase;
	width:auto;
	background:#b3105f;
	border: 1px solid #b3105f;
	color:#fff;
}

#divFormContact #formContactButton:hover
{
	padding:12px 17px;
	text-transform:uppercase;
	width:auto;
	color:#b3105f;
	border: 1px solid #b3105f;
	background:#fff;
	cursor:pointer;
}

#divFormContact .selectContact
{
}

#divFormContact .champObligat
{
	color:#b3105f;
	font-size:12px;
}

#divFormContact .selectContact select
{
	width:100%;
	padding: 8px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
border: 0px}

#divFormContact input,#divFormContact textarea.textarea,#divFormContact textarea
{
	width:100%;
	padding: 8px 10px;
	margin-bottom: 20px;
border: 0px}

#divFormContact .ligne1col1.selectContact
{
	display:block;
	width:48%;
}

#divFormContact .ligne1col1
{
	display:inline-block;
	width:48%;
}

#divFormContact .ligne1col2
{
	display:inline-block;
	width:48%;
	float: right;
}

#divFormContact .ligne2col1
{
	display:inline-block;
	width:48%;
}

#divFormContact .ligne2col2
{
	display:inline-block;
	width:48%;
	float: right;
}

#divContactImage
{
	margin-top:5px;
	float:left;
	display:block;
}

#divContactForm
{
	margin-left: 310px;
	float:left;
	display:block;
}

/* texte + image à gauche */
.divArticleGabarit_8 .divArticleImage1
{
	float:left;
	overflow:hidden;
	padding-left:17px;
}

.divArticleGabarit_8 .divArticleImage1 table
{
	width:1px;
}

.divArticleGabarit_8 .divArticleImage1 table tr td
{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}

/* texte + image à droite */
.divArticleGabarit_9 .divArticleImage1
{
	float:right;
	overflow:hidden;
	padding-left:17px;
}

.divArticleGabarit_9 .divArticleImage1 table
{
	width:1px;
}

.divArticleGabarit_9 .divArticleImage1 table tr td
{
	padding-left:10px;
	padding-bottom:5px;
	font-style:italic;
}

/* image large */
.divArticleGabarit_21 .divArticleImage1 table
{
	width:1px;
}

.divArticleGabarit_21 .divArticleImage1 table tr td
{
	padding-bottom:5px;
	font-style:italic;
}

/* image large (pour accueil) */
.divArticleGabarit_41 .divArticleImage1 table
{
	width:1px;
}

.divArticleGabarit_41 .divArticleImage1 table tr td
{
	padding-bottom:5px;
	font-style:italic;
}

/* plan du site */
.divArticleGabarit_20 .divArticleContenu div
{
	margin-bottom:2px;
}

.divArticleGabarit_20 .divArticleContenu .divPlanDuSiteRacine
{
	background-image:url("../image/idSite_4/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 .divPlanDuSiteRacine a
{
	text-decoration:none;
}

.divArticleGabarit_20 .divArticleContenu .divPlanDuSitePagePasRacine a
{
	background-color:transparent;
	text-decoration:underline;
	color:#333333;
	background-image:url("../image/idSite_4/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;
}

/********************************************/
/* Les articles génériques*/
/********************************************/
.divArticle
{
	margin-bottom:20px;
	clear:both;
	overflow:visible;
	/* sinon affichage d'un ascenceur vertical sur firefox si clic sur un lien ? */
}

.divArticleNom h2
{
	margin-bottom: 20px;
	background: #B3105F none repeat scroll 0% 0%;
	font-size: 15px;
	color: #FFF;
	padding-left: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.divArticleContenu
{
	padding-left:17px;
}

.divArticleNom h2.Module_evenementFicheTitreTurquoise
{
	margin-bottom:10px;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	width:400px;
	height:15px;
	white-space:nowrap;
	text-transform:uppercase;
	padding-left:15px;
	background-color:#38aba7;
	background-image:url("../image/idSite_4/flecheH2.gif");
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

.divArticleNom h3
{
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	color:#b31d4d;
	overflow-x:hidden;
	/* pour IE, évite que les h2 trop long générer par dynamicFont eclate la page */
}

/* CONTENU : gras */
.divArticleContenu b
{
	color:#b3105f;
}

/* CONTENU : lien */
.divArticleContenu a:link
{
	color:#b3105f;
}

.divArticleContenu a:hover
{
	color:#b3105f;
	text-decoration:none;
}

.divArticleContenu a:active
{
	color:#b3105f;
}

.divArticleContenu a:focus
{
	color:#b3105f;
}

/* CONTENU : lien (selectionné) */
.divArticleContenu a.aLienSelectionner:link
{
	background-color:#000000;
	color:#b3105f;
}

.divArticleContenu a.aLienSelectionner:hover
{
	background-color:#000000;
	color:#b3105f;
	text-decoration:none;
}

.divArticleContenu a.aLienSelectionner:active
{
	background-color:#000000;
	color:#b3105f;
}

.divArticleContenu a.aLienSelectionner:focus
{
	background-color:#000000;
	color:#b3105f;
}

/* le reste */
.divArticleContenu ul
{
	margin-top:0px;
	margin-bottom:0px;
}

.divArticleContenu ul a
{
	text-decoration:underline;
}

.divClearBoth
{
	clear:both;
	overflow:hidden;
}

/********************************************/
/* Les articles par zones d'édition*/
/********************************************/
/* colonne du centre */
#divZoneEdition_1 .divArticle
{
	/*width:900px;
	*/
	background-color:transparent;
	/* à cause de IE, de dynamicFont et de interface.js */
	padding-top:15px;
}

#divZoneEdition_1 .divArticle .divArticleContenu a b
{
	background-color:#b31d4d;
	color:#ffffff;
	font-weight:normal;
}

#divZoneEdition_1 .divArticle .divArticleContenu a b:hover
{
	background-color:#666666;
	color:#ffffff;
	font-weight:normal;
}

#divZoneEdition_1 .divArticle .divArticleContenu a:hover
{
	background-color:#666666;
	color:#ffffff;
	font-weight:normal;
}

/*Accueil*/
#divZoneEdition_9 .divArticle
{
	margin-bottom:20px;
}

#divZoneEdition_9 .divArticle .divArticleContenu *
{
	/* modifier le texte sous la vidéo sur la page d'accueil */
	font-size:11px;
	color:#4f4f4f;
}

#divZoneEdition_9 .divArticle .divArticleContenu a b
{
	background-color:#b2a05e;
	color:#ffffff;
	font-weight:bold;
}

#divZoneEdition_9 .divArticle .divArticleContenu a b:hover
{
	background-color:#ffffff;
	color:#4f4f4f;
	font-weight:bold;
}

#divZoneEdition_9 .divArticle .divArticleContenu a:hover
{
	background-color:#ffffff;
	color:#4f4f4f;
	font-weight:normal;
}

/* Liste des évènements */
#divZoneEdition_10 .divArticle
{
	/*width:900px;
	*/
	background-color:transparent;
	/* à cause de IE, de dynamicFont et de interface.js */
	padding-bottom:15px;
}

/********************************************/
/* Fil d'ariane*/
/********************************************/
#divFilAriane
{
	padding-left: 0px;
	padding-top: 28px;
	font-size: 11px;
	color: #000;
	padding-bottom: 12px;
}

#divFilAriane a
{
	background-color:transparent;
	margin-right:2px;
	font-size:11px;
	color:#526974;
}

#divFilAriane a:hover
{
	background-color:transparent;
	font-size:11px;
	color:#000000;
}

/********************************************/
/* 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:#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;
}

/********************************************/
/* Les menus de navigation*/
/********************************************/
.divPlanDuSiteMenuNavigation
{
	height:100%;
}

.divPlanDuSite .divMenuNavigationProfondeur1
{
	margin-bottom:0px;
	display:inline-block;
	height: 100%;
	vertical-align: top;
}

.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1
{
	cursor:pointer;
	font-size:16px;
	width:auto;
	height:100%;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	display: block;
	height: 100%;
}

.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a
{
	text-decoration:none;
	color:#ffffff;
	height:100%;
	display: block;
	padding: 0px 20px;
	line-height: 45px;
}

.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a.aLienSelectionner
{
	text-decoration:none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #b3105f;
}

.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a:hover
{
	text-decoration:none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #b3105f;
}

.separateur
{
	background:url("../image/idSite_4/separateur.png") no-repeat center center;
	display:inline-block;
	height:100%;
	width:1px;
}

.separateur:last-of-type
{
	display:none;
}

.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1Selectionner
{
}

.divPlanDuSite .divMenuNavigationProfondeur2
{
	margin-bottom:1px;
	background-color:#eeeeee;
	position: relative;
	z-index: 20;
}

.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2
{
	margin-bottom:1px;
	background-color: #526974;
	cursor:pointer;
}

.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2Selectionner
{
	margin-bottom:1px;
	background-color:#ff0000;
	cursor:pointer;
}

/* 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*/
/********************************************/
input.inputText
{
	border:1px solid #b31d4d;
	padding-left:1px;
}

input.inputTextFocus
{
	border:2px solid #b31d4d;
}

input.inputTextMessageWrong
{
	border:2px solid #a90101;
}

textarea.textarea
{
	border:1px solid #b31d4d;
}

textarea.textareaFocus
{
	border:2px solid #b31d4d;
}

textarea.textareaMessageWrong
{
	border:2px solid #a90101;
}

.divResizeTextareaExterne
{
	cursor: ns-resize;
	cursor: n-resize;
}

.divResizeTextareaInterne
{
	display:none;
	width: 429px;
	height: 8px;
	background-color:#b5b5b5;
	background-image:url("../image/idSite_4/elargisseurConteneurBasBg.gif");
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	bottom:4;
	left:0;
	overflow: hidden;
	font-size: 1px;
}

#formContactButton
{
	display:block;
	margin-top:10px;
}

/*********************************/
/* info bulle */
/*********************************/
#tableInfoBulle
{
	margin:10px;
}

#tableInfoBulle #tdInfoBulle
{
	padding:0px;
	border:1px solid #000000;
	background-color:#ffffff;
}

/*********************************/
/* page simple */
/*********************************/
/*********************************/
/* page location */
/*********************************/
/*********************************/
/* accueil */
/*********************************/
.divAccueilHaut
{
	background-image:url("../image/idSite_4/accueilProchainement.png");
	background-repeat:no-repeat;
}

.divAccueilCentre
{
	background-image:url("../image/idSite_4/accueilCentre.gif");
	background-repeat:repeat-y;
	padding-left:23px;
	padding-right:7px;
	padding-top:10px;
	margin-top:30px;
}

.divAccueilBas
{
	background-image:url("../image/idSite_4/accueilBas.gif");
	background-repeat:no-repeat;
	height:10px;
}

.divAccueilEvenementImage
{
	float:left;
}

.divAccueilEvenementTexte
{
	float:left;
	margin-left:15px;
}

/* orange => Modif vers le violet*/
.divAccueilEvenementTexteTitre
{
	margin-bottom:10px;
	font-weight:bold;
	font-size:13px;
	width:332px;
	height:17px;
	color:#ffffff;
	text-transform:uppercase;
	padding-left:15px;
	padding-top:7px;
	background-color:#dc159d;
	background-image:url("../image/idSite_4/accueilEvenementViolet.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.divAccueilEvenementTexteDate
{
	font-weight:bold;
	color:#0000;
	margin-left:15px;
}

.divAccueilEvenementTexteTexte
{
	color:#0000;
	width:300px;
	font-size:10px;
	margin-left:15px;
	margin-top:6px;
}

.divAccueilEvenementTexteSavoirPlus
{
	font-weight:bold;
	color:#ffffff;
	background-color:#dc159d;
	width:70px;
	margin-top:10px;
	margin-left:15px;
}

.divAccueilEvenementTexteSavoirPlus a:link
{
	color:#ffffff;
	background-color:#dc159d;
	text-decoration:none;
	width:70px;
	padding-left:3px;
	display:block;
}

.divAccueilEvenementTexteSavoirPlus a:hover
{
	color:#ffffff;
	background-color:#c00a86;
	text-decoration:none;
	width:70px;
	padding-left:3px;
	display:block;
}

/* vert => Modif vers le orange */
.divAccueilEvenementTexteTitreVert
{
	margin-bottom:10px;
	font-weight:bold;
	font-size:13px;
	width:332px;
	height:17px;
	color:#ffffff;
	text-transform:uppercase;
	padding-left:15px;
	padding-top:7px;
	background-color:#ffa200;
	background-image:url("../image/idSite_4/accueilEvenementOrange.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.divAccueilEvenementTexteDateVert
{
	font-weight:bold;
	color:#0000;
	margin-left:15px;
}

.divAccueilEvenementTexteTexteVert
{
	color:#0000;
	width:300px;
	font-size:10px;
	margin-left:15px;
	margin-top:6px;
}

.divAccueilEvenementTexteSavoirPlusVert
{
	font-weight:bold;
	color:#ffffff;
	background-color:#ffa200;
	width:70px;
	margin-top:10px;
	margin-left:15px;
}

.divAccueilEvenementTexteSavoirPlusVert a:link
{
	color:#ffffff;
	background-color:#ffa200;
	text-decoration:none;
	width:70px;
	padding-left:3px;
	display:block;
}

.divAccueilEvenementTexteSavoirPlusVert a:hover
{
	color:#ffffff;
	background-color:#cf8300;
	text-decoration:none;
	width:70px;
	padding-left:3px;
	display:block;
}

/* violet => Modif vers le VERT */
.divAccueilEvenementTexteTitreViolet
{
	margin-bottom:10px;
	font-weight:bold;
	font-size:13px;
	width:332px;
	height:17px;
	color:#ffffff;
	text-transform:uppercase;
	padding-left:15px;
	padding-top:7px;
	background-color:#97bf0d;
	background-image:url("../image/idSite_4/accueilEvenementVert.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.divAccueilEvenementTexteDateViolet
{
	font-weight:bold;
	color:#0000;
	margin-left:15px;
}

.divAccueilEvenementTexteTexteViolet
{
	color:#0000;
	width:300px;
	font-size:10px;
	margin-left:15px;
	margin-top:6px;
}

.divAccueilEvenementTexteSavoirPlusViolet
{
	font-weight:bold;
	color:#ffffff;
	background-color:#97bf0d;
	width:70px;
	margin-top:10px;
	margin-left:15px;
}

.divAccueilEvenementTexteSavoirPlusViolet a:link
{
	color:#ffffff;
	background-color:#97bf0d;
	text-decoration:none;
	width:70px;
	padding-left:3px;
	display:block;
}

.divAccueilEvenementTexteSavoirPlusViolet a:hover
{
	color:#ffffff;
	background-color:#7da004;
	text-decoration:none;
	width:70px;
	padding-left:3px;
	display:block;
}

/*##################################################MODULE EVENEMENT (copier dans le module evenement##################################################*/
.divModule_evenement
{
}

.catEvent
{
	background: #b3105f;
	display: inline-block;
	color: #fff;
	padding: 5px 12px;
	font-size: 13px;
	margin-bottom: 20px;
	text-transform:uppercase;
}

.unEvent .catEvent
{
	background: #b3105f;
	display: inline-block;
	color: #fff;
	padding: 5px 12px;
	font-size: 13px;
	margin-bottom: 5px;
	text-transform:uppercase;
}

#divModule_evenementDivOptionsPagination a
{
	color: #b3105f;
	background: #FFF;
	padding: 5px 9px;
	border-radius: 99px;
	text-decoration:none;
}

#divModule_evenementDivOptionsPagination a:hover,#divModule_evenementDivOptionsPagination a.aPaginationSelectionner
{
	color: #FFF;
	background: #b3105f;
	padding: 4px 9px;
	border-radius: 99px;
	text-decoration:none;
}

#divModule_evenementGlobal
{
}

/* OPTIONS > les catégories + période */
#divModule_evenementDivOptions
{
	margin-top:8px;
	display:block;
}

#divModule_evenementDivOptionsCat
{
	float:left;
	color:#B3105F;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:15px;
}

#divModule_evenementDivOptionsCatSelect
{
	float:left;
	margin-left:7px;
}

#divModule_evenementDivOptionsCatSelect select
{
	background-color:#eeeeee;
	font-weight:bold;
	height:19px;
	border:1px solid #b4b4b4;
	color:#414141;
}

#divModule_evenementDivOptionsCatSelect optgroup
{
	color:#414141;
}

#divModule_evenementDivOptionsPeriode
{
	float:left;
	color:#B3105F;
	font-weight:bold;
	margin-top:2px;
	margin-left:50px;
}

#divModule_evenementDivOptionsPeriodeSelect
{
	float:left;
	margin-left:7px;
}

#divModule_evenementDivOptionsPeriodeSelect select
{
	background-color:#eeeeee;
	font-weight:bold;
	height:19px;
	border:1px solid #b4b4b4;
	color:#414141;
}

#divModule_evenementDivOptionsPeriodeSelect optgroup
{
	color:#414141;
}

/* OPTIONS > pagination */
#divModule_evenementDivOptionsPagination
{
	float:right;
	    margin-bottom: 30px;
	margin-top:2px;
	color:#B3105F;
}

a:link.divModule_evenementOptionsPagination
{
	color:#B3105F;
	font-weight:bold;
	background-color:transparent;
}

a:hover.divModule_evenementOptionsPagination
{
	color:#414141;
	font-weight:bold;
	background-color:transparent;
}

a:focus.divModule_evenementOptionsPagination
{
	color:#414141;
	font-weight:bold;
	background-color:#fff;
}

a:active.divModule_evenementOptionsPagination
{
	color:#414141;
	font-weight:bold;
	background-color:transparent;
}

a:link.divModule_evenementOptionsPaginationSelectionner
{
	color:#000000;
	font-weight:bold;
	background-color:transparent;
	text-decoration:none;
}

a:hover.divModule_evenementOptionsPaginationSelectionner
{
	color:#414141;
	font-weight:bold;
	background-color:transparent;
}

a:focus.divModule_evenementOptionsPaginationSelectionner
{
	color:#414141;
	font-weight:bold;
	background-color:#fff;
}

a:active.divModule_evenementOptionsPaginationSelectionner
{
	color:#414141;
	font-weight:bold;
	background-color:transparent;
}

/* AGENDA > Bloc orange */
/* AGENDA > Image des les blocs */
.divModule_evenementAgendaImg
{
	float: left;
	display: block;
	margin-bottom: 0px;
	margin-right: 30px;
	
}

.uneFiche .divModule_evenementAgendaImg
{
	float: left;
	display: block;
	margin-bottom: 0px;
	margin-right: 30px;
	height: auto;
}

.divModule_evenementAgendaTexte
{
	float:left;
	width:550px;
}

/*Fiche*/
.divModule_evenementFicheTitre h2
{
	color:#313131;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
}

.divModule_evenementFicheDate
{
	color: #526974;
	font-size: 27px;
	font-weight: normal;
	text-transform: uppercase;
}

td.tdimage
{
	width: 300px;
	margin-right: 20px;
	display: inline-block;
}

.lienBilleterie a,.divArticleContenu .lienBilleterie a
{
	text-decoration: none!important;
	background: #526974;
	display: inline-block;
	color: #fff;
	padding: 5px 27px;
	border-radius: 7px;
	font-size: 18px;
}

.unEvent .lienBilleterie a,.unEvent .divArticleContenu .lienBilleterie a
{
	text-decoration: none!important;
	background: #B3105F;
	display: inline-block;
	color: #fff;
	padding: 5px 27px;
	border-radius: 0px;
	font-size: 18px;
	width: 170px;
	text-align: center;
}

.unEvent .lienBilleterie a:hover,.unEvent .divArticleContenu .lienBilleterie a:hover
{
	text-decoration: none!important;
	background: #526974 ;
	display: inline-block;
	color: #fff;
	padding: 5px 27px;
	border-radius: 0px;
	font-size: 18px;
}

.lienBilleterie
{
	margin-bottom: 17px;
}

#divZoneEdition_1 .divArticle .divArticleContenu a.divModule_evenementDivAgendaSavoir:hover
{
	    background-color: #526974;
    color: #ffffff;
    font-weight: normal;
}
#divZoneEdition_1  .divArticle.divArticleGabarit_54  .divArticleContenu{
width:100%;
}
.liensDroiteEvent
{
	float: right;
	text-align: right;
	padding-top: 75px;
	padding-right: 125px;
}

.liensDroiteEvent .lienBilleterie
{
	margin-bottom: 5px;
}

.unEvent
{
	background: #FFF none repeat scroll 0% 0%;
	border-top: 4px solid #9FAAAF;
	border-bottom: 4px solid #9FAAAF;
	padding-left: 0px;
	margin-bottom: 25px;
	
}

.eventTitre
{
	font-size: 20px;
	color: #B3105F;
	font-weight: normal;
	  padding-top: 15px;
}

.eventDate
{
	color: #526974;
	font-weight: normal;
	text-transform: uppercase;
}

.eventResume
{
	margin-bottom:5px;
}

.lienBilleterie.alignRight
{
	text-align: right;
}

.liensDroiteEvent.pasBillet
{
	padding-top:100px;
}

.liensDroiteEvent .lienBilleterie
{
	text-transform: uppercase;
}

.TexteOnglet
{
	display:none;
	padding-top:25px;
	padding-left:30px;
}

.TexteOnglet.eventInfoPratique.eventInfosTitre
{
	background: #b3105f;
	padding-top: 0px;
	margin-top:20px;
	color: #fff;
	font-weight: bold;
	padding: 10px 30px;
}

.infoPratiquehoraires
{
	background:url("../image/idSite_4/pictoheure.png") no-repeat left top;
}

.infoPratiquesalle
{
	background:url("../image/idSite_4/pictoPlace.png") no-repeat left top;
}

.slider .partageSoc
{
	position: absolute;
	right: 0;
	text-align: right;
	bottom: 20px;
	width: 110px;
	top: inherit;
}

.partageSoc
{
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 110px;
}

.conteneurPartage .partageSoc
{
	top: 28px;
}

.partageSoc > div
{
	text-align: center;
	margin-bottom:6px;
	color:#526974;
	font-size: 13px;
}

.partageSoc a
{
	border: 2px solid #526974;
	padding: 2px 7px;
	border-radius: 50px;
	font-size: 14px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	color:#526974;
}

.partageSoc a.facebook
{
	padding: 2px 7px;
	margin-right: 10px;
}

.partageSoc a.twitter
{
	padding: 2px 5px;
	margin-right: 10px;
}

.partageSoc a.ggplus
{
	padding: 2px 5px;
}

.partageSoc a:hover
{
	border: 2px solid #b41e62;
	color:#b41e62;
	cursor:pointer;
}

.infoPratiqueplacement
{
	background:url("../image/idSite_4/pictomap.png") no-repeat left top;
}

.infoPratiquetarif
{
	background:url("../image/idSite_4/pictoTickets.png") no-repeat left top;
}

.infoPratiquemodalite
{
	background:url("../image/idSite_4/pictoPay.png") no-repeat left top;
}

.infoPratiqueresto
{
	background:url("../image/idSite_4/pictoResto.png") no-repeat left top;
}

.infoPratiquedate
{
	background:url("../image/idSite_4/pictocalendar.png") no-repeat left top;
}

.TexteOnglet.eventInfoPratique.eventInfos
{
	background: #fff;
	border-top:4px solid #9faaaf;
	border-bottom:4px solid #9faaaf;
	padding-left:0px;
	margin-bottom:25px;
}

.blocInfoPrat
{
	display:inline-block;
	vertical-align:top;
	font-size:14px;
}

.blocInfoPrat  strong,.blocInfoPrat  b
{
	color:#000;
	font-size:14px;
}

.blocInfoPrat > strong,.blocInfoPrat > b
{
	color:#b3105f;
	font-size:15px;
	text-transform:uppercase;
}

.infoPratiqueLigne1 .blocInfoPrat
{
	width:33%;
	padding-left: 40px;
}

.infoPratiqueLigne1
{
	padding-left: 30px;
	padding-right: 30px;
	border-bottom: 1px solid #9faaaf;
	padding-bottom:25px;
	margin-bottom:25px;
}

.infoPratiqueLigne2
{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom:25px;
}

.infoPratiqueLigne2 .blocInfoPrat
{
	width:33%;
	padding-left: 40px;
}

.TexteOnglet.eventInfoPratique
{
	display:block;
}

.ongletsEvent .ongletEvent
{
	display:inline-block;
	background:#526974;
	min-width:135px;
	color:#FFF;
	text-align:center;
	padding: 10px;
	font-size: 13px;
}

.ongletsEvent .ongletEvent:hover,.ongletEvent.activ
{
	background:#b3105f;
	cursor:pointer;
}

.ongletsEvent
{
	border-bottom:1px solid #000;
}

.lienBilleterie a:hover
{
	background: #b3105f;
	color: #fff;
}

.compteurEvent
{
	font-size: 13px;
	color: #526974;
	margin-bottom: 15px;
}

/*Tableau > Liste des exposants*/
.tabModule_evenementListeExposant td
{
	width:300px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	border:1px dotted #ccc;
}

.divPlanDuSite .divMenuNavigationProfondeur1.buttonMenuOp
{
	display:none;
}

.uneFiche h4
{
	text-transform:uppercase;
	color:#B3105F;
	font-size:18px;
}

.ficheIMG
{
	width:300px;
	overflow:hidden;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:20px;
}

#logoResponsive
{
	display:none;
}

@media screen and (min-width: 0px) and (max-width: 1170px)
{

	.centrerContenant.slider .sliderContainer .nav.prev {

  left: 20px!important;

}

	.centrerContenant.slider .sliderContainer .nav.next {
 
  right: 20px!important;

}
	.centrerContenu
	{
		width: 100%;
		padding:0% 2%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	.ongletsEvent
	{
		border-bottom: 0px solid #000;
	}

	.ongletsEvent .ongletEvent
	{
		margin-bottom:5px;
	}

	.divArticleGabarit_61
	{
		display:none;
	}




	body #divZoneEdition_1 .divArticle.divArticleGabarit_8 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_8 .divArticleContenu,
  body #divZoneEdition_1 .divArticle.divArticleGabarit_9 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_9 .divArticleContenu,
  body #divZoneEdition_1 .divArticle.divArticleGabarit_43 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_43 .divArticleContenu,
  body #divZoneEdition_1 .divArticle.divArticleGabarit_43 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_44 .divArticleContenu
	{
    display: none;
		width: 72%!important;
		float: none!important;
		display: inline-block!important;
		vertical-align: top!important;
		padding-left: 0!important;
		position: relative!important;
	}

	.divArticle.divArticleGabarit_10
	{
		width: 100%!important;
	}

	body #divZoneEdition_12 .divArticle .divArticleImage1, body #divZoneEdition_11 .divArticle .divArticleImage1, body #divZoneEdition_1 .divArticle .divArticleImage1, body #divZoneEdition_9 .divArticle .divArticleImage1
	{
		float: none;
		display: inline-block;
		vertical-align: top;
		padding: 0px;
		width: 27%;
	}

	body #divZoneEdition_12 .divArticle .divArticleImage1 img, body #divZoneEdition_11 .divArticle .divArticleImage1 img, body #divZoneEdition_1 .divArticle .divArticleImage1 img, body #divZoneEdition_9 .divArticle .divArticleImage1 img
	{
		width: 100%;
	}

	.divArticleGabarit_8 .divArticleImage1 table ,.divArticleGabarit_9 .divArticleImage1 table
	{
		width: 100%;
	}

	.logoFoot
	{
		display: block;
	}

	#divContactForm
	{
		margin-left: 0;
		float: left;
		display: block;
		width: 100%;
	}

	#divFormContact
	{
		width: 100%;
	}

	body #divZoneEdition_12 .divArticle .divArticleContenu .enSavoirPlus, body #divZoneEdition_11 .divArticle .divArticleContenu .enSavoirPlus, body #divZoneEdition_1 .divArticle .divArticleContenu .enSavoirPlus, body #divZoneEdition_9 .divArticle .divArticleContenu .enSavoirPlus
	{
		position: relative!important;
		left: 0!important;
		display: inline-block!important;
	}

	.home .homeContent #divZoneEdition_8 .divArticle .divArticleContenu, .home .homeContent #divZoneEdition_9 .divArticle .divArticleContenu
	{
		height: auto!important;
	}

	.divModule_evenementAgendaTexte
	{
		float: left;
		width: 70%;
	}

	.divModule_evenementAgendaImg
	{
		float: left;
		display: block;
		margin-bottom: 0px;
		margin-right: 30px;
		width: 25%;
		height: auto;
	}

	.uneFiche .divModule_evenementAgendaImg
	{
		width: 100%;
	}

	.liensDroiteEvent
	{
		float: right;
		text-align: right;
		padding-top: 0px;
		padding-right: 15px;
	}

	.liensDroiteEvent.pasBillet
	{
		padding-top: 0px;
	}

	.liensDroiteEvent .lienBilleterie
	{
		text-transform: uppercase;
		display: inline-block;
	}
}

@media screen and (min-width: 0px) and (max-width: 1070px)
{
	#divBandeauGeneral .divPlanDuSite .divMenuNavigationProfondeur1.trueMenu:first-of-type
	{
		border-top: 1px solid #fff;
	}

	.divPlanDuSite .divMenuNavigationProfondeur1
	{
		margin-bottom: 0px;
		height: 100%;
		vertical-align: top;
		display: block;
		z-index: 36;
		position: relative;
		background: #526974;
	}

	.divPlanDuSite .divMenuNavigationProfondeur1.trueMenu
	{
		display:none;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1
	{
		text-align: left;
	}

	.divMenuNavigation:hover
	{
		background: #B3105F;
		transition:none;
	}

	.divMenuNavigation:hover .divPlanDuSite .divMenuNavigationProfondeur1.buttonMenuOp
	{
		background:url("../image/idSite_4/pictoMenu.png") no-repeat center right #B3105F;
		transition:none;
	}

	.divPlanDuSite .divMenuNavigationProfondeur1.buttonMenuOp
	{
		display:block;
		background:url("../image/idSite_4/pictoMenu.png") no-repeat center right #526974;
		transition:none;
	}

	.divPlanDuSite .divMenuNavigationProfondeur1.buttonMenuOp:hover,.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a#buttonMenu:hover
	{
		display:block;
		background:url("../image/idSite_4/pictoMenu.png") no-repeat center right #B3105F;
		transition:none;
	}

	.divPlanDuSite .divMenuNavigationProfondeur1.trueMenu.displayBlock
	{
		display:block;
	}

	.divPlanDuSite .divMenuNavigationProfondeur1.trueMenu.displayNone
	{
		display:none;
	}

	.separateur
	{
		background: url("../image/idSite_4/separateur.png") no-repeat center center;
		display: none;
		height: 100%;
		width: 1px;
	}
}

@media screen and (min-width: 0px) and (max-width: 860px)
{
	#logo
{
	display:block;
	
}
#divFooter .footerTable .col3 ul li:after
	{
	content:" - ";
	color:#fff
	}
	#divFooter .footerTable .col3 ul li:last-of-type:after
	{
	content:"";
	color:#fff
	}
#logo.animations
{
	
	 display:none;
}
	.uneFiche table tr td
	{
		display:block;
	width:100%}

	.TexteOnglet
	{
		padding-left:0;
	}

	#divGaleriePhotoVignette
	{
		display:none!important;
	}

	.ficheVid
	{
		display:none;
	}

	.lienBilleterie a, .divArticleContenu .lienBilleterie a
	{
		text-decoration: none !important;
		background: #526974 none repeat scroll 0% 0%;
		display: block;
		color: #FFF;
		padding: 5px 27px;
		border-radius: 7px;
		font-size: 18px;
		text-align: center;
	}

	.unEvent .lienBilleterie a,.unEvent .divArticleContenu .lienBilleterie a
	{
		text-decoration: none !important;
		background: #B3105F  none repeat scroll 0% 0%;
		display: block;
		color: #FFF;
		padding: 5px 27px;
		border-radius: 0px;
		font-size: 18px;
		text-align: center;
	}

	.partageSoc.Fiche
	{
		display:none;
	}

	.ficheIMG
	{
		overflow: hidden;
		width: 300px;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (min-width: 0px) and (max-width: 730px)
{
	#newsletter
	{
		display:none;
	}

	#divBandeauLogo
	{
		position: relative;
		top: 37px;
		left: 0px;
		text-align: center;
		max-width: 100%;
	}

	#divBandeau img
	{
		max-width: 100%;
	}
}

@media screen and (min-width: 0px) and (max-width: 650px)
{
	.infoPratiqueLigne1 .blocInfoPrat,.infoPratiqueLigne2 .blocInfoPrat
	{
		width:100%;
		display:block;
		border-bottom: 1px solid #9faaaf;
		margin-bottom:20px;
		padding-bottom: 20px;
	}

	.infoPratiqueLigne1
	{
		padding-bottom:0;
		margin:0;
		border:0;
	}

	.unEvent .divModule_evenementAgendaImg
	{
		float: none;
		display: block;
		margin-bottom: 0px;
		margin-right: auto;
		width: auto;
		height: auto;
		margin-left: auto;
		padding-bottom: 20px;
	}

	.unEvent .catEvent
	{
		background: #B3105F none repeat scroll 0% 0%;
		display: block;
		color: #FFF;
		padding: 5px 12px;
		font-size: 13px;
		  margin-bottom: 20px;
		text-transform: uppercase;
		text-align: center;
		width: 100%;
	}

	.unEvent .divModule_evenementAgendaTexte
	{
		float: none;
		width: 100%;
		padding-left:30px;
		padding-right:30px;
	}

	.unEvent .lienBilleterie
	{
		text-transform: uppercase;
		display: block;
		width:100%;
		text-align:center;
		padding-left:30px;
		padding-right:30px;
		padding-top: 20px;
	}

	.unEvent .lienBilleterie a
	{
		text-transform: uppercase;
		display: block;
		width:100%;
	text-align:center}

	.liensDroiteEvent
	{
		float: none;
		text-align: center;
		padding-top: 0px;
		padding-right: 0px;
		width:100%;
	}
	.unEvent
{
	background: #FFF none repeat scroll 0% 0%;
	border-top: 4px solid #9FAAAF;
	border-bottom: 4px solid #9FAAAF;
	padding-left: 0px;
	margin-bottom: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
}
}

@media screen and (min-width: 0px) and (max-width: 610px)
{
	
	#divLienHeaderDroite.accesPro
	{
		display:none;
	}

	.divArticle .divArticleImage1
	{
		display:none!important;
	}

  body #divZoneEdition_1 .divArticle.divArticleGabarit_23 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_23 .divArticleContenu,
  body #divZoneEdition_1 .divArticle.divArticleGabarit_8 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_8 .divArticleContenu,
  body #divZoneEdition_1 .divArticle.divArticleGabarit_9 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_9 .divArticleContenu,
  body #divZoneEdition_1 .divArticle.divArticleGabarit_43 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_43 .divArticleContenu,
  body #divZoneEdition_1 .divArticle.divArticleGabarit_43 .divArticleContenu,
	body #divZoneEdition_9 .divArticle.divArticleGabarit_44 .divArticleContenu
	{
		width: 100%!important;
		float: none!important;
		display: inline-block!important;
		vertical-align: top!important;
		padding-left: 0!important;
		position: relative!important;
	}
}

@media screen and (min-width: 0px) and (max-width: 540px)
{
	body .home .homeContent #divZoneEdition_8 .divArticle .divArticleContenu, .home .homeContent #divZoneEdition_9 .divArticle .divArticleContenu
	{
		height:auto!important;
	}

	body #divZoneEdition_12 .divArticle .divArticleContenu .enSavoirPlus, body #divZoneEdition_11 .divArticle .divArticleContenu .enSavoirPlus, body #divZoneEdition_1 .divArticle .divArticleContenu .enSavoirPlus, body #divZoneEdition_9 .divArticle .divArticleContenu .enSavoirPlus
	{
		position:relative!important;
		display:inline-block!important;
	}

	#logo
	{
	display:none}

	#logoResponsive
	{
	display:block}

	#divBandeauLogo
	{
		position: relative;
		top: 9px;
		left: 0px;
		text-align: center;
		max-width: 100%;
	}
}

@media screen and (min-width: 0px) and (max-width: 450px)
{
	.ongletsEvent .ongletEvent
	{
		display: block;
		background: #526974 none repeat scroll 0% 0%;
		width: 100%;
		color: #FFF;
		text-align: center;
		padding: 10px;
		font-size: 13px;
	}
}

@media screen and (min-width: 0px) and (max-width: 350px)
{
	.divArticleGabarit_8 .divArticleImage1 table,.divArticleGabarit_9 .divArticleImage1 table
	{
		width: 100%;
	}
	#divFooterAdresse {
    
    font-size: 14px;
    }
	#divLienHeaderDroite:last-of-type {
    margin-right: 0px;
}
	#divFooter .footerTable .col3 ul
	{
	text-align:left!important;
	}
	.divArticleImage1 table img
	{
		width: 100%;
	}

	.divArticleGabarit_8 .divArticleImage1 table tr td ,.divArticleGabarit_9 .divArticleImage1 table tr td
	{
		padding-right: 0px;
		padding-bottom: 5px;
		font-style: italic;
	}
}