/*
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('../include/js/dynamicFont/fonts/handgotn-webfont.eot');
    src: url('../include/js/dynamicFont/fonts/handgotn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../include/js/dynamicFont/fonts/handgotn-webfont.woff') format('woff'),
         url('../include/js/dynamicFont/fonts/handgotn-webfont.ttf') format('truetype'),
         url('../include/js/dynamicFont/fonts/handgotn-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************************************/
/* 
	Généralités
*/
/********************************************/
*{
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:12px;
	color:#3f3f3f;
}
#divZoneEdition_14
{
	padding-top:8px;
	
}
body{
	
	
	background-image: url("/image/idSite_4/background.png");
	background-repeat:repeat-x;
	background-color:#d6d5d5;
	
}
.bandeauCookies
{
background: rgba(0, 0, 0, 0.11);
color: #777 !important;
display: block;
font-size: 12px !important;
left: 0;
padding: 10px 5%;
position: relative;
text-align: center;
top: 0;
width: 90%;
box-sizing: content-box;
z-index: 2147483645;
}
.bandeauCookies a
{

color: #8a8a8a !important;

font-size: 10px !important;

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

}
#divZoneEdition_15{
	background:#fff;
	padding: 20px;
padding-bottom: 16px;

	margin-bottom:20px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-o-box-shadow: 3px 3px 3px #BCBCBC;
	-moz-box-shadow: 3px 3px 3px #BCBCBC;
	-webkit-box-shadow: 3px 3px 3px #BCBCBC;
	-ms-box-shadow: 3px 3px 3px #BCBCBC;
	box-shadow: 3px 3px 3px #BCBCBC;
	}
#divZoneEdition_11{
	background: #FFF;
padding: 20px;
padding-bottom: 1px;
padding-top: 10px;
margin-bottom: 20px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-o-box-shadow: 3px 3px 3px #BCBCBC;
	-moz-box-shadow: 3px 3px 3px #BCBCBC;
	-webkit-box-shadow: 3px 3px 3px #BCBCBC;
	-ms-box-shadow: 3px 3px 3px #BCBCBC;
	box-shadow: 3px 3px 3px #BCBCBC;
	}
#divZoneEdition_11 .divArticle{
	margin-bottom: 0px;
padding-bottom: 10px;
border-bottom: none;
height: 170px;
display: table-cell;
vertical-align: middle;

	}

#divZoneEdition_11 .divArticleGabarit_8 .divArticleImage1{
	float:none;
	}
