@font-face {
    font-family: 'Century Gothic';
    src: url('/fonts/century_gothic.eot');
    src: url('/fonts/century_gothic.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/century_gothic.svg#Century Gothic') format('svg'),
		 url('/fonts/century_gothic.woff') format('woff'),
         url('/fonts/century_gothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Century Gothic Bold';
	src: url('/fonts/century_gothic_bold.eot');
	src: url('/fonts/century_gothic_bold.eot?#iefix') format('embedded-opentype'), 
		 url('/fonts/century_gothic_bold.svg#Century Gothic Bold') format('svg'),
		 url('/fonts/century_gothic_bold.woff') format('woff'),
		 url('/fonts/century_gothic_bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Journal';
	src: url('/fonts/journal.eot');
	src: url('/fonts/journal.eot?#iefix') format('embedded-opentype'), 
		 url('/fonts/journal.svg#Century Gothic Bold') format('svg'),
		 url('/fonts/journal.woff') format('woff'),
		 url('/fonts/journal.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@viewport {
   width: device-width;
   zoom: 1;
}

body {
	margin: 0;
	padding:120px 0 0 0;
	font-family: 'Century Gothic', Trebuchet MS, Arial, sans-serif;
	font-size:15px;
	text-align: center;
	background-color:#000;
	color:#000;
	-webkit-font-smoothing: antialiased;
}

body::-webkit-scrollbar {
width: 12px;
background-color: #edeae4
}
body::-webkit-scrollbar-thumb {
background-color: #b5b2a8;
border-radius: 8px;
}


a{text-decoration:none; color:#000}
b, strong {font-family: 'Century Gothic Bold';font-weight:normal}

header, footer, section, aside, nav, article, main, div {display:block;box-sizing:border-box;margin:0;padding:0}

h1,h2,h3,h4 {padding:0;margin:0;font-weight:normal}
em {fnt-style:normal}
img {border:none}

ul, li {list-style:none;margin:0;padding:0}






/*---------------HEADER-------------------*/

#page_header {
background-color:#edeae4;
width:100%;
height:134px;
margin:0;
padding:0;
position:fixed;
z-index:999;
top:0;
-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
}

#page_header .central{
width:900px;
height:100px;
text-align:center;
margin:0 auto;
position:relative
}

#page_header #logo{
display:inline-block;
width:276px;
height:78px;
padding:0;
margin:10px 0 0 0;
background-image:url(/images/logo.svg);
background-repeat:no-repeat;
background-position:center center;
background-size: contain;
}

#page_header #langues{
display:inline-block;
position:absolute;
right:20px;
top:18px;
text-align:right;
margin:0;
padding-right:42px
}

#page_header #langues:before{
content:'';
display:block;
position:absolute;
top:6px;
right:0;
width:32px;
height:32px;
opacity:0.3;
background-image: url(/images/picto-langues.svg);
background-size:32px;
background-repeat:no-repeat;
background-position:right center
}

#page_header #langues a {
    display: block;
	line-height:22px;
	font-size:13px;
    margin: 0;
    padding: 0;
	opacity:0.6;
	transition:0.3s
}

#page_header #langues a:hover {opacity:1}





/*---------------MENU-------------------*/

#page_header .menu{
display:block;
width:960px;
height:34px;
margin:0 auto;
text-align:center
}

#page_header .menu #menu_mobile{
display:none;
width:50px;
height:40px;
position:absolute;
top:5px;
left:5px;
background:url(/images/menu-mobile.png) center center no-repeat;
filter: invert(1);
opacity: 0.3;
transition:0.3s
}
#page_header .menu #menu_mobile:hover{
opacity:1;
}


#page_header .menu > ul{
display:inline-block;
text-align:center
}

#page_header .menu > ul > li {
display:inline-block;
float:left;
height:34px;
padding:0;
text-align:left;
position:relative
}

#page_header .menu > ul .nodesk{display:none}


#page_header .menu > ul > li  > a {
display:block;
margin:0;
padding:0 20px;
min-width: 120px;
line-height:34px;
font-size:15px;
letter-spacing:1px;
text-align:center;
color:#000;
text-transform:uppercase;
}



#page_header .menu > ul:not(.active) #home{
width:22px;
background:url(/images/picto-accueil.png) no-repeat center center;
opacity:0.35;
filter:invert(100%);
transition:0.3s
}
#page_header .menu > ul:not(.active) #contact{
width:22px;
background:url(/images/picto-email.png) no-repeat center center;
opacity:0.35;
filter:invert(100%);
transition:0.3s
}

