/* CSS Document */
* {
	margin:0px;
	padding:0px;
}
body {
background-color: #ffffff;
scrollbar-base-color:#ffffff;
scrollbar-arrow-color: #DC000A;
}
td,body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px; 
	color:#222222;}


/*Dobeuliou ckeditor*/
.txtPlusPetit{
	font-size:0.8em;
}
.txtPlusGrand{
	font-size:1.2em;
}
.txtCouleur1{
	color:#ff0000;
}
.txtCouleur2{
	color:#00ff00;
}
.txtCouleur3{
	color:#0000ff;
}
.txtCouleur4{
	color:#ffff00;
}
.txtCouleur5{
	color:#ff00ff;
}
/*videos */
.video-wrapper {
	width: 768px;
	max-width: 100%;
	background-color:#000;
	margin-bottom:15px;
}
.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%;
}

/* MENUS */
.menuFooter { font-size: 10px;font-weight: normal; color: #555555; ; text-decoration: none}
.menuFooter:hover {font-size: 10px;font-weight: normal; color: #DC000A; text-decoration: none}
.menuFooterSelect {font-size: 10px;font-weight: normal; color: #DC000A; ; text-decoration: none}
.txtFooter { font-size: 10px;font-weight: normal; color: #555555; ; text-decoration: none}

.lienFooter { font-size: 10px;font-weight: normal; color: #999999; ; text-decoration: none}
.lienFooter:hover {font-size: 10px;font-weight: normal; color: #DC000A; text-decoration: none}

.menuLocal { font-size: 10px;font-weight: normal; color: #555555; ; text-decoration: none}
.menuLocal:hover {font-size: 10px;font-weight: normal; color: #DC000A; text-decoration: none}

/*LIENS*/
a { color: #222222; ; text-decoration: none}
a:hover {color: #DC000A; text-decoration: none}

a.menuSelect{
	color: #DC000A;
}

/*MISE EN VALEUR DE TEXTE*/
h1{font-size: 30px; font-weight:normal; color:#000000;}
h2{font-size: 12px; font-weight:normal; letter-spacing:1px; color:#000000;}
.txtSousTitre{font-size: 13px; font-weight:normal; color:#000000; letter-spacing:1px;}
.txtPetit{font-size: 10px; font-weight:normal; color:#000000; letter-spacing:0px;}
.titrePage{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal;  letter-spacing:1px;}
.img {border:1px; border-thickness: 1px; border-color: #000000; border-style: solid;}
.prixPromo{
color:#ACED3D;
font-size:16px;
font-weight:bold;
}

/* ARTICLES PAGES */

	/* Animation de l'arrivée des articles 
	à associer avec du jquery !!!
	
	.divArticleContenu{
		padding-bottom:20px;
		margin-top:100px;
		margin-bottom:20px;
		transition:all 1s;
		opacity:0.0;
	}
	.divArticleContenu.comeIn{
		margin-top:0px;
		opacity:1.0;
	}
	*/

.divArticleContenu h2{
	margin-top:0px;
	padding-top:0px;
}

.divTexteArticle{
	display:block;
	float:none;
	width:100%;
	margin:auto;
	max-width:640px;
}

.divPhotoSeule{
	display:block;
	margin:auto;
	text-align:center;
}

.divPhotoArticleLeft,
.divPhotoArticleLeftBig{
	display:block;
	float:left;
	text-align:right;
	margin-right:2%;
	margin-top:15px;
}

.divTexteArticleLeft,
.divTexteArticleLeftBig{
	display:block;
	float:left;
	padding-top:15px;
}
.divPhotoArticleRight,
.divPhotoArticleRightBig{
	display:block;
	float:right;
	text-align:left;
	margin-left:2%;
}
.divTexteArticleRight,
.divTexteArticleRightBig{
	display:block;
	float:right;
}

.divPhotoArticleLeft,
.divPhotoArticleRight
{
		width:70%;
}
.divTexteArticleLeft,
.divTexteArticleRight
{
		width:25%;
}
.divPhotoArticleLeftBig,
.divPhotoArticleRightBig{
		width:75%;
}
.divTexteArticleLeftBig,
.divTexteArticleRightBig{
		width:20%;
}

.divPhotoArticleLeft  img, 
.divPhotoArticleRight  img,
.divPhotoArticleLeftBig img, 
.divPhotoArticleRightBig img,
.divPhotoSeule img{
	max-width:100%;
	height:auto;
	margin-bottom:10px;
	border-radius:0px;
}

.divLegendePhotoArticle{
	font-size:0.6em;
	font-style:italic;
	text-align:right;
	padding-right:5px;
	margin-top:-28px;
	color:rgba(255,255,255,0.7);
	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
}
.divPhotoSeule .divLegendePhotoArticle{
	text-align:center;
	font-size:0.8em;
	margin-top:-10px;
}
	.divCorpsArticle{
		padding-left:0px;
	}
	
	.divCorpsArticle a,
	a.lienCorpsArticle,
	a.lienCorpsArticleBack{
		display:inline-block;
		border-bottom:2px #0084b5 dotted;
		padding:1px 5px;
		transition:all 0.5s;
	}
	.divCorpsArticle a::before,
	a.lienCorpsArticle::before{
		content:"› ";
	}
	a.lienCorpsArticleBack::before{
		content:"‹ ";
	}
	.divCorpsArticle a:hover,
	a.lienCorpsArticle:hover,
	a.lienCorpsArticleBack:hover{
		color:#fff;
		border-radius:4px;
		background-color:#0084b5;
		border-bottom-style:solid;
	}
	.divCorpsArticle p{
		padding-top:5px;
		padding-bottom:5px;
		margin-top:10px;
	}
	.divCorpsArticle p:first-child{
		padding-top:0px;
		margin-top:0px;
	}
	.divCorpsArticle ul{
		margin:5px;
	}
	.divCorpsArticle li{
		margin-left: 20px;
	}
	.divCorpsArticle img{
		max-width:100%;
	}
	.divCorpsArticle blockquote{
			margin-left:20px;
			border-left:5px #ccc solid;
			padding-left:15px;
			
	}
	.divListePdfsArticle{
		padding:15px;
	}
	.divListePdfsArticle > a{
		display:block;
	}
	.divListePdfsArticle > a > img{
		max-width:60px;
		max-height:80px;
		box-shadow:1px 1px 3px rgba(0,0,0,0.3);
		margin-right:5px;
		border-radius:0px;
	}
	.divLirelasuiteArticle{
		text-align:right;
		margin:10px 0px;
	}
	.divLirelasuiteArticle > a{
		color:#cb1700;
		background-color:#ffbb9e;
		box-shadow:2px 2px 4px rgba(0,0,0,0.2);
		font-size:1.2em;
	}
	.divLienRetourFamille{
		margin:15px;
		text-align:center ;
	}
	.divLienRetourFamille > a::before{
		content:"‹ " !important;
	}


/* BTN PRECEDENT LISTE SUIVANT */
#divBoutonPrecedent a,
#divBoutonListe a,
#divBoutonSuivant a,
#divBoutonSelectionner a,
#divBoutonSelectionner .divProduitSelect{
	display:block;
	float:left;
	margin-top:0px;
	margin-right:5px;
	border-radius:7px;
	width:30px;
	height:30px;
	padding:5px;
	position:relative;
	text-decoration:none;
	font-size:28px;
	line-height:1.0em;
	text-align:center;
	cursor:pointer;
	z-index:10;
	background-color:rgba(0,0,0,0.2);
	color:rgba(255,255,255,0.6);
}
#divBoutonSelectionner .divProduitSelect{
	cursor:default;
}
#divBoutonSelectionner a,
#divBoutonSelectionner .divProduitSelect{
	width:auto;
	text-transform:uppercase;
	font-family:'BenchNine', sans-serif;
}
#divBoutonPrecedent a:hover,
#divBoutonListe a:hover,
#divBoutonSuivant a:hover,
#divBoutonSelectionner a:hover,
#divBoutonSelectionner .divProduitSelect{
	background-color:rgba(0,0,0,1.0);
	border-color:#fff;
	color:#fff;
	text-decoration:none;
}
#divBoutonPrecedent a img,
#divBoutonListe a img,
#divBoutonSuivant a img,
#divBoutonSelectionner a img,
#divBoutonSelectionner .divProduitSelect img{
	height:100%;
	width:auto;
	opacity:0.6;
}
#divBoutonPrecedent a:hover img,
#divBoutonListe a:hover img,
#divBoutonSuivant a:hover img,
#divBoutonSelectionner a:hover img,
#divBoutonSelectionner .divProduitSelect img{
	opacity:1.0;
}

/*FORMULAIRES*/
input{background-color:#ffffff; BORDER: #000000 1px solid; FONT-SIZE: 10px;  COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

/*DIV*/
.divClear{
	clear: both;
}

.divTitreContenu{
width: 720px;
height: 50px;
padding-top: 20px;
padding-right: 10px;
font-size: 20px; 
font-weight:normal; 
color:#ffffff;
border:none;
text-align:right;
}


.divPictoDocument{
float:left;
display:block;
padding: 0px;
padding-right:5px;
}
.divNomDocument{
float:none;
height:30px;
display:block;
border:none;
vertical-align:middle;
}

.divPictoPresse{
float:left;
display:block;
padding: 0px;
padding-right:5px;
}
.divTitrePresse{
float:none;
height:30px;
display:block;
border:none;
vertical-align:middle;
font-style:bold;
}
.divCitationPresse{
clear: both;
float:none;
border:none;
text-align:justify;
font-weight:normal;
font-size:12px;
}
.divLienPresse{
clear: both;
float:none;
border:none;
text-align:right;
font-weight:bold;
font-style:italic;
}

.divTitreBlog{
font-size:14px;
font-weight:bold;
display:block;
padding-bottom:10px;
}
.divTexteBlog{
clear: both;
float:none;
border:none;
text-align:justify;
font-weight:normal;
}

.titreAgenda{
font-size:16px;
font-weight:bold;
color:#DC000A;
}

.divTrait{
height:5px; 
width:100%;
display:block;
background-image: url(../images/trait.gif); background-repeat:repeat-x; 
padding:0px;}

.divSouligne{
height:16px; 
width:100%;
display:block;
background-image: url(../images/souligne.gif); background-repeat:repeat-x; 
padding:0px;}

.divInfosPratiques{
width:100%;
display:block;
border-style:dotted;
border-color:#CC0000;
border-width:1px; 
padding:10px;}


/* ARTICLES */
.divArticleColG{
	display:block;
	float:left;
	width:65%;
	margin-right:2%;
}
.divArticleColG img{
	width:100%;
}
.divArticleColD{
	display:block;
	float:left;
	width:33%;
	margin-right:0px;
	texte align:left;
}
.divColMoitie{
	display:block;
	float:left;
	width:50%;
	margin-bottom:15px;
	min-height:300px;
}

/* PHOTO GRID */
.photo-grid-item{
	position:relative;
}
.divLegendePhotoGrid{
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.8);
	width:90%;
	height:40px;
	padding-top:10px;
	padding-bottom:0%;
	padding-right:5%;
	padding-left:5%;
	text-align:center;
	color:#fff;
	z-index:100;
	opacity:0.0;
	transition:all 0.5s;
}
.photo-grid-item:hover .divLegendePhotoGrid{
	opacity:1.0;
	top:20px;
}

/*TABLEAUX*/
.tabContenu {background-color: #ffffff;}

.tabContenuTetra {background-color: #ffffff; 
background-position: left top; background-image: url(../images/vide.gif); background-repeat: no-repeat;
}
.tabInscriptionNews{border-color: #000000; border-width:1px; border-style:solid; padding:2px;}
.tabPointilleV{background-image: url(../images/pointilleV.gif); background-repeat:repeat-y;}
.tabSouligne{background-image: url(../images/souligne.gif); background-repeat:repeat-x;}
.tabTrait{height:5px; background-image: url(../images/trait.gif); background-repeat:repeat-x; padding:0px;}
.tabTitre1{
background-position: left top; background-image: url(../images/ss_titre.jpg); background-repeat: no-repeat;
font-weight: bold;}

/*RESPONSIVE */
header,
.divConteneurGlobal{
	display:block;
	margin:auto;
	width:960px;
	max-width:98%;
}
header img{
	max-width:100%;
	height:auto;
}
.divMenuG{
	display:block;
	float:left;
	width:19%;
	margin-right:1%;
}
.divContenu{
	display:block;
	float:left;
	width:80%;
}
.divTitrePage{
	text-align:right;
}
.divTitrePage h1{
	padding:0px;
	margin-top:5px;
	margin-bottom:15px;
	font-size:20px;
}
.divFooter{
	display:block;
	margin-top:15px;
	text-align:right;
}
@media screen and (max-width:1000px){
	.divMenuG{
		width:24%;
	}
	.divContenu{
		display:block;
		float:left;
		width:75%;
	}
}
@media screen and (max-width:640px){
	.divContenu,
	.divMenuG,
	.divArticleColG, .divArticleColD,
	.divColMoitie{
		float:none;
		width:100%;
	}
	.divColMoitie{
		min-height:auto;
	}
}