.div2ColonneHPLeft
{
	width: 255px;
	padding-left: 30px;
	display: inline-block;
	padding-right: 30px;
	border-right: 1px solid #D9D9D9;
}
.div2ColonneHPLeft .divArticleNom h2
{
	display: inline-block;
	margin: 10px;
	border:none;
	font-weight:normal;
	margin-bottom: 20px;
}
.div2ColonneHPLeft .divArticleImage1
{
	float: left;
}
.div2ColonneHPLeft .divArticleContenu a
{
	background: #626262;
	padding: 6px 8px;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	
}
.div2ColonneHPLeft .divArticleContenu a:hover
{
	
	text-decoration: underline;
	
	
}
.div2ColonneHPRight
{
	width: 280px;
	padding-left: 30px;
	display: inline-block;
}
.div2ColonneHPRight .divArticleNom h2
{
	display: inline-block;
	margin: 10px;
	font-weight:normal;
	border:none;
	margin-bottom: 20px;
}
.div2ColonneHPRight .divArticleImage1
{
	float: left;
	margin-left: -8px;
}
.div2ColonneHPRight .divArticleContenu a
{
	background: #626262;
	padding: 6px 8px;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	
}
.div2ColonneHPRight .divArticleContenu a:hover
{
	
	text-decoration: underline;
	
	
}
table{
	border-collapse:collapse;
}
table caption{
	display:none;
}
table thead{
	display:none;
}
table tr td{
	vertical-align:top;
}
h1{	
	display:table-cell;
	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:24px;
	font-weight:normal;
	color:#616063;
}
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_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;
}
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{

}
img
{
	
}
b,strong
{
	color:#626262;
}
a:hover{

}
#divBandeau a
{
	color:#ffffff;
}
/* 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{
}
.divPourCentrerContenant
{

	text-align:center;
}
.divPourCentrerContenantFooter
{
	background-image: -moz-linear-gradient(top,#525155 0,#706f71 100%);
	background-image: -ms-linear-gradient(top,#525155 0,#706f71 100%);
	background-image: -o-linear-gradient(top,#525155 0,#706f71 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#525155),color-stop(100%,#706f71));
	background-image: -webkit-linear-gradient(top,#525155 0,#706f71 100%);
	background-image: linear-gradient(to bottom,#525155 0,#706f71 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#525155', endColorstr='#706f71'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#525155', endColorstr='#706f71')"; /* IE8 */
	text-align:center;
	border-top:1px solid #FFF;
}
.divPourCentrerContenantFooterBis
{
	background:#424242;
	text-align:center;
	min-height:30px;
}
.divCentrerContenu
{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.adresseFooter
{

	width: 290px;
	margin-right:80px;
	display: inline-block;
}
.LienFooter
{
	vertical-align:top;
	display: inline-block;
	width:270px;
}
.specialHP
{
	background:#fff;
	padding-left: 20px;
	padding-right: 20px ;
	padding-top: 20px;
	min-height: 200px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-o-box-shadow: 3px 3px 3px #BCBCBC;
	-moz-box-shadow: 3px 3px 3px #BCBCBC;
	-webkit-box-shadow: 3px 3px 3px #BCBCBC;
	-ms-box-shadow: 3px 3px 3px #BCBCBC;
	box-shadow: 3px 3px 3px #BCBCBC;
}
.specialHP .divArticleImage1 img
{
	max-width: 210px;
}

.specialHPSansHauteur
{
	background:#fff;
	padding-left: 20px;
	padding-right: 20px ;
	padding-top: 20px;
	Padding-bottom:20px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-o-box-shadow: 3px 3px 3px #BCBCBC;
	-moz-box-shadow: 3px 3px 3px #BCBCBC;
	-webkit-box-shadow: 3px 3px 3px #BCBCBC;
	-ms-box-shadow: 3px 3px 3px #BCBCBC;
	box-shadow: 3px 3px 3px #BCBCBC;
}
 .specialHPSansHauteur .divArticleContenu a
{
	background: #626262;
	padding: 4px 6px;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
/********************************************/
/* 
	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:11px;
}
.divH1 .divImgVignette{
	float:left;
	margin-right:10px;
}
.divH1 .divImgVignette .imgVignette{
	width:70px;
	height:70px;
	border:1px solid #000000;	
}
/* bloc des colonnes */
.divBlocColonne{
	background:#E9E9E9;
	margin-bottom:20px;
	border:1px solid #DADADA;
}
.divBlocColonneTitre{
	background:#DADADA;
	color:#333;
	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;
}
/********************************************/
/* 
	Structure du site
*/
/********************************************/
#divGeneral{
	
	margin-left:auto;
	margin-right:auto;	
	min-height:850px;
}
#divPageHeader{
}
/* Bandeau */
#divBandeau{
	position:relative;

	text-align:left;
	height:80px;
}
#divSousBandeau{
}

#divPageContent{
}
#divBlocContent1{
	display:none;
	vertical-align: top;
	width:200px;
	padding:10px;
	background:#fafafa;
}
#divBlocContent2{
	display:table-cell;
	vertical-align: top;
	width:690px;
	padding-top:7px;
}
  #divBlocContent2 .divArticle {
    padding-right: 19px;
  }
