/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


.google-maps {
        position: relative;
        padding-bottom: 55%; /* This is the aspect ratio*/
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

.google-maps25 {
        position: relative;
        padding-bottom: 25%; /* This is the aspect ratio*/
        height: 0;
        overflow: hidden;
        
-moz-box-shadow:  0px 7px 5px rgba(153,153,153,.6) inset;
-webkit-box-shadow: 0px 7px 5px rgba(153,153,153,.6) inset;
-o-box-shadow: 0px 7px 5px rgba(153,153,153,.6) inset;
box-shadow: 0px 7px 5px rgba(153,153,153,.6) inset;
border-bottom: 0px solid #999999;
border-top: 1px solid #999999;
}
.google-maps25 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
.langoff {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.langoff:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


@viewport {
   width: device-width; /* largeur du viewport */
   zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}



.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/** ScrollToTop **/
#scrollToTop a{
position: fixed;
width: 56px;
height: 34px;
right: 20px;
bottom: 1px;
background: url(../../img/fleche-haut.png) top no-repeat;
z-index: 10002;
padding: 0px;
border: 0px solid #000;
}
#scrollToTop a:hover{
background: url(../../img/fleche-haut.png) bottom no-repeat;

text-decoration: none !important;
}

/*

Horizontal center:

left: 50%;
transform: translateX(-50%);
Vertical center:

top: 50%;
transform: translateY(-50%);
Both horizontal and vertical:

left: 50%;
top: 50%;
transform: translate(-50%, -50%);

sélecteur multiple : ,
B,I {} les balises B ET I seront affectées

sélecteur imbriqué : 
P IMG {} IMG sera affecté lorsqu'il est imbriqué dans P
(on peut toujours mettre une classe .nom au lieu de P...)

sélecteur consécutif :
P + IMG {} IMG sera affecté s'il suit P, s'il y a autre chose entre eux, non

sélecteur père/fils :
.sf-menu > LI {} LI sera affecté si son père direct est .sf-menu,
s'il y a d'autres UL et LI imbriqués ensuite, ils ne seront pas affectés car pas
imbriqués directement

LES COINS ARRONDIS :
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	
LES OMBRES :
	box-shadow: 1px 1px 12px #000000;
	-moz-shadow: 1px 1px 12px #000000;
	-webkit-shadow: 1px 1px 12px #000000;

SUR LE TEXTE :
text-shadow: 1px 1px 1px #666666;
(pas besoin de moz et webkit...)

LES TRANSITIONS : https://www.alsacreations.com/tuto/lire/1299-timing-des-animations-et-des-transitions-en-css3.html

LE LAZYLOAD : https://www.appelsiini.net/projects/lazyload

LES OMBRES ET LE RELIEF (ou l'ombre interne)
background: #015123;
box-shadow: 1px 1px 12px #000000, 1px 1px 10px #049A44 inset;
-moz-shadow: 1px 1px 12px #000000, 1px 1px 10px #049A44 inset;
-webkit-shadow: 1px 1px 12px #000000, 1px 1px 10px #049A44 inset;

AUTRE EXEMPLE :

			display: inline-block;
			width: 200px;
			padding: 35px 20px;
			margin: 3em 1em;
			line-height: 1.5em;
			background: -webkit-linear-gradient(#e5e5e5, #cFcFcF);
			background: -moz-linear-gradient(#e5e5e5, #cFcFcF);
			background: linear-gradient(#e5e5e5, #cFcFcF);
			color: #444;
			-webkit-box-shadow: 1px 2px 20px rgba(255,255,255,.6) inset,
						1px 2px 5px 1px rgba(0,0,0,0.5);
			-moz-box-shadow: 1px 2px 20px rgba(255,255,255,.6) inset,
						1px 2px 5px 1px rgba(0,0,0,0.5);
			box-shadow: 1px 2px 20px rgba(255,255,255,.6) inset,
						1px 2px 5px 1px rgba(0,0,0,0.5);

	
*/


/* Global properties EEE4D0
---------------------------------------- */
body { 
	background: #FFFFFF ; 
/*background: #EDEDED; */
	font: 13px 'Open Sans',Helvetica, Tahoma, Arial, sans-serif;
	letter-spacing: 0px;
	line-height: 18px;
	color:#333333;
	
}
html { }
html, body { height:100%;}


.page_all{ 
	width:100%;
	position: relative;
	}

.page_all2{ 
	width:100%;
	position: relative;
	background: #CCCCCC;
	}


/*  défaut */
.page_cadre{ margin:0 auto;
	background: #6B5D5A;
	border: solid 0px #333333;
	position: absolute;
	z-index: 999999;
}
.page_cadre2{ margin:0 auto;
	width:100%;
	background: #6B5D5A;
	border: solid 0px #6B5D5A;
	position: fixed;
	z-index: 999998;
}

/*  320px : Petits téléphones d’écran de résolution 480x320 en mode portrait.
480px : Smartphones moyens, ou petits téléphones en orientation paysage.
 600px : Tablettes en portrait, iPad, e-readers, téléphone de résolution 800x480 en orientation paysage.
 768 Grandes tablettes en orientation portrait
801px : tablette, iPad en orientation paysage, laptops de basse résolution.
1024px : Grandes tablettes en orientation paysage, laptops et desktops courants.
1281px : laptops et desktops de haute résolution.  */

/*Accueil*/
/*
.reservation-btn{
	position: fixed;
	bottom: 4vh;
	left: 0;

	background-color: #B38549;
	padding: 10px ;
	z-index: 100;
}*/
.reservation-btn{
	margin-top: 10px;
}
.reservation
{
	background-color: #B38549;
	padding: 3vw 20vw;
	z-index: 100;
}
#ConstellationWidget{
	border-radius: 5px;
	padding: 20px;
}
#BtnLaunchBooking{
	background-color: #6B5D5A!important;
}
#btnResumeCapa{
	background-color: #B38549!important;
}
/* de 400 à 800 */
@media (max-width: 800px) {
	.reservation-btn {display: none;}
	}
	
.cmenu a#BtnLaunchBooking
{
	padding: 0!important;
	text-decoration: none;
	background-color: #B38549!important;
	padding: 2px 15px!important;
	color: #FFFFFF!important;
}
.rwidth3 a#BtnLaunchBooking{
	padding-top: 20px;
}

a#BtnLaunchBooking:hover{
	text-decoration: none;
}
/* L'ALBUM */

/* en dessous de 400px */
@media only screen and  (max-width: 400px) {
.albumimg {width: 100%;}
}
/* de 400 à 800 */
@media only screen and (min-width: 401px) and (max-width: 800px) {
.albumimg {width: 50%;}
}
/* de 800 à 1100 */
@media only screen and (min-width: 801px) and (max-width: 1100px) {
.albumimg {width: 33%;}
}
/* au dessus de 1100px */
@media only screen and  (min-width: 1101px) {
.albumimg {width: 25%;}
}
	
/* TEXTE DU SLIDER */

/* en dessous de 640px */
@media only screen and  (max-width: 640px) {
.homeSliderDiv, .buttonHide, .bx-controls-auto, .bx-prev, .bx-next, .bx-pager { display: none; }
}

/* de 641 à 1000 */
@media only screen and (min-width: 641px) and (max-width: 1000px) {
.homeSliderDiv, .buttonHide, .bx-controls-auto, .bx-prev, .bx-next, .bx-pager { display: none; }
.homeSliderDiv { display: block; }
.homeSliderDiv { 	left: 0px;	top: 20%; }
.homeSliderDiv, .homeSliderTitre, .homeSliderTitre2, .homeSliderTxt {	width: 100%;}
.homeSliderTitre { 	line-height:26px;	font: 30px 'Open Sans', Arial, Helvetica, sans-serif;}
.homeSliderTitre2 {	font: 16px 'Open Sans', Helvetica, Tahoma, Arial, sans-serif;}
}

