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

.planCol0 {
	position: relative;
	width: 40px;
	border:  solid 0px #CCCCCC;
}

.planNomJour {
	position: relative;
	width: 120px;
	text-align: center;
	border:  solid 0px #CCCCCC;
	background: #CCCCCC;
	text-transform: uppercase;
}



.planColHeure {
	position: absolute;
	border-top:  dashed 0px #CCCCCC;
	z-index: 9000;
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	text-align: center;
	color: #000000;
	width: 40px;
}
.planLigneHeure {
	position: absolute;
	border-top:  dashed 1px #CCCCCC;
	z-index: 9000;
	width: 120px;
}
.planColjour {
	position: relative;
	width: 120px;
	border-left:  solid 1px #CCCCCC;
	border-top:  solid 1px #CCCCCC;
	border-bottom:  solid 1px #CCCCCC;
	
	
}
.lastCol{
	border-right:  solid 1px #CCCCCC;
}
.planColCours {
	position: absolute;
	border:  solid 1px #000000;
	width: 120px;
	text-align: center;
	font: 11px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	left: -1px;
	z-index: 10000;
	font-weight: normal;
	
	
}
.planColTitre{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	
}

.sliderVide{
	-webkit-transition: all .9s ease-in;
-moz-transition: all .9s ease-in;
-o-transition: all .9s ease-in;
transition: all .9s ease-in;
}

.parchemin  {
		       /* background: url('/img/texture.jpg') no-repeat center center fixed;  
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover;*/
        	-webkit-transition: all .9s ease-in;
-moz-transition: all .9s ease-in;
-o-transition: all .9s ease-in;
transition: all .9s ease-in;
}

.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 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.langoff:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


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


.puces2 {
	display: inline-block;
	line-height: 30px;
	height: 120px;
	border: 0px solid #000000;
	width: 25%;

}

.puces2 a {
	color: #00405F;
	text-decoration: none;

}

.puces2 img {
			-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.puces2 img:hover {
-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-o-transform: scale(1.1);
transform: scale(1.1)  ;
}

/*

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 : http://www.alsacreations.com/tuto/lire/1299-timing-des-animations-et-des-transitions-en-css3.html

LE LAZYLOAD : http://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);

	
*/




.cHeadActu {
right: 360px;
}

.cHeadContact {
right: 240px;
}

.cHeadTel {
right: 70px;
}

.cHeadActu, .cHeadContact, .cHeadTel {


position: absolute;
top: 0px;
color: #FFFFFF;
padding: 4px 18px 5px 18px;
background: rgba(42,105,112,.7);	
		border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
		letter-spacing: 1px;
	font: 14px 'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
}




/* 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;
	background: #FFFFFF;
	}
	.page_pre2{ 
		position: relative;
		overflow: hidden;
		background: #CC0000;
		height: 15px;
		width:100%;
		text-align: center;
		border: solid 0px #333333;
	}
	
.page_pre{ 
	margin: 0 auto;
	overflow: hidden;
	border: solid 0px #333333;
	height: 15px;
	line-height: 16px;
	position: relative;
	text-align: right;
	background: #CC0000;
	color: #DBA5A2;
	padding-right: 15px;
	/*padding: 3px  0px 3px 0px;*/
	font: 10px Verdana, Tahoma, Arial,  sans-serif;
	}


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

#white_navigation {
	/*box-shadow: 1px 1px 12px #666666;
	-moz-shadow: 1px 1px 12px #666666;
	-webkit-shadow: 1px 1px 12px #666666;*/
	/*border-bottom: solid 1px #CCCCCC;*/
}

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

	-webkit-transition: all .9s ease-in;
-moz-transition: all .9s ease-in;
-o-transition: all .9s ease-in;
transition: all .9s ease-in;
	
}

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


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

/* en dessous de 500px */
@media only screen and  (max-width: 500px) {
.homeSliderTxt { display: none; }
}
/* au dessus de 500px */
@media only screen and  (min-width: 501px) {
.homeSliderTxt { display: block; }
}
	
/* en dessous de 640px */
@media only screen and  (max-width: 640px) {
/*.homeSliderDiv, .buttonHide, .bx-controls-auto, .bx-prev, .bx-next, .bx-pager { display: none; }*/
.homeSliderDiv, .buttonHide, .bx-controls-auto, .bx-prev, .bx-next, .bx-pager { display: none; }
.homeSliderDiv { display: block; }
.homeSliderDiv { 	left: 50%;transform: translateX(-50%);	top: 22%; padding: 10px 10px 10px 20px ;}
.homeSliderDiv {	width: 90%;}
.homeSliderTitre { 	line-height:20px;	font: 24px 'Times New Roman', serif ,Arial, Helvetica, sans-serif;}
.homeSliderTitre2 {	font: 14px 'Creepster', cursive, Helvetica, Tahoma, Arial, sans-serif;}

}

/* 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: 50%;transform: translateX(-50%);	top: 22%; padding: 10px 10px 10px 30px ;}
.homeSliderDiv {	width: 80%;}
.homeSliderTitre { 	line-height:34px;	font: 48px 'Times New Roman', serif, Arial, Helvetica, sans-serif;}
.homeSliderTitre2 {	font: 18px 'Creepster', cursive, Helvetica, Tahoma, Arial, sans-serif;}

}

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

.homeSliderDiv, .buttonHide { display: block; }
.homeSliderDiv { 	left: 50%;transform: translateX(-50%);	top: 30%; text-align: center;border: solid 0px #000000; padding: 10px 10px 10px 30px ;}
.homeSliderDiv {	width: 80%;}
.homeSliderTitre { 	line-height:50px;	font: 64px 'Times New Roman', serif, Arial, Helvetica, sans-serif;}
.homeLayerSliderTitre1 { 	font: 40px Helvetica, Tahoma, Arial, sans-serif;line-height: 40px;}
.homeLayerSliderTitre2 { 	font: 30px Helvetica, Tahoma, Arial, sans-serif;line-height: 40px;}
.homeSliderTitre2 {	font: 28px 'Creepster', cursive, Helvetica, Tahoma, Arial, sans-serif;}
.homeLayerSliderButton {}

}





/* LE MENU DEROULANT */

.page_cadre3{ height: 80px;}