#page_header .menu > ul:not(.active) #home:hover,#page_header .menu > ul:not(.active) #contact:hover{
opacity:1
}

#page_header .menu > ul:not(.active) #home span, #page_header .menu > ul:not(.active) #contact span{
display:none
}


#page_header .menu > ul > li > a:not(.on):hover {
color:#000;
background:#fff;
}

#page_header .menu > ul > li > a.on{
clor:#fff;
bckground:#000;
font-family: 'Century Gothic Bold';
}


#page_header .menu > ul > li > ul {
display:none;
text-align:left;
padding:0;
margin:0;
border:1px solid #fff;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
position:absolute
}

#page_header .menu > ul:not(.active) > li:hover > ul   {
display:block
}


#page_header .menu > ul > li > ul  > li{
text-align:left;
min-width:200px
}

#page_header .menu > ul > li > ul  > li > a{
display:block;
background:#eee;
font-size:14px;
text-transform:uppercase;
padding:8px 12px;
color:#333;
}
#page_header .menu > ul > li > ul  > li:not(:last-child) > a{
border-bottom:1px solid #fff;
}

#page_header .menu > ul > li:hover > ul  > li > a:hover:not(.on){
bckground:#ccd0db;
font-family: 'Century Gothic Bold';
color:#000
}


/*---------------CONTENU-------------------*/


#contenu {
clear:both;
display:block;
text-align:center;
background:#fff url(/images/fond-papier.jpg);
vertical-align:top;
position:relative;
}

#contenu  .central{
box-sizing:border-box;
width:900px;
padding:50px 0;
margin:0 auto
}

#contenu article {
display:block;
text-align:left;
vertical-align:top;
position:relative;
padding:0 20px;
margin:0;
line-height:20px
}

#contenu h1{
background:#e0e0e0;
background:rgba(200,200,200,0.3);
font-size:28px;
line-height:38px;
text-transform:uppercase;
text-align:center;
letter-spacing:2px;
padding:6px 20px;
margin-bottom:35px;
border-radius:8px
}


#contenu #chemin{
font-size:13px;
padding:0 20px;
margin:0 0 20px 0;
text-align:center;
text-transform:uppercase;
line-height:18px;
}

#contenu #chemin span{
display:inline-block;
background:#000;
color:#fff;
padding:3px 8px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
brder-radius:6px;
margin-right:18px;
letter-spacing:1px
}

#contenu #chemin a{
display:inline-block;
padding:8px 8px 8px 14px;
font-size:14px;
margin-right:12px;
background:url(/images/fleche-grise.png) center left no-repeat
}

#contenu #chemin a.on{
color:#000;
font-family: 'Century Gothic Bold';
background:url(/images/fleche-noire.png) center left no-repeat
}



#contenu .accueil .cycle-slideshow img {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
border: none;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
}


#contenu .accueil #extraits {
display:block;
text-align:center;
margin:25px 0 0 0;
}
#contenu .accueil #extraits a{
vertical-align:top;
display:inline-block;
width:300px;
height:260px;
background:#fff;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
margin:0;
padding:0;
border:0;
transition: 0.3s ease-in-out;
font-family: 'Century Gothic';
}

#contenu .accueil #extraits a b{
display:block;
padding:0;
font-family: 'Journal', serif;
font-size: 25px;
line-height: 38px;
color:#666
}
#contenu .accueil #extraits a img{
border:none
}
#contenu .accueil #extraits a .libelle{
display:inline-block;
padding-top:3px
}
#contenu .accueil #extraits a:hover{
color:#000;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.6);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.6);
}
#contenu .accueil #extraits a:nth-child(2){
margin:0px 30px
}




/*---------------CONTENU+EDITEUR HTML-------------------*/

#contenu .editeur{}

#contenu .editeur a{text-decoration:underline}


#contenu .editeur h1, #contenu .editeur h2, #contenu .editeur h3, #contenu .editeur h4{
display:inline;
margin:0;
padding:0;
text-transform:uppercase
}
#contenu .editeur h1{font-size:30px}
#contenu .editeur h2{font-size:24px}
#contenu .editeur h3{font-size:18px}
#contenu .editeur h4{font-size:14px}
#contenu .editeur hr{
display:block;
height:1px;
border:none;
color:#000;
background-color:#000;
width:100%;
margin:25px 0px;
opacity:0.2
}
#contenu .editeur p{
margin:0;
padding:0;
line-height:auto
}
#contenu .editeur img{
display:inline;
margin:2px;
padding:0;
max-width:100%;
height:auto
}
#contenu .editeur ul {
display:inline-block;
padding:0;
margin:0px 25px
}