/* au dessus de 1000px */
@media only screen and  (min-width: 1001px) {

.homeSliderDiv, .buttonHide { display: block; }
.homeSliderDiv { 	left: 0px;	top: 30%; text-align: center;border: solid 0px #000000; }
.homeSliderDiv, .homeSliderTitre, .homeSliderTitre2, .homeSliderTxt {	width: 100%;}
.homeSliderTitre { 	line-height:36px;	font: 55px 'Open Sans', Arial, Helvetica, sans-serif;}
.homeSliderTitre2 {	font: 26px 'Open Sans', Helvetica, Tahoma, Arial, sans-serif;}
}





/* LE MENU DEROULANT */

/* en dessous de 900px */
@media only screen and  (max-width: 900px)   {
#lesmenusderoulants {	display: none;}
#lesmenusenselect {	display: block;}
#lesmenusendiv {	display: block;}
}

/* au dessus de 900px */
@media only screen and  (min-width: 901px)  {
#lesmenusderoulants {	display: block;}
#lesmenusenselect {	display: none;}
#lesmenusendiv {	display: none;}
}


/* les adresses des sites sur la homepage */
/* en dessous de 600px */
@media only screen and  (max-width: 600px)   {
.cStandardAccrocheBlog3 {	width: 280px;	margin: 10px 0px 10px 0px;}
.cStandardAccrocheBlog3 > a {	font: 12px  Arial, Tahoma, Helvetica, sans-serif;}
}

/* au dessus de 600px */
@media only screen and  (min-width: 601px)  {
.cStandardAccrocheBlog3 {	width: 440px;	margin: 10px 30px 10px 30px;}
.cStandardAccrocheBlog3 > a {	font: 20px   Arial, sans-serif;}
}





/* LE FOOTER */
/* en dessous de 900px */
@media only screen and  (max-width: 900px)   {
.piedFooterGauche, .piedFooterDroits {	display: none;}
.piedFooterDroit {	text-align: center; width: 100%;}
}

/* au dessus de 900px */
@media only screen and  (min-width: 901px)  {
.piedFooterGauche {	display: block;}
.piedFooterDroits {	display: inline-block;}
.piedFooterDroit {	float: right;}
}




/* LA COLONNE DE DROITE */

/* en dessous de 900px */
@media only screen and  (max-width: 900px)   {
.cColonne3 { margin-right: 10px;	margin-left: 10px;	}
.cColonne1 { display: none; }
.cColonneGauche  { display: none; }
.cStandardAccrocheBlog { width: 100%; margin-left: 5px; }
.c2TexteBlog { width: 100%; margin-top: 10px;}
}

/* au dessus de 900px */
@media only screen and  (min-width: 901px)  {
.cColonne3 { margin-right: 10px;	margin-left: 10px;	}
.cColonne1 { display: none; }
.cColonneDroite {margin-right: 340px;}
.cStandardAccrocheBlog { width: 80%; margin-left: auto; margin-right: auto;  border: solid 0px #CCCCCC;}
.c2TexteBlog { width: 80%; margin-top: 10px; margin-left: auto; margin-right: auto; border: solid 0px #CCCCCC; }
}



/* LES PAGES MAISONS */
/* en dessous de 900px */
@media only screen and  (max-width: 900px)   {
.cStandardAccroche {	margin-left: 10px;margin-top: 15px;
	clear: both;}
	.carouseldiv {	  margin: 0 auto;}
}

/* au dessus de 900px */
@media only screen and  (min-width: 901px)  {
.cStandardAccroche {	margin-left: 330px;}
.carouseldiv {	float: left;margin-right: 30px;}
}



/* LA PAGE CONTACT */
/* en dessous de 800px */
@media only screen and  (max-width: 800px)   {
.cform {	margin: 0 auto;
	clear: both;}
	.c2Texte {	  }
}

/* au dessus de 800px */
@media only screen and  (min-width: 801px)  {
.cform {	float: left; margin-right: 30px;}
.c2Texte {	}
}


/* LE LOGO ET CE QUI l'ENTOURE */

/* en dessous de 520px */
@media only screen and  (max-width: 520px)   {

.caccroche {display: none;}
.caccroche2 {display: none;}
.caccrocheFB { display: none; }
.smenubashide { display: none; }
.page_cadre{ height: 60px;}
.page_cadre2{ height: 60px;}

	.pFB  {
		margin-top: 0px;
		/*height: 16px;*/
}


.sizeLH {
	font: 6px Verdana, Arial, Helvetica, sans-serif;
}



.ccompte2 {display: none;}


.ccompte {top: 100px;}
.ccompte3 {top: 100px;}


.ccompte {left: 10px;}
.ccompte3 {left: 110px;}
.ccompte4 {display: none;}
.ccompte4 {right: 13px;}
.ccompte5 {right: 33px;}



.clogo { top: 0px; z-index:3333333; height: 80px;}



.imgSoc { display: none; }

.mrech {display: none;}

.ccarteRdv {width: 320px;height: 200px; position: relative; border: solid 1px #999999; padding: 16px; text-align: left; display: inline-block;margin: 20px 2px 2px 2px;}

.ccarteRdv2 {position: absolute;bottom: 6px;right: 6px;width: 100px;}
}

/* de 520px à 640px */
@media only screen and (min-width: 521px) and (max-width: 640px) {
.page_cadre{ height: 60px;}
.page_cadre2{ height: 60px;}

.caccroche {display: none;}
.caccroche2 {display: none;}
.mrech {display: none;}

.caccrocheFB { display: none; }
.imgSoc { display: none; }


.pFB  {
		margin-top: 0px;
		margin-left: 5px;
}



.clogo { top: 0px; z-index:33333; height: 90px; }

.ccompte2 {top: 5px;}
.ccompte3 {top: 33px;}

.ccompte {top: 62px;}



.ccompte2 {right: 12px;}
.ccompte3 {right: 12px;}

.ccompte {right: 50px;}
.ccompte4 {top: 13px;}
.ccompte4 {right: 13px;}

.ccarteRdv {width: 380px;height: 200px; position: relative; border: solid 1px #999999; padding: 16px; text-align: left; display: inline-block;margin: 20px 20px 20px 20px;}

.ccarteRdv2 {position: absolute;bottom: 16px;right: 16px;}
}
	
/* de 640px à 900px */
@media only screen and (min-width: 641px) and (max-width: 900px) {

.page_cadre{ height: 60px;}
.page_cadre2{ height: 60px;}
.caccroche {display: none;}
.caccroche2 {display: none;}
.mrech {display: none;}

.caccrocheFB { display: none; }
.imgSoc { display: none; }

.ccompte2, .ccompte3 {top: 15px;}

.ccompte {top: 50px;}



.ccompte2 {right: 145px;}
.ccompte3 {right: 10px;}

.ccompte {right: 60px;}
.ccompte4 {top: 13px;}
.ccompte4 {right: 13px;}




.pFB  {
		margin-top: 0px;
		margin-left: 5px;
}

.cdrapeaux {	
	top: 10px;
	width: 35px; /*125 avec les drapeaux 90 de decalage pour les div de gauche*/
right: 14px;
padding: 6px 0px 6px 0px;
		border-top: solid 0px #999999;
	border-bottom: solid 0px #999999;
		border-right: solid 0px #999999;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	
	}

.cpanier {right: 14px; top: 26px; width: 240px; text-align: left;padding: 6px 0px 6px 0px;}
.clogo { top: 0px; z-index:33333; height: 90px; }


.ccarteRdv {width: 380px;height: 200px; position: relative; border: solid 1px #999999; padding: 16px; text-align: left; display: inline-block;margin: 20px 20px 20px 20px;}

.ccarteRdv2 {position: absolute;bottom: 16px;right: 16px;}

}

/* 900px à 1000px */
@media only screen and (min-width: 901px) and (max-width: 1000px) {

.clogo { top: 0px; z-index:33333; }



.page_cadre{ height: 60px;}
.page_cadre2{ height: 60px;}


.ccompte, .ccompte2, .ccompte3 {top: 15px;}



.ccompte {right: 320px;}
.ccompte2 {right: 185px;}
.ccompte3 {right: 50px;}
.ccompte4 {top: 13px;}
.ccompte4 {right: 13px;}
	
	

	
	.pFB  {
		margin-top: 0px;
		margin-left: 5px;
}
		.cdrapeaux {	
	
	width: 35px; /*125 avec les drapeaux 90 de decalage pour les div de gauche*/
right: 10px;
padding: 6px 0px 6px 0px;
		border-top: solid 0px #999999;
	border-bottom: solid 0px #999999;
		border-right: solid 0px #999999;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	
	}

.ccarteRdv {width: 380px;height: 200px; position: relative; border: solid 1px #999999; padding: 16px; text-align: left; display: inline-block;margin: 20px 20px 20px 20px;}

.ccarteRdv2 {position: absolute;bottom: 16px;right: 16px;}
}


/* 1000px à 1100px */
@media only screen and (min-width: 1001px) and (max-width: 1100px) {







.cpanier {right: 435px;
	text-align: center;
	border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	padding: 6px 0px 6px 0px;
		width: 240px;
		border-top: solid 0px #CCCCCC;
	border-bottom: solid 0px #CCCCCC;
		border-left: solid 0px #CCCCCC;
		
		}
	
	.cconnect {	right: 325px;text-align: center;
		padding: 6px 0px 6px 0px;
	width: 150px;
	border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-top: solid 0px #999999;
	border-left: solid 0px #999999;
	border-bottom: solid 0px #999999;
	}
	
	

	
	.pFB  {
		margin-top: 0px;
		margin-left: 5px;
}
		.cdrapeaux {	
	
	width: 35px; /*125 avec les drapeaux 90 de decalage pour les div de gauche*/
right: 10px;
padding: 6px 0px 6px 0px;
		border-top: solid 0px #999999;
	border-bottom: solid 0px #999999;
		border-right: solid 0px #999999;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	
	}
	
}

/* au dessus de 1000px */
@media only screen and  (min-width: 1001px)  {

.page_cadre{ height: 60px;}
.page_cadre2{ height: 60px;}
.clogo { top: 0px; z-index:33333; }

.ccompte, .ccompte2, .ccompte3 {top: 15px;}



.ccompte {right: 50px;}
.ccompte2 {right: 185px;}
.ccompte3 {right: 50px;}
.ccompte4 {top: 13px;}
.ccompte4 {
	right: 20px;
}


.cpanier {right: 435px;
	text-align: center;
	border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	padding: 6px 0px 6px 0px;
		width: 240px;
		border-top: solid 0px #CCCCCC;
	border-bottom: solid 0px #CCCCCC;
		border-left: solid 0px #CCCCCC;
		
		}
	

	
	

	
	.pFB  {
		margin-top: 0px;
		margin-left: 5px;
		z-index:  999999;
}
		.cdrapeaux {	
	
	width: 35px; /*125 avec les drapeaux 90 de decalage pour les div de gauche*/
right: 10px;
padding: 6px 0px 6px 0px;
		border-top: solid 0px #999999;
	border-bottom: solid 0px #999999;
		border-right: solid 0px #999999;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	
	}
	
.ccarteRdv {width: 380px;height: 200px; position: relative; border: solid 1px #999999; padding: 16px; text-align: left; display: inline-block;margin: 20px 20px 20px 20px;}

.ccarteRdv2 {position: absolute;bottom: 16px;right: 16px;}

}








/* BLOQUER LA LARGEUR A 1100 px */

/* en dessous de 1100px */
@media only screen and  (max-width: 1100px)   {
.page_cadre{ margin:0 auto;
	width: 100%;
	border: solid 0px #FF9900;}
	
	
.rwidth { width: 90%;}
.rwidth2 { width: 90%;}
.rwidth3 { width: 100%; }
.rwhslider { width: 100%; }


.cpfb { display: none;}
}

/* au dessus de 1100px */
@media only screen and  (min-width: 1101px)  {
.page_cadre{ margin:0 auto;
	width: 1080px;
	border: solid 0px #3399CC;}

/* .{ margin:0 auto;
	width: 100%;
	border: solid 0px #3399CC;} */
	
.rwidth { width: 1100px;}
.rwidth2 { width: 1100px;}
.rwidth3 { width: 1100px;}
.rwhslider { width: 100%; }

.bxsliderdiv {	min-height: 160px; }
.bxsliderdiv2 {	min-height: 280px; }

.cpfb { display: none;}

}



/* LA TAILLE DES TEXTES DU BANDEAU HORIZONTAL */


.lemenubas{
			background: #6B5D5A;
			
			z-index: 10001;
			width: 100%;
			margin-top: 0px;
			height: 40px;
			border: solid 0px #333333;
			
			position: fixed;
			bottom: 0px;
}

.smenubas{
	  text-decoration: none;
   color: #333333;
   height: 40px;
   font: 12px  Arial, Helvetica, sans-serif;
     line-height: 40px;
     text-align: center;
     letter-spacing: 1px;
     padding-right: 60px;
     font-weight: normal;
  vertical-align: center;
}

.smenubas a {
	  text-decoration: none;
   color: #333333;
   height: 40px;
   font: 12px   Arial, Helvetica, sans-serif;
     line-height: 40px;
     letter-spacing: 1px;
  vertical-align: center;
}

.smenubashide {
	margin-right: 20px;
}
/* en dessous de 1000px */
@media only screen and  (max-width: 1000px)   {
.sf-menu > li > a { 
  font: 10px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;}
 .sf-menubas > li > a {  font: 10px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;}
}

/* de 1000 à 1101 */
@media only screen and (min-width: 1001px) and (max-width: 1100px) {
.sf-menu > li > a { 
  font: 10px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;font-weight: bold;}
 .sf-menubas > li > a {  font: 10px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;font-weight: bold;}
}

/* au dessus de 1101px */
@media only screen and  (min-width: 1101px)  {

 .sf-menu > li > a { 
  font: 12px    Arial,  sans-serif;}
 .sf-menubas > li > a {  font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;font-weight: bold;}
}



/* LES INSERTIONS D'ARTICLES */

/* en dessous de 500px */
@media only screen and  (max-width: 500px)   {
.c2InsertContenu {	width: 180px; margin: 20px; height: 180px;}
}

/* de 500 à 1100 */
@media only screen and (min-width: 501px) and (max-width: 1100px) {
.c2InsertContenu {	width: 180px; margin: 20px; height: 180px;}
}
/* au dessus de 1101px */
@media only screen and  (min-width: 1101px)  {
.c2InsertContenu {	width: 180px; margin: 20px; height: 180px;}
}






/* LES INSERTIONS D'ELEMENTS */

/* en dessous de 700px */
@media only screen and  (max-width: 700px)   {
.c2ElementDiv { width: 100%; text-align: center; }
.c2ElementContenu { width: 150px;   margin: 0;padding: 0;display: inline-block;}
.fldr {	margin-left: 20px;}
}

/* de 700 à 1100 */
@media only screen and (min-width: 701px) and (max-width: 1100px) {
.c2ElementDiv { width: 100%; text-align: center; }
.c2ElementContenu { width: 150px;   margin: 0;padding: 0;display: inline-block;}
.fldr {	margin-left: 40px;}
}
/* au dessus de 1101px */
@media only screen and  (min-width: 1101px)  {
.c2ElementDiv { width: 100%; text-align: center; }
.c2ElementContenu { width: 150px;   margin: 0;padding: 0;display: inline-block;}
.fldr {	margin-left: 40px;}
.c2elementWidth { width: 100%; }
}









.c7span2 {
	
	color: #FDF5EC;
	text-decoration: none;
	font: 15px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	/*font-weight: bold;*/
text-decoration: none;
	text-transform: none;
	cursor: pointer;
	height: 15px;
	line-height:  15px;
	vertical-align: middle;
	border: solid 0px #666666;
			border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	padding: 3px 3px 3px 3px ;
}

.menuRubDiv{
display: flex;
align-items: center;
height: 48px;
color: #FDF5EC;
font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
font-weight: 500;
border-top: solid 0px #333333;
text-align: left;
text-decoration: none;
padding-top: 4px;
margin-top: 4px;
margin-bottom: 4px;

}
.menuRubDivSous{
display: flex;
align-items: center;
height: 48px;
color: #FDF5EC;
padding-left: 15px;
font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;

text-align: left;
text-decoration: none;
}

.cCaroline0 {

	position: absolute;
	top: 24px;
	right: -1px;
	background: #6B5D5A;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	color: #FDF5EC;
	text-decoration: none;
	text-align: left;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	width: 0px;
	z-index: -1;
	opacity:0;
	-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;

}

.cCaroline1 {
width: 240px;
	padding: 15px 20px 15px 20px;
z-index: 999999;
opacity:1;
}


#lesmenusendiv{
	
	position: absolute;
right: 0px;

	top: 23px;

	margin:0 auto;
	margin-top: 0px;
	height: 24px;
	padding-right:56px;
	mini-width: 240px;
	background: #6B5D5A;
	color: #FDF5EC;
		border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	  font: 14px 'Quicksand', Helvetica, Tahoma, Arial,  sans-serif;
	 
	cursor:pointer;
	    border: solid 0px #6DB269;
	    
    /*outline:none;*/
    /*display: inline-block;*/
}








#lesmenusenselect{
	
	position: absolute;
	left: 6px;
	top: 100px;
	
	margin:0 auto;
	margin-top: 0px;
	height: 34px;
	mini-width: 200px;
	background: #FFFFFF;
	color: #6A6057;
		border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	  font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	 
	cursor:pointer;
	    border: solid 0px #6B5D5A;
	    
    /*outline:none;*/
    /*display: inline-block;*/
}

#lesmenusenselect > option{
			border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
/* le conteneur central
---------------------------------------- */
.main {	margin:0 auto; width:1004px; 	}


.homeFormTitre{
	color:#8E2A17;
	font-weight: bold;
}



/* Le bandeau du haut
---------------------------------------- */
.cmain {	
	position:relative;
	margin:0 auto;
	height: 20px;
	
	color:#333333;	
	border: solid 1px #CCCCCC;
	}

.imgContact {
	position: fixed;
	display: block;
	top: 226px;
	left: 50%;
	margin-left: -525px;
	
}





@media only screen and (max-width: 1100px) {
  .imgContact {
      display: none;
  }
}


@media only screen and (max-device-width : 1100px)  {
  .imgContact {
      display: none;
  }
}
	
.caccroche {	
	position: absolute;
	font: 14px Helvetica, Tahoma, Arial, sans-serif;
	color: #3366CC;
	text-transform: uppercase;
	top: 10px;
	right: 0px;
	}
.caccroche2 {	
	position: absolute;
	font: 14px Helvetica, Tahoma, Arial,  sans-serif;
	
	font-weight: bold;
	color: #FF6600;
	text-transform: uppercase;
	top: 30px;
	right: 0px;
	}






	




.ccompte, .ccompte2, .ccompte3, .ccompte4 {	
	position: absolute;
	z-index: 9999999;
	}

.cdrapeaux{	
	position: absolute;
	
	

	}


.btnconnect {
	
	display: inline;
	height: 20px;
	min-width: 140px;
	font-size:12px;
	line-height:20x;
	white-space: nowrap;
	
	text-align: center;
	/*text-transform: uppercase;*/
	
	padding: 4px 20px 4px 20px;

	text-decoration: none;
	font: 14px Georgia, sans-serif;
	color:#000000;
	font-weight: bold;
		
	border-right: 1px solid #908569;
	border-bottom: 1px solid #908569;
	border-top: 0px solid #B24B01;
	border-left: 0px solid #B24B01;
	cursor:pointer;
	background: #2DD300 repeat-x 0 0;
			background: -webkit-linear-gradient(#CCCCCC, #B2A481);
			background: -moz-linear-gradient(#CCCCCC, #B2A481);
			background: linear-gradient(#CCCCCC, #B2A481);
		border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.btnconnect:hover {
	background: #B2A481 repeat-x 0 0;
}


.cconnect {	
	position: absolute;

	

	}
	

.cpanier {	
	position: absolute;

	
	background: #FFFFFF;

	}
	
.congletvide {	
	position: absolute;
	top: 122px;
	right: 360px;
	height: 40px;
	width: 20px;
	background: #FF6600;
	}

.congletvideIn {	
	
	height: 40px;
	width: 20px;
	background: #FFFFFF;
	border-radius: 0px 0px 6px 0px;
	-moz-border-radius: 0px 0px 6px 0px;
	-webkit-border-radius: 0px 0px 6px 0px;
	}


.cimgpanier { 	margin: 0px 10px 0px 0px; }
.cnbproduit { 	color: #000000; 	}

.clogo { position: absolute; 	box-shadow: 1px 1px 12px #333333;
	-moz-shadow: 1px 1px 12px #333333;
	-webkit-shadow: 1px 1px 12px #333333;}

.clogo3 { position: absolute; }

.cpfb {
	position: absolute;
	width: 200px;
	border: solid 0px #CCCCCC;
	line-height: 25px;
	vertical-align: middle;
}
.caccrocheFB {	
	position: absolute;
	text-align: right;
	top: 60px;
	right: 44px;
	width: 400px;
	font: 11px Helvetica, Tahoma, Arial,  sans-serif;
	text-transform: uppercase;
	color:#3366CC;
	border: solid 0px #CCCCCC;
	}
	
	
.imgSoc{

position:absolute;
top:61px;
right:0px;

}


.cMoteur {
	position: absolute; 
	top: 90px; 
	left: 0px; 
	width: 300px; 
	height: 29px;
}



.csupmenutexte, .csupmenutexte a, .csupmenutexte b {	
	color: #663366;
	font: 12px Helvetica, Tahoma, Arial,  sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

.ombresupmenu1{
		background: #99CC00;
		border-top: solid 0px #663366;
	border-left: solid 0px #663366;
	border-right: solid 0px #663366;
	
-moz-box-shadow: inset 1px 1px 2px 0px #666666;
-webkit-box-shadow: inset 1px 1px 2px 0px #666666;
-o-box-shadow: inset 1px 1px 2px 0px #666666;
box-shadow: inset 1px 1px 2px 0px #666666;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=134, Strength=2);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.csupmenu1 {	
	position: absolute;
	top: 117px;
	right: 0px;
	width: 120px;
padding: 4px 0px 0px 0px;
	height: 20px;
	text-align: center;
	}

.csupmenu2 {	
	position: absolute;
	top: 117px;
	right: 120px;
	width: 120px;
padding: 4px 0px 0px 0px;
	height: 20px;
	text-align: center;
	}
	
.csupmenu3 {	
	position: absolute;
	top: 117px;
	right: 240px;
	width: 120px;
padding: 4px 0px 0px 0px;
	height: 20px;
	text-align: center;
	}
	
	
	
	

/* le conteneur du slider de la home
---------------------------------------- */
.cslider {
	position:relative;
	margin:0px auto;
	/*margin-bottom: 10px ;*/
	/*margin-top: 34px ;*/
	height: 500px;
	width: 1004px;
}

.cslidertaille {

}

/* la structure des deux colonnes du centre
---------------------------------------- */
.cCentre {
	overflow: hidden;
	margin:15px auto;
	border: solid 0px #CCCCCC;
	margin-top: 30px;
}

.cCentre2 {
	overflow: hidden;
	
	width: 90%;
	text-align: center;
	/*background: url('/images/fond-element.jpg') repeat-x;*/
	margin: 0 auto;
	border: solid 0px #CCCCCC;
	margin-top: 15px;
	margin-bottom: -20px;
}

.cCentre3 {
	overflow: hidden;
	margin: 0;
	border: solid 3px #CCCCCC;
	
}

.cColonne1 {
    float: right;
    text-align: center;
    width: 200px;
    margin-right: 10px;
    /*background: lightblue;*/
}

.cColonne3 {
    
    
}


.cColonneGauche{
	float: right;
	width: 300px;
	margin-left: 40px;
}


.cColonne2 {
    float: right;
    width: 182px;
    text-align: center;
    /*background: burlywood;*/
	
}


.cCol1Couleur{
	background: #003399;
}

.cCol2Couleur{
	
}

.cCol1Border {
	/*border-radius:   10px 10px 10px 10px;
	-moz-border-radius:  10px 10px 10px 10px;
	-webkit-border-radius:  10px 10px 10px 10px;*/
}

.cCol1Titre {
	border-right: 0px solid #333333;
	border-top: 0px solid #6B5D5A;
	border-left: 1px solid #6B5D5A;
	border-bottom: 5px solid #6B5D5A;
	background: #edeff1;
	
}

.cCol1Titre p {
  
  font: 16px  'Open Sans', Helvetica, Arial, Tahoma, sans-serif;
  letter-spacing: 1px;
  color: #6B5D5A;
  
  vertical-align: center;
  text-align: left;
  
  padding: 10px 14px 10px 14px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  text-transform: uppercase;
}

.cCol1Titre a {
  
  font: 16px  'Open Sans', Helvetica, Arial, Tahoma, sans-serif;
  letter-spacing: 1px;
  color: #6B5D5A;
  
  text-align: left;
  padding: 10px 14px 10px 14px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}


.cCol1BorderFB {
	/*border-radius:   10px 10px 0px 0px;
	-moz-border-radius:  10px 10px 0px 0px;
	-webkit-border-radius:  10px 10px 0px 0px;*/
}


.cCol1FB {
	width: 300px; 
	
	background: #CCCCCC;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
	
	border-right: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;

/*			background: -webkit-linear-gradient(#019A01, #02BD01);
			background: -moz-linear-gradient(#019A01, #02BD01);
			background: linear-gradient(#019A01, #02BD01);*/
					border-radius:  0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}

.imgBloc{
	border-radius:  6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

.cCol1BlocPad {
	padding: 11px 0px 7px 0px;
}

.cCol1BlocPad2 {
	padding: 11px 11px 11px 11px;
}


.prixFormation {
background: #FFFFFF;
color: #6B5D5A;
text-align: center;
font: 18px  'Open Sans', Helvetica, Arial, Tahoma, sans-serif;
border: solid 1px #6B5D5A;
	border-radius:  20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	min-height: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.texteFormation {
margin: 0px auto  ;
width: 250px;
border: 0px solid #999999;
}

.cCol1Bloc {

		
	font-weight: normal;	
	text-align: left;
	
font: 12px  'Open Sans', Helvetica, Arial, Tahoma, sans-serif;
 margin-left: 0px;
 margin-right: 0px;
	margin-bottom: 0px;	
	margin-top: 0px;	
  padding: 10px 14px 10px 14px;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #6B5D5A;	
	border-left: 1px solid #6B5D5A;
	border-top: 0px solid #CCCCCC;
	background: #edeff1;
	
}

.cCol1Bloc2 {

	font-weight: normal;	
	text-align: center;
	font: 11px  'Open Sans', Helvetica, Arial, Tahoma, sans-serif;
	margin-bottom: 20px;	

	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;	
	border-left: 0px solid #330000;
	border-radius:  0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}

.cCol1Bloc2 a{

	font-weight: normal;	
	color: #FFFFFF;
	
	font: 11px  'Open Sans', Helvetica, Arial, Tahoma, sans-serif;
	
}

.cCol1Bloc2Couleur1 {

	
	
	/*
	background: #FFFFFF;
			background: -webkit-linear-gradient(#99CC00, #829902);
			background: -moz-linear-gradient(#99CC00, #829902);
			background: linear-gradient(#99CC00, #829902);
	*/
		
}






.cColonne2_print {
	
	margin: 20px;
	/* largeur : 1004-marge gauche*/
	width: 570px;
	border: solid 1px #E9D1B4;
	background: #FFFFFF;
	
}


.c2Content {
	width: 100%;
	border: solid 0px #000000;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

.cColonne2_print h1{
	font: 26px  'Times New Roman';
	color: #CE6140;
	padding: 0px;
	margin: 8px 0px 15px 0px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: none;
}


.cColonne3 h1{
	font: 28px  'Open Sans',Verdana,  sans-serif;
	color: #000000;
	display: inline-block;
	padding-bottom: 5px;
	margin: 0px 0px 15px 0px;
	border-bottom: solid 0px #CCCCCC;
	letter-spacing: 0px;
	font-weight: bold;
	text-transform: none;
}

.cStandardAccroche >  h1  {
	font: 26px  'Open Sans',Verdana,  sans-serif;
	color: #B38549;
	display: inline-block;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #6B5D5A;
	letter-spacing: 1px;
	font-weight: none;
	text-transform: none;
}

.linel {
	/*display: inline-block;*/
	height: 20px;
	width: 20%;
	float: left;
	border-bottom: solid 1px #660000;
}
.liner {
	/*display: inline-block;*/
	height: 20px;
	width: 20%;
	float: right;
	border-bottom: solid 1px #660000;
}


	
.cStandardAccrocheBlog >  h1  {
	font: 28px  'Open Sans',Verdana,  sans-serif;
	color: #B38549;
	display: inline-block;
	padding-bottom: 0px;
	/*width: 75%;*/
	text-align: center;
	margin: 0px auto;
	margin-bottom: 20px;
	padding: 0px 20px 0px 20px;
	border-bottom: solid 1px #6B5D5A;
	letter-spacing: 0px;
	font-weight: bold;
	text-transform: uppercase;
	
	/*text-shadow: 1px 1px 1px #666666;*/
}

.cStandardAccrocheBlog >  h2  {
	font: 16px  'Open Sans',Verdana,  sans-serif;
	color: #333333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}

.cColonne3 h2{
	font: 16px  'Open Sans',Verdana,  sans-serif;
	color: #333333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}


.cStandardAccroche5 > h2 {
	font: 14px  'Open Sans',Verdana,  sans-serif;
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}




.c2ImgVig {
	margin-top: 0px;
	margin-bottom: 5px;
	border: solid 1px #CCCCCC;
	float: left; 
	width: 240px;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}


.c2ImgVigLarge {
	width: 760px;
	height: 300px;
	background: #000000 url('../../index.html') no-repeat center center;
	border: 1px solid #666666;
	border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
}

.c2Accroche {
	margin-left: 210px; 
	width: 540px;
}

.cStandardAccroche {
	
	padding-bottom: 5px;
	margin-left: 5px;
	/*border: 1px solid #CCCCCC;*/
}

.cStandardAccrocheBlog {
	display: block;
	padding-bottom: 5px;
text-align: center;
position: relative;
	/*border: 1px solid #CCCCCC;*/
}


.radiologue {
	display: inline-block;
	
text-align: left;
position: relative;
	border: 0px solid #CCCCCC;
	width: 220px;
	margin: 10px 30px 30px 30px;
}
.imgradiologue {
width: 100%;
height: auto;
}
.nomradiologue {
	text-align: center;
	font: 12px 'Open Sans',Helvetica, Tahoma, Arial, sans-serif;
}

.cStandardAccrocheBlog3 {
	display: inline-block;
text-align: left;
position: relative;
	border: 0px solid #CCCCCC;
}

.cStandardAccrocheBlog3 > a {
	color : #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
}

.miniLogo {
	margin-right: 15px;
}
.cStandardAccrocheBlog2 {
	
text-align: center;
	padding: 30px 15px 15px 15px;
	

background: url('../../img/carrelage-audois-fond.jpg') no-repeat center center fixed;
 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;

-moz-box-shadow:  0px 6px 6px rgba(0,0,0,.4) inset;
-webkit-box-shadow: 0px 6px 6px rgba(0,0,0,.4) inset;
-o-box-shadow: 0px 6px 6px rgba(0,0,0,.4) inset;
box-shadow: 0px 6px 6px rgba(0,0,0,.4) inset;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;

/*			background: -webkit-linear-gradient(#3399CC, #006699);
			background: -moz-linear-gradient(#3399CC, #006699);
			background: linear-gradient(#3399CC, #006699);*/

	/*border: 1px solid #CCCCCC;*/
}

.cStandardAccroche5 {
	
	padding-bottom: 5px;
	text-align: center;
	margin-bottom: 20px;
	/*border: 1px solid #CCCCCC;*/
}

.c2Reseaux {
	margin-top: 16px;
	height: 30px;
}

.c2Ligne {
	height: 4px;
	margin: 5px 0px 14px 0px;
	/*background: url('/img/puce-ligne2.png') repeat-x;*/
	border-bottom: dashed 2px #CCCCCC;
}

.c2TexteBlog{
	overflow: hidden;
	font: 14px  'Open Sans',Arial, Tahoma, Helvetica, sans-serif;
	color: #999999;
	padding: 15px 0px 15px 0px;
	
	letter-spacing: 0px;
	font-weight: normal;
	
	text-transform: none;
	
	/*border-bottom: solid 1px #E9D1B4;*/
}

.c2Texte {
	overflow: hidden;
	font: 14px  'Open Sans',Verdana,  sans-serif;
	color: #999999;
	padding: 15px 0px 15px 0px;
	margin: 10px 0px 5px 0px;
	letter-spacing: 0px;
	font-weight: normal;
	
	text-transform: none;
	
	/*border-bottom: solid 1px #E9D1B4;*/
}

.c2Texte a, .c2TexteBlog a{
	
	color: #000000;
	text-decoration: underline;
	font-weight: none;
	text-transform: normal;
	/*border-bottom: solid 1px #E9D1B4;*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.c2Texte p, .c2TexteBlog p{
	font: 14px  'Open Sans',Verdana,  sans-serif;
	color: #999999;
	text-align: justify;
}

.c2Texte p img, .c2TexteBlog p img {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}


blockquote {
    background-color: #f9f9f9;
    border-left: 1em solid #eee;
    margin:  0px 0px 20px 0px ;
    padding:  20px 10px 15px 30px ;
    position: relative;
    	font-style: italic;
	
}
blockquote:before {
  color: #808080;
  content: "\201C";
  font-size: 60px;
  font: 60px  Arial;
  position:absolute;
  left:5px;
  top: 24px;
  line-height: 0.1em;
  
}

blockquote:after {
   color: #808080;
  content: "\201D";
  font-size: 60px;
  font: 60px  Arial;
  position:absolute;
  right:3px;
  bottom: 0px;
  line-height: 0.1em;
}      



.c2Texte blockquote  p, .c2TexteBlog  blockquote p {
	font-style: italic;
	
	}
	
blockquote > p:first-letter {
   font: 25px  Arial;
   font-style: italic;
   font-weight: normal;
    font-size: 25px;
   
}

blockquote > p:first-line {
   
    line-height: 25px;
}




.cColonne3 h3{
	font: 16px  'Open Sans', Verdana, sans-serif;
	color: #999999;
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
	border: solid 0px #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 16px 0px;
	letter-spacing: 0px;
	font-weight: normal;
	/*height: 24px;*/
	/*background:url(/images/puce-orange.png) top left no-repeat;*/
	text-transform: uppercase;
}

.cStandardAccroche >  h3  {
	font: 26px  'Didact Gothic',Verdana,  sans-serif;
	
	color: #193566;
	display: block;
	padding-bottom: 5px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 20px 0px;
	border-bottom: solid 1px #6B5D5A;
	letter-spacing: 0px;
	font-weight: none;
	background:  none;
	text-transform: none;
}

.c2Texte >  h3, .c2TexteBlog > h3  {
	font: 24px  'Open Sans',Verdana,  sans-serif;
	
	color: #333333;
	display: block;
	padding-bottom: 5px;
	margin: 10px 0px 14px 0px;
	padding: 15px 0px 6px 0px;
	border-bottom: solid 1px #6B5D5A;
	letter-spacing: 0px;
	font-weight: none;
	background:  none;
	text-transform: none;
}

.blocPageDiv{
	
	width: 280px;
	text-align: center;
	padding-left: 70px;
	margin-right: 0px;
	margin-bottom: 20px;
	display: inline-block;
	border: solid 0px #333333;
	font: 14px  'Open Sans',Verdana,  sans-serif;
	color: #333333;
	text-transform: none;
}

.blocPageDiv2{
	
	width: 560px;
	text-align: center;
	padding-left: 70px;
	margin-right: 0px;
	margin-bottom: 20px;
	display: inline-block;
	border: solid 0px #333333;
	font: 14px  'Open Sans',Verdana,  sans-serif;
	color: #333333;
	text-transform: none;
}

.symboleDiv > p{
	

}


.symboleDiv{
	
	width: 100px;
	text-align: center;
	margin-right: 10px;
	display: inline-block;
	
}

.symboleDiv > p{
	
	font: 14px  'Open Sans',Verdana,  sans-serif;
	color: #333333;
	
	text-transform: none;
	
}


.cStandardAccroche >  p  {
	font: 14px  'Open Sans',Verdana,  sans-serif;
	color: #333333;
	
	text-transform: none;
}

.cStandardAccrocheBlog >  p  {
	font: 14px  'Open Sans',Verdana,  sans-serif;
	color: #333333;
	
	text-transform: none;
}



.dossierinsert{
	margin-top: 25px;
	margin-bottom: 20px;
	background: #F5F5F5;
	padding: 5px 5px 5px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a .linkDossierOn {
	color: #FF6600;
	font-weight: normal;
	text-decoration: none;
}

a .linkDossier {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}



.carouseldiv {
	border: 0px solid #DFDFDF;
	width: 300px;
	height: 344px;
	overflow: hidden;
	
	
}

.carouimage {
	border: 0px solid #647A87;
	margin-left: 6px; 
	margin-top:6px;
}





.albumimg, .albumimglast {
	display: inline-block;
	
	
	cursor: url('../div/Loupe2.png'), pointer;
	
/*	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;*/
	padding-right:0px;
	color:#666666;
	background-color:#FFFFFF;
	/*margin-right: 1px;
	margin-bottom: 1px;*/
}

.albumdiv {
position: relative;
	padding-right: 1px;
	padding-bottom: 1px;

}

.albumvig {

	width: 100%;

}

.albumNomVig {
	position: absolute;
	width: 60%;
	/*height: 55px;*/
	left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font: 16px  'Open Sans',Verdana,  sans-serif;

	color: #333333;
	border: solid 1px #FFFFFF;
	padding: 10px 10px  10px 10px; 
	
	background: rgba(255, 255, 255, 0.4);
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}

.albumNomVig:hover {
 pointer: cursor;
color: #FFFFFF;
 background: rgba(51, 51, 51, 1);

	
}

.posCentre {
	display: inline-block;
	/*position: absolute;*/
	/*transform: translate(-50%, -50%);*/
	text-align: center;
	width: 100%;
	/*left: 50%;
top: 50%;*/
}
/*
la fiche produit
---------------- */

.cpVig {
	margin-top: 14px;
	
	border: solid 1px #CCCCCC;
	float: left; 
	width: 250px; 
	height: 250px;
	line-height: 250px;
	text-align: center;
}
.cpImgVig {
	width: 215px; 
	vertical-align: middle;
}

.cpAccroche {
	margin-left: 260px; 
	width: 490px;
	
}

.cpAccroche h1{
	font: 26px  'Open Sans',Verdana,  sans-serif;
	color: #CE6140;
	padding: 0px;
	margin: 8px 0px 15px 0px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: none;
}

.cpLigne {
	height: 10px;
	border-bottom: solid 1px #E9D1B4;
	margin: 0px 0px 10px 0px;
}

.cpPrix {
	font: 18px  Arial, Tahoma, Helvetica, sans-serif;
	color: #CE6140;
	text-transform: uppercase;
}

.cpPrixLivraison{
	font: 14px  Arial, Tahoma, Helvetica, sans-serif;
	color: #CE6140;
	text-transform: none;
}

.cpPhraseLivraison{
	font: 14px Arial, Tahoma, Helvetica, sans-serif;
	font-style: italic;
}

.cpPhraseLivraison_print{
	font: 10px Arial, Tahoma, Helvetica, sans-serif;
	font-style: italic;
}

.cpAccroche h2{
	font: 14px  'Open Sans',Arial, Tahoma, Helvetica, sans-serif;
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}

.cpTexte{
	font: 13px  'Open Sans', Arial, Tahoma, Helvetica, sans-serif;
	color: #929292;
	padding: 0px 0px 15px 0px;
	margin: 10px 0px 15px 0px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: none;
	border-bottom: solid 1px #E9D1B4;
}

.cpInput {
	height: 24px;
	font-size:12px;
	line-height:16x;
	padding-bottom: 3px;
	color:#FFFFFF;
	border: 0px solid #CCCCCC;
	cursor:pointer;
	background:url(../../img/cfond-ajout-panier-off.png) repeat-x 0 0;
}



.cpInput2 {
	height: 24px;
	font-size:12px;
	
	padding-bottom: 3px;
	color:#FFFFFF;
	border: 0px solid #CCCCCC;
	cursor:pointer;
	background:url(../../img/cfond-ajout-panier-off.png) repeat-x 0 0;
}


.cpInput:hover {
	background:url(../../img/cfond-ajout-panier-on.png) repeat-x 0 0;
}

.cpInput2:hover {
	background:url(../../img/cfond-ajout-panier-on.png) repeat-x 0 0;
}




/*
le mini panier
---------------- */

.miniPanierDiv {
	overflow: hidden; 
	padding: 0px 0px 5px 0px; 
	margin: 0px 0px 5px 0px; 
	border-bottom: solid 1px #E9D1B4;
}

.miniPanierDivImg {
	width: 50px;
	float: left;
	text-align: center;
}

.navPanier {
	margin-top: 5px;
	width: 15px;
	cursor: pointer;
}

.miniPanierImg {
	width: 50px;
}



.miniPanierDesc {
	margin-left: 63px; 
	width: 120px; 
	border-right: solid 1px #000000;
}

.miniPanierTotal {
	text-align: right;
	border: solid 0px #CCCCCC;
}

.imgWaitHide {
	float: right;
	overflow: hidden;
	
	border: 0px solid #CCCCCC;
	display: none;
	width: 30px;
}


.divHide {
	display: none;
}

.imgWaitShow {
	float: right;
	overflow: hidden;
	border: 0px solid #CCCCCC;
	display: block;
	width: 30px;
	margin: 2px 5px 0px 0px;

}

.c2Iframe {
	margin: 0px 0px 12px 0px;
	border: solid 1px #CCCCCC;
	padding: 15px;
	box-shadow: 2px 1px 3px #999999;
	-moz-shadow: 2px 1px 3px #999999;
	-webkit-shadow: 2px 1px 3px #999999;
	float: left; 

}
/*
le panier
---------------- */

.cpanAccroche {
	margin-left: 0px; 
	width: 750px;
	
}

.cpanAccroche_print {
	margin-left: 0px; 
	width: 545px;
	border: solid 0px #000000;
}

.cpanAccroche h1{
	font: 26px  'Open Sans',Verdana,  sans-serif;
	color: #CE6140;
	padding: 0px;
	margin: 8px 0px 15px 0px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: none;
}

.imgFab {
	width: 210px ;
	border: 1px solid #CCCCCC;
	margin: 20px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}


.factLivraison {
	width: 320px ;
	float: left; 
	border: solid 0px #CCCCCC; 
	margin: 0px 20px 0px 0px;
}

.factFacturation {
	width: 320px; 
	float: right; 
	border: solid 0px #CCCCCC; 
	margin: 0px 0px 0px 0px;
}

.factLivraison_print {
	width: 250px ;
	float: left; 
	border: solid 0px #CCCCCC; 
	margin: 0px 20px 0px 0px;
	font-size: 10px;
}

.factFacturation_print {
	width: 250px; 
	float: left; 
	border: solid 0px #CCCCCC; 
	margin: 0px 0px 0px 0px;
	font-size: 10px;
}

.factInfoLivraison {
	float: left; 
	width: 450px;
	text-align: center;
}

.factInfoLivraison_print {
	float: left; 
	width: 280px;
	text-align: center;
	font-size: 10px;
	border: solid 0px #CCCCCC; 
}



/* les form de la boutique
-------------------------- */


.cBoutMC {
	height: 27px;
	font-size:12px;
	line-height:16x;
	color:#666666;
	border: 1px solid #CFC5B7;
	padding: 0px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
}


.cBoutInput {
	height: 29px;
	font: 14px Georgia, sans-serif;
	line-height:16x;
	color:#FFFFFF;
	
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 0px 0px;



	border-right: 1px solid #510101;
	border-bottom: 1px solid #510101;
	border-top: 0px solid #B24B01;
	border-left: 0px solid #B24B01;
	cursor:pointer;
	background: #A81717 repeat-x 0 0;
			background: -webkit-linear-gradient(#A81717, #750000);
			background: -moz-linear-gradient(#A81717, #750000);
			background: linear-gradient(#A81717, #750000);
		border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
}

.cBoutInput:hover {
	background: #A81717 repeat-x 0 0;
}

/* le bouton de recherche
---------------------------------------- */


.cform  {
	
	width: 270px;
	border: 0px solid #CCCCCC;
	padding-top: 25px;
	
}

.cformEnvoi  {
	text-align: center;
	width: 100%;
	border: 0px solid #CCCCCC;
	padding-top: 25px;
}

.aleft {
	float: left;
}

.cform > h1 {
	font: 28px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
}

.formNom, .formPNom, .formMail, .formTel, .formDA, .formDD, .formDate, .cselect {
	width: 80%;
}
.ccode {
	width: 160px;
}

.formNom, .formPNom, .formMail, .formTel, .formDA, .formDD, .formDate, .cselect, .ccode {
	height: 25px;

	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	line-height:16x;
	color:#333333;
	font-weight: normal;
	
	padding: 1px 7px 0px 8px;
	margin: 0px 0px 0px 0px;
	
	-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;

	border: solid 1px #CCCCCC;
}

.formMail, .formTel, .formDA, .formDD, .formDate, .cselect, .ccode {
	margin-top: 6px;
}

.formDate {
height: 100px;
}

.formNom {
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border-bottom: 0px;
}

.formPNom {
-moz-border-radius: 0px 0px 6px 6px ;
-webkit-border-radius: 0px 0px 6px 6px ;
border-radius: 0px 0px 6px 6px ;
}



.cRMC {
	height: 25px;
	width: 152px;
	font: 12px Helvetica, Tahoma, Arial,  sans-serif;
	line-height:16x;
	color:#333333;
	font-weight: normal;
	
	padding: 1px 7px 0px 8px;
	margin: 0px 0px 0px 0px;
	
		border: solid 1px #CCCCCC;

-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}


.cRInput {
	height: 25px;
	width: 40px;
	margin-top: 0px;
	margin: 1px 5px 0px 5px;
	float: right;
	background: #DDDDDD;
	border: 1px solid #CCCCCC;
	cursor:pointer;
	/*background:url(/images/pp-loupe.png) repeat-x 0 0;*/
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.cRInput:hover {
	background: #CCCCCC;
}

.cRInput2 {
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	padding: 0px 25px 0px 25px;
	margin: 10px 5px 0px 0px;
	font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	text-transform: uppercase;
	background: #DDDDDD;
	border: 1px solid #CCCCCC;
	cursor:pointer;
	/*background:url(/images/pp-loupe.png) repeat-x 0 0;*/
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.cRInput2:hover {
	background: #CCCCCC;
}
/* le conteneur des tags dans le contenu
---------------------------------------- */



.c2Tags {
	font: 13px  'Open Sans', Arial, Tahoma, Helvetica, sans-serif;
	color: #918a83;
	padding: 0px 0px 15px 0px;
	margin: 10px 0px 15px 0px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: none;
	border-bottom: solid 0px #E9D1B4;
}

.c2Tags a {
	color: #918a83;
	text-decoration: underline;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.c2Tags a:hover {
	color: #000000;
	text-decoration: underline;
}


.cGMAP {


	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	

	box-shadow: 1px 1px 12px #CCCCCC;
	-moz-shadow: 1px 1px 12px #CCCCCC;
	-webkit-shadow: 1px 1px 12px #CCCCCC;
	
}





/* le conteneur des insertions d'éléments sous le slider
----------------------------------------------------- */

.c2ElementDiv {
	margin:0 auto;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
	padding-bottom: 0px;
	border: solid 0px blue;
}

.imgOff {

position: absolute;
top: 0px;
left: 0px;	
	-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
	border-radius: 62px;
	-moz-border-radius: 62px;
	-webkit-border-radius: 62px;
}

.imgOn {


	border-radius: 62px;
	-moz-border-radius: 62px;
	-webkit-border-radius: 62px;
}
.fldr {
	margin-right: 20px;
	margin-top: 25px;
}

.c2ElementContenuPhoto
{
	position: relative; 
	width: 124px; 
	height: 124px; 
	margin: 0px auto;

}
.c2ElementContenu {
	position: relative;
	text-transform: uppercase;
	overflow: none;	
	color:  #FFFFFF;
	text-decoration: none;
	background: #FFFFFF;
	font: 20px 'Open Sans', Helvetica, Tahoma, Arial, sans-serif;
	font-weight: normal;
	padding: 20px 30px  20px 30px;	
	overflow: hidden;
	border: solid 0px #aba59e;
	text-align: center;
	margin:  20px  20px  20px 20px;
	height: 240px;
	line-height: 40px;
	vertical-align: middle;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
  
}

.c2ElementContenu:hover .imgOff {

-moz-opacity: 0.00;
-khtml-opacity: 0.00;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity: 0;

}

.c2ElementContenuIn {
	
	border-bottom: 4px solid #6B5D5A;
}

.c2ElementOmbre {
	
	position: absolute;
	border-bottom: solid 0px #000000;
	width: 100%;
	bottom: 0px;
	background: url('../../index.html') repeat-x bottom;
	height: 44px;
	z-index: 2;
	
}

.c2lombre {
position: relative;
height: 55px;
border: 0px solid #CCCCCC;
margin-top: 5px;
overflow: hidden;
}


.c2container
     {
     width:100%;
     height:180px; 
     display:block; 
     position:relative;
     overflow:hidden;
     }
.c2container img 
    {
     /*position:absolute;
     top:0;
     left:0; */
     width:100%;
     
     }
     
.c2containeroff 
    {
width:160px;
margin: 0 auto;
text-align: center;
border-bottom: solid 0px #000000;
     }

.imgc2container {
		border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	     	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-moz-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	
	
}

.c2ElementContenuLigne {
	height: 1px; border-top: 1px solid #BE4C19; margin-top: 10px;
}

.c2ElementContenuTexte {
	padding: 10px;
	font-weight: bold;
	font: 18px  'Open Sans', Verdana,  sans-serif;
	color: #B38549;
	margin-top: 0px;
	text-transform: none;
}


.c2ElementContenuTexte1 {
	font-weight: normal;
	font: 12px  'Open Sans', Verdana,  sans-serif;
	color: #999999;
	margin-top: 0px;
	text-transform: none;
}


.c2ElementContenuTexte2 {
	font-weight: bold; font: 17px  'Open Sans', Verdana, sans-serif; color: #000000; margin-top: 10px;margin-bottom: 10px; text-transform: uppercase; text-align: center;
}
.c2ElementContenuTexte3 {
	position: absolute; bottom: 4px; font-weight: bold; font: 13px  'Open Sans', Verdana, sans-serif; color: #BE4C19; margin-top: -5px; width: 100%; text-transform: none; text-align: center; 
	z-index: 10000;
}




.c2ElementContenuTexte4 {
	font: 13px  'Open Sans', Verdana, sans-serif; color: #333333; margin-top: 0px; ; text-align: center;border: solid 0px #CCCCCC;
	
	
  
}



.c3Button {

	display: inline;

	height: 14px;
	min-width: 100px;
	margin-top: 0px;
	line-height: 14px;
	white-space: nowrap;
	text-align: center;
	text-transform: uppercase;
	padding: 3px 20px 3px 20px;
	text-decoration: none;
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial, sans-serif;
	color:#193566;
	font-weight: bold;

	border-right: 0px solid #003366;
	border-bottom: 0px solid #003366;
	border-top: 0px solid #B24B01;
	border-left: 0px solid #B24B01;
	cursor:pointer;
	
			background: -webkit-linear-gradient(#4ea4b5, #89cad4);
			background: -moz-linear-gradient(#4ea4b5, #89cad4);
			background: linear-gradient(#4ea4b5, #89cad4);
	box-shadow: 1px 1px 3px #666666;
	-moz-shadow: 1px 1px 3px #666666;
	-webkit-shadow: 1px 1px 3px #666666;
		border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	
	z-index: 10000;
	
	-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
}
.c3Button:hover {
	background: #193566 repeat-x 0 0;
	color:#FFFFFF;
	text-decoration: none;
}



.c2elementButton {

	display: inline;

	height: 14px;
	min-width: 100px;
	margin-top: 0px;
	line-height: 14px;
	white-space: nowrap;
	text-align: center;
	text-transform: uppercase;
	padding: 3px 20px 3px 20px;
	text-decoration: none;
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial, sans-serif;
	color:#FFFFFF;
	font-weight: bold;

	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-top: 0px solid #B24B01;
	border-left: 0px solid #B24B01;
	cursor:pointer;
	/*background: #2DD300 repeat-x 0 0;
			background: -webkit-linear-gradient(#990000, #660000);
			background: -moz-linear-gradient(#990000, #660000);
			background: linear-gradient(#990000, #660000);*/
			background: #FFFFFF;
		border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	z-index: 10000;
}
.c2elementButton:hover {
	background: #333333 repeat-x 0 0;
	color:#FFFFFF;
}



/* le conteneur des insertions d'article dans le contenu
----------------------------------------------------- */


.c2InsertDiv {
	overflow: hidden;
	margin-top: 60px;
	text-align: center;
	
}

.c2InsertContenu {
	position: relative;
	overflow: hidden;
	display: inline-block;
	/*width: 326px;*/
	cursor: pointer;
	border: solid 0px #CCCCCC;



	
   /* on aurait pu écrire 500ms également */
/*-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;*/
}



.anone{
	color: #333333;
	text-decoration: none;
}
.newsDiv {
position: relative; 
clear: both; 
margin-top: 10px; 
padding-top: 10px;
height: 60px; 
overflow: hidden;
border: 0px solid #000000;
   /* on aurait pu écrire 500ms également */
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}

.newsDiv:hover {
	
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-o-transform: scale(1.1);
transform: scale(1.1)  ;

z-index:  1000;
}

.newsDivTexte{
	font: 12px 'Open Sans',Helvetica, Tahoma, Arial, sans-serif;
	letter-spacing: 0px;
	line-height: 13px;
	color:#666666;
	text-align: left;


}

.c2ImgInsert {
	margin: auto 0;
	border: solid 0px #CCCCCC;
	opacity: 1;
	-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;

}




.c2Insert {
	padding: 0px; 
	height: 110px;
	color: #FFFFFF;
	position: absolute;
	overflow: hidden;
	top: 0px;
	width: 180px;
	border: solid 0px #000000;
	padding-top: 110px;
	height: 180px;
	text-align: left;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;


	
	
}



.c2Insert:hover {
 pointer: cursor;
	padding-top: 26px;
	
}

.divimgBP {
/*background: #000000;*/
height: 7px;	
}

.c2Insert p {
	font: 12px  'Open Sans',Verdana,  sans-serif;
	font-weight: normal;
	display: block;
	border: solid 0px #000000;
	color: #999999;
	/*background: rgba(0, 0, 0, 0.6);*/
	background: #edeff1;
	padding: 1px 8px 8px 8px;
	text-transform: none;
	text-align: left;
	height: 400px;
	

}

.c2InsertOmbre {
	z-index: 1000;
	position: absolute;
	width: 100%;
	top: 220px;
	background: url('../../img/ombre-blanche.png') repeat-x bottom;
	height: 20px;
	border: solid 0px #CCCCCC;
	
}
.c2InsertTitre {
		border: solid 0px #000000;
	margin-top: 0px;
	padding-top: 0px;
	display: block;
	font: 10px  'Open Sans', Verdana,  cursive;
	/*background: rgba(0, 0, 0, 0.6);*/
	background: #edeff1;
	color: #333333;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	/*text-shadow: 1px 1px 2px #000000;*/
}




.c2Insert a {
	width: 170px;
	
	padding: 8px 8px 3px 8px;
color: #333333;
text-decoration: none;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.c2Insert a:hover {
color: #333333;
text-decoration: none;
}


.paginationRecherche{

	margin-top: 25px;
	font: 14px  Helvetica, Arial, Tahoma,  sans-serif;
	color: #333333;
	text-align: center;
	background: #FFFFFF;
	font-weight: normal;
	padding: 10px;
	border-bottom: solid 1px #CCCCCC;

}

.paginationRecherche a{

	font: 14px  Helvetica, Arial, Tahoma,  sans-serif;
	color: #333333;
	font-weight: bold;
}
/* le conteneur du bandeau des 5 produits
---------------------------------------- */
.cligneProduit {
	position:relative;
	margin: 22px auto;
	height: 350px;
	width:1004px;
	
	border: solid 1px #ECDBC6;
	background: #FFFFFF;
}


/* le conteneur de l'élément produit "vignette"
----------------------------------------------- */


.clpAccroche {
	height: 34px;
	width:1004px;
	border-bottom: solid 1px #ECDBC6;
}
.clpAccroche p {
  font: 14px  'Times New Roman';
  color: #5D3F3F;
  height: 34px;
  vertical-align: center;
  line-height: 34px;
  padding-left: 11px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  text-transform: uppercase;
}
.clpProduit {
	float: left;
	position: relative;
	height: 275px;
	width: 170px;
	border: solid 0px #ECDBC6;
	margin: 15px 0px 15px 18px;
	background: url('../../img/c-pointille-v.png') repeat-y right;
}

.clpImage {
	float: left;
	width: 150px;
	height: 165px;
	text-align: center;
	line-height: 165px;
	margin: 0px 10px 0px 10px;
	border: solid 0px #000000;
	display: block;
}


.clpImageWait {
	float: left;
	width: 150px;
	height: 165px;
	text-align: center;
	line-height: 165px;
	margin: 0px 10px 0px 10px;
	border: solid 0px #000000;
	display: block;
	background: url(../../img/ajax_loader_gray_128.gif) center no-repeat;
	color: #666666;
	font-size: 12px;
	text-shadow: 1px 1px 2px #FFFFFF;
}

.clpImageWait2 {
	float: left;
	width: 250px; 
	height: 250px;
	line-height: 250px;
	text-align: center;
	margin: 0px 0px 16px 0px;
	border: solid 0px #000000;
	display: block;
	background: url(../../img/ajax_loader_gray_128.gif) center no-repeat;
	color: #666666;
	font-size: 12px;
	text-shadow: 1px 1px 2px #FFFFFF;
}
.clpImage img{
	
	border: solid 0px #ECDBC6;
	vertical-align: middle;
}

.clpNom {
	position: absolute;
	top: 163px;
	left: 0px;
	
	color: #CE6140;
	font: 13px Arial, Tahoma, Helvetica, sans-serif;
	letter-spacing: 0px;
	border: 0px solid #CCCCCC;
}

.clpNom > b {
	
	font: 16px  'Times New Roman';
	letter-spacing: 0px;
	font-weight: bold;

}

.clpPrix {
	position: absolute;
	bottom: 15px;
	left: 0px;
	
	color: #AE9F9F;
	font: 24px  'Times New Roman';
	border: 0px solid #CCCCCC;
}

.clpDrapeaux {
	position: absolute;
	bottom: 36px;
	right: 9px;
	height: 20px;
	width: 29px;
	color: #AE9F9F;
	font: 24px  'Times New Roman';
	border: 0px solid #CCCCCC;
}


.clpAjout {
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	border: 0px solid #CCCCCC;
	height: 24px;
	padding: 4px 15px 0px 15px;
	
	background:url(../../img/cfond-ajout-panier-off.png) repeat-x 0 0;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	
	font-size:12px;
	line-height:16x;
	color:#FFFFFF;
	
	text-decoration: none;
	
	
}
.clpAjout:hover {
	background:url(../../img/cfond-ajout-panier-on.png) repeat-x 0 0;
}




/* les éléments
---------------------------------------- */
.clelementmain {
	overflow: hidden;
	position: relative;
	margin: 10px 0px 0px -20px;
}

.clelement {
	float: left;
	position: relative;
	height: 160px;
	width: 135px;
	border: solid 0px #ECDBC6;
	margin: 0px 0px 5px 20px;
	text-align: center;
	/*background: url('/img/c-pointille-v.png') repeat-y right;*/
}

.clelement a {
		font: 10px Helvetica, Arial, Tahoma,  sans-serif;
		color: #333333;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
}

.clelement a:hover {
		text-decoration: underline;
}

.clelementIMG {
	margin:  0px 0px 5px 0px;
	background: #FFFFFF;
	padding: 10px;
	border: solid 1px #663366;
	float: left; 
	width: 115px;
	height: 115px;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}


/* le conteneur du footer
---------------------------------------- */

.lastMention{
	position: relative;
	height: 28px;
	line-height: 28px;
	
	padding: 4px 0px 44px 0px;
	
	font: 10px 'Open Sans', Verdana,  sans-serif;
	font-weight:normal;
	text-align: center;
	color:#333333;
	

}

.lastMention a {
	font: 10px 'Open Sans', Verdana,  sans-serif;
	font-weight:bold;
	color:#333333;
}


.cFooterMainDiv {
	position: relative;
	width: 100%;
	/*height: 100%;*/

}



.cFooterMain {
	position: relative;
	opacity: 1;
	
	margin-top: 0px;
	padding-top: 20px;
	border-top: solid 0px #CCCCCC;
	background: #FFFFFF;
/*	background: -webkit-linear-gradient(#0099CC, #004F7A);
	background: -moz-linear-gradient(#0099CC, #004F7A);
	background: linear-gradient(#0099CC, #004F7A);*/
	
	 padding-bottom: 70px;
 
   
 


}




.cFooter {
	position:relative;
	overflow: hidden;
	margin:0px auto;
	margin-bottom: 0px;
	text-align: center;
	

	
	border: solid 0px #000000;
}
.cFooterBloc {
	
	display: inline-block;
	position: relative;
	text-align: center;
	font: 14px Arial,Verdana,  sans-serif;
	line-height: 28px;
	color: #333333;
	/*height: 275px;*/
	width: 220px;
	border: solid 0px #ECDBC6;
	margin: 25px 10px 15px 10px;
	
	/*background: url('/img/c-pointille-v.png') repeat-y right;*/
}

.cFooterBloc2 {
	
	display: inline-block;
	position: relative;
	text-align: center;
	font: 14px Arial,Verdana,  sans-serif;
	line-height: 28px;
	color: #333333;
	/*height: 275px;*/
	width: 220px;
	border: solid 0px #ECDBC6;
	margin: 25px 10px 15px 10px;
	
	/*background: url('/img/c-pointille-v.png') repeat-y right;*/
}
.cFooterBlocp2 {
	
	
	font: 14px 'Open Sans',Verdana,  sans-serif;
	
}

.cFooterBlocp1 {
	color: #A2BF1A;
	font-weight: bold;
	font: 15px 'Open Sans',Verdana,  sans-serif;
	
}

.cFooterBloc2 {
	
	display: inline-block;
	position: relative;
	text-align: left;
	font: 12px 'Open Sans',Verdana,  sans-serif;
	color: #333333;
	/*height: 275px;*/
	width: 300x;
	border: solid 0px #ECDBC6;
	margin: 25px 10px 15px 10px;
	
	/*background: url('/img/c-pointille-v.png') repeat-y right;*/
}

.cFooterTitre {
	font: 16px 'Open Sans',Verdana,  sans-serif;
	padding-bottom: 5px;
	border-bottom: dashed 0px #FFFFFF;
	font-weight:normal;
	line-height:13x;
	text-align: left;
	color:#B38549;
	text-transform: none;
	letter-spacing: 0px;
}

.cFooterTitre2 {
	font: 16px 'Open Sans',Verdana,  sans-serif;
	padding-bottom: 5px;
	border-bottom: dashed 0px #FFFFFF;
	font-weight:normal;
	line-height:13x;
	text-align: center;
	color:#6B5D5A;
	text-transform: none;
	letter-spacing: 0px;
}

.cFooterList {
	padding:13px 0px 0px 0px;
}
.cFooterList li {
	padding-bottom: 8px;
	color: #999999;
	font: 14px  Arial, sans-serif;
	text-align: left;
	line-height:13px;
	font-weight: normal;
	padding-bottom: 0;
	width: fit-content;
}

.cFooterList  a {
color: #999999;
	font: 12px 'Open Sans',Verdana,  sans-serif;
line-height:13px;
font-weight: normal;
text-decoration: none;
text-transform: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: flex;
align-items: center;
width: fit-content;
min-width: 48px;
justify-content: center;
padding: 18px 0;
max-height: 48px;
} 

.cFooterList a:hover{
	color: #000000;
	text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.cFooterListColor2 {
color: #663366;
} 

.cFooterListColor2  a {
color: #663366;
} 
.cFooterListColor2  a:hover {
color: #663366;
} 



/* Le bandeau du menu
---------------------------------------- */



.sombre {		
/*			-moz-box-shadow:  1px 5px 8px #666666;
-webkit-box-shadow:  1px 5px 8px #666666;
-o-box-shadow:  1px 5px 8px  #666666;
box-shadow:  1px 5px 8px  #666666;
*/
}

.sombre2 {		
/*			-moz-box-shadow:  1px -5px 8px #666666;
-webkit-box-shadow:  1px -5px 8px #666666;
-o-box-shadow:  1px -5px 8px  #666666;
box-shadow:  1px -5px 8px  #666666;
*/
}


.cmenu {
	position:relative;
	margin:0 auto;
	margin-top: 12px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	height: 20px;
	width: 100%;
	z-index: 900;
	color:#FFFFFF;	
	border-bottom: solid 0px #333333;
	/*
	background: -webkit-linear-gradient(#0033CC, #003399);
	background: -moz-linear-gradient(#0033CC, #003399);
	background: linear-gradient(#0033CC, #003399);
	*/
	/* couleur de fond du bandeau horizontal */
	background: #6B5D5A;
	/*background: url(/img/cfond-menu.png) repeat;*/
	
	/*
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	*/
}


/*--- superfish dropdown menu begin ---*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 38px;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: right;
	text-align: center;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0px;
	left: 100%;

}



/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	padding-top: 0px;
	margin-left: 230px;
	height: 20px;
	border: solid 0px #CCCCCC;

}
.sf-menu ul {
	/*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
	min-width: 12em; /* allow long menu items to determine submenu width */
	
	/**width: 12em; *//* no auto sub width for IE7, see white-space comment below */
	white-space: nowrap;
	/*
	background: -webkit-linear-gradient(#003399, #0033CC);
	background: -moz-linear-gradient(#003399, #0033CC);
	background: linear-gradient(#003399, #0033CC);
	*/
	
	/* couleur de fond des menus déroulants*/
	background: #6B5D5A;
	border-left: 0px solid #8CCCD6;
	border-top: 0px solid #333333;
	border-right: 0px solid #8CCCD6;
	border-bottom: 0px solid #333333;
	
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	
}



	
.sf-menu ul ul {

	/*
	background: -webkit-linear-gradient(#003399, #0033CC);
	background: -moz-linear-gradient(#003399, #0033CC);
	background: linear-gradient(#003399, #0033CC);
	*/
	background: #6B5D5A;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

.sf-menu > li:first-child > ul {
	margin-left: 0px;
}

.sf-menu > li > ul {

	margin-left: 1px;

}

.sf-menu a {
	/*border-left: 1px solid #fff;*/
	/*border-top: 1px solid #dFeEFF;*/ /* fallback colour must use full shorthand */
	/*border-top: 1px solid rgba(255,255,255,.5);*/
	/*padding: .75em 1em;*/
	text-decoration: none;
	zoom: 1; /* IE7 */
}

.sf-menu > li {
height: 30px;
}
.sf-menu > li:hover {
  


}




	
.sf-menu > li > a {
	/* couleur du texte des liens du bandeau horizontal */
  color: #FDF5E5;
  display: block;
  height: 18px;
  line-height: 18px;
  vertical-align: center;
  padding: 1px 18px 1px 18px;
  
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  text-transform: uppercase;
  /*border: solid 1px #000000;*/
  text-align: center;
  letter-spacing: 0px;
 	text-decoration: none;
 	border-left: solid 0px #6B5D5A;
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sf-menu > li:first-child > a {
	/* style des bordures du premier lien dans le bandeau horizontal */
	/*
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	*/
}

.sf-menu > li > a {
	/* style des bordures des liens dans le bandeau horizontal */
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

.sf-menu > li:first-child > a {
	/* style des bordures du dernier lien dans le bandeau horizontal */
 	border-left: solid 0px #E4E4E4;
}


	
.sf-menu > li.active > a {
  box-shadow: none;
  color: #000000;
  text-decoration: none;
}
.sf-menu > li a:hover {
  text-decoration: none;
   color: #FDF5E5;
   /*background: #6B5D5A;*/
   border-bottom: 0px solid #3399CC;
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}



.sf-menu li li a {
	display:block;
	/* couleur des liens dans les menus déroulants */
	color: #FDF5E5;
	/*font: 10px Arial,  sans-serif;*/
	font: 10px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;
	text-decoration:none;
	text-align: left;
	letter-spacing: 1px;
	padding:8px 5px 8px 15px;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	text-transform:uppercase;
	font-weight:normal;
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sf-menu li li:last-child a {

	border-bottom: solid 1px #000000;
}

.sf-menu > li > ul > li > a:hover{
	color:#FDF5E5;
	border-bottom: solid 1px #000000;
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sf-menu > li > ul > li:last-child > a:hover{
	color:#FDF5E5;
	border-bottom: solid 1px #000000;
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sf-menu > li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0px 0px 0px 0px;
  float: left;
  color: #333333;
  font-weight: bold;
  vertical-align: center;
  text-align: center;
  text-transform: uppercase;
  /*width: 188px;*/
  height: 28px;
  background: none;
  border: solid 0px #CCCCCC;
  border-right: solid 0px #666666;
  
  /*background: url(/img/menu_border.png) repeat;*/
  zoom: 1;
}

.sf-menu > li > li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0px 0px 0px 0px;
  float: left;
  color: #333333;
  font-weight: bold;
  vertical-align: center;
  text-align: left;
  text-transform: none;
  /*width: 188px;*/
  height: 25px;
  background: none;
  border: solid 0px #CCCCCC;
}


.sf-menu > li:last-child {
	border-right: 0px;
}


.sf-menu ul li {
	/*background: #AABDE6;*/
}
.sf-menu ul ul li {
	/*background: #9AAEDB;*/
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/*background: #CFDEFF;*/
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	/* couleur bordure fleche OFF */
	border-top-color: #999999; /* edit this to suit design (no rgba in IE8) */
	/*border-top-color: rgba(255,255,255,.5);*/
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	/* couleur bordure fleche ON */
	border-top-color: #FDF5E5; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	/* couleur bordure fleche OFF */
	border-left-color: #999999; /* edit this to suit design (no rgba in IE8) */
	/*border-left-color: rgba(255,255,255,.5);*/
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	/* couleur bordure fleche ON */
	border-left-color: #FDF5E5;
}



/* Les textes sur le slider de la home
--------------------------------------*/

.homeSliderImg {
	position: absolute;
	top: 0px; 
	left: 0px;z-index: -2;
}

.homeSliderImg2 {
	width: 100%;

	/*
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	*/
}

.homeSliderImg3 {
	width: 100%;
	margin-bottom: 15px;
	/*
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
}



.homeSliderDiv {
	position: absolute;
	/*  background: rgba(102, 102, 102);
	background: rgba(102, 102, 102, 0.5);*/

	padding: 10px;
	padding-left: 0px;
	
/*background: url('/images/bgtitre.png') repeat-x 0 0 ;*/
/*		box-shadow: 1px 1px 12px #666666;
	-moz-shadow: 1px 1px 12px #666666;
	-webkit-shadow: 1px 1px 12px #666666;
		border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	
	text-align: center;
	
}

.btn1slider {
	
}

.linkDate {
color: #B38549;
padding-bottom: 20px;
font: 10px 'Open Sans',Helvetica, Tahoma, Arial, sans-serif;
}
.linkDate a{
color: #B38549;
text-decoration: none;
font: 14px 'Open Sans',Helvetica, Tahoma, Arial, sans-serif;
}

.homeSliderTitre, .homeSliderTitre2 {
	

	margin-bottom: 10px;
	font-weight:normal;
	text-align: center;
	display: block;
	padding-bottom:0px;
	letter-spacing: 0px;
	border: solid 0px #000000;
	/*text-shadow: 1px 1px 2px #666666;*/
	/*text-transform: uppercase;*/
}

.homeSliderTitre { 	
	color: #FFFFFF; 
	 text-shadow: 1px 1px 5px #333333;
	letter-spacing: 1px;
}

.homeSliderTitre >  b{ 	
	color: #FFFFFF; 
	font-weight:bold;
	text-transform: uppercase;
}

.homeSliderTitre2 { 	
	color:#FFFFFF;  
	text-shadow: 1px 1px 2px #333333;
}


.homeSliderTxt {
	color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	line-height: 12px;
	
	
	text-align: center;
	font-weight: bold;
	letter-spacing: 0px;
	border: solid 0px #CCCCCC;
	text-shadow: 1px 1px 1px #666666;
	font: 14px 'Open Sans',Helvetica, Tahoma, Arial, sans-serif;
	margin-bottom: 35px;
}



.homeSliderButton {
	
	
	display: inline;
	height: 24px;
	min-width: 200px;
	
	
	line-height:24x;
	white-space: nowrap;

	text-align: center;
	text-transform: none;

	padding: 4px 20px 4px 20px;

	text-decoration: none;
	font: 16px 'Open Sans',Helvetica, Tahoma, Arial, sans-serif;
	font-weight: bold;
	color:#6B5D5A;
	font-weight: normal;
		
		
	/*border: 1px solid #6B5D5A;*/
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor:pointer;
	background: rgb(255, 255, 255);
		
			-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;

}
.homeSliderButton:hover {
	background: #B38549;
	color:#FFFFFF;
	/*border: 1px solid rgba(51,51,51,1);*/
}




a img{ border:0px}
img{ vertical-align:top;  }




.cTexte{
border-top: #d4d0cf 1px solid;
margin-top: 5px;
padding-top: 15px;
text-align: justify;
}

.cTexte p a{
color: #993333;
text-decoration: underline;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cTexte p a:hover{
color: #660000;
text-decoration: underline;
}










.CFB {
	position:absolute;
	margin: 106px 0 0 10px;
}

.share { margin:10px 0px 10px 0px;height: 30px; width: 350px;
	border: solid 1px #000000;
	}

.share .facebook { float:left; width: 210px;margin: 0px 0px 0px 0px;border: solid 1px #FFFFFF;}
.share .twitter { float:right; }
.share .plusUnGoogle { float:right; width: 80px; margin: -10px 0px 0px 0px;border: solid 1px #FFFFFF;}

.aTagCloud{
	
margin-top: 30px;
	
	
}


.bordertop {
border-top: solid 1px #CCCCCC;
}

.carticlelink         {
text-align: justify;
border-bottom: solid 1px #CCCCCC;
margin-top: 8px;
padding-top: 20px;
}    
                               
.imgA{
	
	
}




/*----- links ---993333--*/
a {color:#006699; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }


.noUnder {

text-decoration: none;

}
.noUnder:hover {

text-decoration: underline;

}
@media only screen and  (max-width: 520px)   {
.ccompte > a, .cconnect > a {
	
}
}


/* Global Structure
---------------------------------------- */





/* Paragraph styling */
p {margin-bottom:17px; color: #444444;}





/* Unordered list style
---------------------------------------- */

/* List */
ul.listb{margin:0; padding:0; list-style:none;}
ul.listb li{ margin: 0px 0px 0px 0px; overflow:hidden; text-align: left; height:24px;border-bottom: solid 1px #FFFFFF;padding-left: 0px;}



ul.listb li a{color:  #333333; font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif; text-transform: none;text-decoration:none; line-height:28px; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;} 


ul.list li:last-child{ border-bottom: solid 0px #999999;}

ul.list li a{color:  #999999; font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif; text-transform: none;text-decoration:none; line-height:28px; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;} 

ul.list li a:hover { text-decoration:underline;color:  #000000; }
ul.list li li{background:url(../../images/marker1.png) top left no-repeat; background-position:0 9px; padding-left:19px; overflow:hidden;  }


/* listRub */
ul.listRub{margin:0; padding: 0px 0px 0px 20px; list-style-type:disc;}
ul.listRub li{ padding-left:0px;   text-align: left; vertical-align: middle; line-height:25px;}
ul.listRub li a{color:  #999999; font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif; text-transform: uppercase;text-decoration:none; vertical-align: middle; line-height:25px;  -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;} 
ul.listRub li a:hover { text-decoration:underline; color:  #000000; }
ul.listRub li li{background:url(../../images/marker1.png) top left no-repeat; background-position:0 9px; padding-left:19px; overflow:hidden;  }



/* List1 */
ul.list1{margin:0; padding:0; list-style:none;}
ul.list1 li{background:url(../../images/marker-22.png) top left no-repeat; background-position:0 0px; padding-left:29px; overflow:hidden; margin-bottom:17px  }
ul.list1 li a{color:#44a2c6; text-decoration:none; line-height:18px; font-size:13px} 
ul.list1 li a:hover { text-decoration:none; color:#993333; }

/* List2 */
ul.list2{margin:0; padding:0; list-style:none;}
ul.list2 li{background:url(../../images/marker-22.png) top left no-repeat; padding:2px 0px 2px 29px; overflow:hidden; margin-bottom:5px  }
ul.list2 li a{color:#44a2c6; text-decoration:none; line-height:15px; font-size:13px} 
ul.list2 li a:hover { text-decoration:none; color:#993333; }
ul.list2 .li a{color:#44a2c6; text-decoration: underline; line-height:15px; font-size:13px} 

/* List_1 */
ul.list_1{margin:0; padding:0; list-style:none;}
ul.list_1 li{background:url(../../images/marker1.png) top left no-repeat; background-position:0 7px; padding-left:15px; overflow:hidden; padding-bottom:7px }
ul.list_1 li a{color:#44a2c6; text-decoration:none; line-height:18px} 
ul.list_1 li a:hover { text-decoration: underline; }
ul.list_1 li ul { margin-left:10px}
ul.list_1 li ul li {background:url(../../index.html) no-repeat 0 5px;	padding:0 0 3px 13px; font-size:14px; position:relative; zoom:1; }

/* List_2 */
ul.list_2{margin:0; padding:0; list-style:none;}
ul.list_2 li{background:url(../../images/marker_2.gif) top left no-repeat; background-position:0 3px; padding-left:25px; overflow:hidden; padding-bottom:7px }
ul.list_2 li a{color:#767676; text-decoration:none; line-height:18px} 
ul.list_2 li a:hover { text-decoration: underline; }


.c2Texte  ul, .c2TexteBlog ul
{
	list-style-type: disc;
	list-style: disc;
	
    margin: 0px 10px 0px 10px;
		padding: 0px 10px 0px 10px;
}


.bar {
	height:20px;
	background:#cccccc;
	color:#f4f4f4;
	text-align:center;
	width:100%;
}

.level {
	height:20px;
	background:#aae0aa;
    width:80%;
}



.piedFooterGauche, .piedFooterGauche  a, .piedFooterDroit, .piedFooterDroit a {	color: #FFFFFF;}


.piedFooterGauche {
	padding-left: 20px;
}

.imgFab {
	width: 170px ;
	border: 1px solid #CCCCCC;
	margin: 16px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}


.imgBP {

}