#divBlocContent3{
	display:table-cell;
	vertical-align: top;
	width:290px;
	padding:10px;
	padding-right: 0px;
	padding-top: 60px;
	padding-left: 20px;

}
#divPageFooter p,
#divPageFooter a
{
	color:#cececf;
	text-decoration:none;
	
}
#divPageFooter a:hover
{
	color:#FFF;
	text-decoration:underline;
}
#divPageFooter b,
#divPageFooter strong
{
	color:#FFF;
}
#divPageFooter h2
{font-weight:normal;
	color:#fefefe;
	border-bottom: 1px solid #9D9C9F;
	font-size:25px;
}
#divPageFooter ul li
{
	background-image: none;
padding-left: 0px;
margin-bottom: 2px;
display: inline-block;
width: 128px;
padding-right: 5px;


}
#divPageFooter ul
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#divPageFooter .divArticleContenu
{
	line-height:20px;
}
#divPageFooter .logoFooter
{
	position: absolute;
	top: 30px;
	right: 0px;
}
#divPageFooter .logoFooter img
{
	height:83px;
	border-radius:5px;
}
#divPageFooter{
	min-height:160px;
	padding-top: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:160px;

}
#divFooter #divFooterThemeAssocier{
	position:absolute;
	top:65px;
	left:0px;
	width:750px;
	text-align:left;
	font-size:9px;
	color:#555555;
}
#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: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;
}
/********************************************/
/* 
	Les gabarits d'articles
*/
/********************************************/
/* texte + image à gauche */
.divArticleGabarit_108 .divArticleImage1{

margin-right: 15px;
}
.divArticleGabarit_8 .divArticleImage1{
	float:left;
	overflow:hidden; 
	padding-right: 10px;

}
#divBlocContent2 .divArticleGabarit_8 .divArticleImage1{
	float:left;
	overflow:hidden; 
	padding-right: 10px;
	width: 36%;
}
.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-right: 10px;
}
.divArticleGabarit_9 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_9 .divArticleImage1 table tr td{	
	padding-left:10px;
	padding-bottom:5px;
	font-style:italic;
}

/* Texte + vidéo à gauche */
.divArticleGabarit_18 iframe{
	z-index:1;
}
.divArticleGabarit_18 .divArticleImage1{
	float:none;
}