#contenu .editeur ul  li {
list-style: none;
display:block;
margin:0;
padding:2px 9px 2px 22px;
background:url(/images/puce-ul.png) left 6px no-repeat
}




























#contenu .listing h2, #contenu .listing p{
text-align:center;
}
#contenu .listing p{
display:block;
margin-bottom:30px
}
#contenu .listing div{
width:280px;
display:inline-block;
text-align:center;
padding:0;
margin:0 5px 25px 5px;
vertical-align:top;
text-transform:uppercase
}
#contenu .listing div img{
display:inline-block;
width:270px;
hight:175px;
text-align:center;
margin:5px auto;
border:1px solid #bbb
}
#contenu .listing a:hover img{
border:1px solid #000
}








#contenu ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0
}
#contenu ol li {
    display: block;
	padding:10px 0 10px 60px
}
#contenu ol li:before {
    content: counter(item);
    counter-increment: item;
	display:block;
	position:absolute;
	margin-left:-60px;
    width: 35px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:28px;
	font-family: 'Century Gothic Bold';
	color:#fff;
	background:url(/images/puce-ronde-verte-maxi.png) no-repeat;
}

#contenu ol  li b{display:block;font-size:16px}



/*---------------CONTENU-------------------*/

#contenu #faq_intro{
margin:0;
padding:0 15px 10px 15px;
text-align:center
}

#contenu #faq{padding:0 0 25px 0}

#contenu #faq h3{
display:block;
border:1px solid #ccc;
cursor:pointer;
padding:8px 15px 8px 55px;
font-size:15px;
font-family: 'Century Gothic Bold';
color:#666;
margin:0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin:25px 25px 0 25px
}
#contenu #faq h3 em{
width:40px;
bckground:#000;
position:absolute;
font-size:18px;
font-style:normal;
color:#000;
margin-left:-58px;
text-align:right
}

#contenu #faq h3:hover:not(.on){
color:#000;
background:#eee;
background:rgba(200,200,200,0.2);
}
#contenu #faq .on{
border:1px solid #000;
background:#000;
color:#fff;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3 ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
font-family: 'Century Gothic';
}
#contenu #faq .on  em{
font-family: 'Century Gothic Bold';
color:#fff
}

#contenu #faq div{
display:none
}
#contenu #faq div p{
color:#333;
font-size:14px;
line-height:22px;
padding:15px 20px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin:0 25px 10px 25px
}



/*---------------ACTUALITÉS-------------------*/


#contenu #actus{
margin-top:-10px
}


#contenu #actus #resultats{
text-transform:uppercase;
text-align:center;
font-size:18px;
margin:0px 0px 15px 0px;
padding:10px 0px;
border:1px dashed #ccc;
color:#999;
}
#contenu #actus #resultats b{
color:#000
}
#contenu #actus #resultats em{
display:inline-block;
font-size:24px;
font-style:normal;
color:#666;
padding-top:10px
}




#actus_recherche{
display:block;
margin:-10px 0px 25px 0px;
padding:0;
}

#actus_recherche #sous_menu ul{
padding:0;
margin:0 0 18px 15px
}

#actus_recherche #sous_menu ul li {
margin: 3px 0;
padding: 0px 9px 0px 18px;
background: url(/images/puce-sous-menu.gif) left center no-repeat;
text-transform:uppercase
}
#actus_recherche #sous_menu ul li a:hover:not(.actif){
color:#000;
}
#actus_recherche #sous_menu ul li a.actif{
color:#000;
font-family: 'Century Gothic Bold';
}


#actus_recherche #key{
display:block;
margin:18px 10px 10px 0;
padding:0;
width:300px;
float:right;
text-align:right
}

#actus_recherche #key input[type=text]{
background:#fff;
width:160px;
border:1px solid #555;
line-height:19px;
padding:2px 8px;
font-size:13px;
font-family: 'Century Gothic';
}
#actus_recherche #key input[type=submit]{
background: #999;
color: #fff;
width: 100px;
border: 1px solid #555;
line-height:19px;
padding:2px 8px;
font-size:13px;
margin-left:4px;
font-family: 'Century Gothic';
}