/* en dessous de 780px */
@media only screen and  (max-width: 780px)   {
#lesmenusderoulants {	display: none;}
#lesmenusenselect {	display: block;}
#lesmenusendiv {	display: block;}
.pFB  {
		margin-top: 0px;
		margin-left: 5px;
		width: 28px;
		z-index:  999999;
}
.ccompte4 {top:12px;}
.ccompte4 {right: 10px;}
.ccompte5 {top: 46px;right: 2px;display: block;}
.ccompte6 {	display: none;}
.page_cadre{ height: 80px;}
.page_cadre2{ height: 80px;}
.cHeadActu, .cHeadContact, .cHeadTel {	display: none;}
.white_navigation{ background: #FFFFFF;}
.page_cadre3{ background: rgba(255,255,255,1);}
.parchemin{padding-top: 80px;}
.sliderVide{height: 0px;}
.bar15-phrase1{margin: 0 auto;}
}

/* au dessus de 780px */
@media only screen and  (min-width: 781px)  {
	.cHeadActu, .cHeadContact, .cHeadTel {	display: inline-block;}
#lesmenusderoulants {	display: block;}
#lesmenusenselect {	display: none;}
#lesmenusendiv {	display: none;}
.pFB  {
		margin-top: 0px;
		margin-left: 5px;
		z-index:  999999;
}
.ccompte4 {top: 10px;}
.ccompte4 {right: 10px;}
.ccompte5 {top: 50px;right: 2px;display: none;}
.page_cadre{ height: 80px;}
.page_cadre2{ height: 80px;}
.parchemin{ padding-top: 80px;}
.page_cadre3{ background: rgba(255,255,255,0);}
.parchemin{padding-top: 0px;}
.sliderVide{height: 80px;}
}


/* LES BLOCS "GAUCHE/DROITE" */

/* en dessous de 650px */
@media only screen and  (max-width: 650px)   {
.ctexte50L {
	display: block;
	width: 90%;
	text-align: left;
	padding-top: 26px;
}
.cimg50R {
	display: block;
	padding-top: 35px;
	text-align: center;
}
.ctexte50R {
	display: block;
	width: 90%;
	text-align: left;
	padding-top: 26px;
}
.cimg50L {
	display: block;
	padding-top: 35px;
	text-align: center;
}
.ctextegrisclair {
 background: #E5E5E5;
 padding: 30px 10px 70px 10px;
 border: solid 0px #CCCCCC;
}
.ctexteblanc {
 background: #FFFFFF;
  padding: 30px 10px 70px 10px;
  border: solid 0px #CCCCCC;
}
}

/* au dessus de 650px */
@media only screen and  (min-width: 651px)  {
.ctexte50L {
	display: inline-block;
	width: 48%;
	text-align: left;
	padding-top: 26px;
}
.cimg50R {
	display: inline-block;
	margin-left: 20px;
	width: 40%;
	padding-top: 35px;
	text-align: left;
	border: solid 0px #000000;
}
.ctexte50R {
	display: inline-block;
	width: 48%;
	text-align: left;
	padding-top: 26px;
}
.cimg50L {
	display: inline-block;
	margin-right: 30px;
	width: 40%;
	padding-top: 35px;
	text-align: left;
	border: solid 0px #000000;
}
.ctextegrisclair {
 background: #E5E5E5;
 padding: 30px 10px 70px 10px;
 border: solid 0px #CCCCCC;
}
.ctexteblanc {
 background: #FFFFFF;
  padding: 30px 10px 70px 10px;
  border: solid 0px #CCCCCC;
}
}


.jcenter{
text-align: center;
}

.bandeau-accueil-rub-14-div{
display: inline-block;
width: 230px;
height: 450px;
border: solid  0px #000000;
margin: 6px 30px 20px 30px;
}
.bar1-div-img14 {
width: 100%;
height:  auto;
}

.bar1-div-img14 img{
	width:  150px;
	height: auto;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
border-top: solid 15px #EBEBED;
border-left: solid 15px #EBEBED;
border-right: solid 15px #EBEBED;
border-bottom: solid 45px #EBEBED;
	box-shadow: 1px 1px 5px #C7C7CA;
	-moz-shadow: 1px 1px 5px #C7C7CA;
	-webkit-shadow: 1px 1px 5px #C7C7CA;

}

.bar14-div-texte{
	text-align: center;
	width: 230px;
}
.bar14-titre1{
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #0033FF;
	margin: 16px 0px 10px 0px;
	font-weight: bold;
}
.bar14-titre2{
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #C9712B;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
.bar14-texte1{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	text-align: justify;
	color: #a35c24;
	margin: 10px 0px 10px 0px;
	font-weight: normal;
}

.bandeau-accueil-rub-15{
background: #FFFFFF;
position: relative;
width:100%;
text-align: center;
overflow: visible;
}

.bandeau-alter {
	background: #3366ff;
}
.bandeau-accueil-rub-16{
/*999999*/
background: #33919A;
position: relative;
width:100%;
text-align: center;
}
.bar16-div-texte{
	display: inline-block;
	width: 80%;
	text-align: left;
	max-width: 520px;
	margin: 30px 8px 30px 8px;
	border: solid  0px #000000;
}
.bar16-div-texte-sans-photo{
	display: inline-block;
	width: 94%;
	max-width: 860px;
	text-align: left;
	margin: 20px 8px 20px 8px;
	padding: 0px 20px 0px 20px;
	border: solid  0px #000000;
}
.bar16-div-img1{
	width: 400px;
	height: auto;
	display: inline-block;
	margin: 30px 8px 30px 8px;
	border: solid  0px #000000;

	
	
}
.bandeau-accueil-rub-15-div{
width: 100%;
max-width: 1250px;
border: solid  0px #000000;
margin: 0 auto;
padding: 20px 0px 20px 0px;

clear: both;
}
/*
.bar15-div-img1{
	width: 340px;
	height: auto;
	float: left;
	overflow: visible;
	border: solid  0px #000000;
	margin-bottom: 30px;
}
.bar15-img1{
	width: 100%;
	height: auto;
}
.bar15-div-texte{
	margin-left: 380px;
	text-align: left;
	width: 520px;
	border: solid  0px #000000;
}
*/
.bar15-div-img1{
	width: 400px;
	height: auto;
	display: inline-block;
	
	overflow: visible;
	border: solid  0px #000000;
	margin: 30px 8px 30px 8px;
}
.bar15-img1{
	width: 100%;
	height: auto;
}
.bar15-div-texte-sans-photo{
	display: inline-block;
	text-align: left;
	width: 94%;
	max-width: 1200px;
	margin: 20px 8px 20px 8px;
	padding: 0px 20px 0px 20px;
	border: solid  0px #000000;
}
.bar15-div-texte{
	display: inline-block;
	text-align: left;
	width: 80%;
	max-width: 520px;
	margin: 30px 8px 30px 8px;
	border: solid  0px #000000;
}
.bar15-titre1{
	font: 26px 'Francois One', Helvetica, Tahoma, Arial,  serif;
	color: #1C3B3F;
	margin: 4px 0px 16px 0px;
}
.bar15-titre1b{
	font: 26px 'Francois One', Helvetica, Tahoma, Arial,  serif;
	color: #1C3B3F;
	margin: 4px 0px 16px 0px;
	text-align: center;
}
.bar15-phrase1{
	font: 14px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #FFFFFF;
		text-align: center;
		cursor: pointer;
	width: 150px;
	height: 30px;
	margin: 0 auto;
	margin-top: 18px;
	color: #FFFFFF;
	border: solid 0px #151b29;
		border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: #ff8B03;
	text-transform: uppercase;
	padding-top: 10px;
	-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

.bar15-phrase1:hover{
	background: #33BBC8;
}



.bar15-phrase1 > a{
	color: #FFFFFF;
	text-decoration: none;
}
.bar15-texte1{
	font: 14px 'Lora', Helvetica, Tahoma, Arial,  serif;
	color: #0099FF;
	font-weight: bold;
	margin: 2px 0px 6px 0px;
}
.bar15-texte1b{
	font: 14px 'Lora', Helvetica, Tahoma, Arial,  serif;
	color: #0099FF;
	font-weight: bold;
	margin: 2px 0px 6px 0px;
	text-align: center;
}
.bar16-texte1{
	font: 14px 'Lora', Helvetica, Tahoma, Arial,  serif;
	color: #FFFFFF;
	font-weight: bold;
	margin: 2px 0px 6px 0px;
}
.bar15-texte2 {
	font: 14px 'Lora', Helvetica, Tahoma, Arial,  serif;
	color: #333333;
	font-weight: normal;
	margin: 2px 0px 6px 0px;
}
.bar15-texte2b {
	font: 14px 'Lora', Helvetica, Tahoma, Arial,  serif;
	color: #333333;
	text-align: center;
	font-weight: normal;
	margin: 2px 0px 6px 0px;
}
.bar16-texte2 {
	font: 14px 'Lora', Helvetica, Tahoma, Arial,  serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 2px 0px 6px 0px;
}
.bar15-texte2 a {
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	text-transform: uppercase;
		-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
}
.bar15-texte2 a:hover {
	font-weight: bold;
	color: #000099;
	text-decoration: underline;
}

.bandeau-accueil-rub-2{
background: #f1eae1;
position: relative;
width:100%;
text-align: center;
}
.bandeau-accueil-rub-2-div{
width: 100%;
max-width: 800px;
border: solid  0px #000000;
margin: 0 auto;
padding: 30px 0px 30px 0px;
min-height: 250px;
clear: both;
}

.bar2-div-texte{
	display: inline-block;
	text-align: right;
	width: 80%;
	max-width: 430px;
	border: solid  0px #000000;
}
.bar2-div-img1{
	width: 250px;
	height: 250px;
	display: inline-block;
	border: solid  0px #000000;
	margin: 0px 40px 0px 40px;
border-radius:125px;
	-moz-border-radius:125px;
	-webkit-border-radius:125px;
	overflow: hidden;
	box-shadow: 2px 2px 4px #333333;
	-moz-shadow: 2px 2px 4px #333333;
	-webkit-shadow: 2px 2px 4px #333333;
	
}


.bandeau-accueil-rub-1{
background: #fbf0d5;
position: relative;
width:100%;
text-align: center;

}
.bandeau-accueil-rub-1-div{
width: 100%;
max-width: 800px;
border: solid  0px #000000;
margin: 0 auto;
padding: 30px 0px 30px 0px;
min-height: 250px;
clear: both;
}

.bar1-div-texte{
	display: inline-block;
	text-align: left;
	width: 80%;
	max-width: 430px;
	border: solid  0px #000000;
}
.bar1-div-img1{
	width: 250px;
	height: 250px;
	display: inline-block;
	border: solid  0px #000000;
	margin: 0px 40px 0px 40px;
border-radius:125px;
	-moz-border-radius:125px;
	-webkit-border-radius:125px;
	overflow: hidden;
	box-shadow: 2px 2px 4px #333333;
	-moz-shadow: 2px 2px 4px #333333;
	-webkit-shadow: 2px 2px 4px #333333;
	
}
.bar1-img1{
	width: 100%;
	height: auto;
}
.bar1-titre2{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #C9712B;
	margin: 16px 0px 0px 0px;
	font-weight: bold;
}
.bar1-titre1{
	font: 26px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	margin: 8px 0px 0px 0px;
}
.bar1-texte1{
	font: 13px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	margin: 8px 0px 0px 0px;
}
.bar1-texte2 {
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #C9712B;
	font-weight: bold;
	margin: 8px 0px 0px 0px;
}
.bar1-texte2 a {
	font-weight: bold;
	display: inline-block;
	color: #C9712B;
	padding: 2px 8px 2px 8px;
	height: 20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
}
.bar1-texte2 a:hover {
	font-weight: bold;
	color: #FFFFFF;
	background: #0033FF;
	text-decoration: none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.bandeau-accueil-rub-3{

position: relative;
width:100%;
text-align: center;

}
.bandeau-accueil-rub-3-div{
width: 100%;
max-width: 1000px;
border: solid  0px #000000;
margin: 0 auto;
padding: 30px 0px 30px 10px;
min-height: 250px;
clear: both;
text-align: left;
}
.bar3-div-img1{
	width: 400px;
	height: auto;
	display: inline-block;
	border: solid  0px #000000;
	margin: 0px 80px 0px 0px;

	overflow: hidden;
	box-shadow: 2px 2px 4px #333333;
	-moz-shadow: 2px 2px 4px #333333;
	-webkit-shadow: 2px 2px 4px #333333;
	
}
.bar3-img1{
	width: 100%;
	height: auto;
}
.bar3-div-texte{
	position: relative;
	display: inline-block;
	text-align: left;
	width: 80%;
	max-width: 430px;
	border: solid  0px #000000;
}
.bar3-titre2{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #C9712B;
	margin: 16px 0px 0px 0px;
	font-weight: bold;
}
.bar3-titre1{
	font: 26px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #C9712B;
	margin: 2px 0px 0px 0px;
}
.bar3-phrase2{
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	padding: 0;
	margin: 2px 0px 0px 0px;
	font-weight: bold;
}
.bar3-phrase1{
	font: 22px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	margin: 8px 0px 0px 0px;
}
.bar3-texte1{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	font-weight: bold;
	margin: 8px 0px 0px 0px;
}
.bar3-texte2 {
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #C9712B;
	font-weight: bold;
	margin: 8px 0px 0px 0px;
}


.bandeau-accueil-rub-4{

position: relative;
width:100%;
text-align: center;

}
.bandeau-accueil-rub-4-div{
width: 100%;
max-width: 1000px;
border: solid  0px #000000;
margin: 0 auto;
padding: 30px 0px 10px 0px;
min-height: 250px;
clear: both;
}
.bar4-div-texte{
	margin-left: 20px;
	text-align: left;
	width: 90%;
	max-width: 980px;
	border: solid  0px #000000;
}

.bar4-titre1{
	font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #FFFFFF;
}
.bar4-texte1{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
}
@media only screen and  (max-width: 700px)   {
	.bar4-titre1{margin: 2px 0px 0px 0px;}
	.bar4-texte1{margin: 0px 0px 8px 0px;}
}
@media only screen and  (min-width: 701px)  {
	.bar4-titre1{margin: 2px 0px 0px 150px;}
	.bar4-texte1{margin: 0px 0px 8px 380px;}
}
.bar4-texte2{
	font-weight: bold;
}

.bandeau-accueil-rub-5{
position: relative;
width:100%;
text-align: center;

}
.bandeau-accueil-rub-5-div{
width: 100%;
max-width: 1000px;
border: solid  0px #000000;
margin: 0 auto;
padding: 0px 0px 0px 10px;
min-height: 280px;
clear: both;
text-align: left;
}
.bar5-div-img1{
	width: 400px;
	height: auto;
	display: inline-block;
	border: solid  0px #000000;
	margin: 70px 0px 0px 0px;
position: relative;
	overflow: hidden;

	
}
.bar5-img1{
	width: 100%;
	height: auto;
	
}

.bar5-div-barre-compteur{
	width: 10px;
	height: 142px;
	position: relative;
	display: inline-block;
	background: #0033FF;
	border: solid  0px #000000;
	margin: 0px 60px 0px 45px;
	
position: relative;
	
min-height: 280px;
	
}
.bar5-div-barre-bulle{
	width: 30px;
	height: 30px;
	position: absolute;
	top:0px;
	left:50%;
	transform: translateX(-50%);
	background: #0033FF;
	border: solid  0px #000000;
	

	overflow: hidden;

		border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.bar5-compteur{
	position: absolute;
	font: 13px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #0033FF;
	right: 30px;
	top:10px;
	padding-top: 0px;
	padding-right: 0px;
	text-align: center;
	width:70px;
	border: 0px solid #0033FF;	
}
.bar5-compteur-txt{
	font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #0033FF;
	font-weight: bold;
	letter-spacing: 1px;
}

.bar5-div-texte{
	display: inline-block;
	text-align: left;
	width: 90%;
	max-width: 430px;
	padding-top: 0px;
	border: solid  0px #000000;
}
.bar5-titre1{
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #0033FF;
	padding: 0;
	margin: 2px 0px 0px 0px;
	font-weight: bold;
}
.bar5-texte1{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
}




.bandeau-accueil-rub-10{
position: relative;
width:100%;
text-align: center;

}
.bandeau-accueil-rub-10-div{
width: 100%;
max-width: 1100px;
border: solid  0px #000000;
margin: 0 auto;
padding: 20px 0px 20px 10px;

clear: both;
}
.bar10-div-img1{

	width: 400px;
	height: auto;
	display: inline-block;
	border: solid  5px #FFFFFF;
	margin: 20px 20px 10px 20px;
position: relative;
	overflow: hidden;
	box-shadow: 2px 2px 4px #333333;
	-moz-shadow: 2px 2px 4px #333333;
	-webkit-shadow: 2px 2px 4px #333333;

	
}
.bar10-img1{
	width: 100%;
	height: auto;
	
}



.bar10-div-texte{
	display: inline-block;
	text-align: left;
	width: 90%;
	max-width: 430px;
	padding-top: 30px;
	border: solid 0px #000000;
}

.bar10-center{
	text-align: center;
	display: inline-block;
}
.bar10-titre1, .bar10-titre2, .bar10-phrase1, .bar10-phrase2{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #333333;
	padding: 0;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	display: inline-block;
	
}
.bar10-texte1{
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
}



bandeau-accueil-rub-6{

position: relative;
width:100%;
text-align: center;

}

.bandeau-accueil-rub-7{

position: relative;
width:100%;
text-align: center;

}


.bar7-div-img1{
	width: 400px;
	height: auto;
	display: inline-block;
	border: solid  5px #FFFFFF;
	margin-top: 70px;
position: relative;
	overflow: hidden;
	box-shadow: 2px 2px 4px #333333;
	-moz-shadow: 2px 2px 4px #333333;
	-webkit-shadow: 2px 2px 4px #333333;
	
}

.bar7-div-barre-compteur{
	width: 10px;
	height: 142px;
	position: relative;
	display: inline-block;
	background: #0033FF;
	border: solid  0px #000000;
	margin: 0px 60px 0px 40px;
position: relative;
	
min-height: 320px;
	
}
.bandeau-accueil-rub-7-div{
width: 100%;
max-width: 1000px;
border: solid  0px #000000;
margin: 0 auto;
padding: 0px 0px 0px 0px;
min-height: 320px;
clear: both;
text-align: left;
}


.bandeau-accueil-rub-13{

position: relative;
width:100%;
text-align: center;

}


.bar13-div-img1{
	width: 400px;
	height: auto;
	display: inline-block;
	border: solid  5px #FFFFFF;
	margin: 0px 80px 0px 0px;
position: relative;
	overflow: hidden;
	box-shadow: 2px 2px 4px #333333;
	-moz-shadow: 2px 2px 4px #333333;
	-webkit-shadow: 2px 2px 4px #333333;
	
}


.bandeau-accueil-rub-13-div{
width: 100%;
max-width: 1000px;
border: solid  0px #000000;
margin: 0 auto;
padding: 40px 0px 40px 10px;

clear: both;
}


.bandeau-accueil-contact{
background: #3366ff;
position: relative;
width:100%;
text-align: center;
padding: 40px 0px 70px 0px;
clear: both;
}

.bac-link{
	display: inline-block;
		background: #FFFFFF;
	padding :  10px;
	border: solid  5px #FFFFFF;
		box-shadow: 2px 2px 4px #333333;
	-moz-shadow: 2px 2px 4px #333333;
	-webkit-shadow: 2px 2px 4px #333333;
	text-decoration:none;
}
.bac-txt{
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #193255;
	font-weight: normal;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	text-decoration:none;
}

.bg-m{
background: #dfcfac;
position: relative;
float:left;
width:50%;
text-align: right;

}
.bd-b{
background: #FFFFFF;
position: relative;
margin-left:50%;
text-align: left;
}

.cellg{
	display: inline-block;
	position: relative;
	width: 400px;
	height: 550px;
	border: solid  0px #000000;
	
}
.celld{
	position: relative;
	display: inline-block;
	width: 400px;
	height: 550px;
	border: solid 0px #000000;
	background: url(/img/sophie-det.png) no-repeat right bottom;
}

.cellTitreg {
	height: 51px;
	position: relative;
	width: 400px;
	margin-top: 51px;
	background: url(/img/flag-blue.png) no-repeat right;
	
	
}

.cellTitred {
	height: 51px;
	position: relative;
	width: 400px;
	margin-top: 51px;
	background: url(/img/flag-brown.png) no-repeat left;

}
.cellTitreTexteg{
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
margin-right: 20px;
padding-top: 4px;
border: solid  0px #000000;
}
.cellTitreTexted{
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;

margin-left: 20px;
padding-top: 4px;
border: solid  0px #000000;
}
.cellTitreTexteg  b{
	font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;font-weight: bold;
}
.cellTitreTexted  b{
	font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;font-weight: bold;
}

.cellTitreNom {
font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #0033FF;
position: absolute;
top: 160px;
left: 50%;
transform: translateX(-50%);
}
.cellTitreNom2 {
font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #6e441b;
position: absolute;
top: 160px;
left: 50%;
transform: translateX(-50%);
}
.cellTitrePoste {
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #0033FF;
position: absolute;
top: 200px;
left: 50%;
transform: translateX(-50%);
}
.cellTitreDesc {
	font: 11px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
color: #9F6E3F;
border: solid 0px #CCCCCC;
position: absolute;
text-align: center;
width: 170px;
top: 250px;
left: 50%;
transform: translateX(-50%);
}

.cellTitreBouton {
	display: inline-block;
	width: 200px;
	height: 35px;
	
	background: #c9712b;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
	font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
color: #FFFFFF;
text-decoration: none;
box-shadow: 2px 2px 3px #666666;
-moz-shadow: 2px 2px 3px #666666;
-webkit-shadow: 2px 2px 3px #666666;
	-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
position: absolute;
top: 390px;
left: 50%;
transform: translateX(-50%);
}
.cellTitreBouton:hover {
background: #0033FF;
}
/* 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;}*/
}

.piedFooterDroit {	text-align: center; width: 100%;}


/* 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; }
 .cStandardAccrocheBlog2 { width: 100%; margin-left: 5px; }
.c2TexteBlog { width: 100%; margin-top: 10px;}
.c2TexteBlogNu { width: 100%; margin-top: 0px; text-align: center;}
.ctexteContent {width: 100%;	margin-left: auto; margin-right: auto;}
.ctextecontentMP {width: 100%;	margin-left: auto; margin-right: auto;text-align: left;}
}

/* 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;}
 .cStandardAccrocheBlog2 { width: 80%; margin-left: auto; margin-right: auto;  border: solid 0px #CCCCCC;}
.c2TexteBlog { width: 80%; max-width: 1000px; margin-top: 10px; margin-left: auto; margin-right: auto; border: solid 0px #CCCCCC; }
.c2TexteBlogNu { width: 100%; margin-top: 0px; text-align: center; }
.ctexteContent {width: 900px;	margin-left: auto; margin-right: auto;}
.ctextecontentMP {width: 100%; max-width: 1200px;	margin-left: auto; margin-right: auto;text-align: left;}
}



/* 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;}
.page_pre {display: none;}
.caccroche2 {display: none;}
.caccrocheFB { display: none; }
.smenubashide { display: none; }





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

.clogo { top: 5px; z-index:33333; height: 70px;left: 10px;}

.clangdrapeaux0 { top: 5px; z-index:33333; }
.clangdrapeaux1 { top: 23px; z-index:33333; }
.clangdrapeaux3 { top: 41px; z-index:33333; }

.ccompte2 {display: none;}


.ccompte, .cconnect,  {border: solid 0px #CCCCCC;}

.ccompte > a, .cconnect > a {
	font: 6px Verdana, Arial, Helvetica, sans-serif;
}

.ccompte {top: 60px;	text-align: left;
	padding: 6px 0px 6px 0px;
	width: 230px;
left: 15px;}
	
.cconnect {top: 80px; left: 15px; text-align: left;
		padding: 6px 0px 6px 0px;
	width: 230px;}

.ccompte3 {top: 100px;}



.ccompte3 {left: 110px;}





.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_pre {display: none;}
.caccroche {display: none;}
.caccroche2 {display: none;}
.mrech {display: none;}

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





.clogo { top: 5px; z-index:33333; height: 70px;left: 10px;}

.clangdrapeaux0 { top: 5px; z-index:33333; }
.clangdrapeaux1 { top: 23px; z-index:33333; }
.clangdrapeaux3 { top: 41px; z-index:33333; }

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

.ccompte {top: 60px;	text-align: left;
	padding: 6px 0px 6px 0px;
	width: 230px;
left: 15px;}
	
.cconnect {top: 80px; left: 15px; text-align: left;
		padding: 6px 0px 6px 0px;
	width: 230px;}
	
	
	
	


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



.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 à 780px */
@media only screen and (min-width: 641px) and (max-width: 780px) {
.page_pre {display: none;}

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

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

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

.ccompte {top: 8px;	text-align: left;
	padding: 6px 0px 6px 0px;
	width: 230px;
right: 15px;}
	
.cconnect {top: 28px; right: 15px; text-align: left;
		padding: 6px 0px 6px 0px;
	width: 230px;}



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



.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: 5px; z-index:33333; height: 70px;left: 10px; }

.clangdrapeaux0 { top: 5px; z-index:33333; }
.clangdrapeaux1 { top: 23px; z-index:33333; }
.clangdrapeaux3 { top: 41px; z-index:33333; }

.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 780px à 900px */
@media only screen and (min-width: 781px) and (max-width: 900px) {
.page_pre {display: none;}

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

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

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

.ccompte {top: 8px;	text-align: left;
	padding: 6px 0px 6px 0px;
	width: 230px;
right: 15px;}
	
.cconnect {top: 28px; right: 15px; text-align: left;
		padding: 6px 0px 6px 0px;
	width: 230px;}



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



.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: 5px; z-index:33333; height: 70px;left: 10px; }

.clangdrapeaux0 { top: 5px; z-index:33333; }
.clangdrapeaux1 { top: 23px; z-index:33333; }
.clangdrapeaux3 { top: 41px; z-index:33333; }

.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: 5px; z-index:33333; height: 70px;left: 10px;}
.clangdrapeaux0 { top: 5px; z-index:33333; }
.clangdrapeaux1 { top: 23px; z-index:33333; }
.clangdrapeaux3 { top: 41px; z-index:33333; }





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




.ccompte2 {right: 185px;}
.ccompte3 {right: 50px;}

	

.ccompte {top: 8px;	text-align: left;
	padding: 6px 0px 6px 0px;
	width: 230px;
right: 35px;}
	
.cconnect {top: 28px; right: 35px; text-align: left;
		padding: 6px 0px 6px 0px;
	width: 230px;}

	

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

	
	

	

		.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)  {


.clogo { top: 5px; z-index:33333; height: 70px;left: 10px;}
.clangdrapeaux0 { top: 5px; z-index:33333; }
.clangdrapeaux1 { top: 23px; z-index:33333; }
.clangdrapeaux3 { top: 41px; z-index:33333; }

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


.ccompte2 {right: 185px;}
.ccompte3 {right: 50px;}



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

.ccompte {top: 8px;	text-align: left;
	padding: 6px 0px 6px 0px;
	width: 230px;
right: 35px;}
	
.cconnect {top: 28px; right: 35px; text-align: left;
		padding: 6px 0px 6px 0px;
	width: 230px;}
	
	


	

		.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;}
	
	.page_pre { width: 100%;}
.rwidth { width: 100%;}
.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;}


	.page_pre { width: 1100px;}
.rwidth { width: 1100px;}
.rwidth2 { width: 1100px;}
.rwidth3 { width: 1100px;}
.rwhslider { width: 100%; }

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

.cpfb { display: none;}

}