/* texte + image à gauche (2) */
.divArticleGabarit_36 .divArticleImage1{
	float:left;
	overflow:hidden; 
	padding-right: 10px;
}
.divArticleGabarit_36 .divArticleImage1 table{
	width:100%;
}
.divArticleGabarit_36 .divArticleImage1 table tr td{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* texte + image à droite (2) */
.divArticleGabarit_37 .divArticleImage1{
	float:right;
	overflow:hidden; 
	padding-right: 10px;
}
.divArticleGabarit_37 .divArticleImage1 table{
	width:100%;
}
.divArticleGabarit_37 .divArticleImage1 table tr td{	
	padding-left:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* image large */
.divArticleGabarit_21 .divArticleImage1 table {
    width: 100%;
}
.divArticleGabarit_21 .divArticleImage1 table tr td{
	padding-bottom:5px;
	font-style:italic;
}
.divArticleGabarit_21 .divArticleImage1 table tr td img{	
	max-width:500px;
}
/* plan du site */
.divArticleGabarit_20 .divArticleContenu div{
	margin-bottom:2px;
}
.divArticleGabarit_20 .divArticleContenu .divPlanDuSiteUnLigne{
	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 .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;
	margin-top: 18px;
}
.divArticle.divArticleGabarit_103{
	position:absolute;
	top:0px;
	right:0px;
}
.divLienOcecar{
	padding-left: 32px;
	padding-right: 5px;
	margin-right:11px;
	line-height:22px;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	-moz-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #c70518 url("/image/idSite_4/fleche.png") no-repeat 20px center;
	float: left;
}
.divLienOcecar:hover{
		cursor:pointer;
		text-decoration:none;
		background:#C3C3C4 url("/image/idSite_4/fleche.png") no-repeat 20px center;
}
.divLienVTU{
	padding-left: 32px;
	padding-right: 5px;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	line-height:22px;
	-moz-border-bottom-left-radius:5px;
	-o-border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-ms-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-o-border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-ms-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#c70518 url("/image/idSite_4/fleche.png") no-repeat 20px center;
	float:right;
	
}
.divLienVTU:hover{
		cursor:pointer;
		text-decoration:none;
		background:#C3C3C4 url("/image/idSite_4/fleche.png") no-repeat 20px center;
}
.divLienVTU a,
.divLienOcecar a{
	color:#FFF;
	text-decoration:none;
	font-size:11px
	
}
.divLienVTU a:hover,
.divLienOcecar a:hover{
	text-decoration:none;
}
.divLienSelectionne{
	background:#C3C3C4 url("/image/idSite_4/fleche.png") no-repeat 20px center;
	text-decoration:none;
}
.divLienSelectionne:hover{
	background:#C3C3C4 url("/image/idSite_4/fleche.png") no-repeat 20px center;
	text-decoration:none;
	cursor:default;
}
#tdGaucheTableCentre .divArticle.divArticleGabarit_94,
#tdDroiteTableCentre .divArticle.divArticleGabarit_94{
	margin-bottom:15px;
}
/*Bandeau*/
.divArticle.divArticleGabarit_95{
	margin-bottom:0px;
}
/********************************************/
/* 
	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 ? */
}
.divArticle.divArticleGabarit_85
{
	margin-bottom:0px;
	padding-bottom:8px;
	border-bottom: 1px solid #AEAEB0;
}
.divArticle.divArticleGabarit_109
{
	display:none;
	margin-bottom:0px;
	padding-bottom:8px;
	border-bottom: 1px solid #AEAEB0;
}
.divArticleNom h2{
	margin-bottom:10px;
	font-family:thePoliceSV;
	font-weight:normal;
	font-size:16px;
	overflow-x:hidden;	/* pour IE, évite que les h2 trop long générer par dynamicFont eclate la page */
	border-bottom:1px solid #d9d9d9;
	color:#c70518;
}
/* CONTENU : gras */
.divArticleContenu b{
}
.divArticleContenu a{
color:#c70518;
}
.divArticleContenu a:hover{
text-decoration:none;
cursor:pointer;
}
/* le reste */
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
/********************************************/
/* 
	Les articles par zones d'édition
*/
/********************************************/
/* colonne de gauche */
#tdGaucheTableCentre .divArticle .divArticleNom h2{
font-family:thePoliceSV;
	font-weight:normal;
}
#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:10px;
	margin-bottom: 5px;
}
#divFilAriane a{
	font-size:10px;
}
/********************************************/
/* 
	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;}
/********************************************/
/* 
	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{
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #AEAEB0;
	border-bottom: 1px solid #AEAEB0;
}

.divMenuNavigation .ul1{
	margin:0;
	padding:0px;
	padding-left:7px;
	background: #626262;
	-webkit-border-radius : 5px;
	-ms-border-radius : 5px;
	-moz-border-radius : 5px;
	-o-border-radius : 5px;
	border-radius : 5px
}
.divMenuNavigation .ul1 span{
	display:block;
	float:left;
	color:#FFF;
	line-height:30px;
}
.divMenuNavigation .ul1 span:last-of-type{
	display:none;
}
.divMenuNavigation .ul1 li{
	position:relative;
	list-style:none;
	background:none;
	margin:0;
	padding:0;
	float:left;
}
.divMenuNavigation .ul1 li.avecSousMenu{
}
a.aLienFooter
{
	font-size:11px;
	color:#9b9b9b;
	text-decoration:none;

}
a.aLienFooter:hover
{
	font-size:11px;
	color:#9b9b9b;
	text-decoration:underline;
	
}
.divMenuNavigation .ul1 li.avecSousMenu:hover{
}
.divMenuNavigation .ul1 li a{
	
	float:left;
	padding:0px 8px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:30px;
	font-size:11px;
	text-transform:uppercase;
}
.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:#414141;
	color:#ffffff;
}
.divMenuNavigation .ul1 li a.avecSousMenu,
.divMenuNavigation .ul1 li a.aFaussePage.avecSousMenu{
	
}
.divMenuNavigation .ul1 li a:hover.avecSousMenu{

}
/* 2eme niveau */
.divMenuNavigation .ul2{
	margin:0px;
	padding:0px;
	position:absolute;
	left:-2px;
	top:-5020px;
	z-index:15;
	display:block;
	background:url("/image/idSite_4/ul2Over.png") no-repeat 17px 3px;
	width:200px;
	overflow:hidden;
	/* transition : debut */
	opacity:0;
} 
.divMenuNavigation .ul1 li:hover .ul2{
	display: block;
	left: 0px;
	top: 30px;
	padding-top: 13px;
	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:0px;
	background:#626262;
}
.divMenuNavigation .ul2 li:first-of-type{
	-webkit-border-top-left-radius : 5px;
	-ms-border-top-left-radius : 5px;
	-moz-border-top-left-radius : 5px;
	-o-border-top-left-radius : 5px;
	border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-ms-border-top-right-radius : 5px;
	-moz-border-top-right-radius : 5px;
	-o-border-top-right-radius : 5px;
	border-top-right-radius : 5px;
	
}
.divMenuNavigation .ul2 li:last-of-type{
	margin-bottom:0px;
	-webkit-border-bottom-left-radius : 5px;
	-ms-border-bottom-left-radius : 5px;
	-moz-border-bottom-left-radius : 5px;
	-o-border-bottom-left-radius : 5px;
	border-bottom-left-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;
	-ms-border-bottom-right-radius : 5px;
	-moz-border-bottom-right-radius : 5px;
	-o-border-bottom-right-radius : 5px;
	border-bottom-right-radius : 5px;
}
.divMenuNavigation .ul2 li a{
	float:none;
	display:block;
	text-transform:none;
	font-weight:normal;
	
}
.divMenuNavigation .ul2 li a:before{
	content: "> ";
	
}
.divMenuNavigation .ul2 li a.aFaussePage,
.divMenuNavigation .ul2 li a.aFaussePage:hover{
	cursor:default;
	color:#ffffff;
	background:transparent;
}
.divMenuNavigation .ul2 li a:hover,
.divMenuNavigation .ul2 li a.aLienSelectionner,
.divMenuNavigation .ul2 li a.aFaussePage.aLienSelectionner{
	text-decoration:underline;
	background:transparent;
}

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