#calendrier{
clear:both;
display:block;
background:#aaa;
text-align:center;
padding-left:80px;
position:relative
}
#calendrier em{
position:absolute;
display:block;
width:40px;
text-align:center;
left:22px;
line-height:25px;
margin:0;
padding:0;
font-size:13px;
color:#fff;
font-style:normal
}
#calendrier #next, #calendrier #prev{
display:inline-block;
width:22px;
height:25px;
position:absolute;
margin:0;
padding:0;
border:none;
overflow:hidden;
}
#calendrier #prev{
left:0px;
background:url(/images/puce-prev.png) center center no-repeat;
}
#calendrier #next{
left:62px;
background:url(/images/puce-next.png) center center no-repeat
}
#calendrier #prev:hover, #calendrier #next:hover{
bckground-color:#fff
}
#calendrier a{
color:#fff;
display:inline-block;
text-transform:uppercase;
padding:0px 10px;
font-size:13px;
border-left:1px solid #666;
line-height:25px;
text-align:center
}
#calendrier a:last-child{
border-right:1px solid #666;
}
#calendrier a:hover:not(.on){
background-color:#fff;
color:#000
}
#calendrier .on{
background:#000;
color:#fff
}


#contenu #actus_liste a, #contenu #actus_abrege{
display:block;
box-sizing:border-box;
margin:0;
clear:both;
padding:18px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3 ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
vertical-align:top
}
#contenu #actus_liste a{border-bottom:1px solid #ddd}

#contenu #actus_liste a:hover, #contenu #actus_abrege{
background:#fff;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
}


#contenu #actus_liste img, #contenu #actus_abrege img{
display:inline-block;
wdth:265px;
width:30%;
height:auto;
brder:1px solid #ccc
}
#contenu #actus_liste a div, #contenu #actus_abrege div{
display:inline-block;
width:69%;
vertical-align:top;
padding:0 3%;
margin:0
}


#contenu #actus_liste h2, #contenu #actus_abrege h2{
display:inline;
position:relative;
font-size:24px;
color:#444;
text-transform:uppercase;
padding:0;
margin:0;
line-height:26px
}
#contenu #actus_liste em, #contenu #actus_abrege em{
display:block;
font-style:normal;
margin:12px 0px 8px 0px;
color:#aaa;
}
#contenu #actus_liste em b, #contenu #actus_abrege em b{
text-transform:uppercase
}






.suiv_prec{
display:block;
height:24px;
text-lign:right;
text-transform:uppercase;
margin:20px 0 15px 0
}
.suiv_prec a{
color:#666;
display:inline-block;
padding:4px 10px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3 ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.suiv_prec a:before{content:'article '}
.suiv_prec a:hover{
color:#000;
background-color:#fff;
}
.suiv_prec .prec{
float:left;
padding-left:28px;
background:url(/images/puce-prev.png) 6% center no-repeat;
}
.suiv_prec .suiv{
float:right;
padding-right:28px;
background:url(/images/puce-next.png) 94% center no-repeat;
}



#contenu #actus .editeur {
clear:both;
display:block;
padding:25px 0;
margin:0;
}

#contenu #actus .editeur  iframe {
margin:0;
padding:0;
border:0
}









#contenu #presse{
bckground:#ccc;
text-align:center;
}

#contenu #presse p{
display:block;
margin-bottom:20px;
padding:0 20px 10px 20px;
font-size:16px;
text-align:center;
}
#contenu #presse a{
width:22%;
display:inline-block;
text-align:center;
padding:0 0 8px 0;
margin:0 1.5% 3% 1.5%;
vertical-align:top;
font-size:12px;
background:#fff;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3 ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#contenu #presse a:nth-child(4n+5){
mrgin-right:0
}
#contenu #presse a b{
display:block;
line-height:16px;
padding:8px 5px;
mrgin-bottom:2px;
font-size:13px;
bckground:#cc0000;

}
#contenu #presse a img{
display:block;
width:100%;
height:auto;
border:none;
opacity:0.7;
}

#contenu #presse a:hover{
opacity:1;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.6);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.6);
}
#contenu #presse a:hover img{
opacity:1
}



/*---------------LIVRE OR-------------------*/

#contenu #temoignages{
text-align:center;
vertical-align:top
}

#contenu #temoignages p{
display:block;
margin-bottom:20px;
padding:0 10px 0 10px;
font-size:15px;
text-align:center;
}