.sgclr{
	
	
	text-align: center;
	display: inline-block;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
	font: 15px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	letter-spacing: 1px;
text-transform: uppercase;
	border: solid 0px rgba(61,60,60,1);
			border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
		color: #2a6970;

	
}

.bloc15b-bouton{
	
	background: #2a6970;
		width: 150px;
	height: 30px;
	text-align: center;
	display: inline-block;
		margin: 32px 10px 30px 0px;
		padding: 14px 20px 6px 20px;
	font: 16px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	letter-spacing: 1px;
text-transform: uppercase;
	border: solid 0px rgba(61,60,60,1);
			border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
		color: #FFFFFF;

	cursor: pointer;
			-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
text-decoration: none;
/*-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;*/
}

.bloc15b-bouton:hover{
	color: #FFFFFF;
	background: #1C3B3F;
	border: solid 0px rgba(229,229,229,1);
}

/* LA TAILLE DES TEXTES DU BANDEAU HORIZONTAL */


.lemenubas{
			background: #2A6970;
			
			z-index: 10001;
			width: 100%;
			margin-top: 0px;
			height: 40px;
			line-height: 40px;
			vertical-align: center;
			border-top: solid 0px #000000;
			opacity: 0;
-webkit-transition: all .9s ease-in;
-moz-transition: all .9s ease-in;
-o-transition: all .9s ease-in;
transition: all .9s ease-in;

}

