/* CSS Document */

/*
CSS Tools:Reset CSS
http://meyerweb.com/eric/tools/css/reset/ 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ 
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	outline:none;
}
ol, ul{list-style:none}

/*
A new micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.cf:before, .cf:after{content:""; display:table}
.cf:after{clear:both}
.cf{*zoom:1}

body{
	padding:30px 0;
	font-family: 'Armata', sans-serif;
	line-height:1;
	background:#ce8d7f url(../images/charte/body_bg.jpg) no-repeat center top fixed; 
}

/*************************************************************************/
/*---------------------------STYLE ACCUEIL ------------------------------*/
/*************************************************************************/

#accueil_conteneur{
	width:1020px;
	min-height:900px;
	margin:0 auto;
	background:url(../images/charte/accueil_bg.jpg) no-repeat center top;
}
#accueil_conteneur .logoAccueil{
	position:absolute;
	z-index:100;
	width:100%;
	top:680px;
	left:0;
	text-align:center;
}
.logoAccueil a{
	display:inline-block;
}

#img_accueil{
	position:relative;
	height:1000px;
}

#img_accueil .menu1{
	position:absolute;
	top:400px;
	left:0;
}
#img_accueil .menu2{
	position:absolute;
	top:400px;
	right:0;
	text-align:right;
}
#img_accueil .menu1 li,
#img_accueil .menu2 li{
	padding:10px;
}
#img_accueil .menu1 a,
#img_accueil .menu2 a{
	display:block;
	width:150px;
	padding:10px 20px;
	font-size:1.2em;
	background-image:url(../images/charte/blanc_bg.png);
}
#img_accueil .menu1 a:hover,
#img_accueil .menu2 a:hover{
	background-color:#FFF;
}

#accueil_conteneur p{
	margin:10px 0;
	line-height:1.5em;
}
#accueil_coords{
	text-align:center;
}
#accueil_desc{
	text-align:center;
}
#accueil_domaine{
	float:left;
	text-align:left;
}
#accueil_distrib{
	float:right;
	text-align:center;
}	
#accueil_copyright{
	width:120px;
	float:left;
	margin:10px 0 0 215px;
	text-align:center;
	text-transform:uppercase;
}

#imgAccueilClic{
	position : relative;
}
/******************* TOOLTIPS ************************/
.tipsy{
	padding:20px;
	text-shadow:0 1px 0 rgba(255,255,255,1);
	line-height:1.4em;
}
.tipsy-inner{
	padding:20px;
	max-width:250px;
	background-image:url(../images/charte/blanc_bg.png);
}
.tipsy-inner{
}

/*************************************************************************/ 
/*--------------------------- STYLE CHARTE -------------------------------*/ 
/*************************************************************************/

#conteneur{
	width:1020px;
	margin:0 auto;
	background:url(../images/charte/header.jpg) no-repeat center top #f4e3df;
}

#haut{
	position:relative;
	height:347px;
}
#haut .nav2{
	position:absolute;
	bottom:-48px;
	right:4px;
	top : 289px;
}
#haut .nav2 li{
	display:inline;
}
#haut .nav2 a{
	display:inline-block;
	height:44px;
	line-height:44px;
	padding:0 20px;
	font-size:.8em;
	background-image:url(../images/charte/blanc_bg.png);
}
#haut .nav2 a:hover{
	background-color:#FFF;
}

/*
Drop Down ULs CSS
*/
.sousrub, .sousrub ul{ /*topmost and sub ULs, respectively*/
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	z-index:100;
}
.sousrub li a{
	display:block;
	width:160px;
	padding:10px;
	margin-bottom:1px;
	font-size:.8em;
	color:#FFF;
	background-image:url(../images/charte/rouge_bg.png);
}
* html .sousrub li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 170px; /*width of menu (include side paddings of LI A*/
}
.sousrub li a:hover{
	background-color:#89000a;
}
/*
Neutral CSS
*/
.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}
/*
*/

#sticky_navigation_wrapper{
	position:relative;
	height:117px;
	z-index:100;
}
#sticky_navigation{
	position:relative;
	width:100%;
	height:117px;
	line-height:117px;
}
#sticky_navigation .wrapMenu{
	position:relative;
	width:1020px;
	margin:0 auto;
}
#sticky_navigation .logo{
	position:absolute;
	top:30px;
	left:30px;
}
#sticky_navigation ul{
	width:1020px;
	margin:0 auto;
	text-align:right;
	background-image:url(../images/charte/blanc_bg.png);
	box-shadow:0 5px 3px -2px rgba(0,0,0,.1);
}
#sticky_navigation ul li{
	display:inline;
	padding:0 10px;
}
#sticky_navigation ul li:last-child{
	padding-right:40px;
}
#sticky_navigation ul li a{
	color:#000;
	text-shadow:0 1px 1px rgba(255,255,255,.5);
}
#sticky_navigation ul li a:hover{
	color:#dd0010;
}
.staccato{
	font-style:italic;
	color:#000;
}
.staccato em{
	color:#F00;
}