#divBlocContent3 img
{
	max-width:60px;
}
#divBlocContent3 #divZoneEdition_11 img
{
	max-width:120px;
}
/********************************************/
/* 
	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_4/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;
}
/* ----------------------- */
/* Pagination (liste de résultat des enregistrements) */
/* ----------------------- */
/* les conteneurs */
.divPagination{

	margin-top:20px;
}
.divPagination .divPaginationPrecedentEtSuivant{
	margin-bottom:10px;
}
.divPagination .divPaginationPrecedent{
	float:left;
}
.divPagination .divPaginationSuivant{
	float:right;
}
.divPagination .divPaginationNombre{
	text-align:center;
}
/* les liens */
.divPagination .aPagination:link{
	color: #C70518;
	background-color: #FFF;
	padding: 2px 6px;
	border-radius: 99px;
	text-decoration:none;
	margin-right:5px;
}
.divPagination .aPagination:visited{
	
}
.divPagination .aPagination:hover{
	color: #FFF;
background-color: #C70518;
padding: 2px 6px;
border-radius: 99px;
}
.divPagination .aPagination:active{
	color: #FFF;
background-color: #C70518;
padding: 2px 6px;
border-radius: 99px;
}
.divPagination .aPagination:focus{
	
}
.divPagination .aPaginationSelectionner{
	color: #FFF;
	background-color: #C70518;
	padding: 2px 6px;
	border-radius: 99px;
	text-decoration:none;
	
}
/*********************************/
/* Formulaire de contact */ 
/*********************************/
.divFormGen,
#divFormContact{
	
}
#divFormContact fieldset{
	width:530px;
	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:155px;
	text-align: left;
	padding-right: 8px;
}
#divFormContact .divLabel input,
#divFormContact .divLabel textarea{
	float:left;
	width:360px;
	margin-bottom: 7px;
}
.divFormGen input[type="button"],
#divFormContact input[type="button"] {
	padding: 1px 10px;
	float: right;
	margin-top: -10px;
}

/*********************************/
/* Generateur de formulaire */
/**********************************/
.divFormGen{
width:100%
}
.divFormGen fieldset{
	width:100%;
	border:0px;
	padding:0px;
	padding-left:6px;
	margin-top:15px;
	padding-bottom:10px;
	border-bottom: 1px solid #CCC;
}
.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{
	float:left;
	width:26%;
	text-align: left;
	padding-right: 8px;
}
.divFormGen .divLabel input,
.divFormGen .divLabel textarea{
	float:left;
	width:55%;
}

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