.smenubas{
	  text-decoration: none;
   color: #FFFFFF;
   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: #FFFFFF;
   height: 40px;
   font: 12px   Arial, Helvetica, sans-serif;
     line-height: 40px;
     letter-spacing: 1px;
  vertical-align: center;
}

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

/* de 900 à 1101 */
@media only screen and (min-width: 901px) and (max-width: 1100px) {
 .sf-menu > li > a { 
  font: 12px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;}
 .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: 16px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;}
 .sf-menubas > li > a {  font: 14px '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: 250px; margin: 20px;}
.c2InsertContenuH {	height: 215px;}
.c2InsertContenuHActu {	height: 230px;}
.c2InsertContenuColonne {	width: 250px; margin: 20px; height: 300px;}
.c2InsertContenuColonneBas {	width: 300px; margin: 20px; height: 340px;}
.c2InsertContenuColonneStyle3IN {	width: 330px; margin: 20px; height: 170px;}
}

/* de 500 à 1100 */
@media only screen and (min-width: 501px) and (max-width: 1100px) {
.c2InsertContenu {	width: 250px; }
.c2InsertContenuH {	height: 215px;}
.c2InsertContenuHActu {	height: 230px;}
.c2InsertContenuColonne {	width: 250px; margin: 20px; height: 300px;}
.c2InsertContenuColonneBas {	width: 300px; margin: 20px; height: 340px;}
.c2InsertContenuColonneStyle3IN {	width: 330px; margin: 20px; height: 170px;}
}
/* au dessus de 1101px */
@media only screen and  (min-width: 1101px)  {
.c2InsertContenu {	width: 250px;  }
.c2InsertContenuH {	height: 215px;}
.c2InsertContenuHActu {	height: 230px;}
.c2InsertContenuColonne {	width: 250px; margin: 20px; height: 300px;}
.c2InsertContenuColonneBas {	width: 300px; margin: 20px; height: 340px;}
.c2InsertContenuColonneStyle3IN {	width: 330px; margin: 20px; height: 170px;}
}






/* LES INSERTIONS D'ELEMENTS */

/* en dessous de 700px */
@media only screen and  (max-width: 700px)   {
.c2ElementDiv { width: 100%; text-align: center; }
.c2ElementContenu { width: 250px; height: 250px; display: inline-block; margin-left: 15px; margin-right: 15px; text-align: left; margin-top: 15px; margin-bottom: 15px;}
.c2ElementContenu2 { width: 300px; height: 650px; display: inline-block; margin-left: 15px; margin-right: 15px; text-align: left; margin-top: 15px; margin-bottom: 15px;}
.c2ElementContenuPhoto{		width: 107px; height: 105px; }
.c2ElementContenu2Photo{		width: 107px; height: 105px; }
.imgOff {}
.fldr {	margin-left: 40px;}
.c2elementWidth { width: 100%; }
.c2elementBouton{top: 298px;width: 220px;}
}

/* de 700 à 1100 */
@media only screen and (min-width: 701px) and (max-width: 1100px) {
.c2ElementDiv { width: 100%; text-align: center; }
.c2ElementContenu { width: 250px; height: 250px; display: inline-block; margin-left: 15px; margin-right: 15px; text-align: left; margin-top: 15px; margin-bottom: 15px;}
.c2ElementContenu2 { width: 300px; height: 650px; display: inline-block; margin-left: 15px; margin-right: 15px; text-align: left; margin-top: 15px; margin-bottom: 15px;}
.c2ElementContenuPhoto{		width: 107px; height: 105px; }
.c2ElementContenu2Photo{		width: 107px; height: 105px; }
.imgOff {}
.fldr {	margin-left: 40px;}
.c2elementWidth { width: 100%; }
.c2elementBouton{top: 298px;width: 220px;}
}
/* au dessus de 1101px */
@media only screen and  (min-width: 1101px)  {
.c2ElementDiv { width: 100%; text-align: center; }
.c2ElementContenu { width: 250px; height: 250px; display: inline-block; margin-left: 15px; margin-right: 15px; text-align: left; margin-top: 15px; margin-bottom: 15px;}
.c2ElementContenu2 { width: 300px; height: 650px; display: inline-block; margin-left: 15px; margin-right: 15px; text-align: left; margin-top: 15px; margin-bottom: 15px;}
.c2ElementContenuPhoto{		width: 107px; height: 105px; }
.c2ElementContenu2Photo{		width: 107px; height: 105px; }
.imgOff {}
.fldr {	margin-left: 40px;}
.c2elementWidth { width: 100%; }
.c2elementBouton{top: 298px;width: 220px;}
}









.c7span2 {
	
	color: #666666;
	text-decoration: none;
	font: 13px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	/*font-weight: bold;*/
text-decoration: none;
	text-transform: none;
	cursor: pointer;
	height: 15px;
	line-height:  13px;
	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: block;
color: #FFFFFF;
font: 14px 'Lato', Helvetica, Tahoma, Arial,  sans-serif;
border-top: solid 0px #333333;
text-align: center;
text-decoration: none;
background: #FF6600;
padding: 4px 0px 4px 0px;
margin: 4px 0px 4px 0px;
font-weight: normal;
border: solid 0px #666666;
}
.menuRubDivSous{
display: block;
color: #333333;
background: #FFFFFF;
padding: 2px 0px 2px 5px;
font: 14px 'Lato', Helvetica, Tahoma, Arial,  sans-serif;
border: solid 0px #666666;
text-align: left;
text-decoration: none;
}

.cCaroline0 {

	position: absolute;
	top: 80px;
	right: -1px;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	border-left: solid 0px #666666;
	border-bottom: solid 1px #770306;
	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: 100%;
text-align: left;
	padding: 15px 0px 15px 0px;
z-index: 999999;
opacity:1;
}



.FCvisible {
	display: block;
}

.FCinvisible {
	display: none;
}

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

	top: 10px;

	margin:0 auto;
	margin-top: 0px;
	height: 24px;
	mini-width: 240px;
	
	color: #CCCCCC;
		border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	  font: 14px 'Lora', Helvetica, Tahoma, Arial,  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 #4eadb0;
	    
    /*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;
	}







  .cconnect, .cconnect a,  .ccompte, .ccompte a {	
	color: #333333;
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	/*text-transform: uppercase;*/
	
	
}

 .cconnect > a,.ccompte > a, {	
	text-decoration: none;
}
.cconnect > a:hover,.ccompte > a:hover, {	
	text-decoration: none;
	color: #333333;
}
	




.ccompte, .ccompte2, .ccompte3, .ccompte4, .ccompte5 {	
	position: absolute;
	z-index: 9999999;
	}
.ccompte6{
	position: absolute;
	top: -8px;
	left: 5px;
}
.cdrapeaux{	
	position: absolute;
	
	

	}

.ccompte5{
height: 20px;
color: #000000;
border: 0px solid #3B5998;
padding: 4px 8px 4px 8px;	
		border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.ccompte5 a{

color: #000000;
text-decoration: none;
	font: 14px 'Open sans', Helvetica, Tahoma, Arial,  sans-serif;
}

.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; -webkit-transition: all .9s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;}
.clangdrapeaux0 { position: absolute; left: 250px; }
.clangdrapeaux3 { position: absolute; left: 250px; }

.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:0px auto;
	border: solid 0px #CCCCCC;
	

	
		/*border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;*/
	
}

.cCentre4 {
	overflow: hidden;
	margin:0px auto;
	border: solid 0px #CCCCCC;
	margin-top: 0px;
	background: #FFFFFF;
}

.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-bottom: solid 0px #CCCCCC;
	background: #3366ff;
	padding-bottom: 20px;
}

.cCentre5 {
	overflow: hidden;
	margin: 0;
	border-bottom: solid 0px #CCCCCC;
-webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover;
	
}

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

.cColonne3 {
    
    
}


.cColonneGauche{
	float: right;
	width: 280px;
	margin-left: 40px;
	margin-top: 35px;
	padding-top: 0px;
	border: 0px solid #333333;
}
.cColonneDroite {
	padding-left: 20px;
	border: 0px solid #333333;
	}

.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 #4eadb0;
	border-left: 0px solid #4eadb0;
	border-bottom: 0px solid #4eadb0;
	/*background: #edeff1;*/
	
}

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

.cCol1Titre a {
  
  font: 14px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
  letter-spacing: 1px;
  color: #ff6600;
  
  text-align: left;
  /*padding: 10px 14px 10px 10px;*/
  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: 250px; 
	
	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: 0px 0px 5px 0px;
}

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


.prixFormation {
background: #FFFFFF;
color: #4eadb0;
text-align: center;
font: 18px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
border: solid 1px #4eadb0;
	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: 200px;
border: 0px solid #999999;
}

.cCol1Bloc {

		
	font-weight: normal;	
	text-align: left;
	
font: 12px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
 margin-left: 0px;
 margin-right: 0px;
	margin-bottom: 0px;	
	margin-top: 0px;	
  padding: 0px 14px 5px 14px;
	border-right: 0px solid #999999;
	border-bottom: 0px solid #4eadb0;	
	border-left: 0px solid #4eadb0;
	border-top: 0px solid #CCCCCC;
	/*background: #edeff1;*/
	
}