#contenu #temoignages p a{
font-family: 'Century Gothic Bold';
}
#contenu #temoignages p a:hover{
txt-decoration:underline;
color:#000;
}

#contenu #temoignages div{
display:inline-block;
text-align:center;
background:#fff;
padding:25px;
border-radius:8px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
position:relative;
vertical-align:top
}

#contenu #temoignages div.small
{
width:28%;
margin:2%;
}
#contenu #temoignages div.medium
{
width:44%;
margin:2% 3%;
}
#contenu #temoignages div.large
{
width:80%;
margin:2% 10%;
}

#contenu #temoignages div blockquote{
padding:10px;
margin:0;
font-size:17px;
line-height:26px;
text-align:left;
color:#444
}



#contenu #temoignages div blockquote em{
display:inline-block;
float:left;
padding-right:3px;
margin-top:-6px;
font-size:44px;
color:#000;
font-style:normal;
font-family: 'Century Gothic Bold';
}

#contenu #temoignages div:before{
display:inline-block;
position:absolute;
content:'«';
left:14px;
top:24px;
font-size:30px;
line-height:40px;
color:#bbb;
}
#contenu #temoignages div blockquote:after{
display:inline-block;
position:absolute;
content:'»';
padding-left:8px;
font-size:30px;
line-height:18px;
color:#bbb;
}


#contenu #temoignages div strong{
display:block;
font-size:26px;
line-height:30px;
color:#000;
font-family: 'Journal';
padding:12px 0 12px 0
}

#contenu #temoignages div b{
display:block;
color:#666;
font-size:13px
}



/*---------------PARTENAIRES-------------------*/

#contenu #partenaires{
margin:0 0 -10px 0
}

#contenu #partenaires div{
padding:15px 15px 15px 290px;
background:#fff;
min-height:180px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
margin:0 0 25px 0
}

#contenu #partenaires div img{
border:0;
position:absolute;
display:block;
width:250px;
height:150px;
margin-left:-275px
}

#contenu #partenaires div h2{
font-size:28px;
padding:2px 0 2px 0;
color:#000;
line-height:30px
}

#contenu #partenaires div blockquote{
padding:14px 0 8px 0;
margin:0
}
#contenu #partenaires div a{
font-family: 'Century Gothic Bold';
color:#555
}
#contenu #partenaires div a:hover{
text-decoration:underline
}

/*---------------TARIFS-------------------*/

#contenu #tarifs{
text-align:center;
vertical-align:top
}

#contenu #tarifs{
display:block;
margin:0;
padding:0;
font-size:15px;
text-align:center;
}

#contenu #tarifs > a{
display:inline-block;
font-family: 'Century Gothic Bold';
background:url(/images/picto-telechargement.svg) left center no-repeat;
background-size: 20px;
padding:40px 0 40px 24px;
text-decoration:none;
text-align: left;
}
#contenu #tarifs > a:hover{
color:#000;
text-decoration:underline
}

#contenu #tarifs > img{
width:100%
}


#contenu #tarifs #gauche, #contenu #tarifs #droite{
display:inline-block;
padding:0;
margin:0;
vertical-align:top;
width:45%;
margin:0 2.5%
}

#contenu #tarifs .box{
display:block;
text-align:left;
background:#fff;
padding:20px;
border:1px solid #000;
border-radius:8px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
vertical-align:top;
margin-bottom:20px;
font-size:16px;
line-height:24px
}

#contenu #tarifs .box h2{
font-size:24px;
color:#000;
margin-bottom:10px
}

#contenu #tarifs .box  span{
display:inline-block;
float:right;
color:#000;
padding-left:15px
}

#contenu #tarifs .box ul{
margin:5px 0 5px 5px
}
#contenu #tarifs .box ul li{
padding-left:20px;
background:url(/images/puce-ul.png) left 8px no-repeat
}

#contenu #tarifs .box  p{
font-size:13px;
line-height:20px;
margin:0;
padding:10px 0 0 0
}

/*---------------CONTACT / ACCES-------------------*/





#contenu #contact{
background:url(/images/fond-email.png) center 10px no-repeat;
display:inline-block;
width:46%;
margin:-15px 2% 0 2%;
padding-top:100px;
float:left
}

#contenu #contact strong{
font-size:15px;
display:block;
text-align:center;
margin:0 0 30px 0;
font-family: 'Century Gothic';
}