.divFormGen .spanMessageWrong{
	margin-left:88px;
}

.divFormGen .divLabel textarea{
	height:150px;
}
/* ================================================ */
/* ARTICLE SPECIAUX (classe definie dans l'article) */
/* ================================================ */
/* article spécial Logo du site */
.divArticle.divBandeauLogo{
	position:absolute;
	top:25px;
	left:0px;
}
.divArticle.divBandeauLogo .divArticleContenu img{
	width: 200px;
}
/* article spécial Moteur de recherche */
.divArticle.divBlocMoteurRecherche{
	position: absolute;
	left: 180px;
	top: 50px;
}
/* article spécial Selection de drapeau */
.divArticle.divBandeauDrapeau{
	position:absolute;
	top:0px;
	right:10px;
}
.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;
}
/* article spécial By STUDIO VITAMINE */
.divArticle.divBySV{
	position:absolute;right:0px;top:0px;
}
.divSV{
position:absolute;
right:0px
}
.divMenuNavigationResponsive
{
	display:none;
}
.divMenuNavigation .ul1 li.liDevis
{
background: #525155;float:right;-ms-border-bottom-right-radius : 5px;-moz-border-bottom-right-radius : 5px;-o-border-bottom-right-radius : 5px;border-bottom-right-radius : 5px;-webkit-border-top-right-radius : 5px;-ms-border-top-right-radius : 5px;-moz-border-top-right-radius : 5px;-o-border-top-right-radius : 5px;border-top-right-radius : 5px
}
.divDevis
{
	line-height: 30px;float: right;background:#525155;-webkit-border-bottom-right-radius : 5px;-ms-border-bottom-right-radius : 5px;-moz-border-bottom-right-radius : 5px;-o-border-bottom-right-radius : 5px;border-bottom-right-radius : 5px;-webkit-border-top-right-radius : 5px;-ms-border-top-right-radius : 5px;-moz-border-top-right-radius : 5px;-o-border-top-right-radius : 5px;	border-top-right-radius : 5px
}
a.aDevis
{
padding-right: 18px;-ms-border-bottom-right-radius : 5px;-moz-border-bottom-right-radius : 5px;-o-border-bottom-right-radius : 5px;border-bottom-right-radius : 5px;-webkit-border-top-right-radius : 5px;-ms-border-top-right-radius : 5px;-moz-border-top-right-radius : 5px;-o-border-top-right-radius : 5px;border-top-right-radius : 5px
}
.afficherMenu
{
	display:none;
}
/* ======================================================= */
/* fin => ARTICLE SPECIAUX (classe definie dans l'article) */
/* ======================================================= */
/* ======================================================= */
/* Debut => Flêche retour vers le haut 					   */
/* ======================================================= */
#backtotopext{
    position: fixed;
	display:none;
	right: 50px;
    bottom: 50px;
}
#backtotopint{
	display:none;
	cursor:pointer;
    background: #f6f7f7;
    border: 1px solid #e0e0e0;
    border-radius: 3px 3px 3px 3px;
    padding: 7px 12px;
}

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