.cCol1Bloc2 {

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

	border-right: 0px solid #000000;
	border-bottom: 0px 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, Tahoma, Arial,  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: 38px  'Open Sans', cursive,Verdana,  sans-serif;
	color: #BA0F0F;
	display: inline-block;
	padding-bottom: 5px;
	margin: 0px 0px 15px 0px;
	border-bottom: solid 0px #CCCCCC;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}

.cStandardAccroche >  h1  {
	font: 38px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #BA0F0F;
	display: inline-block;

	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	border: solid 0px #E83A0E;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: none;
}

.linel {
	display: inline-block;
	height: 12px;
	width: 20%;
	
	border-bottom: solid 1px #005591;
}
.liner {
	display: inline-block;
	height: 12px;
	width: 20%;
	
	border-bottom: solid 1px #005591;
}

.cCentre >  h1 {
font: 28px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	color: #2A6970;
	display: inline-block;
	padding-bottom: 0px;
	/*width: 75%;*/
	text-align: center;
	margin: 0px auto;
	margin-bottom: 20px;
	padding: 20px 20px 10px 20px;
	border: solid 0px #D3632C;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: uppercase;
	
	/*text-shadow: 1px 1px 1px #666666;*/
}
	
.cStandardAccrocheBlog >  h1 {
	font: 26px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	color: #2A6970;
	display: inline-block;
	padding-bottom: 5px;
	/*width: 75%;*/
	text-align: center;
	
	
	margin: 0px 10px 15px 10px;
	border-bottom: solid 0px #ff6600;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: uppercase;
	
	/*text-shadow: 1px 1px 1px #666666; */
}
.cStandardAccrocheBlog2 >  h1  {
	font: 28px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #6A450F;
	display: inline-block;
	padding-bottom: 0px;
	/*width: 75%;*/
	text-align: center;
	margin: 0px auto;
	margin-bottom: 20px;
	padding: 20px 20px 10px 20px;
	border-bottom: solid 0px #D3632C;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}






.cStandardAccrocheBlog >  h2  {
	font: 12px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #6A450F;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}

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


.cColonne3 h2{
	font: 14px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #6A450F;
	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', Helvetica, Tahoma, Arial,  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('orbit/loading.gif') 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 {
	text-align: center;
	padding-bottom: 5px;
	margin-left: 5px;
	/*border: 1px solid #CCCCCC;*/
}

 .cStandardAccrocheBlog {
	text-align: center;
}

 .cStandardAccrocheBlog2 {
	display: block;
	
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;
}


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

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

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

.c2Texte a, .c2TexteBlog a, .c2TexteBlogNu a{
	
	color: #006699;
	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, .c2TexteBlogNu p{
	font: 14px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #333333;
	text-align: justify;
}

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


blockquote {
    background-color: #D6D6D6;
    border-left: 1em solid #006699;
    margin:  0px 0px 20px 0px ;
    padding:  20px 30px 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 , .c2TexteBlogNu blockquote p{
	font-style: italic;
	
	}
	
blockquote > p:first-letter {
   font: 20px  Arial;
   font-style: italic;
   font-weight: normal;
    font-size: 20px;
   
}

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

.etmaintenant {
	font: 16px   Verdana,  sans-serif;
	display: inline-block;
color: #8BB721;
	text-overflow: hidden;
	padding-bottom: 5px;
	margin: 0px 10px 0px 10px;
	border-bottom: solid 0px #CCCCCC;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

.cColonne3 h3{
	font: 16px  'Open Sans', Helvetica, Tahoma, Arial,  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  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	
	color: #D20024;
	display: block;
	padding-bottom: 5px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 20px 0px;
	border-bottom: solid 1px #E83A0E;
	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', Helvetica, Tahoma, Arial,  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', Helvetica, Tahoma, Arial,  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', Helvetica, Tahoma, Arial,  sans-serif;
	color: #333333;
	
	text-transform: none;
	
}





.cStandardAccrochegris {
			
	border-bottom: 0px solid #535353;
	border-top: solid 4px #ff6600;
	/*background: #eaebdb url(/img/fleche-down.png) no-repeat center top;*/
	background: #FFFFFF;
	margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 48px;
}
.cStandardAccrochegrisclair {
			background: #F3F3F3;
			text-align: center;
			padding: 45px 25px 35px 25px;
}
.cStandardAccrochegrisclairTitre {
			background: #F3F3F3;
			text-align: center;
			padding: 25px 25px 25px 25px;
}




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

.cStandardAccrocheBlog >  p  {
	font: 14px  'Open Sans', Helvetica, Tahoma, Arial,  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;
}



.albumCarte{
	
	display: inline-block;
	position: absolute;

	top:0px;
	right:0px;
	cursor: url('/site/div/Loupe2.png'), pointer;
	box-shadow: 2px 2px 3px #666666;
	-moz-shadow: 2px 2px 3px #666666;
	-webkit-shadow: 2px 2px 3px #666666;
}
.albumCarteVig {
		width:70px;
	height:70px;
}

.albumimg, .albumimglast {
	display: inline-block;
	
	
	cursor: url('/site/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', Helvetica, Tahoma, Arial,  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', Helvetica, Tahoma, Arial,  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', Helvetica, Tahoma, Arial,  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', Helvetica, Tahoma, Arial,  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', Helvetica, Tahoma, Arial,  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: 450px;
	border: 0px solid #CCCCCC;
	padding-top: 25px;
	margin-bottom: 50px;
	text-align: left;
}

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

.cformEnvoi h1 {
	font: 28px  'Times New Roman', serif ,Verdana,  sans-serif;
	color: #FFFFFF;
}


.aleft {
	float: left;
}

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

.formNom, .formPNom, .formMail, .formTel, .formDA, .formDD, .formDate {
	width: 300px;
}
.formDDepart {
	width: 100px;
}
.ccode {
	width: 100px;
}


.formTab {
	
		display: inline-block;
	width: 330px;
	margin: 20px 10px 10px 10px;
	border: solid 0px #CCCCCC;
	text-align: left;
}

.cformlab, .cformlab2{
	display: inline-block;
	border: solid 0px #CCCCCC;
	height: 25px;
	vertical-align: center;
}
.cformlab {
	width: 170px;
}
.cformlab2 {
	width: 130px;
}
.cselect {
	
	height: 25px;
	vertical-align: top;
	font: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	line-height:16x;
	color:#333333;
	font-weight: normal;
	vertical-align: center;
	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;
}
.cformradio{
	vertical-align: center;
}
.formDDepart, .formNom, .formPNom, .formMail, .formTel, .formDA, .formDD, .formDate, .ccode {
	height: 25px;
vertical-align: top;
	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, .cselect {
	margin-top: 8px;
}
 .formTel, .formDate {
	margin-bottom: 8px;
}
.formDate {
height: 40px;
}

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

.cFormBouton {
	height: 42px;
	width: 195px;
		border: 0px;
		cursor:pointer;
		margin-top: 15px;
color: #FFFFFF;	
text-align: center;
padding-top: 0px;
text-transform: none;
font: 18px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
background: #ff6600;
		box-shadow: 0px 3px 0px #ba4b07;
	-moz-shadow: 0px 3px 0px #ba4b07;
	-webkit-shadow: 0px 3px 0px #ba4b07;
	
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

	-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}

.cFormBouton:hover {
background: #ba4b07;
		box-shadow: 0px 3px 0px #933b05;
	-moz-shadow: 0px 3px 0px #933b05;
	-webkit-shadow: 0px 3px 0px #933b05;	
}

#cryptogram {
	border: solid 0px #CCCCCC;
	
}

.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', Helvetica, Tahoma, Arial,  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: 35px;
	padding-bottom: 20px;
	border: solid 0px blue;
}

.cElementDiv {
	margin:0 auto;
	/*overflow: hidden;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: solid 0px blue;
	width: 100%; text-align: center;
}

.cElementDiv2 {
	margin:0 auto;
	/*overflow: hidden;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 60px;
	padding-bottom: 60px;
	border: solid 0px blue;
	width: 100%; text-align: center;
	background: #eaebdb;
}


.bbas {
	
	position: absolute;
bottom: 0px;
left: 0px;	
z-index: 1;

}
.imgOff {

position: absolute;
top: 0px;
left: 0px;	

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.imgOn {

position: absolute;
top: 0px;
left: 0px;	
	-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.fldr {
	margin-right: 20px;
	margin-top: 25px;
}

.c2ElementContenuPhoto
{
	position: relative; 
	overflow: hidden;
	margin: 0px auto;

}
.c2ElementContenu2Photo
{
	position: relative; 
	overflow: hidden;
	margin: 0px auto;

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





  /*	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
		box-shadow: 0px 2px 1px #CCCCCC;
	-moz-shadow: 0px 2px 1px #CCCCCC;
	-webkit-shadow: 0px 2px 1px #CCCCCC;*/
	
}

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

.c2ElementContenu:hover .c2elementButton {
background: #c9712b repeat-x 0 0;
}



.c2ElementContenu:hover .c2ElementContenuTexte2 {
color: #0033FF;
}

.c2ElementContenu:hover
{
	/*box-shadow: 0px 0px 8px #999999;
	-moz-shadow: 0px 0px 8px #999999;
	-webkit-shadow: 0px 0px 8px #999999;*/
}


.c2ElementPhoto{
	border: solid 1px #776853;
	}

.c2ElementContenu2 {
	position: relative;
	text-transform: none;
	overflow: hidden;	
	color: #3e322c;
	text-decoration: none;
	background: #FFFFFF;
	font: 20px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	font-weight: normal;
	padding: 0px 0px  0px 0px;	
	/*overflow: hidden;*/
	border: 1px solid #c7c4bd;
	text-align: left;
	margin:  20px  40px  20px 40px;
	

	
	line-height: 40px;
	vertical-align: middle;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;





  /*	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
		box-shadow: 0px 2px 1px #CCCCCC;
	-moz-shadow: 0px 2px 1px #CCCCCC;
	-webkit-shadow: 0px 2px 1px #CCCCCC;*/
	
}

.c2ElementContenu2: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;
}

.c2ElementContenu2:hover .c2elementButton2 {
background: #c9712b repeat-x 0 0;
}





.c2ElementContenu2:hover
{
	/*box-shadow: 0px 0px 8px #999999;
	-moz-shadow: 0px 0px 8px #999999;
	-webkit-shadow: 0px 0px 8px #999999;*/
}


.c2elementBouton{

position: absolute;

left: 50%;
transform: translateX(-50%);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

height: 32px;
background: #99D0E2;
		box-shadow: 0px 3px 0px #80C4DB;
	-moz-shadow: 0px 3px 0px #80C4DB;
	-webkit-shadow: 0px 3px 0px #80C4DB;

color: #FFFFFF;	
text-align: center;
padding-top: 12px;
text-transform: none;
font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;

	-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}

.c2ElementContenu:hover .c2elementBouton {
background: #DC7735;
		box-shadow: 0px 3px 0px #D3632C;
	-moz-shadow: 0px 3px 0px #D3632C;
	-webkit-shadow: 0px 3px 0px #D3632C;

}
.c2ElementContenu2:hover .c2elementBouton {
background: #DC7735;
		box-shadow: 0px 3px 0px #D3632C;
	-moz-shadow: 0px 3px 0px #D3632C;
	-webkit-shadow: 0px 3px 0px #D3632C;

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

.c2ElementOmbre {
	
	position: absolute;
	border-bottom: solid 0px #000000;
	width: 100%;
	bottom: 0px;
	background: url('/img/ombre-blanche.png') repeat-x bottom;
	height: 20px;
	
}

.c2lombre {
position: relative;
height: 76px;
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 
    {

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

.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;
	margin: 20px 0px 20px 0px;
}


.c2ElementContenuTexte1 {
	font-weight: normal;
	padding: 10px 20px 20px 20px;
	font: 12px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #7F8C8C;
	margin-top: 0px;
	text-transform: none;
}


.c2ElementContenuTexte2 {
	font-weight: bold; font: 14px   Verdana, sans-serif; color: #333333; margin-top: 10px; text-transform: uppercase; text-align: center;margin-bottom: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.c2ElementContenuTexte3 {
	font-weight: bold; font: 13px  Verdana, sans-serif; color: #BE4C19; margin-top: -5px; text-transform: none; text-align: center; 
}




.c2ElementContenuTexte4 {
	font: 12px  Verdana, sans-serif; color: #6a450f; margin-top: 0px; text-transform: none; text-align: center;border: solid 0px #CCCCCC;
	
	
  
}

.c2ElementContenu2Texte {
	
	margin: 0px auto;
	margin-bottom:20px;
	width: 270px;
	height: 66px;
	background: url(/img/fondbloc1.png) no-repeat left;
	font: 16px 'Open sans', Helvetica, Tahoma, Arial,  sans-serif;
	border: 0px solid #c7c4bd;
	font-weight: bold;
		color: #3e322c;
		text-align: left;
		
}


.c2ElementContenu2Texte1 {
	margin: 0px auto;
	
	width: 270px;
	
	
	font: 13px 'Open sans', Helvetica, Tahoma, Arial,  sans-serif;
	border: 0px solid #c7c4bd;
	
		color: #3e322c;
		text-align: justify;
		z-index: 2;
}

.brouge{
color: #b7201b;	

font: 14px 'Open sans', Helvetica, Tahoma, Arial,  sans-serif;
font-weight: bold;
}
.bnoir{
color: #000000;	

font: 14px 'Open sans', Helvetica, Tahoma, Arial,  sans-serif;
font-weight: bold;
}
.bhandi{
float:left; margin-right:5px;	
}

.c2ElementContenu2Texte2 {
	
	color: #3e322c;
	font: 22px 'Open sans', Helvetica, Tahoma, Arial,  sans-serif;
	padding-left: 48px;
	padding-top: 20px;
	border: 0px solid #c7c4bd;
	font-weight: normal;
}

.c2ElementContenu2Texte3 {
	font-weight: bold; font: 13px  Verdana, sans-serif; color: #BE4C19; margin-top: -5px; text-transform: none; text-align: center; 
}




.c2ElementContenu2Texte4 {
	font: 12px  Verdana, sans-serif; color: #6a450f; margin-top: 0px; text-transform: none; 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, .c2elementButton2 {

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

	
	cursor:pointer;
	background: #0033FF repeat-x 0 0;
			
		border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.c2elementButton2 {

	border: 1px solid #FFFFFF;

}


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


.c2InsertDiv {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
	max-width: 1350px;
	border: solid 0px #0033FF;
	
}

.c2InsertDiv4 {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	max-width: 1350px;
	border: solid 0px #0033FF;
	
}
.c2InsertDiv5 {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	max-width: 1350px;
	border: solid 0px #0033FF;
	
}
.c2InsertDivForm {
	overflow: hidden;
	padding-top: 10px;
	text-align: center;
	background: #FFFFFF;
	padding-bottom: 100px;
	border: solid 0px #0033FF;
}

.c2InsertDivAll {
	background: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 50px;
}
.c2InsertDivAll4 {
	background: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 10px;
	margin:0 auto;
	border: solid 0px #d0d1c1;
}
.c2InsertDivAll5 {
	
	padding-top: 40px;
	padding-bottom: 40px;
	margin:0 auto;
	margin-top: 50px;
	border: solid 0px #d0d1c1;
	background: url('/img/plan-escalier-beton-sire-greka.jpg') no-repeat center center fixed;  
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover;
        box-shadow:  1px 0px 16px #333333 inset;
-moz-shadow:  1px 0px 16px #333333 inset;
-webkit-shadow: 1px 0px 16px #333333 inset;
}
.c2InsertDiv6 {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	max-width: 1350px;
	border: solid 0px #0033FF;
	
}
.colonneIMGBas6{
	position: absolute;
	top: 0px;
	left: -100px;
	width:400px;
	height:400px;
	z-index: 1;
}

.c2InsertContenuColonneStyle6 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	background: #FFFFFF;
	margin: 20px 20px 20px 20px;
		width: 200px;
		height: 400px;
   /* on aurait pu écrire 500ms également */

}

.c2InsertContenuColonneStyleTexte6 {
	position: relative;
	overflow: hidden;
	background: #CCCCCC;
	text-align: justify;
	padding: 10px 10px 20px 10px;
font: 12px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;

	color: #333333;
		width: 180px;
			margin-top: 348px;
		z-index: 2;
   /* on aurait pu écrire 500ms également */
   -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}




.c2InsertContenuColonneStyleTitre6 {
	position: relative;
	overflow: hidden;
font: 18px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
line-height: 20px;
	color: #000000;
	
	font-weight: bold;
	padding: 0;
	margin: 0px 0px 12px 0px;
		/*height: 40px;*/
		z-index: 2;
   /* on aurait pu écrire 500ms également */
}

.c2InsertContenuColonneStyleDate6 {
	position: relative;
	overflow: hidden;
font: 12px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	font-weight: bold;
	padding: 0;
	margin: 12px 0px 0px 0px;
		z-index: 2; 
}

.c2InsertContenuColonneStyleSuite6 {
	position: relative;
	overflow: hidden;
font: 12px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #ff6600;
	font-weight: bold;
	padding: 0;
	margin: 12px 0px 0px 0px;
		z-index: 2; 
}

.c2InsertDivAll6 {
	
	padding-top: 40px;
	padding-bottom: 40px;
	margin:0 auto;
	margin-top: 50px;
	border: solid 1px #d0d1c1;
	
}
.c2InsertContenuColonneStyle6:hover .c2InsertContenuColonneStyleTexte6{
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.relogo {
height: 23px;
background: url('/img/re-icon.png') repeat;	
}

.c2InsertDivAll2 {
	border-bottom: 0px solid #535353;
	border-top: solid 14px #33919A;
	/*background: #eaebdb url(/img/fleche-down.png) no-repeat center top;*/
	background: #FFFFFF;
	margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 48px;
	text-align: center;
	
}

.c2InsertDivAll2 >  h1  {
	font: 36px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	color: #2A6970;
	display: inline-block;
	padding-bottom: 5px;
	/*width: 75%;*/
	text-align: center;
	
	
	margin: 0px 10px 15px 10px;
	border-bottom: solid 0px #ff6600;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: none;
	
	/*text-shadow: 1px 1px 1px #666666; */
}

.HomeTitre5 {
	font: 16px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #ff6600;
	width: 200px;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 0px;
	padding: 10px 10px 10px 10px;
	border-bottom: solid 1px #151b29;
	font-weight: normal;
	text-transform: none;
	
}

.HomeTitre6 {
		font: 16px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
			padding: 10px 10px 10px 10px;
	border-bottom: solid 1px #ff6600;
		margin: 0px auto;
		margin-top: 100px;
		margin-bottom: 70px;
	text-align: center;
	color: #151b29;
	text-transform: uppercase;
	font-weight: bold;
	width: 200px;
	
}

.c2InsertDivAll2 >  h2  {
	font: 14px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #666666;
	max-width: 600px;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 0px;
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	text-transform: none;
}

.c2InsertDivForm >  h1  {
	font: 26px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #3d322c;	
	text-align: center;
	margin: 0px auto;
	margin-bottom: 0px;
	padding: 00px 00px 10px 00px;
	border-bottom: solid 0px #D3632C;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}


.c2InsertDivAll3 {
	background: #eaebdb;
	border-top: solid 14px #0033FF;
	background: #fbf0d5 url(/img/fleche-down.png) no-repeat center top;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
}

.c2InsertDivAll3 >  h1  {
	font: 28px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000099;
	display: inline-block;
	
	max-width: 900px;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 0px;
	padding: 20px 20px 10px 20px;
	border-bottom: solid 0px #D3632C;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}


.c2InsertDivAll3 >  h2  {
	font: 14px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #0033FF;
	display: inline-block;
	max-width: 900px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
	font-weight: normal;
	text-transform: none;
}

.bandeau-accueil-contact3{
background: #3366FF;
position: relative;
width:100%;

text-align: center;
padding: 30px 0px 30px 0px;
margin-bottom:  15px;
border: solid 0px #CCCCCC;
}

.bac-img3{
	
	/*position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);*/

	border: solid  5px #FFFFFF;
		box-shadow: 2px 2px 4px #333333;
	-moz-shadow: 2px 2px 4px #333333;
	-webkit-shadow: 2px 2px 4px #333333;
}
.c2InsertContenu {
	position: relative;
	overflow: hidden;
	display: inline-block;
	/*width: 326px;*/
	cursor: pointer;
	border: solid 0px #CCCCCC;
	margin: 30px 30px 30px 30px;
background: #FFFFFF;
  	/*border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;*/
		/*	box-shadow: 0px 2px 1px #CCCCCC;
	-moz-shadow: 0px 2px 1px #CCCCCC;
	-webkit-shadow: 0px 2px 1px #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;*/
}
.c2InsertContenuColonne {
	position: relative;
	overflow: hidden;
	display: inline-block;
	/*width: 326px;*/
	cursor: pointer;
	border: solid 0px #CCCCCC;
	margin: 10px 30px 30px 30px;


   /* on aurait pu écrire 500ms également */

}

.c2InsertContenuColonneStyle3IN {
	position: relative;
	overflow: hidden;
	display: inline-block;
	/*width: 326px;*/
	cursor: pointer;
	border: solid 0px #666666;
	margin: 30px 30px 30px 30px;
	padding: 20px;
	background: #FFFFFF;
	
   /* on aurait pu écrire 500ms également */

}

.c2InsertContenuColonneStyle3 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	background: #FFFFFF;
	margin: 20px 20px 20px 20px;
box-shadow:  1px 0px 16px #333333 ;
-moz-shadow:  1px 0px 16px #333333 ;
-webkit-shadow: 1px 0px 16px #333333 ;
   /* on aurait pu écrire 500ms également */

}


.c2InsertContenuColonneStyle3Titre{
		font: 20px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	margin-top: 6px;
	color: #2A6970;
	text-transform: uppercase;
	font-weight: bold;
}
.c2InsertContenuColonneStyle3Txt{
		font: 12px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	margin-top: 16px;
	color: #33919A;
	overflow: hidden;
	border: solid 0px #151b29;
	height: 54px;
	font-weight: normal;
}

.c2InsertContenuColonneStyle3Bouton{
	font: 16px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	display: inline-block;
	width: 150px;
	height: 30px;
	margin-top: 18px;
	color: #FFFFFF;
	border: solid 0px #151b29;
		border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: #33919A;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 10px;
	-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

.c2InsertContenuColonneStyle3:hover .c2InsertContenuColonneStyle3Bouton{
	
	color: #FFFFFF;
	border: solid 0px #151b29;
	background: #1C3B3F;
	
}

.c2InsertContenuColonneBas {
	position: relative;
	overflow: hidden;
	display: inline-block;
	/*width: 326px;*/
	cursor: pointer;
	border: solid 0px #CCCCCC;
	margin: 0px 30px 0px 30px;
	-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
	background: rgba(51,51,51,.6);
	
   /* on aurait pu écrire 500ms également */

}
.fondblanc{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width:300px;
	height:5px;
	background: #FFFFFF;
	z-index: 4;
}
.c2InsertContenuColonneBasCouche{
	position: relative;

	width:300px;
	height:200px;
	text-align: center;
	border-top: solid 70px #FFFFFF;
	border-bottom: solid 70px #FFFFFF;
	background: rgba(21,27,41,.8);
		-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
	z-index: 2;
}

.c2InsertContenuColonneBasCouche:hover {
background: rgba(21,27,41,0);
height:340px;
	border-top: solid 0px #FFFFFF;
	border-bottom: solid 0px #FFFFFF;
}



.c2InsertContenuColonneTxtBas{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
padding: 10px;
	font: 18px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	/*margin-top: 65px;*/
	color: #FFFFFF;
	opacity: 1;
	width: 280px;
	font-weight: normal;
	text-transform: uppercase;
			-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.c2InsertContenuColonneTxtLire{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	text-align: center;
padding: 10px;
width: 280px;
	font: 18px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	/*margin-top: 65px;*/
	color: #ff6600;
	color: #151b29;
text-shadow: 0px 0px 14px #FFFFFF;
	font-weight: bold;
	text-transform: none;
			-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.c2InsertContenuColonneLigneBas{
	margin: 0 auto;
	width: 30px;
	height: 1px;
	margin-top: 10px;
	border-bottom: solid 1px #d89b64;
				-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

.c2InsertContenuColonneBasCouche:hover .c2InsertContenuColonneTxtBas{
/*margin-top: 199px;
color: #151b29;
text-shadow: 0px 0px 14px #FFFFFF;*/

opacity: 0;

}

.c2InsertContenuColonneBasCouche:hover .c2InsertContenuColonneTxtLire{
/*margin-top: 199px;*/

opacity: 1;

}

/*
.c2InsertContenuColonneBasCouche:hover .c2InsertContenuColonneLigneBas{
border-bottom: solid 1px #FFFFFF;
}
.c2InsertContenuColonneBasCouche:hover .c2InsertContenuColonneTxt2Bas{
color: #ff6600;
text-transform: none;
}
*/

.c2InsertContenuColonneTxt2Bas{
	font: 12px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	margin-top: 10px;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	font-style: italic;
	text-transform: none;
					-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

.colonneIMGBas{
	position: absolute;
	top: 0px;
	left: -20px;
	width:340px;
	height:340px;
	z-index: 1;
}
.c2InsertContenuColonneImg{
	width: 220px;
	height: 220px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
  	z-index: 1000;
  	margin-top: 10px;
  	border-radius:110px;
	-moz-border-radius:110px;
	-webkit-border-radius:110x;
			box-shadow: 2px 2px 4px #666666;
	-moz-shadow: 2px 2px 4px #666666;
	-webkit-shadow: 2px 2px 4px #666666;
	

}

.colonneIMG {
	width: 100%;
	
	height:auto;
position: absolute;
top: 0px;
left: 0px;
	-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
z-index: 900;
}

.c2InsertContenuColonneBas:hover{
	
}

.c2InsertContenuColonne:hover .colonneIMG{

-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-o-transform: scale(1.1);
transform: scale(1.1)  ;
}
.c2InsertContenuColonne:hover .c2InsertContenuColonneTxt{

color: #000000;

}




.c2InsertContenuColonneTxt{
	margin: 10px 0px 0px 0px;
	padding: 9px 12px 12px 12px;
	font: 16px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #464648;
	font-weight: normal;
	text-transform: uppercase;
	-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}

.divimgBP2{
	z-index: 1000;
	position: relative;
	display: inline-block;

	/*background: url('/img/ombre-blanche.png') repeat-x bottom;*/
	height: 7px;
	width: 180px;
	border: solid 0px #CCCCCC;
	margin: 0px 0px 20px 0px;
}




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

}

.c2DivAlter {
	position: absolute;
	font: 20px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	top: 0px;
	left: 0px;
	width: 250px;
	color: #FFFFFF;
	padding-top:80px;
	text-align: center;
	height: 110px;
	background: rgba(51,51,51,.6);
	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;
}


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


	
	
}

.c2InsertContenu:hover .c2DivAlter{
opacity: 1;

	/*padding-top: 0px;*/
	
}

.c2InsertContenu:hover .c2InsertBouton{
background: #C9712B;

	/*padding-top: 0px;*/
	
}

.c2Insert:hover {
 pointer: cursor;
	/*padding-top: 0px;*/
	
}

.divimgBP {
background: #006699;
height: 4px;	
}

.c2Insert p {
	font: 11px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	font-weight: normal;
	display: block;
	border: solid 0px #000000;
	color: #666666;
	/*background: rgba(0, 0, 0, 0.6);*/
	background: #FECB00;
	padding: 0px 8px 8px 8px;
	text-transform: none;
	text-align: left;
	height: 80px;
	

}

.c2InsertOmbre {
	z-index: 1000;
	position: absolute;
	width: 100%;
	top: 250px;
	background: url('/img/ombre-blanche.png') repeat-x bottom;
	height: 20px;
	border: solid 0px #CCCCCC;
	
}

.c2InsertDivBouton {
	z-index: 1000;
	position: absolute;
	background: #FFFFFF;
	width: 100%;
	top: 270px;
	height: 50px;
	padding-top: 18px;
	text-align: center;
	border: solid 0px #000000;	
}
.c2InsertBouton{
	display: inline;
	height: 14px;
	min-width: 120px;
	margin-top: 0px;
	line-height: 14px;
	white-space: nowrap;
	text-align: center;
	text-transform: none;
	padding: 3px 20px 3px 20px;
	text-decoration: none;
	font: 12px Helvetica, Tahoma, Arial, sans-serif;
	color:#FFFFFF;
	font-weight: bold;

	
	cursor:pointer;
	background: #0033FF repeat-x 0 0;
			
		border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.c2InsertTitre {
		border: solid 0px #000000;
	margin: 0px 0px 0px 0px;
	padding: 9px 12px 12px 12px;
	display: inline-block;
	font: 13px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	/*background: rgba(0, 0, 0, 0.6);*/
	background: #FECB00;
	color: #333333;
	/*height: 60px;  */
	width: 226px;
	line-height: 18px;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	/*text-shadow: 1px 1px 2px #000000;*/
}

.c2InsertTitre b {
		font: 11px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #000000;
	font-weight: normal;
	
}


.c2Insert a {
	
	
	/*padding: 8px 8px 3px 8px;*/
color: #333333;
font-weight: bold;
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: #000000;
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;
}




.preFooter{

text-align: center;
margin-bottom: 80px;
	
}


.preFooterTitre{
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 50px 10px 20px 10px;
}
.preFooterTexte{
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ff6600;
	margin: 20px 10px 130px 10px;
}
.imgblason{
	margin-top: 40px;
	width: 200px;
}

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

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

}

.lastMention a {
	font: 10px 'Open Sans', Helvetica, Tahoma, Arial,  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: #33919A;
	/*background: -webkit-linear-gradient(#00466C, #0183E2);
	background: -moz-linear-gradient(#00466C, #0183E2);
	background: linear-gradient(#00466C, #0183E2);*/
/*	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: left;
	font: 20px Arial,Verdana,  sans-serif;
	line-height: 15px;
	color: #FFFFFF;
	/*height: 275px;*/
	width: 205px;
	border: solid 0px #000000;
	margin: 25px 10px 15px 10px;
	padding: 0px 0px 0px 15px;
	/*background: url('/img/c-pointille-v.png') repeat-y right;*/
}
.cFooterBloc a{
color: #FFFFFF;
text-decoration: none;
}
.cFooterBloc ul{
margin-left: 16px;
}
.cFooterBloc2 {
	
	display: inline-block;
	position: relative;
	text-align: center;
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	line-height: 24px;
	color: #FFFFFF;
	/*height: 275px;*/
	width: 300px;
	border: solid 0px #000000;
	margin: 25px 10px 15px 10px;
	
	/*background: url('/img/c-pointille-v.png') repeat-y right;*/
}
.cFooterBloc2 a{
color: #FFFFFF;
text-decoration: none;
}
.cFooterBloc2 ul{
margin-left: 10px;
}
/*
<div class="cMBloc1">
<div class="cMTitre1">Tarifs Individuel</div>
<div class="cMTexte1"><b>Adulte :</b><div class="cMTexte2">9€50</div></div>
<div class="cMTexte1"><b>Etudiant :</b><br />(de 14 à 18 ans et plus sur présentation de carte)<div class="cMTexte2">8€50</div></div>
<div class="cMTexte1"><b>Enfant:</b><br />(- de 14 ans)<div class="cMTexte2">6€50</div></div>
</div>
*/

.cMDivBlocs{
text-align: center;
padding: 0px 0px 0px 0px;	
}


.cMBloc1 {
	display: inline-block;
	position: relative;
	text-align: center;
	width: 220px;
	height: 200px;
	
	background: #FFFFFF;
	padding: 1px 7px 0px 7px;
	margin: 0px 20px 40px 20px;
	
	-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;

	border: solid 1px #CCCCCC;
	
}

.cMTitre1 {
position: relative;
text-align: center;
padding: 10px 0px 10px 0px;
color: #BA0F0F;
border-bottom: solid 0px #333333;
font: 20px 'Creepster', cursive,Verdana,  sans-serif;
font-weight:bold;
}

.cMTexte1Bottom {
	border-bottom: solid 1px #CCCCCC;
}
.cMTexte1 {
position: relative;
text-align: left;
padding: 10px 0px 10px 0px;
font: 11px Verdana,  sans-serif;

color: #333333;
}
.cMTexte1 > b {
font: 15px Verdana,  sans-serif;
color: #333333;
}

.cMTexte2 {
position: absolute;
right : 0px;
top : 10px;
font: 14px Verdana,  sans-serif;
border-bottom: solid 0px #333333;
color: #000000;
}




.cFooterBlocp2 {
	
	
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	
}

.cFooterBlocp1 {
	color: #A2BF1A;
	font-weight: bold;
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	
}



.cFooterTitre {
	font: 16px 'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	
	border: dashed 0px #FFFFFF;
	font-weight:bold;
	margin-bottom: 0px;
	text-align: left;
	color:#FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.cFooterImgFB{
	position: absolute;
	top: -5px;
	right: 0px;
}


.cFooterTitre2 {
	font: 20px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	position: relative;
	display: inline-block;
	border: dashed 0px #FFFFFF;
	font-weight:normal;
	padding-right: 45px;
	margin-bottom: 15px;
	text-align: left;
	color:#8BB721;
	text-transform: none;
	letter-spacing: 0px;
}

.cFooterList {
	padding:13px 0px 0px 0px;
	list-style-image: url('/images/puce.png');
}
.cFooterList li {
	padding-bottom: 8px;
	color: #FFFFFF;
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	text-align: left;
line-height:13px;
font-weight: normal;
padding: 10px 0px 5px 5px;
list-style-image: url('/images/puce.png');
}

.cFooterList  a {
color: #FFFFFF;
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  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;
} 

.cFooterList a:hover{
	color: #FFFFFF;
	/*text-shadow: 0px 0px 2px #CCCCCC;*/
	text-decoration: underline;
-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;
	/* La distance du menu horizontal au haut de la fenetre */
	margin-top: 43px;
	margin-left: 300px;
	padding-top: 10px;
	padding-bottom: 0px;
	height: 20px;
	width: 100%;
	z-index: 900;
	text-align: center;
	/*color:#FFFFFF;*/	
	border: 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: #FFFFFF;*/
	/*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 auto;
	padding: 0;
	display: inline;
	list-style: none;

}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	/* La distance des menus déroulants au menu horizontal */
	top: 28px;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	/*float: right;*/
	display: inline-block;
	margin: 0 auto;
	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: 0 auto;
	
	height: 20px;
	position:relative;
	text-align: center;
	/*width: 400px;*/
	border: solid 0px #333333;

}
.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: rgba(51,145,154,.7);
	border-left: 0px solid #FF0000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;

	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: rgba(199,56,17,.6);
	border-left: 0px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	
	border-radius: 0px 4px 4px  0px;
	-moz-border-radius: 0px 4px 4px  0px;
	-webkit-border-radius: 0px 4px 4px  0px;
}

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

.sf-menu > li > ul {

	margin-left: 0px;

}

.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: #2A6970;
  display: inline-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 #4eadb0;
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: solid 0px #333333;
}

.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;
		-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 dernier lien dans le bandeau horizontal */
 	border-left: solid 0px #E4E4E4;
}


	
.sf-menu > li.active > a {
  box-shadow: none;
  color: #FFFFFF;
  text-decoration: none;
}


  
.sf-menu > li a:hover {
  text-decoration: none;
   color: #000000;
   /*font-weight: bold;*/
  /* text-shadow: 0px 0px 1px #FFFFFF;*/
   border-bottom: solid 0px #ff6600;
   /*background: #4eadb0;*/
  /* border-bottom: 0px solid #3399CC;*/

}



.sf-menu li li a {
	display:block;
	/* couleur des liens dans les menus déroulants */
	color: #FFFFFF;
	/*font: 10px Arial,  sans-serif;*/
	font: 13px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;letter-spacing: 1px;
	text-decoration:none;
	text-align: left;
	letter-spacing: 1px;
	padding:11px 34px 11px 20px;
	border-bottom: solid 0px #FFFFFF;
	border-left: solid 0px #cccccc;
	border-right: solid 0px #cccccc;
	text-transform:none;
	font-weight:normal;
	-webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background:  url(/img/fl.png) no-repeat -10px center;
}

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

border-top: solid 3px #FF8B03;
	/*border-bottom: solid 0px #cccccc;
	border-radius: 0px 0px 4px  4px;
	-moz-border-radius: 0px 0px 4px  4px;
	-webkit-border-radius: 0px 0px 4px  4px;*/
}

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

	/*border-bottom: solid 0px #cccccc;
	border-radius: 0px 0px 4px  4px;
	-moz-border-radius: 0px 0px 4px  4px;
	-webkit-border-radius: 0px 0px 4px  4px;*/
}

.sf-menu > li > ul > li > a:hover{
	color:#FFFFFF;
	border-bottom: solid 0px #ff6600;
	background:  url(/img/fl.png) #FF8B03 no-repeat 16px center;
	padding:11px 20px 11px 34px;
	-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-weight: bold;
}
.sf-menu > li > ul > li:last-child > a:hover{
	/*color:#FFFFFF;
	background: #8BB721;
	border-bottom: solid 0px #cccccc;
	-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;
  /* POUR LES ALIGNER A GAUCHE OU BIEN POUR LES CENTRER (PAR DEFAUT) */
  /* POUR LES ALIGNER A GAUCHE OU BIEN POUR LES CENTRER (PAR DEFAUT) */
  /* POUR LES ALIGNER A GAUCHE OU BIEN POUR LES CENTRER (PAR DEFAUT) */
  /* POUR LES ALIGNER A GAUCHE OU BIEN POUR LES CENTRER (PAR DEFAUT) */
  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 ul ul li a{
	/*background: #9AAEDB;*/
	color: #FFFFFF;
}

.sf-menu ul ul li a:hover{
	background: #80C4DB;
	color: #FFFFFF;
}

.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: #2A6970; /* 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: #FF8B03; /* 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: #FFFFFF; /* 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: #FFFFFF;
}



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

.fondhomeSliderImg3{
background: #666666;
width: 100%;
text-align: center;
}

.homeSliderImg3 {
	width: 100%;
	margin-bottom: 0px;
	/*max-width: 1100px;*/
	/*
	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);*/
border: 0px solid #000000;
	
	
	
/*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;
	
}

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

.btn1slider {
	
}

.homeLayerSliderTitre1{
	font-weight:bold;
	text-shadow: 1px 1px 4px #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align: left;
}

.homeLayerSliderTitre1 >  b{ 	
	color: #8BB721;
}

.homeLayerSliderTitre2{
	font-weight:bold;
	text-shadow: 1px 1px 4px #000000;
	text-transform: none;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align: left;
}

.homeLayerSliderTitre2 >  b{ 	
		color: #8BB721;
}


.homeLayerSliderButton {
			
			-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
}

homeLayerSliderButton:hover {
			background: #FFFFFF repeat-x 0 0;
}

.homeSliderTitre, .homeSliderTitre2 {
	
	display: inline-block;
	margin-bottom: 0px;
	font-weight:bold;
	text-align: center;
	text-shadow: 0px 0px 2px #000000;
	padding: 0px 15px 0px 15px;
	letter-spacing: 0px;
	border: solid 0px #000000;
	background:  rgba(204,102,51,.7);
		border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	/*max-width: 600px;*/
	
	/*margin-left:100px;*/
	text-transform: none;
	/*width: 300px;*/
	/*text-shadow: 1px 1px 2px #666666;*/
	/*text-transform: uppercase;*/

}
.homeSliderTitre:hover, .homeSliderTitre2:hover {

}

.sliderLink {
	color: #FFFFFF; 
	text-decoration: none;
					-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;}

.sliderLink:hover {text-decoration: none; color: #FFFFFF;}

.homeSliderTitre { 	
	
	/* text-shadow: 1px 1px 1px #666666;*/
	letter-spacing: 1px;
}

.homeSliderTitre >  b{ 	
	
}

.homeSliderTitre2 { 	
	
	/*text-shadow: 1px 1px 2px #666666;*/
}


.homeSliderTxt {
	color:#FFFFFF;
	padding: 10px 0px 10px 0px;
	line-height: 12px;
	position: relative;
	left: 50%;transform: translateX(-50%);
	width: 70%;
	/*background:  rgba(21,21,21,.7);*/
	background:  rgba(175,154,144,.7);
	text-align: center;
	font-weight: bold;
	letter-spacing: 0px;
	border: solid 0px #CCCCCC;
	text-shadow: 0px 0px 1px #000000;
	font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	margin-bottom: 35px;
			border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}



.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: 12px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color:#4eadb0;
	font-weight: normal;
		
		
	border: 1px solid #4eadb0;
	
	border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	cursor:pointer;
	background: rgba(204,204,204,0.7);
		
			-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: rgba(51,51,51,1);
	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;
}





.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;
}
.newsDivImg {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 60px;
	height: auto;
-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 .newsDivImg {
	position: absolute;
	top: 0px;
	left: -10px;
	width: 80px;
	height: auto;
/*-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-o-transform: scale(1.1);
transform: scale(1.1)  ;*/

z-index:  1000;
}

.newsDiv:hover {
}
.newsDiv2 {
position: relative; 
clear: both; 
margin-top: 15px; 
padding-top: 15px;
height: 60px; 
width: 220px;
/*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;
}

.newsDivImg2 {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 60px;
	height: auto;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}

.newsDiv2:hover .newsDivImg2 {
	position: absolute;
	top: 10px;
	left: -10px;
	width: 80px;
	height: auto;
/*-webkit-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-o-transform: scale(1.1);
transform: scale(1.1)  ;*/

z-index:  1000;
}

.newsDivTexte{
	font: 11px Arial,Helvetica, Tahoma,  sans-serif;
	letter-spacing: 0px;
	line-height: 12px;
	color:#FFFFFF;
	text-align: left;
}
.newsDivRes{
color:#FFFFFF;
}

.newsDivTexte2{
	font: 11px Arial,Helvetica, Tahoma,  sans-serif;
	letter-spacing: 0px;
	line-height: 12px;
	color:#666666;
	text-align: left;
	font-weight: bold;
}
.newsDivRes2{
color:#999999;
font-weight: normal;
}

.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{list-style-image: url('/img/fleche-bleu.png');}*/

ul.list li {margin-bottom: 10px;
	margin-left: 6px;
	font: 10px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	line-height:14px;
	color:  #003366;
	/*background:url(/img/fleche-bleu.png) top left no-repeat;*/
	}

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

ul.list li a{color:  #003366; font: 14px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif; text-transform: uppercase;text-decoration:none; line-height:14px; -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(/images/marker_1-sub.gif) 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; }


ul
{
	list-style-type: disc;
	list-style: disc;
	list-style-image: url('/images/puce2.png');
	
    margin: 5px 10px 20px 00px;
		padding: 0px 10px 10px 25px;
}
li
{
list-style-image: url('/images/puce2.png');
padding: 0px 0px 0px 5px;
margin-left: 2px;
}



.c2Texte  ul, .c2TexteBlog ul, .c2TexteBlogNu ul, .c2ElementContenu2Texte1 ul
{
	list-style-type: disc;
	list-style: disc;
	list-style-image: url('/images/puce.png');
	/*border: 1px solid #000000;*/
    margin: 5px 10px 20px 10px;
		padding: 0px 10px 0px 20px;
}
.c2Texte  li, .c2TexteBlog li, .c2TexteBlogNu li, .c2ElementContenu2Texte1 li
list-style-image: url('/images/puce.png');
padding: 0px 0px 0px 5px;
}


.jcenter ul
{
	list-style-type: disc;
	list-style: disc;
	list-style-image: url('/images/puce2.png');
	/*border: 1px solid #000000;*/
    margin: 5px 10px 20px 10px;
		padding: 0px 10px 0px 20px;
}
.jcenter li
list-style-image: url('/images/puce2.png');
padding: 0px 0px 0px 5px;
}


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

.piedFooterGauche, .piedFooterGauche  a {
	
	font: 9px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	vertical-align: center;
	line-height: 40px;
	
}




.piedFooterDroit, .piedFooterDroit a {
	
	font: 10px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	margin-top: 12px;
	
}
.imgFab {
	width: 170px ;
	border: 1px solid #CCCCCC;
	margin: 16px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}


.imgBP {

}



.c2Texte   h3, .c2TexteBlog  h3 , .c2TexteBlogNu h3, .c2InsertDivForm h3 {
	font: 18px  'Francois One', Helvetica, Tahoma, Arial,  sans-serif;
	
	color: #2A6970;
	display: inline-block;
	padding-bottom: 5px;
	margin: 10px 0px 14px 0px;
	padding: 10px 5px 10px 5px;
	
	border-bottom: solid 1px #666666;
	/*background: #3366ff url(/img/fleche-gauche-y.png) no-repeat left center;*/
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}







.c2Texte   h4, .c2TexteBlog  h4 , .c2TexteBlogNu  h4 {
	font: 16px  'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	
	color: #006699;
	display: block;
	padding-bottom: 5px;
	margin: 10px 0px 14px 0px;
	padding: 0px;
	border-bottom: solid 0px #D3632C;
	letter-spacing: 0px;
	font-weight: none;
	background:  none;
	text-transform: none;
}

.cContact{
	margin: 0px 0px 30px 0px;
	padding: 0;
	font: 16px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #0033FF;
	line-height: 26px;
}
.cContact b{
	font: 28px 'Open Sans', Helvetica, Tahoma, Arial,  sans-serif;
	color: #0033FF;
	font-weight: normal;
}







.filters {clear:both;width:100%;margin: auto auto;}

.filters .filter {float:left;
clear:both;
width:100%;
padding:20px;
margin-bottom:20px;
background:#CCCCCC;
border-radius: 5px;
border: 1 px solid #AAAAAA
}

.filters .filter a {float:left;
display:block;
padding:5px;
margin-right:20px;
font-size:11px;
text-transform:uppercase;
outline:none;
color: #000000
}

.filters .filter .active {background:#eee;
color:#111;
}

.filters .container {float:left;
clear:both;
width:100%;
position:relative;
}
.filters .container ul,
.filters .container ul li {display:block;
list-style:none;
padding:0;

}

.filters .container ul li {float:left;
margin:0 8px 8px 0;
font-size:0;
line-height:0;
border-radius: 3px;}

.filters .container a {display:block;
float:left;
width:300px;
height:300px;
}




.flex-images { overflow: hidden; }
.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative;  }
.flex-images .item img { display: block; width: auto; height: 100%; cursor: url('/site/div/Loupe2.png'), pointer; }