#contenu  #contact form{
display:block;
text-align:left;
pdding:0 15% 15px 0;
font-size:14px;
font-family: 'Century Gothic';
}
#contenu  #contact form input, #contenu  #contact form textarea{
display:block;
margin:5px 0 16px 0;
padding:5px;
border:1px solid #bbb;
font-family: 'Century Gothic Bold';
font-size:14px;
line-height:18px;
outline: none;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contenu  #contact  form .small{
display:inline-block;
width:46%
}
#contenu  #contact  form .small:first-child{
margin-right:8%
}
#contenu  #contact form textarea{
height:200px;
overflow-y:auto;
resize:none
}
#contenu  #contact form input[type=submit]{
background-color:#888;
color:#fff;
font-size:16px;
line-height:20px;
font-family: 'Century Gothic Bold';
cursor:pointer
}
#contenu  #contact form input[type=submit]:hover{
background-color:#000;
}
#contenu  #contact iframe{
display:none
}






#contenu #plan{
display:inline-block;
width:46%;
margin:-15px 2% 0 2%;
text-align:center;
padding-top:5px
}


#contenu #plan #adresse h2{
display:inline-block;
margin:0;
padding:0;
font-size:18px;
line-height:28px;
color:#333
}

#contenu #plan #adresse em{
display:block;
font-size:24px;
font-style:normal;
font-family: 'Century Gothic Bold';
margin:0;
padding:5px 0 10px 0;
color:#333
}

#contenu #plan #adresse strong{
font-size:18px;
line-height:28px;
color:#000;
font-family: 'Century Gothic';
}
#contenu #plan #adresse img{
border:0;
display:inline-block;
margin:20px 0 0 0
}

#contenu #plan iframe{
display:inline-block;
width:100%;
height:314px;
brder:1px solid #bbb;
margin:20px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#contenu article #google_maps {
box-sizing: border-box;
border: 0px solid #ccc;
border-radius: 0;
height: 360px;
margin: 30px 0;
overflow: hidden;
position: relative;
}

#contenu article #google_maps iframe {
width:100%;
height:100%;
display:block;
border:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#contenu article .lien_whatsapp {
background: url(/images/picto-whatsapp.svg) no-repeat left center;
background-size: 40px;
line-height: 40px;
padding-left: 50px;
display: inline-block;
font-family: 'Century Gothic Bold';
margin: 6px 0;
}

#contenu article .lien_tel {
background: url(/images/picto-tel.svg) no-repeat left center;
background-size: 26px;
line-height: 40px;
padding-left: 40px;
display: inline-block;
font-family: 'Century Gothic Bold';
margin: 6px 0;
}






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


#contenu .pagination{
display:block;
text-align:center;
margin:20px auto;
font-size:14px;
line-height:24px;
height:24px;
overflow-y:hidden;
padding-right:100px;
}
#contenu .pagination div{
display:inline-block;
text-align:right;
margin-left:40px
}
#contenu .pagination a, #contenu .pagination em{
font-size:13px;
padding:3px 8px;
margin:0 2px;
font-style:normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#contenu .pagination a{
color:#999;
border:1px solid #bbb
}
#contenu .pagination a:hover{
color:#272118;
border:1px solid #272118
}
#contenu .pagination em{
background:#272118;
color:#fff;
border:1px solid #272118
}


#contenu .pagination .prec, #contenu .pagination .suiv{
position:absolute;
margin:0;
padding:0;
width:20px;
height:22px;
border:1px solid #fff
}
#contenu .pagination .prec{
margin-left:-24px;
background:url(/images/puce-prev.png) center center no-repeat
}
#contenu .pagination .suiv{
margin-left:3px;
background:url(/images/puce-next.png) center center no-repeat
}



/*---------------FOOTER-------------------*/


#page_footer {
clear: both;
position:relative;
width:900px;
padding:30px 0;
margin:0 auto;
color:#fff;
line-height:22px
}

#page_footer a{color:#fff}

#page_footer #adresse {
display:inline-block;
float:left;
text-align:left;
vertical-align:top;
margin:0;
padding:0 0 15px 0
}

#page_footer nav {
display:inline-block;
float:right;
text-align:right;
vertical-align:top;
margin:0;
padding:0 0 15px 0
}

#page_footer nav a {
line-height:32px;
text-transform:uppercase
}

#page_footer nav a.on {
    border: 1px solid #ffffff96;
    padding: 4px 8px;
}