/* RESPONSIVE !*/
@media screen and (min-width: 1px) and (max-width: 979px) {
	
#divBlocContent2  .divArticle.divArticleGabarit_105
{
padding-right:0px;
}
	.divArticle.divArticleGabarit_109
{
	display:block;
	margin-bottom:0px;
	padding-bottom:8px;
	border-bottom: 1px solid #AEAEB0;
}	
.divArticle.divArticleGabarit_109 img
{
	width: 100%;
}
	#divBlocContent2 .divArticleImage1 img
	{
	width:100%
	}
	
	.div2ColonneHPLeft {
	width: 40%;
	padding-left: 30px;
	display: inline-block;
	padding-right: 30px;
	border-right: 1px solid #D9D9D9;
	}
	.divSV{
	position:relative;
	right:0px
	}
	
	.div2ColonneHPRight {
		width: 40%;
		min-height: 165px;
		padding-left: 30px;
		display: inline-block;
		}
	
	.divArticleGabarit_36 table tbody tr td.tdImage
	{
		width: 31%;
	}
	.divArticleGabarit_36 .divArticleImage1 table
	{
		width: 100%;
	}
	.divArticleGabarit_8 table tbody tr td
	{
		width: 25%;
	}
	.divArticleGabarit_8 .divArticleImage1 table
	{
		width: 100%;
	}
	.divPourCentrerContenant
	{
	}
	.divPourCentrerContenantFooterBis {
	background: #424242;
	text-align: left;
	min-height: 30px;
	}
	.divCentrerContenu
	{
		width:94%;
	}
	#divGeneral{
		width:100%;
	}
	.divArticle.divArticleGabarit_85{
		display:none;
	}
	.adresseFooter
	{
		padding-left:1%;
	}
	.divArticle.divArticleGabarit_36 .divArticleImage1 img
	{
		width:100%;
	}
	.logoFooter
	{
		display:none;
	}
	#divPageFooter
	{
	min-height: 160px;

	}
  #divBlocContent1 {
    display: none;
	float:left;
	width:22%;
	padding:1%;
	
		overflow-x:hidden;
  }
  #divBlocContent2 {
    display: block;
	float:left;
	width: 96%;
	padding: 2%;
	
		overflow-x:hidden;
  }
  #divBlocContent2 .divArticle,
  #divBlocContent3 .divArticle
{
padding-right: 4%;
}
  
  #divBlocContent3 {
  clear:both;
    display: block;
	width:96%;
	padding: 2%;
	padding-top: 0px;
  }
	.specialHP
	
	{
	padding-bottom:10px;
	min-height:0px;
	}
	.specialHPSansHauteur
	
	{
	padding-bottom: 20px;
	min-height:0px;
	}
		.divArticleContenu ul {
	margin: 0px;
	padding: 0;
	margin-bottom: 0px;
	}
	#divZoneEdition_11 .divArticle{
	margin-bottom: 0px;
padding-bottom: 10px;
border-bottom: none;
height: 100%;
display: block;
padding-right: 0%;


	}

	}