#texte{
	width : 982px;
	margin : 0px auto;
	padding:20px;
	min-height:300px;
	background:rgba(255, 255, 255, 0.6);
}

#bas{
	padding:20px;
}
#bas #menuBas{
	text-align:right;
}
#bas #menuBas li{
	display:inline;
	padding-left:20px;
}
#bas #menuBas li a{
	font-size:0.8em;
	color:#F00;
}
#bas #menuBas li a:hover{
	color:#000;
}

/*************************************************************************/
/*---------------------------STYLE TEXTE -------------------------------*/
/*************************************************************************/

#texte p{
	font-size:.9em;
	margin:10px 0;
	line-height:1.5em;
}
#texte .petit_texte{
	font-size:0.7em;
	color:#333;
}
h1{
	display:inline-block;
	margin:-20px;
	margin-bottom:20px;
	height:60px;
	line-height:60px;
	padding:0 20px 0px 20px;
	font-size:1.3em;
	color:#dc0010;
	margin-bottom:20px;
	font-weight:normal;
	text-shadow:0 1px 1px rgba(255,255,255,.5);
	background-color : white;
	background:rgba(255,255,255,0.7);
	position : relative;
	top : -70px;

}
h1:after{
	content:'';
	clear:both;
}
h2{
	margin:10px 0;
	font-size:1.2em;
	font-weight:normal;
	color:#dc0010;
}
h3{
	margin:10px 0;
	font-size:1.2em;
	font-weight:normal;
	color:#dc0010;
}
a:link, a:visited{
	color:#dd0010;
	text-decoration:none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:hover, a:active{
	color:#000;
}
.avertissement{
	color:#CC0000;
}

/*************************************************************************/
/*------------------------FORMULAIRE CONTACT ----------------------------*/
/*************************************************************************/

#formContact{
	width:55%;
	text-align:left;
	margin:30px 10px 0 0;
	float:left
}
.field{
	margin:0 0 10px 0;
	font-size:.9em
}
.field label{
	width:130px;
	font-size:.9em;
	display:block;
	float:left
}
.message{
	margin-bottom:5px
}
#formContact textarea{
	width:330px
}
#formContact input{
	width:200px
}
#formContact input,
#formContact textarea{
	border:none;
    padding:5px;
}
#formContact input:focus,
#formContact textarea:focus{
	box-shadow:0 0 1px rgba(255,255,255,1);
}
#formContact input.BTcontact{
	width:120px;
	display:inline-block;
	padding:5px;
	text-align:center;
	color:#FFF;
	border:solid 1px #a0000c;
	border-radius:.2em;
	box-shadow:0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.4);
	background-color:#a0000c;
	background: -webkit-gradient(linear, left top, left bottom, from(#dd0010), to(#a0000c));
	background: -moz-linear-gradient(top,  #dd0010,  #a0000c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0010', endColorstr='#a0000c');
}
#formContact input.BTcontact:hover{
	background-color:#1754a1;
	background: -webkit-gradient(linear, left top, left bottom, from(#dd0010), to(#dd0010));
	background: -moz-linear-gradient(top,  #dd0010,  #dd0010);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0010', endColorstr='#dd0010');
}
.adresse{
	width:40%;
	float:left;
	margin:30px 0 0 0;
}
.coordonnees{
	padding-bottom:20px;
	margin-bottom:10px;
	border-bottom:1px dotted #fff
}
.asterix{
	color:#b8d0eb
}
.obligatoire{
	padding-right:60px
}
.alert_contact{
	margin:20px 0 0 30px
}

/*************************************************************************/
/*------------------------ STYLE PLAN SITE ------------------------------*/
/*************************************************************************/

#pagesstandards,
#pagesspeciales{
	float:left; width:49%;
}
#pagesstandards ul li,
#pagesspeciales ul li,
#list-base li{
	font-size:.9em;
	line-height:1.5em;
}

#list-base li ul li,
#list-base ul li ul li ul li,
#list-base ul li ul li ul li ul li{
	margin-left:20px;
	list-style:circle;
}

/*************************************************************************/
/*------------------------------PAGINATION-------------------------------*/
/*************************************************************************/

.pagination{
	text-align:right;
	padding:20px;
	font-size:.8em;
}
#pagination .page_active{
	color:#F00;
}


/*************************************************************************/
/*--------------------------------PERSO---------------------------------*/
/*************************************************************************/

.clearer{
	clear:both;
	height:0px;
}
.separate{
	clear:both;
	margin:20px 0;
	height:0;
	border-bottom:solid 1px #CCC;
}
.blocFix{overflow:hidden}

.left{float:left}
.right{float:right}
.margeR{margin-right:20px}
.margeL{margin-left:20px}
.margeB{margin-bottom:20px}
.center{text-align:center}

.centerBtn{
	text-align :center;
	background-color : white;
	background : rgba(255, 255, 255, 0.6);
	width : 200px;
	position : relative;
	top : -769px;
	left : 410px;
}