#page_footer #copyright {
clear:both;
margin:0;
padding:15px 0 0 0;
font-size:12px;
brder-top:1px solid #999;
line-height:40px
}

#page_footer #reseaux #instagram {
clear:both;
display: block;
width: 36px;
height: 36px;
margin: 0 auto;
filter:invert(1);
background: url(/images/logo-instagram.svg) center no-repeat;
background-size: contain;
transition:0.2s
}

#page_footer #reseaux a#instagram:hover{
transform: scale(1.1)
}


/*---------------ELEMENTS COMMUNS-------------------*/



#nothing {
text-align:center;
padding:160px 20px;
font-size:28px;
border:1px solid #afafaf52;
color:#555
}

#modo {
position: fixed;
display: block;
z-index: 1000;
bottom: 0px;
right: 0px;
width: 80px;
height: 80px;
opacity: 0.5;
transition: 0.2s;
padding: 20px;
box-sizing: border-box;
}

#modo img {
width: 40px;
height: 40px;
filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
border: 0;
padding: 0;
margin: 0;
}

#modo:hover {
opacity: 1;
}



/*---------------VERSION MOBILE-------------------*/

@media screen and (max-width: 1000px) {
	
	#page_header .central, #page_header .menu{width:100%}
	
	#page_header .menu > ul > li  > a {padding:0 18px}
	
	
	#contenu .central{width:auto;padding:40px 20px}

	#contenu #chemin {text-align:center}
	#contenu #chemin span{display:none}
	
	
	#contenu .accueil #extraits {margin:15px 0 0 0}
	#contenu .accueil #extraits a{width:32%;position:relative}
	#contenu .accueil #extraits a:nth-child(2){margin:0 2%}
	#contenu .accueil #extraits a img{width:100%;height:auto}
	
	#contenu article {max-width:100%;padding:0}
	
	#contenu .editeur iframe,#contenu .editeur img,#contenu .editeur hr{
	max-width:100%;
	box-sizing: border-box;
	}
	#contenu .editeur img{height:auto}
	#contenu .editeur img[style*="float:"]{max-width:40%;height:auto}
	
	
	#contenu #presse a{width:30%;margin:0 1.5% 4% 1.5%}
	#contenu #partenaires div{margin:0 10px 25px 10px}
	#contenu #partenaires div img{max-width:40%;height:auto}
	
	#contenu #tarifs{padding:0}
	#contenu #tarifs #gauche, #contenu #tarifs #droite{
	width:47%;
	margin:0 1.5%
	}
	
	#contenu #plan #adresse em {
		font-size: 22px;
	}

	#page_footer{width:auto;padding:20px 20px}
	
}

@media screen and (max-width: 800px) {
	
	#pge_header .menu{display:none}
	
	
	#contenu h1{margin-bottom:20px}

	#calendrier a{padding:0 6px}
	
	#contenu #actus{margin-top:10px}
	#contenu #actus_liste h2, #contenu #actus_abrege h2{
	font-size:20px;
	line-height:24px
	}
	#contenu #actus_liste em, #contenu #actus_abrege em{
	margin:8px 0 6px 0
	}
	
	#contenu #temoignages div.small{width:44%;margin:2% 3%}
	
	#contenu #plan #adresse em {
		font-size: 20px;
	}
	
}



@media screen and (max-width: 700px) {

	
	#contenu  .accueil{padding:15px 10px}
	
	#contenu h1{font-size:24px; letter-spacing:1px}

	#contenu #chemin {padding:0;margin-bottom:15px}

	
	#calendrier a{padding:0 4px}

	
	#contenu #faq h3{margin:20px 10px 0 10px}
	#contenu #faq div p{margin:0 10px 10px 10px}
	
	#contenu #presse a{width:45%;margin:0 2.5% 5% 2.5%}
	#contenu #presse p{font-size:14px}
	
	#contenu #temoignages p{
	font-size:13px;
	}
	#contenu #temoignages div.small,#contenu #temoignages div.medium, #contenu #temoignages div.large
	{
	width:84%;
	margin:2% 8%;
	}
	
	
	#contenu #partenaires div{padding:15px 15px 15px 35%;}
	#contenu #partenaires div img{max-width:30%;margin-left:-33%}
	
	#contenu #tarifs #gauche, #contenu #tarifs #droite{
	width:97%;
	margin:0 1.5%
	}
	

	#nothing {padding:80px 20px;font-size:22px;}

	

	#contenu #contact #logo_home {display:none}
	#contenu #contact,#contenu #plan {width:100%;margin:0}
	#contenu #contact{padding-top:0;background:none}
	#contenu  #contact form{padding-right:0}
	#contenu #contact strong{
	font-size:14px;
	margin:0 0 25px 0;
	}
	#contenu  #contact form textarea{height:180px}
	

	.pagination a.nomobile{display:none}

	
}