@media screen and (min-width: 0px) and (max-width: 922px) {
	.afficherMenu {
		display: block;
		margin: 0;
		margin-bottom: 5px;
		padding: 0px;
		padding-top: 6px;
		padding-bottom: 6px;
		background: #626262;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
	}

	.afficherMenu:hover{
		cursor:pointer;
		background: #414141;

	}
	li.liDevis
	{
	background: transparent;
	float:none;
	-ms-border-bottom-right-radius : 5px;
	-moz-border-bottom-right-radius : 5px;
	-o-border-bottom-right-radius : 5px;
	border-bottom-right-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-ms-border-top-right-radius : 5px;
	-moz-border-top-right-radius : 5px;
	-o-border-top-right-radius : 5px;
	border-top-right-radius : 5px
	}
	.divDevis
	{
	line-height: 30px;
	float: none;
	background:none;
	-webkit-border-bottom-right-radius : 5px;
	-ms-border-bottom-right-radius : 5px;
	-moz-border-bottom-right-radius : 5px;
	-o-border-bottom-right-radius : 5px;
	border-bottom-right-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-ms-border-top-right-radius : 5px;
	-moz-border-top-right-radius : 5px;
	-o-border-top-right-radius : 5px;
	border-top-right-radius : 5px
	}
	a.aDevis
	{
	padding-right: 0px;
	-ms-border-bottom-right-radius : 5px;
	-moz-border-bottom-right-radius : 5px;
	-o-border-bottom-right-radius : 5px;
	border-bottom-right-radius : 5px;
	-ms-border-bottom-left-radius : 5px;
	-moz-border-bottom-left-radius : 5px;
	-o-border-bottom-left-radius : 5px;
	border-bottom-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-ms-border-top-right-radius : 5px;
	-moz-border-top-right-radius : 5px;
	-o-border-top-right-radius : 5px;
	border-top-right-radius : 5px
	}

	.divMenuNavigationResponsive
	{
		display:block;
	}
	.divMenuNavigationResponsive .ul1{
	
	display:none;
	padding-left:0px;
	background: #626262;
	padding-top:10px;
	-webkit-border-radius : 5px;
	-ms-border-radius : 5px;
	-moz-border-radius : 5px;
	-o-border-radius : 5px;
	border-radius : 5px;
	text-align: center;
	width:100%;
	}
	.divMenuNavigationResponsive .ul1 span{
		display:block;
		float:left;
		color:#FFF;
		line-height:30px;
	}
	.divMenuNavigationResponsive .ul1 span:last-of-type{
		display:none;
	}
	.divMenuNavigationResponsive .ul1 li{
		position:relative;
		list-style:none;
		background:none;
		margin:0;
		padding:0;
		padding-top:0;
		float:none;
	}
	.divMenuNavigationResponsive .ul1 li.avecSousMenu{
	}
	.divMenuNavigationResponsive .ul1 li.avecSousMenu:hover{
	}
	.divMenuNavigationResponsive .ul1 li a{
		display: block;
		float:none;
		padding:0px 0px;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		line-height:30px;
		font-size:11px;
		text-transform:uppercase;
	}
	.divMenuNavigationResponsive .ul1 li a.aFaussePage,
	.divMenuNavigationResponsive .ul1 li a.aFaussePage:hover{
		cursor:default;
		color:#ffffff;
		background:transparent;
	}
	.divMenuNavigationResponsive .ul1 li a:hover,
	.divMenuNavigationResponsive .ul1 li a.aLienSelectionner,
	.divMenuNavigationResponsive .ul1 li a.aFaussePage.aLienSelectionner{
		background:#414141;
		color:#ffffff;
	}
	.divMenuNavigationResponsive .ul1 li a.avecSousMenu,
	.divMenuNavigationResponsive .ul1 li a.aFaussePage.avecSousMenu{
		
	}
	.divMenuNavigationResponsive .ul1 li a:hover.avecSousMenu{

	}
	.divMenuNavigation
	{
		display:none;
	}

}

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



	.divArticleGabarit_36 .divArticleImage1 {
		display:none;
	}
	.divArticleGabarit_36 table tbody tr td
	{
		width:auto;
	}
	.divArticleGabarit_36 table tbody tr td.tdImage
	{
		display:none;
	}
	#divblocContent2 .divArticleGabarit_8 .divArticleImage1 {
		display:none;
	}
	#divblocContent2 .divArticleGabarit_9 .divArticleImage1 {
		display:none;
	}
	.divArticleGabarit_8 table tbody tr td
	{
		width:0px;
	}
	.divArticleGabarit_9 table tbody tr td
	{
		width:0px;
	}
	.div2ColonneHPRight {
		width: 100%;
margin-top: 20px;
min-height: 165px;
padding-left: 0px;
padding-right: 0px;
display: inline-block;
margin-bottom: 0px;
		}
	.divArticle.divArticleGabarit_85
	{
	display:none;
	}
	.div2ColonneHPLeft {
	width: 100%;
	padding-left: 0px;
	display: inline-block;
	padding-right: 0px;
	border-right: none;
	}
	.specialHP
	
	{
	padding-bottom:10px;
	}
	.specialHPSansHauteur
	
	{
	padding-bottom: 20px;
	}
  #divBlocContent1 {
    display: none;
	float:none;
	width:100%;
	padding:1% 0%;
	
		overflow-x:hidden;
  }
  #divBlocContent2 {
    display: block;
	float:none;
	width: 96%;
	padding: 2%;
		overflow-x:hidden;
  }

  #divBlocContent3 {
  padding-top: 0px;
  clear:both;
    display: block;
	width: 96%;
	padding: 2%;
  }
  .LienFooter {
padding-left: 1%;
display: block;
width: 97%;
vertical-align: top;
margin-bottom:0px;
}

.adresseFooter {

width: 97%;
margin-right: 0px;
display: block;
}

#divBandeau {
position: relative;
text-align: center;
height: 105px;
}
.divArticle.divBandeauLogo {
position: relative;
padding-top: 30px;
}
}