.centerBtn a{
	line-height :30px;
}

.pict{
	box-shadow:0 10px 10px -10px rgba(0,0,0,1);
}

a.bouton{
	display:inline-block;
	padding:5px 10px;
	color:#FFF;
	border:solid 1px #98000b;
	border-radius:.2em;
	box-shadow:0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.4);
	background-color:#98000b;
	background: -webkit-gradient(linear, left top, left bottom, from(#98000b), to(#e10011));
	background: -moz-linear-gradient(top,  #98000b,  #e10011);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#98000b', endColorstr='#e10011');
}
a.bouton:hover{
	background-color:#e10011;
	background: -webkit-gradient(linear, left top, left bottom, from(#e10011), to(#e10011));
	background: -moz-linear-gradient(top,  #e10011,  #e10011);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e10011', endColorstr='#e10011');
}

.article{
	font-size:.8em;
	color:#333;
	line-height:1.5em;
}

.sousCat1 li{
	display:inline;
	margin-right:6px;
}
.sousCat1 a{
	display:inline-block;
	font-size:.8em;
	padding:14px 20px;
	margin-bottom:10px;
	background-color:#FFF;
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 2px rgba(0,0,0,.1);
	box-shadow:0 0 2px rgba(0,0,0,.1);
}
.sousCat1 a:hover{
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}

.descriptionCat{
	padding:20px;
	background-image:url(../images/charte/blanc_bg.png);
	margin-bottom:20px;
	border-bottom:solid 1px #CCC;
}
.descriptionCat2{
	padding-bottom:20px;
}

.descriptionCat3{
	padding:20px;
	background-color:#FFF;
}
.descriptionCat3 .lienSite{
	padding:3px 10px;
	background-color:#f3ebe9;
}
.descriptionCat3 .carateristiques{
	padding:0 10px;
	font-size:.8em;
	color:#666;
	line-height:1.5em;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #CCC;
}
.carateristiques strong{
	display:block;
	color:#000;
}
#texte .titreArticle{
	font-size:1.1em;
}

.sousCat2{
	float:right;
	width:250px;
	padding-left:10px;
}
.sousCat2 li{
	padding:10px 20px;
	margin-bottom:10px;
	background-color:#faf6f5;
}
.sousCat2{
	font-size:.9em;
}
.sousCat2 h3{
	font-size:1em;
}
.sousCat2 .description{
	font-size:.8em;
	line-height:1.4em;
	color:#666;
}
.sousCat2 .bouton{
	padding:2px 5px 0;
	font-size:.8em;
}
/**************************** BX SLIDER **************************************/


.sliderConteneur { position: relative; text-align:center; width:620px; top : 0px; margin : 0px auto; }
.sliderConteneur2 { position: relative; text-align:center; width:620px; margin:0 auto;top : 60px; }
ul#slider {}
ul#slider li { list-style:none; display:block; }

/* boutons suivant précedent */
.prev a.bx-prev {
	width: 30px;
	height: 30px;
	background:url(../images/slider/precedent.png) 0 0 no-repeat;
	text-indent: -999999px;
	display:block;
	position:absolute;
	left:-25px;
	top:42%
}
.next a.bx-next {
	width: 30px;
	height: 30px;
	background:url(../images/slider/suivant.png) 0 0 no-repeat;
	text-indent: -999999px;
	display:block;
	position:absolute;
	right:-25px;
	top:42%
}
.prev a.bx-prev:hover, .next a.bx-next:hover { background-position:0 -30px; }

/* numéros */
#pager { padding:10px 0 15px 0 }
#pager a { padding:3px 7px; margin-right:5px ;border-radius : 50px;}
#pager a:link, #pager a:visited { text-decoration:none; background:#40403f; color:#fff }
#pager a:hover, #pager a.active { text-decoration:none; background:#E4424E; color:#fff }
#pager a span { visibility:visible }


/**************************** POP UP **************************************/

.popUp{
	background-color :#fff;
	background : rgba(255, 255, 255, 0.8);
	width : 580px;
	/*height : 85px;*/
	height : auto;
	min-height : 80px;
	margin : 10px auto 15px auto;
	padding : 20px;
	text-align : left;
}

.popUp h3{
	color : #E4424E;
	display : inline-block;
	font-size : 0.9em;
	width : 320px;
	margin : 0px auto 10px 0px;
}

.contImgPopUp{
	width : 130px;
	height : 100%;
	margin-right : 10px;
	border-right : 1px solid white;
	padding-right : 10px;
	float:left;
	display : inline-block;
}

.descriptionPopUp{
	width : 420px;
	height : auto;
	display : inline-block;
	padding : 2px;
	color : #E4424E;
	font-size : 0.7em;
}

.descriptionPopUp p{
	text-align : left;
	font-size : 0.7em;
}


.likeFacebook{
	color : blue;
	display:inline-block;
	font-size : 0.7em;
}