@media screen and (max-width: 640px) {

	body{padding-top:50px}
	#page_header {height:50px}
	#page_header #logo {
	width:140px;
	height:40px;
	margin-top:5px;
	margin-right:15px;
	background-size:contain
	}
	#page_header #langues{top:3px}
	#page_header #langues a{
	height: 22px;
    line-height: 22px;
	}
	
	
	
	#page_header .menu{
	width:70px;
	height:50px;
	position:absolute;
	left:0;
	top:0;
	}	
	#page_header .menu #menu_mobile{
	display:block;
	cursor:pointer
	}
	
	#page_header .menu > ul {display:none}
	
	#page_header .menu > ul.active{
	display:block;
	position:absolute;
	top:50px;
	left:0;
	min-width:260px;
	border:1px solid #bbb;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
	}
	
	#page_header .menu > ul.active .nodesk{display:block}
	
	#page_header .menu > ul.active > li{
	display:block;
	width:100%;
	background:#fff;
	text-align:left;
	border:none;
	padding:0;
	min-height:38px;
	}
	#page_header .menu > ul.active > li:not(:last-child){
	border-bottom:1px solid #bbb;
	}

	
	#page_header .menu > ul.active > li > a{
	display:block;
	width:auto;
	padding:0 14px;
	font-size:14px;
	line-height:38px;
	text-align: left;
	letter-spacing:0;
	background-image:none
	}
	#page_header .menu > ul.active > li > a:not(.on){
	background:#fff
	}

	#page_header .menu > ul.active > li.deplie{	height:auto}

	#page_header .menu > ul.active > li.deplie > a{
	background-image:url(/images/fleche-blanche-verticale.png);
	background-position:10px center;
	background-repeat:no-repeat
	}
	#page_header .menu > ul.active > li.deplie > a:not(.on){
	background-color:#999;
	color:#fff
	}
	
	#page_header .menu > ul.active > li.deplie > ul  {
	display:block;
	position:relative;
	}
	#page_header .menu > ul.active > li.deplie > ul > li > a:before {
	content:'+';
	padding-right:10px
	}
	
	#contenu #chemin a {
		padding-top: 6px;
		padding-bottom:6px
	}
	
	#contenu .accueil #extraits a{width:48%}
	#contenu .accueil #extraits a:nth-child(2){display:none}
	#contenu .accueil #extraits a:nth-child(3){margin:0 0 0 4%}
	#actus_recherche{display:none}
	.nomobile{display:none}

	#page_footer {	
		display: flex;
		flex-direction: column;
	}
	#page_footer nav {
		text-align: center;
        order: 0;
        padding: 15px 0 20px 0;
	}
	#page_footer #adresse {
		float:none;
		text-align:center;
		order:1;
		padding-top: 25px;
	}	
	#page_footer #copyright {
		order: 2;
	}
}


@media screen and (max-width: 480px) {
	
	#contenu  .accueil{padding:20px 10px 0 10px}
	#contenu .cycle-slideshow {display:none}
	
	#contenu .accueil #extraits {margin:0}
	#contenu .accueil #extraits a,#contenu .accueil #extraits a:nth-child(2),#contenu .accueil #extraits a:nth-child(3){display:inline-block;width:100%;height:auto;margin:0 0 20px 0;padding-bottom:20px}
	#contenu .accueil #extraits .libelle{max-width:300px}
	
	
	#contenu #actus_liste a, #contenu #actus_abrege{
	padding:25px 15px;
	}
	#contenu #actus_liste img, #contenu #actus_abrege img{
	width:100%;
	margin-bottom:12px
	}
	#contenu #actus_liste a div, #contenu #actus_abrege div{
	width:100%;
	padding:0;
	}
	
	#contenu #actus_liste em, #contenu #actus_abrege em{margin:10px 0}
	
	.suiv_prec a:before{content:''}
	
	#contenu #presse a{width:90%;margin:0 5% 8% 5%}
	#contenu #partenaires div img{display:none}
	#contenu #partenaires div{padding:15px}

	#nothing {padding:80px 20px}
	
}