/*
Theme Name: Theme personnalisé NAJA21 V2
Theme URI: http://davi.fr
Description: Theme personnalisée NAJA21
Version: 0.1
Author: DAVI
*/
html, body {}
.prix_barrer{display: none;font-size: 25px;margin: auto;padding: 0;line-height: 0;display: block;width: 100%;height: 32px;margin-top: 10px;margin-bottom: -40px;width: 54px;background: url(Images/prix_barrer.png);line-height: 35px;text-align: center;}
a{text-decoration: none; color: #000;}
img{border: 0;}
audio { display: block; vertical-align: baseline; visibility: visible !important; width: 50% !important;margin: auto; margin-top: 20px; margin-bottom: 20px;}
h1,h2,h3,h4,h5,h6,pre,blockquote{border: 0; margin: 0;font-family: times,arial; font-size: 16px;}
.aligncenter{width: 100% !important; text-align:center; display: block; margin:auto; }
.alignleft{width: 100% !important; text-align:left; display: block; margin:auto;height: auto; }
.alignright{width: 100% !important; text-align:right; display: block; margin:auto; }
.wp-caption-text{padding-top: 10px;font-family: times,arial;font-size: 13px;font-style: italic;color: #696969;}
/***** POLICES *****/
/* Webfont: Arya-Single */@font-face {
font-family: 'AryaSingle';
src: url('Fonts/Arya Single/Arya-Single.eot'); /* IE9 Compat Modes */
src: url('Fonts/Arya Single/Arya-Single.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Fonts/Arya Single/Arya-Single.woff') format('woff'), /* Modern Browsers */
url('Fonts/Arya Single/Arya-Single.ttf') format('truetype'), /* Safari, Android, iOS */
url('Fonts/Arya Single/Arya-Single.svg#Arya-Single') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: Arya-Triple */@font-face {
font-family: 'AryaTriple';
src: url('Fonts/Arya Triple/Arya-Triple.eot'); /* IE9 Compat Modes */
src: url('Fonts/Arya Triple/Arya-Triple.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Fonts/Arya Triple/Arya-Triple.woff') format('woff'), /* Modern Browsers */
url('Fonts/Arya Triple/Arya-Triple.ttf') format('truetype'), /* Safari, Android, iOS */
url('Fonts/Arya Triple/Arya-Triple.svg#Arya-Triple') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: Arya-Triple */@font-face {
font-family: 'AryaDouble';
src: url('Fonts/Arya Double/Arya-Double.eot'); /* IE9 Compat Modes */
src: url('Fonts/Arya Double/Arya-Double.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Fonts/Arya Double/Arya-Double.woff') format('woff'), /* Modern Browsers */
url('Fonts/Arya Double/Arya-Double.ttf') format('truetype'), /* Safari, Android, iOS */
url('Fonts/Arya Double/Arya-Double.svg#Arya-Double') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: Vollkorn-Regular */@font-face {
font-family: 'VollkornRegular';
src: url('Fonts/Vollkorn Regular/Vollkorn-Regular.eot'); /* IE9 Compat Modes */
src: url('Fonts/Vollkorn Regular/Vollkorn-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Fonts/Vollkorn Regular/Vollkorn-Regular.woff') format('woff'), /* Modern Browsers */
url('Fonts/Vollkorn Regular/Vollkorn-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('Fonts/Vollkorn Regular/Vollkorn-Regular.svg#Vollkorn-Regular') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: Vollkorn-italic */@font-face {
font-family: 'VollkornItalic';
src: url('Fonts/Vollkorn Italic/Vollkorn-Italic.eot'); /* IE9 Compat Modes */
src: url('Fonts/Vollkorn Italic/Vollkorn-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Fonts/Vollkorn Italic/Vollkorn-Italic.woff') format('woff'), /* Modern Browsers */
url('Fonts/Vollkorn Italic/Vollkorn-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('Fonts/Vollkorn Italic/Vollkorn-Italic.svg#Vollkorn-Italic') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'domineregular';
src: url('Fonts/domine-regular-webfont.eot');
src: url('Fonts/domine-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('Fonts/domine-regular-webfont.woff2') format('woff2'),
url('Fonts/domine-regular-webfont.woff') format('woff'),
url('Fonts/domine-regular-webfont.ttf') format('truetype'),
url('Fonts/domine-regular-webfont.svg#domineregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Webfont: Cabana-Regular */@font-face {
font-family: 'Cabana';
src: url('Fonts/Cabana-Regular.eot'); /* IE9 Compat Modes */
src: url('Fonts/Cabana-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Fonts/Cabana-Regular.woff') format('woff'), /* Modern Browsers */
url('Fonts/Cabana-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('Fonts/Cabana-Regular.svg#Cabana-Regular') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/******* COMMUNS ******/
#fil_ariane{ height: 29px; background-color: #ececec; padding-left: 10px; padding-right: 10px; width: 980px; margin: auto;color: #c0c0c0;font-family: 'AryaSingle';font-size: 12px;line-height: 30px;}
#fil_ariane a { color: #c0c0c0;font-family: 'AryaSingle';font-size: 12px; line-height: 30px;}
#fil_ariane a:hover { color: #000; }
#fil_ariane .current{ color: #000; font-family: 'AryaSingle'; font-size: 12px; line-height: 30px;}
#fil_ariane.fixed{position: fixed; top: 60px; z-index: 100000000;}
#up-scroll{cursor: pointer; -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;background-color: #d9d9d9;color: #FFF;position: fixed;right: 10px;z-index: 100000;font-size: 30px;bottom: 375px;height: 40px; line-height: 27px;padding-top: 3px; display: none;}
#up-scroll:hover{background-color: #545454;}
#title_error{ width: 630px; margin:auto; text-align: center; margin-top: 50px;}
#title_error h4{color: #333;font-family: 'AryaSingle';font-size: 12px;}
#title_error h2{color: #333;font-family: 'AryaTriple'; font-size: 40px; margin-top: 5px;}
#content_error{width: 630px; margin:auto;text-align: center;}
.picto_play{position:absolute;width: 50px;height: 50px;top:35%; left: 42%;}
.iconprint-print{float: left;}
/******** HEADER *****/
#header{ width: 100%; background-color: #20201E; position:absolute; }
#header .content{ width: 100%; margin: auto; height: 50px;}
#header .content .content-right{ width: 33%; display: block; float: left; height: 50px; padding-top:38px; padding-left: 20px;}
#header .icon-menu{display: block;width: 30px;height: 30px;float: left;cursor: pointer; margin-top: -2px;}
#header .content .bouton-boite{ line-height: 18px; font-family: 'AryaSingle'; font-size: 15px; color: #c0c0be; border: 1px solid #c0c0be; padding: 5px 10px 0px 10px; float: left;margin-left: 20px;cursor: pointer; text-decoration: none;}
#header .content .bouton-boite:hover{ color: #FFF; border: 1px solid #FFF;}
#header .content .content-middle{text-align: center; display: inline-block;}
#header .content .content-middle #accroche-home { margin: auto;text-align: center;color: #FFF;font-family: 'AryaSingle';font-size: 22px;}
#header .content .content-left{width: 300px; display: block; float: left; height: 50px; padding-top: 10px;color: #999;font-size: 12px;font-family: arial; padding-top: 38px; padding-left: 20px;}
#header .content .content-left span {float: left;margin-left: 5px; }
#header .content .content-left a {color: #FFF;font-size: 12px;font-family: arial;display: inline-block;line-height: 6px; margin: 5px;}
#header .content .content-left a.soc {float: right; display: block; margin: 5px 5px 0 0;}
#header .content .content-left a:hover {color: #c0c0c0;}
#header .content .content-left a .icon-instagram:before{ line-height: 27px; color: #6F6F6E; font-size: 27px; margin: 0; margin-left: -5px;}
#header .content .content-left a:hover .icon-instagram:before{ line-height: 27px; color: #FFF; font-size: 27px; margin: 0; margin-left: -5px;}
#header .content .content-left a .icon-facebook-squared:before{ line-height: 27px; color: #3b5998; font-size: 27px; margin: 0; margin-left: -5px;}
#header .content .content-left a:hover .icon-facebook-squared:before{ line-height: 27px; color: #FFF; font-size: 27px; margin: 0; margin-left: -5px;}
#header .content .content-left a:hover .icon-twitter-rect:before{ color: #fff; font-size: 27px; margin: 0;}
#header .content .content-left a .icon-twitter-rect:before{ color: #6F6F6E; font-size: 27px; margin: 0;}
#header .content #openFaq {display: block;height: 30px;line-height: 33px; padding-top: 4px;float: left;font-size: 27px;color:#c0c0be;font-family: AryaSingle;margin-left: 5px;}
#header .content #openFaq span{ padding-top: 4px; font-size: 10px;color: #c0c0be;font-family: AryaSingle;-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);display: block;width: 30px;height: 40px;text-align: center;margin-top: -6px;margin-left: -9px;float: right;}
#header .content #openFaq:hover span{color: #FFF;}
#header .content #openFaq.active span{color: #FFF;}
#header .content #openFaq:hover {color: #FFF;}
#header .content #openFaq.active{color: #FFF;}
#header.fixed{ position: fixed; top: 0; z-index: 100000001;}
#header.fixed .content{ width: 100%; margin: auto; height: 50px; margin: 5px 0; text-align:center;}
#header.fixed .content .content-right{ width: 315px; display: block; float: left; height: 50px; padding-top:15px;}
#header.fixed .content .bouton-boite{ line-height: 18px;font-family: 'AryaSingle';font-size: 15px;color: #c0c0be;border: 1px solid #c0c0be;padding: 5px 10px 0px 10px;float: left;margin-left: 11px;cursor: pointer;margin-right: -7px;margin-top: 0;}
#header.fixed .content .espace_abon{ line-height: 18px;font-family: 'AryaSingle';font-size: 15px;color: #c0c0be;border: 1px solid #c0c0be;padding: 5px 10px 0px 10px;float: left;margin-left: 11px;cursor: pointer;margin-right: -7px;margin-top: 5px;}
#header.fixed .content .bouton-boite:hover{color: #FFF; border: 1px solid #FFF; }
#header.fixed .content .content-middle{text-align: center; display: inline-block;}
#header.fixed .content .content-middle a{text-decoration: none;}
#header.fixed .content .content-middle img{ height: 50px; margin-right: 20px;}
#header.fixed .content .content-left{width:370px; display: block; float: right; height: 50px;padding-top: 10px; position: relative;}
#header.fixed .content .content-left div {display: block;float: right;width: 65%; text-align: left;}
.concept{width: 100%; background-color: #999;}
.concept-content{padding: 20px;color: #FFF;width: 980px;margin: auto;font-style: italic;font-size: 18px;}
.concept-content a{ color: #FFF;}
.concept-content a:hover{ color: #FFF;}
.concept-accept{display: inline-block; padding: 10px; background-color: #6F6F6E; cursor: pointer; color: #FFF;}
.concept-accept:hover{background-color: #FFF; color: #000;}
/****** Newsletter HEADER ********/
.newslettersInsc { display:none;background-color: #31312f; overflow: hidden; padding-top: 25px; height: auto; position:relative;}
.newslettersInsc-content { width: 980px;text-align:center;margin: auto;background-color: #31312f;padding-bottom: 30px;}
.newslettersInsc form { margin: 0;}
.newslettersInsc input[type=submit] { text-transform: uppercase; font-family: 'AryaSingle', Arial; color: #777771; font-size: 30px; margin: 0 0 0 10px; border: 0; background: none; line-height: 53px;}
.newslettersInsc input[type=submit]:hover{color:#FFF;}
.newslettersInsc p{ padding-left: 201px; color: #FFF; font-size: 14px; font-family: 'AryaSingle';margin-top: 20px; text-align: left;}
.newslettersInsc span{color: #FFF; font-size: 14px; font-family: 'AryaSingle';margin-top: 20px; }
.newslettersInsc input[type=email] { width: 505px; margin: 0 auto; padding: 5px;}
.infos_nonAbonn{width: 100%; background-color: #444;}
.infos_nonAbonn-content{padding: 20px;color: #FFF;width: 980px;margin: auto;font-style: italic;font-size: 18px;}
.infos_nonAbonn-accept{display: inline-block; padding: 10px; background-color: #6F6F6E; cursor: pointer; color: #FFF;}
.infos_nonAbonn-content a{ color: #FFF;}
.infos_nonAbonn-content a:hover{ color: #000;}
.infos_nonAbonn-accept:hover{background-color: #FFF; color: #000;}
.abonne{width: 100%; background-color: #31312f;display: none; padding-top: 25px; padding-bottom: 25px; overflow: hidden;}
.abonne-content{padding: 20px;color: #FFF;width: 980px;margin: auto;font-size: 16px;}
.abonne-content .title{float: left; text-transform: uppercase;font-family: 'AryaSingle', Arial;color: #777771;font-size: 28px;margin: 0; margin-top: 7px; width: 100%;}
.abonne-content a{ text-decoration: none;color: #FFF;line-height: 30px;display: block;float: left;margin: 4px;background-color: #20201e;padding: 5px;font-style: normal;font-family: AryaSingle; text-align: center;width: 200px;}
.abonne-content a:hover{ color: #000; background-color:#ffffff; }
#faq{ padding-top: 25px; width: 100%; height: 100%; background-color: #333;display: none;padding-bottom: 25px;overflow: hidden;
}
#faq a{text-decoration: none;}
#faq .content-faq{width: 980px; margin: auto;overflow: hidden;}
#faq .rub-faq{width: 100%; margin: auto;overflow: hidden;}
#faq .answer{display: none;overflow: hidden; width: 100%;text-align:left;margin-bottom: 15px;font-size: 14px;}
#faq .quest{position:relative;display: inline-block;overflow: hidden; width: 100%;text-align:left; margin-top: 5px;font-size: 16px; font-style: italic;}
#faq .question-faq{display: inline-block;overflow: hidden;width: 100%; background-color:#FFF; padding: 5px 5px 5px 17px; text-align:left;}
#faq .questions-faq{animation: fadeinout 3s infinite;display: block; width: 100%;overflow: hidden;}
#faq .btn-faq{position: relative; display: block;overflow: hidden;float: left;background-color: #000;color: #FFF;font-family: AryaSingle;line-height: 40px; margin: 0 3px 3px 0;padding: 0 35px 0 35px;}
#faq .quest span{position: absolute;top: 0px;right: 5px;font-size: 18px;font-style: normal;font-family: Aryasingle;}
#faq .btn-faq span{position: absolute;bottom: -12px;right: 5px; font-size: 18px;}
#faq .btn-faq:hover{background-color: #FFF;color: #000;}
#faq .btn-faq.active {background-color: #FFF;color: #000;}
/****** SEARCH HEADER ********/
#searchForm { display:none;background-color: #31312f; overflow: hidden; padding-top: 25px; height: auto; position: relative;}
#searchForm #rechercheSimple { width: 100%; background-color: #31312f; padding: 20px 0; height: auto; position: relative;}
#rechercheSimple form { margin: 0;}
#rechercheSimple div.td { display: block; float: left; padding: 0 30px 0 30px;}
#rechercheSimple .labelSearchForm { width: 28%;text-align: right;padding-right: 20px; display: block; float: left;}
#rechercheSimple div.td input[type=submit] { text-transform: uppercase; font-family: 'AryaSingle', Arial; color: #777771; font-size: 30px; margin: 0 0 0 10px; border: 0; background: none; line-height: 53px;}
#rechercheSimple div.td input[type=submit]:hover{color:#FFF;}
#rechercheSimple label { text-transform: uppercase; font-family: 'AryaSingle', Arial; color: #777771; font-size: 28px; margin: 0; padding-top: 12px; }
#rechercheSimple input[type=search] { width: 505px; margin: 0 auto; padding: 5px;}
#rechercheSimple .sub{color: #FFF;font-family: arial;font-size: 15px;margin: 0 30px 15px 0;float: left;text-align: left;min-width: 15%;line-height: 27px;}
#rechercheSimple { height: auto;}
#rechercheSimple .tr{ width: 980px; margin:auto; background-color: #31312f;}
#rechercheSimple p{ color: #FFF; font-size: 14px; font-family: 'AryaSingle';margin-top: 20px; text-align: left;}
.checkbox input[type=checkbox]{position: relative; margin: 0;}
#link_expert{color: #999;width: 84%;display: inline-block;text-align: right;line-height: 33px;cursor: pointer;}
#link_expert:hover{color: #FFF;width: 84%;display: inline-block;text-align: right;line-height: 33px;}
.td-expert { padding: 0 30px 30px 30px !important; width: 66%;}
/****** MENU ********/
.menu-burger{ margin-top: 100px; left: -1000000000px; background-color: #282828; width: 270px; position: fixed; height: 100%; padding-top: 15px; z-index: 100000000000; font-family: 'AryaSingle'; font-size: 14px;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;-moz-transition: opacity 0.3s linear, left 0.3s ease-out;-o-transition: opacity 0.3s linear, left 0.3s ease-out;transition: opacity 0.3s linear, left 0.3s ease-out;}
.menu-burger.fixedMenu{margin-top:60px;}
.menu-burger.in {left: 0;}
.menu-burger .container-burger{width: 270px; padding: 0; padding-top: 15px;overflow: hidden;}
.menu-burger .container-burger ul{ width: 270px; padding-bottom: 100px;}
.menu-burger .container-burger ul li { width: 270px;}
.menu-burger .container-burger ul li a{ width: 270px; color: #c7c7c7; padding: 7px 0 7px 30px;}
.menu-burger .container-burger ul li a:hover{ width: 270px;color: #FFF; background-color: #20201e;}
.menu-burger .container-burger ul li a:active{ width: 270px;color: #FFF; background-color: #20201e;}
.menu-burger .container-burger ul li a.on{ width: 270px;color: #FFF; background-color: #20201e;}
.menu-burger .container-burger ul li.line-separate{ border-top: 2px solid #5e5e5e;width: 210px;margin-left: 30px;display: inline-block;}
/***** FOOTER *******/
#footer{ background-color: #20201e; min-width: 100%; height: 350px;padding-top: 40px; float: left;margin-top: 29px;}
#footer .container-footer{width: 980px; margin: auto; height: 260px;}
#footer .container-footer .content-footer{width: 196px;float: left; padding-right: 20px;}
#footer .container-footer .content-footer h4 { font-family: 'AryaSingle'; font-size: 15px; color: #FFF;font-weight: normal; width: 132px; padding: 10px 0 0 10px; line-height: 18px;}
#footer .container-footer .content-footer a { font-family: Arial; font-size: 13px; color: #FFF; line-height: 21px;}
#footer .container-footer .content-footer a.title { font-family: 'AryaSingle'; font-size: 20px; color: #FFF; line-height: 40px;}
#footer .container-sub-footer{width: 980px; margin: auto; height: 50px;background-color: #20201e;text-align:center; font-family: Arial; font-size: 11px; color: #C6C6C5;}
#footer .container-sub-footer a { font-family: Arial; font-size: 11px; color: #C6C6C5; line-height: 50px;}
#footer.footerFixed{position:fixed; bottom: 0;}
/******* HOME ********/
h4.aucun {font-family: 'AryaSingle'; font-size: 15px; color: #373737; text-decoration :none;text-align:center; margin: 30px;}
.container-middle{width: 980px; margin: auto; position:relative; }
.button{text-decoration: none;background-color: #20201e;color: #FFF;font-family: 'AryaSingle';font-size: 20px;line-height: 27px;padding: 6px 15px 1px 15px;text-align: center;display:block;margin: auto; margin-bottom: 30px; width: 216px;}
.button:hover{background-color: #75052d; text-decoration: none; color:#FFF;}
#wall-home .descr_prop{text-decoration: none;position: absolute; bottom: 15px; left: 15px; background-color: rgba(0,0,0,0.7); width: 195px;}
#wall-home .descr_prop:hover{background-color: rgba(0,0,0,1); }
#wall-home .descr_prop .theme_prop{text-decoration: none;color: #b2b3ab; font-family: arial; font-size: 10px; font-weight: 700; width: 100%; display: block; line-height: 20px; padding: 5px 0 5px 10px;}
#wall-home .descr_prop .title_prop{ text-decoration: none;display: block;color: #FFF; font-family: 'AryaSingle'; font-size: 14px; padding-left: 10px; padding-right: 10px; line-height: 18px; padding-bottom: 5px;}
#wall-home .cat_prop{ text-decoration: none; background-color: rgb(0,0,0); position:absolute; line-height: 21px; padding-left: 7px; padding-right: 7px; font-family: 'AryaSingle'; font-size: 11px; top: 20px; right:20px;}
#wall-home .cat_prop:hover{ color:#FFF !important;}
#wall-home { width: 100%; min-width: 980px; margin-top: 70px; overflow: hidden; margin-bottom: 60px; }
#wall-home ul { overflow: hidden; margin: 0; padding: 0;}
#wall-home .element { background-size: cover; float: left; margin: 8px; position: relative; list-style-type: none; }
#wall-home ul:hover .element:not(:hover) .descr_prop, #wall-home ul:hover .element:not(:hover) .cat_prop,#wall-home ul:hover .element:not(:hover) .inBoxArticle { opacity: 0;}
#wall-home .element a { color: #FFF;}
#wall-home .element .backgroundImage { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}
#wall-home .element .descr_prop { z-index: 2; transition: 1s opacity;}
#wall-home .element .cat_prop { z-index: 2; transition: 1s opacity;}
#wall-home .element.petit { width: 225px; height: 166px;}
#wall-home .element.moyen { width: 225px; height: 225px;}
#wall-home .element.grand { width: 466px; height: 225px;}
#wall-home .element.petit.ligneTop { margin-top: 67px;}
#wall-home .element.clear { clear: left;}
#wall-home .mCSB_scrollTools_horizontal { max-width: 980px; margin: 0 auto; width: 100%;}
#citation-home{width: 100%; margin-bottom: 75px;}
#citation-home .citation-home-container-btn{ text-align:center;}
#citation-home .citation-home-container .h3 { font-size: 30px;font-style: italic;display: inline-block;padding-left: 60px; font-family: times;}
#citation-home .citation-home-container a { text-decoration: none; color: #000;font-size: 30px;font-style: italic;font-family: times;}
#citation-home .citation-home-container a:hover { text-decoration: none; color: #000;}
#citation-home .citation-home-container .quote{ display: inline;color: #000;font-family: 'DomineRegular', Helvetica, sans-serif;font-size: 100px;left: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;position: absolute;top: 59px;line-height: 0px; }
#citation-home .citation-home-container .quoteEnd{ font-style:normal; display: inline;color: #000;font-family: 'DomineRegular', Helvetica, sans-serif;font-size: 100px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);position: relative;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;line-height: 0px;position: absolute;bottom: 54px;width: 70px;}
#curieux-home{width: 100%; height: 500px;}
#curieux-home .curieux-home-container{ width: 980px;margin: auto;height: 270px;}
#curieux-home .curieux-home-container-btn{ text-align:center;}
#curieux-home .curieux-home-container .curieux-home-content{width: 306px;margin: 0 10px 0 10px; float: left; height: 275px;position: relative;}
#curieux-home .curieux-home-container .curieux-home-content .img_art{width: 307px; height: 187px;display:block;background-size: cover;}
#curieux-home .curieux-home-container .curieux-home-content h5 a{color: #000;font-family: 'AryaSingle';font-size:16px;line-height: 24px;}
content_rubrique .curieux-home-container .top_art{ min-width: 300px;display: block;float: left;}
#curieux-home .curieux-home-container .top_art .theme{ display: block;min-height: 1px;float: left; padding-left: 10px;line-height: 30px; width: 100%;color: #575757; font-family: arial; font-weight: 700; font-size: 10px; text-align:left;}
#curieux-home .curieux-home-container .top_art .theme a{ color: #575757; font-family: arial; font-weight: 700; font-size: 10px; }
#curieux-home .curieux-home-container .title_art{ padding-left: 10px ;padding-right: 10px; padding-bottom: 10px; min-width: 300px;display: block; float: left;}
#curieux-home .curieux-home-container .title_art h4{margin: 0;}
#curieux-home .curieux-home-container .title_art h4 a{font-family: 'AryaSingle'; font-size: 12px; color: #373737; text-decoration :none;}
#curieux-home .curieux-home-container .description_art{padding-left: 10px; padding-right: 10px;}
#curieux-home .curieux-home-container .description_art a{ color: #5f5f5f; font-family: arial; font-size: 11px; text-decoration :none;line-height: 15px;}
#boite-home{width: 100%; margin-top: 50px; margin-bottom: 50px;}
#boite-home .boite-home-container {}
#boite-home .boite-home-container .encart_bouton{position: absolute; bottom: 20px; right: 50px;}
#boite-home .boite-home-container .encart_bouton a{margin-bottom: 15px;}
#boite-home .boite-home-container .encart { background-color:#FFF; margin: 940px; margin:auto; display: block; overflow: hidden; position: relative; width: 100%; }
#boite-home .boite-home-container .encart img { padding: 0 10px 0 10px; }
#boite-home .boite-home-container .savoirPlus:hover{color: #000;}
#creation-home{width: 100%; height: 270px;}
#creation-home .creation-home-container{}
#creation-home .creation-home-container .creation-home-content{ width: 306px; float: left; margin:auto; margin-left: 10px;margin-top: 20px; margin-bottom: 50px; height: 200px;position: relative;background-size: cover;margin-right: 10px;}
#creation-home .creation-home-container .creation-home-content a{color: #000; font-family: arial; font-size: 14px;}
#creation-home .creation-home-container .creation-home-content .nomArtiste{color: #FFF; font-family: arial; font-size: 14px; font-weight: 700; padding-top: 10px;}
#creation-home .creation-home-container .creation-home-content a:hover{color: #999; }
#creation-home .creation-home-container .accroche{padding-left: 10px;}
#creation-home .creation-home-container .accroche a{ color: #000; text-decoration: none;font-family: 'AryaTriple'; font-size: 40px; margin-right: 20px;}
#creation-home .creation-home-container a.sousAccroche{ font-family: arial; font-size: 14px; }
#creation-home a.link{position: absolute; bottom: 0; top: 0; left: 0; width: 225px; height: 225px; }
#creation-home a{color: #FFF;}
#creation-home a img{}
#creation-home .descr_prop{ text-decoration: none; position: absolute; bottom: 20px; left: 20px; background-color: rgba(0,0,0,0.7); width: 190px;}
#creation-home .descr_prop:hover{ text-decoration: none;background-color: rgba(0,0,0,1);}
#creation-home .descr_prop .theme_prop{text-decoration: none; color: #b2b3ab; font-family: arial; font-size: 10px; font-weight: 700; width: 100%; display: block; line-height: 20px;padding-left: 10px; padding-bottom: 5px;}
#creation-home .descr_prop .title_prop{text-decoration: none; display: block;color: #FFF; font-family: 'AryaSingle'; font-size: 14px; padding-left: 10px; padding-right: 10px; line-height: 18px;}
#creation-home .cat_prop{ background-color: rgb(0,0,0); text-decoration: none; position:absolute; line-height: 21px; padding-left: 7px; padding-right: 7px; font-family: 'AryaSingle'; font-size: 11px; top: 20px; right:20px;}
#creation-home .cat_prop:hover{ color:#FFF !important;}
#ados-home{width: 100%; margin-top: 50px;margin-bottom: 50px;}
#ados-home .ados-home-container{}
#ados-home .ados-home-container .encart { background-color:#FFF; margin: 940px; margin:auto; display:block; margin: 0 10px 0 10px; }
#ados-home .ados-home-container .encart img { border: 1px solid #8c8c8c; }
#contact-home{width: 100%; height: 250px; float: left;}
#contact-home .contact-home-container{}
#contact-home .contact-home-container .contact-home-content{text-decoration: none;width: 310px; margin-left: 10px; float: left; height: 177px;border: 1px solid #8c8c8c; margin-right: 5px;}
#contact-home .contact-home-container .contact-home-content-abonnement{text-decoration: none;width: 310px; margin-left: 10px; float: left; height: 177px;border: 1px solid #8c8c8c;background-image:url(Images/back_abonnement.jpg); text-align: center;}
#contact-home .contact-home-container .contact-home-content-abonnement .title{ padding-top: 30px;color: #000;font-family: arial;text-align: center; font-weight: 700;line-height: 18px;text-decoration: none;display: block;font-size: 18px;}
#contact-home .contact-home-container .contact-home-content-abonnement .btn-abonnement{color: #FFF;font-family: 'AryaSingle';text-align: center;line-height: 28px;text-decoration: none;display: block;font-size: 20px;background-color: #79002b;display: inline-block;padding: 5px 10px 5px 10px;margin: auto;text-align: center;margin-top: 12px;}
#contact-home .contact-home-container .contact-home-content-abonnement .btn-abonnement:hover{ background-color: #1d1d1b; color:#FFF;}
#contact-home .contact-home-container .contact-home-content-participer{text-decoration: none;background-image:url(Images/back_particper.jpg); width: 310px; margin-left: 10px; float: left; height: 177px;border: 1px solid #8c8c8c;padding-top: 100px; margin-right: 5px;}
#contact-home .contact-home-container .contact-home-content-participer .title{color: #000;font-family: arial;text-align: center; font-weight: 700;line-height: 28px;text-decoration: none;display: block;font-size: 14px;}
#contact-home .contact-home-container .contact-home-content .titleNewsletter{text-decoration: none;font-size: 40px; font-family: 'AryaTriple'; text-align: center; line-height: 28px;padding: 20px 0 10px 0;}
#contact-home .contact-home-container .contact-home-content .accroche{font-family: 'AryaSingle';text-align: center;font-size: 12px;}
#contact-home .contact-home-container .contact-home-content form{text-align: center;}
#contact-home .contact-home-container .contact-home-content form input[type="email"]{ border:0; border-bottom: 1px solid #8e8e8e; width: 210px; padding: 0;}
#contact-home .contact-home-container .contact-home-content form input[type="email"].error{ border:1; border-bottom: 1px solid #red; width: 210px; padding: 0; color: red;}
#contact-home .contact-home-container .contact-home-content form input[type="submit"]{ text-align: center;font-size: 10px;border: 1px solid #8c8c8c;background-color: #FFF; color: #000;line-height: 20px;margin-left: 18px;font-family: 'AryaSingle';}
/********** RUBRIQUES **********/
#title_category{text-align: center; width: 980px; margin: auto;}
#title_category h2{ margin-top: 5px; color: #000; font-family:'AryaDouble'; text-align: center; line-height: 80px; font-size: 40px;}
#title_category a:hover{ color: #ececec; text-decoration: none;}
#proposition{width: 980px; margin: auto; height: 270px;}
#proposition .prop_carre{width: 225px; height: 225px; position: relative; margin-left:11px; margin-right: 10px; float: left;background-size: cover;}
#proposition .prop_carre a.link{position: absolute; bottom: 0; top: 0; left: 0; width: 225px; height: 225px; }
#proposition .prop_carre a{color: #FFF;}
#proposition .prop_carre a img{width: 225px; height: 225px;}
#proposition .prop_rectangle{ width: 465px; height: 225px; position: relative; margin-left: 11px; margin-right: 11px; float: left;background-size: cover;}
#proposition .prop_rectangle a.link{position: absolute; bottom: 0; top: 0; left: 0; width: 465px; height: 225px; }
#proposition .prop_rectangle a{ color: #FFF;}
#proposition .prop_rectangle a img{ width: 465px; height: 225px;}
#proposition .descr_prop{ text-decoration: none; position: absolute; bottom: 20px; left: 20px; background-color: rgba(0,0,0,0.7); width: 190px;}
#proposition .descr_prop:hover{ text-decoration: none;background-color: rgba(0,0,0,1);}
#proposition .descr_prop .theme_prop{text-decoration: none; color: #b2b3ab; font-family: arial; font-size: 10px; font-weight: 700; width: 100%; display: block; line-height: 20px;padding-left: 10px; padding-bottom: 5px;}
#proposition .descr_prop .title_prop{text-decoration: none; display: block;color: #FFF; font-family: 'AryaSingle'; font-size: 14px; padding-left: 10px; padding-right: 10px; line-height: 18px;}
#proposition .cat_prop{ background-color: rgb(0,0,0); text-decoration: none; position:absolute; line-height: 21px; padding-left: 7px; padding-right: 7px; font-family: 'AryaSingle'; font-size: 11px; top: 20px; right:20px;}
#proposition .cat_prop:hover{ color:#FFF !important;}
#filtre_selection{width: 980px; margin: auto; height: 60px; font-family: AryaSingle;text-align: center;
}
#filtre_selection select{line-height: 30px; height: 30px; min-width: 220px; border: 2px solid #8f8f8f; padding-left: 10px; color: #1f1f1f; font-family: 'AryaSingle'; font-size: 12px; margin-left:5px; margin-right: 5px;}
#filtre_selection span{color: #1f1f1f;font-family: 'AryaSingle';font-size: 20px;line-height: 18px;padding-right: 20px;padding-top: 8px;display: block;float: left;padding-left: 10px;}
#content_rubrique{width: 980px; margin: auto; height: auto;}
#content_rubrique .content{ width: 300px; float: left; position:relative; border: 1px solid #c4c4c4; min-height: 415px; margin: 13px; padding-bottom: 10px;}
#content_rubrique .content .img_art{ width: 298px; height: 205px;background-size: cover;}
#content_rubrique .content .img_art a{}
#content_rubrique .content .img_art a img{ width: 300px; height: 140px;}
#content_rubrique .content .top_art{ min-width: 300px;display: block;float: left;}
#content_rubrique .content .top_art .theme{ display: block;min-height: 1px;float: left; padding-left: 10px;line-height: 30px; width: 150px; color: #575757; font-family: arial; font-weight: 700; font-size: 10px; text-align:left;}
#content_rubrique .content .top_art .theme a{ color: #575757; font-family: arial; font-weight: 700; font-size: 10px; }
#content_rubrique .content .top_art .date{ display: block;min-height: 1px;float: left; padding-right: 10px; line-height: 30px; width: 150px; color: #575757; font-family: arial; font-weight: 700; font-size: 10px; text-align:right;}
#content_rubrique .content .title_art{ padding-left: 10px ;padding-right: 10px; padding-bottom: 10px; min-width: 300px;display: block; float: left;}
#content_rubrique .content .title_art h4{margin: 0;}
#content_rubrique .content .title_art h4 a{font-family: 'AryaSingle'; font-size: 12px; color: #373737; text-decoration :none;}
#content_rubrique .content .description_art{padding-left: 10px; padding-right: 10px;}
#content_rubrique .content .description_art a{ color: #5f5f5f; font-family: arial; font-size: 11px; text-decoration :none;line-height: 15px;}
#voir_plus{ width: 100%;margin: auto;text-align: center;visibility: visible;margin-bottom: 30px;margin-top: 30px;display: inline-block;}
#voir_plus a{font-family: arial; font-size: 17px; color:#000; line-height: 90px;}
#voir_plus a{text-decoration: none;background-color: #20201e;color: #FFF;font-family: 'AryaSingle';font-size: 20px;line-height: 27px;padding: 6px 15px 1px 15px;text-align: center;margin: auto; margin-bottom: 30px; }
#voir_plus a:hover{background-color: #75052d; text-decoration: none; color:#FFF;}
/********** ARTICLES ESPACES JOURNAL **********/
#title_article{width: 630px; margin: auto; text-align:center; margin-top: 50px;}
#title_article h2{ margin-top: 5px; font-size: 30px; line-height: 40px; font-family: 'AryaSingle'; }
#title_article .name_author{ font-family: times,arial; line-height: 40px; font-style: italic; color: #000; font-size: 16px;}
#slider_media{width: 980px; margin: auto;}
#slider_media .content_slider{ width: 630px; min-height: 350px; margin: auto; text-align: center;}
#slider_media .content_slider .legende{ text-align:center; font-family: times,arial; font-size: 13px; font-style: italic; padding-top: 20px; color: #696969; padding-bottom: 30px; display: block; bottom:0;}
#slider_media .content_slider img{margin: auto;height: 280px; cursor: pointer;}
#slider_media .content_slider audio{ text-align: center;display: block;margin: auto; margin-top: 100px;margin-bottom: 100px;}
.bx-viewport{min-height: 350px !important; height: auto !important;}
#category_article{width: 980px; margin: auto; text-align:center;}
#category_article .btn_cat{text-align: center;font-size: 10px;border: 1px solid #8c8c8c;background-color: #FFF;color: #000;line-height: 17px;margin-left: 10px;display: inline-block;padding-left: 5px;font-family: 'AryaSingle';padding-right: 5px;text-decoration: none; }
#category_article .btn_cat:hover{border: 1px solid #c0c0c0;color: #c0c0c0;text-decoration: none;}
#category_article .date_article{font-family: arial; font-size: 12px; margin-top: 10px; width: 980px; margin-bottom: 40px; display:block;}
.social_article{font-family: arial;font-size: 12px;width: 630px;display: block;text-align: right;margin: auto;line-height: 30px;display: block;margin-bottom: 10px;}
.social_article a{color:#6F6F6E;}
.social_article a:hover{color:#000;}
.social_article .icon-twitter-rect {font-size: 27px;}
.social_article .icon-facebook-squared{font-size: 27px;}
.social_article .icon-instagram{font-size: 27px;}
.is_box_article{ background-image: url(Images/picto_laboite_rubrique.png); width: 30px; height: 30px; display: block;}
.is_box_article_single{ width: 130px; height: 80px;display: block; background-image: url(Images/picto_laboite_article.png);margin: auto;}
.is_box_article:hover{ }
#content_article{width: 630px; margin: auto; -webkit-print-color-adjust: exact; }
#content_article .citation{ font-family: times,arial; font-size: 18px; font-style: italic; text-align:justify; margin-bottom: 40px;}
#content_article .chapo{font-family: 'AryaSingle'; font-size: 12px; margin-bottom: 15px;}
#content_article .contenu{ position: relative; font-family: times,arial; font-size: 16px; text-align:justify; margin-bottom: 50px;}
#content_article .exerg{ background-color: rgb(29,29,27); width: 400px; color: #FFF; font-family: arial; font-size: 13px; padding: 15px; border: 0;margin-left: -150px; margin-right: 20px; margin-top: 20px; float: left; margin-bottom: 20px;}
#content_article .contenu h1{ font-family: 'AryaSingle'; font-size: 18px; margin-bottom: 15px; font-weight: 700;}
#content_article .contenu h2{ font-family: times,arial; font-size: 20px; font-weight: 700;}
#content_article .contenu h3{ font-family: times,arial; font-size: 20px; font-weight: 700; color:#6F6F6E;}
#content_article .contenu h4{display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
#content_article .contenu h5{ display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
#content_article .contenu h6{display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
#content_article .contenu pre{background: none; display: inline; border: 0;font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
#content_article .contenu a{text-decoration: underline;}
#a_lire_aussi{width: 980px; margin: auto; margin-bottom: 30px; margin-top: 90px;}
#a_lire_aussi .title{ font-size: 26px; line-height: 19px; font-family: 'AryaSingle'; margin-bottom: 40px;}
#a_lire_aussi strong{padding: 0 5px 0 5px;display: block;width: 50%;float: left;text-align: left; color: #555555; font-family: arial; font-size: 10px; font-weight: 700; }
#a_lire_aussi em{ padding: 0 5px 0 5px;display: block;width: 50%;float: left;text-align: right; color: #a3a3a3; font-family: arial; font-size: 12px; font-style: normal; font-weight: 700;}
#a_lire_aussi a{padding: 0 5px 0 5px; font-size: 15px; line-height: 19px; font-family: 'AryaSingle'; color: #000;}
#a_lire_aussi hr {border-top: 1px solid #c6c6c6; margin: 12px 0 12px 0;}
#video_creation {width: 630px; margin: auto; margin-top: 60px; margin-bottom: 20px;}
#category_temps{width: 980px; margin:auto; margin-top: 20px;margin-bottom: 20px;}
#category_temps .btn_cat{text-align: center;font-size: 10px;border: 1px solid #8c8c8c;background-color: #FFF;color: #000;line-height: 17px;margin-right: 10px;display: inline-block;padding-left: 5px;font-family: 'AryaSingle';padding-right: 5px;text-decoration: none;}
#category_temps .btn_cat:hover{border: 1px solid #c0c0c0;color: #c0c0c0;text-decoration: none;}
#title_temps{width: 980px; margin: auto;text-align: center; margin-top: 80px;}
#title_temps h2{ margin-top: 5px; font-size: 30px; line-height: 40px; font-family: 'AryaSingle'; }
#title_temps .name_author{ text-align: center;font-family: times,arial; line-height: 40px; font-style: italic; color: #000; font-size: 16px;margin-bottom: 30px;}
#image_temps{ width: 480px; float: left;position:relative; display: block; margin-right: 20px;}
#image_temps img{ width: 480px;}
#content_temps{width: 980px; position:relative;display: block; min-height: 400px; margin:auto;}
#content_temps .contenu{ width: 480px; float: left;position:relative;display: block; text-align: justify;}
#content_temps .contenu h1{ font-family: 'AryaSingle'; font-size: 18px; margin-bottom: 15px; font-weight: 700;}
#content_temps .contenu h2{ font-family: times,arial; font-size: 20px; font-weight: 700;}
#content_temps .contenu h3{ font-family: times,arial; font-size: 20px; font-weight: 700; color:#6F6F6E;}
#content_temps .contenu h4{display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
#content_temps .contenu h5{ display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
#content_temps .contenu h6{display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
#content_temps .contenu pre{background: none; display: inline; border: 0;font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
#content_temps .contenu a{text-decoration: underline;}
#content_temps .contenu .social_article{width: auto;}
.inBox{text-align: left; float: left;}
.inBox:hover{text-decoration: none; color: #333;}
.link_to_article{ text-decoration: none; color: #333; margin: 30px 0 30px 0; width: 100%; text-align:center; display :block;font-family: 'AryaSingle'; font-size: 15px; border: 1px solid #c0c0be;padding: 5px 10px 0px 10px;float: left;cursor: pointer;}
.link_to_article:hover{text-decoration: none; background-color:#ececec;color: #333;}
.inBoxArticle{text-align: right;position: absolute;top: 10px;left: 10px;z-index: 1000;}
.inBoxArticle a{ color: #FFF;}
.inBoxArticle .icon-dropbox:before{font-size: 26px }
.zoom {color: #FFF!important;position: absolute; margin: 5px; background-color: #000; bottom: 0;left: 0;border-radius: 50%; opacity: 0.7;}
.zoom:hover {opacity: 1;}
/*********** LABOITE *******/
#content_category_boite .button:hover{background-color: #ffed00; color:#000!important; }
#title_category_boite{text-align: center; width: 100%; margin: auto; height: 80px;}
#title_category_boite h2{ margin-top: 5px; color: #000; font-family: 'AryaDouble';font-size: 40px; text-align: center; line-height: 80px; }
#content_category_boite{ width: 100%; margin:auto; font-family: arial;}
#content_category_boite h3{ color: #75052d; font-family: 'AryaDouble';font-size: 40px;text-align: center; line-height: 44px; margin-top: 50px;}
#content_category_boite .content{ font-family: arial; font-weight: 700; text-align:center; color: #000; width: 670px; margin:auto; font-size: 20px; margin-top: 20px; margin-bottom: 40px;}
#content_category_boite #content_category_boite_partenaires{ width: 100%; margin:auto;}
#content_category_boite #content_category_boite_contenu{ width: 100%; margin:auto;}
#content_category_boite #content_category_boite_contenu h3{margin-bottom: 100px;}
#content_category_boite #content_category_boite_contenu .content{ font-size: 20px; margin-bottom: 40px;width: 100%; padding-top: 40px;}
#content_category_boite #content_category_boite_contenu .content h2{ margin-top: 5px; color: #000; font-family: 'AryaSingle'; text-align: center; font-size: 21px; margin-top: 0; margin-bottom: 0; line-height: 28px;}
#content_category_boite #content_category_boite_contenu .content em{ font-family: arial;font-weight: 700;font-size: 20px; margin-top: -118px;display: block; font-style: normal;}
#content_category_boite #content_category_boite_contenu .content h4{ color: #000;font-family: 'AryaSingle';text-align: center; font-size: 20px;margin-top: -25px;margin-left: 41px;margin-bottom: 0;}
#content_category_boite #content_category_boite_contenu .content h1{ color: #000; font-family: 'AryaSingle'; text-align: center; font-size: 41px; margin-top: 0; margin-bottom: 20px; margin-top: 20px;}
#content_category_boite #content_category_boite_contenu .content p{ font-family: arial;font-size: 16px; font-weight: normal;}
#content_category_boite #content_category_boite_contenu .content img{ margin: 20px 0 5px 0;}
#content_category_boite #content_category_boite_contenu .content table{ width: 100%;}
#content_category_boite #content_category_boite_contenu .content table tr td{ border:0; border-bottom: 1px solid white;}
#content_category_boite #content_category_boite_contenu .content table tr td.border{ border: 1px solid #8f8f8f; width: 280px;}
#content_category_boite #content_category_boite_contenu .content table tr td.border h2{ margin-bottom: 5px;}
#content_category_boite #content_category_boite_contenu .content .plus{ color: #FFF;background-color: #000;font-family: 'AryaSingle';text-align: center;font-size: 25px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 41px;font-family: 'AryaSingle';width: 35px; display: inline-block;margin: 20px;}
#title_category_boite{text-align: center; width: 100%; margin: auto; height: 80px;}
#title_category_boite h2{ margin-top: 5px; color: #000; font-family: 'AryaDouble';font-size: 40px; text-align: center; line-height: 80px; }
#content_category_boite{ width: 100%; margin:auto; font-family: arial; }
#content_category_boite h3{ color: #75052d; font-family: 'AryaDouble';font-size: 40px;text-align: center; line-height: 44px; margin-top: 50px;}
#content_category_boite h1{ font-family: 'Cabana'!important; color: #FFF!important;font-size: 50px!important;padding-top: 30px;}
#content_category_boite .content{ font-family: arial; font-weight: 700; text-align:center; color: #000; width: 670px; margin:auto; font-size: 20px; margin-top: 20px; margin-bottom: 40px;}
#content_category_boite #content_category_boite_cest_quoi{ width: 100%; margin:auto; text-align: center;}
#content_category_boite #content_category_boite_cest_quoi .content{ width: 100%; margin:auto;}
#content_category_boite #content_category_boite_cest_quoi .btn_vouloir_boite{ cursor: pointer;text-decoration: none;display: inline-block; color:#FFF; margin:auto; background-color:#1d1d1b; padding: 10px; font-family: 'AryaSingle'; text-align: center;font-size: 24px;margin-top: 40px; margin-bottom: 40px;}
#content_category_boite #content_category_boite_cest_quoi .btn_vouloir_boite:hover{background-color:#75052d;}
#content_category_boite #content_category_boite_cest_quoi img{min-width: 100%;height: auto;}
#content_category_boite #content_category_boite_cest_quoi .content p{ font-family: arial;font-size: 24px;padding-bottom: 0; margin: 0;}
#content_category_comment h3{ color: #75052d; font-family: 'AryaDouble';font-size: 40px;text-align: center; line-height: 44px; margin-top: 50px;}
#content_category_comment h1{ font-family: 'Cabana'!important; color: #000!important;font-size: 50px!important;padding-top: 30px;}
#content_category_comment .content{overflow: hidden;font-family: arial; font-weight: 700; text-align:center; color: #000; width: 670px; margin:auto; font-size: 20px; margin-top: 20px; margin-bottom: 40px;}
#content_category_comment {overflow: hidden;width: 100%; margin:auto; text-align: center;}
#content_category_comment .content{overflow: hidden;width: 100%; margin:auto;}
#content_category_comment .btn_vouloir_boite{ cursor: pointer;text-decoration: none;display: inline-block; color:#FFF; margin:auto; background-color:#1d1d1b; padding: 10px; font-family: 'AryaSingle'; text-align: center;font-size: 24px;margin-top: 40px; margin-bottom: 40px;}
#content_category_comment .btn_vouloir_boite:hover{background-color:#75052d;}
#content_category_comment div img{margin-bottom: 15px;}
#content_category_comment .content p{ font-family: arial;font-size: 24px;padding-bottom: 0; margin: 0;}
#content_category_comment div {font-family: 'AryaSingle'; font-size: 16px;text-transform: uppercase;text-align:left;}
.newsletter-form{background-color: #000;color: #FFF;font-family: "AryaDouble";padding: 15px;text-align: center;font-size: 24px;}
.newsletter-form input[type="email"]{background-color: #000;border: 0;border-bottom: 1px solid #FFF;width: 80%;font-family: arial;}
.newsletter-form input[type="submit"]{ background-color: #000;border: 0;font-size: 35px;margin-right: -70px;margin-top: -11px;}
.newsletter-form input:focus{outline: 0;}
#content_category_boite_cest_quoi .content em{ font-family: arial;font-size: 18px; font-style: normal; font-weight: normal;}
#content_category_boite_cest_quoi .content td{ width: 33%; font-family: 'AryaSingle'; font-size: 16px; height: 60px;vertical-align: top;}
#content_category_boite_cest_quoi .content td em{ font-family: arial; font-size: 13px; font-weight: normal;font-style: normal;}
#content_category_boite_cest_quoi .content h1{ color: #000; font-family: 'AryaSingle'; text-align: center; font-size: 35px; margin-top: 0; margin-bottom: 0px; margin-top: 30px;}
#content_category_boite_cest_quoi .content h2{ color: #000; font-family: arial; font-weight: 700; text-align: center; font-size: 22px; margin-top:0; margin-bottom:0;line-height: 32px;}
#content_category_boite_partenaires{ width: 100%; margin:auto;}
#content_category_boite_contenu{ width: 100%; margin:auto;}
#content_category_boite_contenu h3{margin-bottom: 100px;}
#content_category_boite_contenu .content{ font-size: 20px; margin-bottom: 40px;width: 100%; }
#content_category_boite_contenu .content h2{ margin-top: 5px; color: #000; font-family: 'AryaSingle'; text-align: center; font-size: 21px; margin-top: 0; margin-bottom: 0; line-height: 28px;}
#content_category_boite_contenu .content em{ font-family: arial;font-weight: 700;font-size: 20px; margin-top: -118px;display: block; font-style: normal;}
#content_category_boite_contenu .content h4{ color: #000;font-family: 'AryaSingle';text-align: center; font-size: 20px;margin-top: -25px;margin-left: 41px;margin-bottom: 0;}
#content_category_boite_contenu .content h1{ font-family: 'Cabana'!important; color: #000!important;font-size: 50px!important;padding-top: 30px;text-align:center;}
#content_category_boite_contenu .content p{ font-family: arial;font-size: 16px; font-weight: normal;}
#content_category_boite_contenu .content img{ margin: 20px 0 5px 0;}
#content_category_boite_contenu .content table{ width: 100%;}
#content_category_boite_contenu .content table tr td{ border:0; border-bottom: 1px solid white;}
#content_category_boite_contenu .content table tr td.border{ border: 1px solid #8f8f8f; width: 280px;}
#content_category_boite_contenu .content table tr td.border h2{ margin-bottom: 5px;}
#content_category_boite_contenu .content .plus{ color: #FFF;background-color: #000;font-family: 'AryaSingle';text-align: center;font-size: 25px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 41px;font-family: 'AryaSingle';width: 35px; display: inline-block;margin: 20px;}
#content_category_boite_formules{ width: 100%; margin:auto;background-color: #000; color: #FFF!important;}
#content_category_boite_formules .content h1{ font-family: 'Cabana'!important; color: #FFF!important;font-size: 50px!important;padding-top: 30px;text-align:center;}
#content_category_boite_formules .content{margin: 0; width: 100%; font-size: 25px;}
#content_category_boite_formules .offers{ text-align: center;position: relative;float: left; width: 220px; overflow: hidden; }
#content_category_boite_formules .first{width: 100%;overflow: hidden;}
#content_category_boite_formules .second{width: 963px;background-color: #201f1f;height: 150px;margin-top: 201px;display: block;margin-left: 11px;}
#content_category_boite_formules .content p{ margin: 20px;}
#content_category_boite_formules .content a{display: block;width: 100%;overflow: hidden;text-decoration: none;}
#content_category_boite_formules .content a:hover{ color:#000; }
#content_category_boite_formules .content a.button:hover{background-color: #ffed00; color:#000; }
#content_category_boite_formules .nbBoite{font-family:'AryaTriple'!important; font-weight: normal;font-size: 100px;color: #FFF!important;margin: auto;display: inline-block;}
#content_category_boite_formules .sub-nbBoite{vertical-align: top;margin: auto;display: inline-block;text-align: left;padding-top: 20px;}
#content_category_boite_formules .sub-1{line-height: 15px;padding-top: 10px;font-family:'AryaSingle'!important;font-weight: normal;font-size: 22px;color: #FFF!important;font-style: normal;}
#content_category_boite_formules .sub-2{font-family:'AryaSingle'!important;font-weight: normal;font-size: 14px;color: #FFF!important;font-style: normal;}
#content_category_boite_formules .price{font-family:'AryaSingle'!important;font-weight: normal;font-size: 45px;color: #000!important;font-style: normal; background-color: #ffed00; -webkit-border-radius:120px;-moz-border-radius:120px;border-radius:120px;width:120px;height:120px;line-height: 120px;margin: auto;}
#content_category_boite_formules .button{width: auto!important;display: inline-block!important;margin-top: 30px!important;color: #ffed00; font-weight: normal; text-decoration: none; background-color: #000; border: 1px solid #909090; border-radius: 3px;}
#content_category_boite_formules .border-price{background:url(Images/border-price.png);width: 20px; overflow: hidden; height:350px;float:left; }
#content_category_boite_formules .offers-4 { text-align: center;position: relative;float: left; width: 220px; overflow: hidden; }
#content_category_boite_formules .offers-4 a.txte{text-decoration: none; color: #686363; background-color: #000;font-family: 'AryaSingle'; font-size: 22px; font-weight: normal;padding: 22px;line-height: 27px;}
#content_category_boite_formules .offers-4 a.txte:hover{text-decoration: none; color: #686363; background-color: #000;font-family: 'AryaSingle'; font-size: 22px; font-weight: normal;padding: 22px;}
#content_category_boite_formules .offers-4 .button{width: auto!important;display: inline-block!important;margin-top: 39px!important;color: #ffed00; font-weight: normal; text-decoration: none; background-color: #000; border: 1px solid #909090; border-radius: 3px;}
#content_category_boite_formules .offers-4 .price{padding: 0;font-family:'AryaSingle'!important;font-weight: normal;font-size: 35px;color: #000!important;font-style: normal; background-color: #FFF; -webkit-border-radius:95px;-moz-border-radius:95px;border-radius:95px;width:95px;height:95px;line-height: 95px;margin: auto;margin-top: 6px;}
#content_category_boite_formules .offers-4 .price:hover{padding: 0;font-family:'AryaSingle'!important;font-weight: normal;font-size: 35px;color: #000!important;font-style: normal; background-color: #FFF; -webkit-border-radius:95px;-moz-border-radius:95px;border-radius:95px;width:95px;height:95px;line-height: 95px;margin: auto;margin-top: 6px;}
#content_category_boite #content_category_cest_quoi{font-family: 'AryaSingle'!important;text-transform: uppercase;background-color: #000;}
#content_category_boite #border-flocon{background: url(Images/border-flocon.png); background-repeat: repeat-x;width: 100%;display: block;height: 46px; margin-bottom: -31px;}
#content_category_boite #content_category_cest_quoi h2{ color:#FFF!important;font-family: 'AryaSingle'!important;}
#content_category_boite #content_category_cest_quoi .content{ width: 100%; margin:auto;}
#content_category_boite #content_category_cest_quoi .btn_vouloir_boite{ cursor: pointer;text-decoration: none;display: inline-block; color:#FFF; margin:auto; background-color:#1d1d1b; padding: 10px; font-family: 'AryaSingle'; text-align: center;font-size: 24px;margin-top: 40px; margin-bottom: 40px;}
#content_category_boite #content_category_cest_quoi .btn_vouloir_boite:hover{background-color:#75052d;}
#content_category_boite #content_category_cest_quoi .content p{ font-family: 'AryaSingle';font-size: 24px;padding-bottom: 15px;}
#content_category_boite #content_category_cest_quoi .content em{ font-family: 'AryaSingle';font-size: 18px; font-style: normal; font-weight: normal;}
#content_category_boite #content_category_cest_quoi .sub {width: 100%; max-width: 1200px; margin: auto; color: #fff;overflow: hidden;}
#content_category_boite #content_category_cest_quoi .sub-sub {float: left; max-width: 100%; width: 170px; margin: auto;}
#content_category_boite #content_category_cest_quoi .content h1{ color: #000; font-family: 'AryaSingle'; text-align: center; font-size: 35px; margin-top: 0; margin-bottom: 0px; margin-top: 30px;}
#content_category_boite #content_category_cest_quoi .content h2{ color: #000; font-family: arial; font-weight: normal; text-align: center; font-size: 22px; margin-top:0; margin-bottom:0;line-height: 32px;}
/*********** LES PAGES *******/
#title_page{text-align: center; width: 980px; margin: auto; height: 80px;}
#title_page h2{ color: #000; font-family: 'AryaDouble';font-size: 40px; text-align: center; line-height: 80px; }
#content_page{width: 980px; margin:auto; font-size: 16px; font-family: times,arial; position: relative;}
#content_page .marque_page{float: left; position: absolute; top: 0; left: 75px;}
#content_page .content{width: 630px; margin:auto; font-size: 14px; font-family: arial;padding-top: 17px;}
#content_page h1{font-size: 11px; font-family: 'AryaSingle'; padding: 5px; background-color: #1d1d1b; color: #FFF; display: inline-block; margin: 10px 0 10px 0;}
#content_page h1{ font-family: 'AryaSingle'; font-size: 18px; margin-bottom: 15px; font-weight: 700;}
#content_page h2{ font-family: arial; font-size: 16px; font-weight: 700;}
#content_page h3{ font-family: arial; font-size: 16px; font-weight: 700; color:#6F6F6E;}
#content_page h4{display: inline; font-family: arial; font-size: 14px; text-align:justify; margin: 0; padding: 0;}
#content_page h5{ display: inline; font-family: arial; font-size: 14px; text-align:justify; margin: 0; padding: 0;}
#content_page h6{display: inline; font-family: arial; font-size: 14px; text-align:justify; margin: 0; padding: 0;}
#content_page pre{background: none; display: inline; border: 0;font-family: arial; font-size: 14px; text-align:justify; margin: 0; padding: 0;}
/****** CONTACT ******/
#formulaires, #validationForm { width: 100%; max-width: 980px; margin: 0 auto; font-family: Arial;}
.erreur { color: #df280a; font-weight: bold; padding: 2px 5px; border: 0; background-color: transparent; display: inline-block;}
.erreur span { background:url(Images/error_msg_icon.gif) no-repeat center left; padding-left: 20px; height: 18px; line-height: 18px; padding-top: 1px; font-size: 12px; display: block;}
.intituleForm { font-weight: bold; margin-bottom: 20px; text-align: left;}
#validationForm table { width: 100%; margin-bottom: 20px;}
#formulaires tr { display: none;}
#formulaires tr#onSelectAffich td { padding-top: 20px;}
#formulaires tr.selectionObjet td, #validationForm tr.selectionObjet td { padding-bottom: 20px; vertical-align: middle;}
#formulaires td, #validationForm td { vertical-align: top; padding: 3px;}
#formulaires td.label, #validationForm td.label { padding-top: 6px; text-align: left;}
#validationForm td.label { width: 18%;}
#formulaires td.labelComm { vertical-align: top;}
#formulaires td label, #validationForm td label { color: #000; margin: 0;}
#labelObjet { font-family: 'AryaSingle', Arial; font-size: 13px; color: #000;}
#validationForm input { width: 80%;}
#formulaires input:not([type=checkbox]) { width: 40%;}
#formulaires input#adresse, #formulaires input#video, #formulaires input#illustration { width: 80%;}
#formulaires input[type=submit] { width: auto;}
#formulaires input.erreurChps, #formulaires textarea.erreurChps, #formulaires select.erreurChps { border: 1px solid #df280a; }
#validationForm { overflow: hidden; margin-bottom: 40px; text-align: center; }
#validationForm img { margin-left: 15px; vertical-align: middle;}
#formulaires.formContactPresse tr{display: table-row;}
/**** Rubrique page ***/
#content_rubrique_page{width: 980px;margin: auto;margin-bottom: 50px;}
#content_rubrique_page .content-page {display: inline-block;width: 980px;height: auto;text-decoration: none;padding-bottom: 10px;margin-top: 20px;border-bottom: 1px solid #8c8c8c;}
#content_rubrique_page .content-page .button{width: auto; line-height: 13px; font-size: 13px; float: right; margin:0; margin-right: 10px;}
#content_rubrique_page .content-page .img {display: block;text-decoration: none;float: left;}
#content_rubrique_page .content-page .img img{ width: 160px;height: 120px;margin: 0 20px 0 10px;}
#content_rubrique_page .content-page .title{color:#000; font-family: 'AryaSingle';display: block;padding: 10px;text-decoration: none;font-size: 20px;}
#content_rubrique_page .content-page .description{color:#000; font-family: arial;font-size: 14px;text-decoration: none; display: block;}
#content_rubrique_page .content-post {position: relative;display: inline-block;width: 980px;height: auto;text-decoration: none;padding-bottom: 20px;margin-top: 20px;border-bottom: 1px solid #8c8c8c;}
#content_rubrique_page .content-post .img {display: inline-block ;text-decoration: none;float: left;width: 160px; margin: 0 20px 0 10px;}
#content_rubrique_page .content-post .img img{width: 160px; }
#content_rubrique_page .content-post .top{ display: inline;width: 788px;}
#content_rubrique_page .content-post .date{width: 394px; display:inline-block; text-align: right;font-size: 12px; color:#999;}
#content_rubrique_page .content-post .theme{width: 394px;display:inline-block;}
#content_rubrique_page .content-post .title{color:#000; font-family: 'AryaSingle';display: block;padding: 10px 10px 10px 0;text-decoration: none;font-size: 20px;width: 788px; float: left;}
#content_rubrique_page .content-post .description{color:#000; font-family: arial;font-size: 14px;text-decoration: none; padding: 10px 10px 10px 0;width: 788px; float: left;}
/************ RUBRIQUE ADOS *****************/
#title_category_ados{ background-image: url(Images/back_accroche_ados.jpg);background-repeat: no-repeat;height: 150px;width: 1100px;margin: auto; padding-left: 60px;}
#title_category_ados h2{font-family: 'AryaSingle'; background-color: #000; color: #FFF; font-size: 22px;text-align:center; padding: 5px 10px 5px 10px; display: inline-block; margin-top: 36px;}
#title_category_ados h3{font-family: 'AryaSingle'; background-color: #99ffb5; color: #000; font-size: 22px;text-align:center; padding: 5px 10px 5px 10px;display: inline-block; margin-top: -36px;}
#content_rubrique_ados {width: 980px; margin:auto;margin-top: 20px;}
#content_rubrique_ados .left_ados{margin-bottom: 30px; width: 226px; margin-right: 10px; float: left; margin-top: 10px;}
#content_rubrique_ados .left_ados #filtre_selection_ados{background-color: #1d1d1b; height: 150px; padding: 20px 18px 20px 18px;font-family: AryaSingle;text-align: center;}
#content_rubrique_ados .left_ados #filtre_selection_ados span{font-family: 'AryaSingle'; color:#FFF; font-size: 17px;}
#content_rubrique_ados .left_ados #filtre_selection_ados #disciplineArtistique{ margin: 10px 0 5px 0;font-family: 'aryaSingle';width: 190px;height: 27px;line-height: 23px;font-size: 12px;}
#content_rubrique_ados .left_ados #filtre_selection_ados #sous-discipline{ margin: 10px 0 10px 0;font-family: 'aryaSingle';width: 190px;height: 27px;line-height: 23px;font-size: 12px;}
#content_rubrique_ados .left_ados .proposer_redaction{margin-top: 20px; height: 260px; background-color: #99ffb5; color: #000; padding: 20px 25px 20px 25px;}
#content_rubrique_ados .left_ados .proposer_redaction .texte{margin-bottom: 40px; display:block;color: #000; font-family: arial; font-size: 14px; font-weight: 700; text-decoration: none;}
#content_rubrique_ados .left_ados .proposer_redaction .btn-ados{color: #FFF;padding: 5px 10px 5px 10px; font-family: 'aryaSingle'; font-size: 17px;text-decoration: none; background-color: #1d1d1b; display: inline; }
#content_rubrique_ados .right_ados{width: 740px; float: left; }
#content_rubrique_ados .right_ados .content{ margin: 10px; width: 350px; border: 1px solid #8c8c8c; float: left;height: 475px; position: relative;}
#content_rubrique_ados .right_ados .content .img_art{ background-size: cover; width: 100%; height: 246px; float: left;}
#content_rubrique_ados .right_ados .content .top_art { float: left; width: 328px; margin: 10px; text-decoration: none;}
#content_rubrique_ados .right_ados .content .top_art .date {display: block;width: 164px;float: left; text-align: right;}
#content_rubrique_ados .right_ados .content .top_art .theme { display: block;width: 164px;float: left; cursor: pointer; text-decoration:none;}
#content_rubrique_ados .right_ados .content .title_art a{ font-size: 19px; font-family:'AryaSingle'; color:#000;display: block; float: left; width: 328px;margin: 10px;cursor: pointer; text-decoration:none;}
#content_rubrique_ados .right_ados .content .description_art{font-size: 14px; font-family: times, arial; color: #000; display: block; float: left; width: 328px; margin: 10px;cursor: pointer; text-decoration:none;}
/****** ARTICLE ADOS *****/
.sliderAdos {background-color: #1d1d1b; padding-top: 40px;}
.sliderAdos #slider_media .content_slider .legende {color:#FFF;}
.sliderAdos .bx-wrapper .bx-pager, .sliderAdos .bx-wrapper .bx-controls-auto{position:relative;}
.sliderAdos .bx-wrapper .bx-pager.bx-default-pager a:hover, .sliderAdos .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #a0ffb9; }
.sliderAdos .bx-wrapper .bx-pager.bx-default-pager a, .sliderAdos .bx-wrapper .bx-pager.bx-default-pager a{background-color: #FFF;}
.sliderAdos .bx-wrapper .bx-viewport{background-color: #1d1d1b; border: 0;}
.sliderAdos h1.title_article_ados{font-size: 34px; text-align:center; font-family: 'AryaDouble'; color: #8cf3aa; font-weight: normal; width: 630px;margin: auto; margin-bottom: 40px;display: block;}
.content_article_ados{width: 630px; margin:auto; margin-top: 20px;}
.content_article_ados .top_article_ados{ background-color: #a0ffb9; font-family:arial; font-size: 12px; font-weight: 700; color:#000; padding:5px; display: inline-block; margin-bottom: 20px;}
.content_article_ados .top_article_ados a{text-decoration:none; font-family:arial; font-size: 12px; font-weight: 700; color:#000;}
.social_ados{ margin-top: -45px;}
.content_article_ados .citation{ font-family: times,arial; font-size: 18px; font-style: italic; text-align:justify; margin-bottom: 40px; margin-top: 40px;}
.content_article_ados .chapo{font-family: 'AryaSingle'; font-size: 12px; margin-bottom: 15px;}
.content_article_ados .contenu{ position: relative; font-family: times,arial; font-size: 16px; text-align:justify; margin-bottom: 50px;}
.content_article_ados .exerg{ background-color: #1d1d1b; width: 400px; color: #FFF; font-family: arial; font-size: 13px; padding: 15px; border: 0;margin-left: -150px; margin-right: 20px; margin-top: 20px; float: left; margin-bottom: 20px;}
.content_article_ados .contenu h1{ font-family: 'AryaSingle'; font-size: 18px; margin-bottom: 15px; font-weight: 700;}
.content_article_ados .contenu h2{ font-family: times,arial; font-size: 20px; font-weight: 700;}
.content_article_ados .contenu h3{ font-family: times,arial; font-size: 20px; font-weight: 700; color:#6F6F6E;}
.content_article_ados .contenu h4{display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
.content_article_ados .contenu h5{ display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
.content_article_ados .contenu h6{display: inline; font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
.content_article_ados .contenu pre{background: none; display: inline; border: 0;font-family: times,arial; font-size: 16px; text-align:justify; margin: 0; padding: 0;}
.content_article_ados .contenu a{text-decoration: underline;}
#content_category_boite_formules form{text-align: center; margin-top: 30px;margin-bottom: 30px;}
#content_category_boite_formules form input[type="email"]{ border: 0;border-bottom: 1px solid #8e8e8e;width: 210px;padding: 0;font-family: arial;color: #000;font-weight: normal;font-size: 14px;}
#content_category_boite_formules form input[type="email"].error{ border:1; border-bottom: 1px solid #red; width: 210px; padding: 0; color: red;}
#content_category_boite_formules form input[type="submit"]{ text-align: center;font-size: 10px;border: 1px solid #8c8c8c;background-color: #FFF; color: #000;line-height: 20px;margin-left: 18px;font-family: 'AryaSingle';}
/******plan de site****/
#content_plan_site{ width: 980px;margin: auto;margin-top: 30px;margin-bottom: 30px;}
#content_plan_site .right{width: 50%; float:left;}
#content_plan_site .left{width: 50%; float:left;}
#content_plan_site a{text-decoration: none;}
#content_plan_site a:hover{text-decoration: none;color:#75052d;}
#content_plan_site .title{ font-family: 'AryaSingle';font-size: 20px;text-decoration: none;margin: 10px;}
/******* Authentification *****/
#content_auth{width: 980px; margin:auto; height: 500px;}
#content_auth h3{ font-family: arial;margin-top: 30px;padding: 0 0 10px 0;margin-bottom: 20px;border-bottom: 1px solid #CCC;font-size: 22px;font-weight: 700;}
#content_auth .mpOubliate{ margin-top:-132px;display: block;font-size: 16px; color:#979797;}
#content_auth .mpOubliate:hover{ color:#75052d;}
#content_auth .mon_compte_connexion{ width: 45%;float: left;margin-right: 10%; }
#content_auth .mon_compte_connexion input[type="text"]{ width: 80%; padding: 5px 0 0px 0;font-family: arial;font-size: 16px;font-weight: normal; }
#content_auth .mon_compte_connexion .um_remember_field{ margin-top: 34px; }
#content_auth .mon_compte_connexion input[type="password"]{ width: 80%; padding: 5px 0 0px 0;font-family: arial;font-size: 16px;font-weight: normal; }
#content_auth .mon_compte_connexion input[type="email"]{ width: 80%; padding: 5px 0 0px 0;font-family: arial;font-size: 16px;font-weight: normal; }
#content_auth .mon_compte_connexion label{ width: 70%;padding: 5px 0 5px 0;font-family: arial;font-size: 16px;font-weight: normal; }
#content_auth .mon_compte_connexion input[type="submit"]{ cursor: pointer; text-decoration: none;display: inline-block;color: #FFF;margin: auto;background-color: #1d1d1b;padding: 10px; font-family: 'AryaSingle';text-align: center;font-size: 14px; margin-top: 10px; border: 0;}
#content_auth .mon_compte_connexion input[type="submit"]:hover{background-color:#75052d;}
#content_auth .mon_compte_connexion #lostpassword_link {display: none;}
#content_auth .mon_compte_connexion .um_lostpass_form {display: none;}
#content_auth .mon_compte_inscrption{width: 45%; float: left;}
#content_auth .mon_compte_inscrption a{ cursor: pointer; text-decoration: none;display: inline-block;color: #FFF;margin: auto;background-color: #1d1d1b;padding: 10px; font-family: 'AryaSingle';text-align: center;font-size: 14px;margin-top: 40px;margin-bottom: 40px;}
#content_auth .mon_compte_inscrption a:hover{background-color:#75052d;}
#content_auth .mon_compte_inscrption div{ font-family: arial; font-size: 18px; }
#content_auth .mon_compte_inscrption div h4{font-family: arial; font-size: 18px; }
#content_auth .mon_compte_inscrption div ul{font-family: arial; font-size: 18px; padding-top:20px; padding-bottom: 14px;}
#content_auth .mon_compte_inscrption div li{font-family: arial; font-size: 16px; line-height: 27px;}
.pf_error{background-color: #FFF3F3;border-left: 3px ridge #DF3F3F; padding: 10px; margin: 20px 0 20px 0;}
.pf_success{width: 980px; margin: auto; margin-top: 20px; background-color: #F3FFF4;border-left: 3px ridge #049638;padding: 10px;}
.pf_error_limit{background-color: #FFF3F3;border-left: 3px ridge #DF3F3F; padding: 10px; margin: auto; margin-top: 20px; margin-bottom: 20px; width: 980px;}
#info.error{width: 980px;margin: auto;margin-top: 20px;background-color: #FFF3F3;border-left: 3px ridge #DF3F3F; padding: 10px;}
#info.valid{ width: 980px; margin: auto; margin-top: 20px; background-color: #F3FFF4;border-left: 3px ridge #049638;padding: 10px;}
/****** PAGE ABO *****/
#title_abo{ width: 630px; margin:auto;}
#title_abo h2{color: #000; font-family: 'AryaDouble';font-size: 40px; text-align: center; line-height: 80px;}
#content_page_abo{width: 700px; margin:auto;}
#content_page_abo .abonnementTexte1{text-align: center; margin-bottom: 30px;}
#content_page_abo .prix{font-size: 25px; line-height: 25px; font-family: 'AryaTriple'; margin-bottom: 0;}
#content_page_abo .curieux{font-family: 'Arya'; font-size: 16px; line-height: 16px; font-weight: bold; margin-bottom: 0}
#content_page_abo .naja21URL{font-size: 10px; line-height: 10px; margin-bottom: 20px}
#content_page_abo .frequence{font-family: 'AryaTriple'; font-size: 14px;}
#content_page_abo .abonnementTexte2{font-family: 'AryaTriple'; font-size: 14px; margin-bottom: 40px; margin-top: 80px;}
#content_page_abo .abonnementForm>div{padding: 8px; border-top: 3px solid darkblue;}
#content_page_abo .abonnementForm{margin-bottom: 30px; border: 8px solid #d7d7d7;}
#content_page_abo .abonnementForm .titleForm{height: 30px; margin-bottom: 20px;}
#content_page_abo .abonnementForm .titleForm .circle{float: left; border: 1px solid black;border-radius: 50%;width: 30px; height: 30px; text-align: center; padding-top: 4px;}
#content_page_abo .abonnementForm .titleForm :nth-child(2){float: left; margin-left: 10px; font-size: 20px; font-weight: bold;}
#content_page_abo .abonnementForm .titleForm .dajaInscrit{float: right; color: blue; margin-top: 4px; cursor:pointer; text-decoration: underline;}
#content_page_abo .abonnementForm label{margin-top: 10px; width: 20%;padding: 5px 0 5px 0;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_abo .abonnementForm input[type="radio"]{width: 20px;padding: 5px 0 5px 0;}
#content_page_abo .abonnementForm .radioGenre :nth-child(3){text-align: left; width: 80px}
#content_page_abo .abonnementForm .radioGenre :nth-child(5){text-align: left; width: 80px}
#content_page_abo .abonnementForm input[type="email"]{ width: 75%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_abo .abonnementForm input[type="password"]{ width: 60%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_abo .abonnementForm input[type="text"]{ width: 75%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_abo .abonnementForm #result{margin-left: 21%;}
#content_page_abo .abonnementForm .short{font-weight:bold; color:#FF0000; border-top: 3px solid #FF0000; width: 13%}
#content_page_abo .abonnementForm .weak{font-weight:bold; color:orange; border-top: 3px solid orange; width: 26%}
#content_page_abo .abonnementForm .good{font-weight:bold; color:#2D98F3; border-top: 3px solid #2D98F3; width: 39%}
#content_page_abo .abonnementForm .strong{font-weight:bold; color: limegreen; border-top: 3px solid limegreen; width: 52%}
#content_page_abo .abonnementForm .addr{display: inline-flex; width: 100%;}
#content_page_abo .abonnementForm .addrInput{width: 30%; margin-right: 3%;}
#content_page_abo .abonnementForm #pays_input{width: 100%; padding: 5px;font-family: arial;font-size: 16px;font-weight: normal; height: 35px;}
#content_page_abo .abonnementForm .addrInput label{width: 100%;}
#content_page_abo .abonnementForm .addrInput input{width: 100%;}
#content_page_abo .abonnementForm .priceRadioButton {display: inline-flex; width: 100%}
#content_page_abo .abonnementForm .priceRadioButton div{border: 1px solid lightgray; width: 45%; margin-left: 20px;}
#content_page_abo .abonnementForm .priceRadioButton div label{float: left; margin: 0; height: 58px; width: 100%; padding: 0;font-size: 20px;}
#content_page_abo .abonnementForm .priceRadioButton div label p{line-height: 58px;}
#content_page_abo .abonnementForm .priceRadioButton div label .inputDiv{width: 20%; margin: 0; border: none; float: left; height: 58px;}
#content_page_abo .abonnementForm .priceRadioButton div label input{float: left; height: 58px; margin: 0; margin-left: 32%}
#content_page_abo .checkBoxs label{cursor: pointer; color: #000;font-family:Arial, sans-serif;font-size:12px; line-height: 40px;}
#content_page_abo .checkBoxs input[type="checkbox"]{display: none;}
#content_page_abo .checkBoxs span{display: inline-block;width: 19px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle;cursor: pointer; border: 1px solid black;border-radius: 50%;}
#content_page_abo .checkBoxs #offre_nana21_checkBox:checked + .circle_naja21{background-color:#000;}
#content_page_abo .checkBoxs #offre_partenaires_checkBox:checked + .circle_partenaires{background-color:#000;}
#content_page_abo .checkBoxs #cgv_checkBox:checked + .circle_cvg{background-color:#000;}
#content_page_abo .checkBoxs span{-webkit-transition:background-color 0.4s linear;-o-transition:background-color 0.4s linear;-moz-transition:background-color 0.4s linear;transition:background-color 0.4s linear;}
#content_page_abo input[type="submit"]{ float: right; cursor: pointer; text-decoration: none;display: inline-block;color: #FFF;margin: auto;background-color: #1d1d1b;padding: 10px; font-family: 'AryaSingle';text-align: center;font-size: 14px; margin-top: 10px; border: 0;}
#content_page_abo input[type="submit"]:hover{background-color:#75052d;}
/*Page paiement*/
#content_page_paiement {width: 1000px; margin:auto;}
#content_page_paiement #idFramePaiement{width: 100%; height:810px; border: none;}
#content_page_paiement .erreurTxt{text-align: center; margin-top: 20px; margin-bottom: 30px; }
#content_page_paiement .erreurTxt p{ font-size: 18px; font-family: 'AryaSingle','Arial'; color: red; padding-left: 15px;}
#content_page_paiement .erreurTxt button{float: right;}
/****** Panier ETC .... ********/
#subscribe_process{width: 980px; margin: auto; margin-top: 30px; margin-bottom: 40px;height: 45px;}
#subscribe_process .number{background-color: #CCC;color: #FFF;width: 21px;border-radius: 80px;display: block;margin: auto;margin-top: -14px;margin-bottom: 5px; font-size: 14px; font-weight: normal;}
#subscribe_process span{ font-size: 15px; width: 25%;float: left;text-align: center;border-top: 1px solid #CCC;font-family: "AryaSingle";color: #CCC;}
#subscribe_process span a{ font-size: 15px;font-family: "AryaSingle";color: #CCC; text-decoration: none;}
#subscribe_process span a:hover{ color: #6F6F6E;}
#subscribe_process span.actif{ color: #6F6F6E;}
#subscribe_process span.actif .number{background-color: #6F6F6E; color: #FFF;}
#subscribe_process span a:hover .number{ background-color: #6F6F6E;}
#content_subscribe{overflow: hidden;width: 980px; margin: auto; font-family: arial; font-size: 16px;}
#content_subscribe .content_subscribe_cart{display: inline-block; width: 100%; margin-bottom: 30px;}
#content_subscribe .content_subscribe_recap{display: inline-block; width: 100%; margin-bottom: 30px;}
#content_subscribe input[type="radio"] {display:none;}
#content_subscribe input[type="radio"] + label { cursor: pointer; color: #000;font-family:Arial, sans-serif;font-size:14px; line-height: 40px;}
#content_subscribe input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;cursor:pointer;-moz-border-radius: 50%;border-radius: 50%; border: 1px solid #000; margin-left: 10px; margin-right: 10px;}
#content_subscribe input[type="radio"] + label span {background-color:#FFF;}
#content_subscribe input[type="radio"]:checked + label span{background-color:#000;}
#content_subscribe input[type="radio"] + label span,input[type="radio"]:checked + label span {-webkit-transition:background-color 0.4s linear;-o-transition:background-color 0.4s linear;-moz-transition:background-color 0.4s linear;transition:background-color 0.4s linear;}
#content_subscribe .content_subscribe_cart .label_frais{display: inline; font-weight: normal;font-family: arial; font-size: 16px; line-height: 33px; padding-left: 10px;}
#content_subscribe ul { padding: 0;}
#content_subscribe ul select{width: 135px;padding: 5px;margin-left: 22px;}
#content_subscribe li{list-style-type: none; padding: 0; font-family: arial; font-size: 16px; line-height: 40px;}
#content_subscribe .minEuro {float: right;margin-left: 30px;}
#content_subscribe .ss_total {float: right;font-family: arial;margin-top: 10px;font-size: 20px; padding-top: 10px;margin-bottom: 40px;width: 100%;text-align: right;border-top: 2px solid #CCC;}
#content_subscribe .content_subscribe_cart .ss_total .minEuro {margin-left: 30px;}
#content_subscribe h3{ font-family: arial;font-weight: 700;font-size: 20px;border-bottom: 2px solid #CCC;padding-bottom: 10px;margin-bottom: 20px;margin-top: 20px;}
#content_subscribe .btn_je_valide{float: right; cursor: pointer; text-decoration: none;display: inline-block;color: #FFF;margin: auto;background-color: #1d1d1b;padding: 10px; font-family: 'AryaSingle';text-align: center;font-size: 14px; margin-top: 10px; border: 0; margin-left: 10px;}
#content_subscribe .btn_je_valide:hover{background-color:#75052d;}
#content_subscribe .btn_annule, #content_subscribe .btn_je_change_offer{background-color: #FFF; border: 1px solid #000;color: #6e6e6e;}
#content_subscribe .btn_annule:hover, #content_subscribe .btn_je_change_offer:hover{background-color: #6e6e6e; border: 1px solid #000;color: #FFF;}
#content_subscribe #um_form_form_najabox_1 .um_button, #content_subscribe #um_form_form_najabox_2 .um_button, #content_subscribe #um_form_form_najabox_3 .um_button, #content_subscribe #um_form_form_shipping .um_button {display: none;}
#content_subscribe #um_field_20_form_shipping_label{display :none;}
#content_subscribe select{ width: 30%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; margin: 10px 0 10px 10px;}
#content_subscribe .description_offre{padding-left: 20px; font-size: 14px; color:#6e6e6e;}
#content_subscribe #um_form_form_shipping .description_port, #content_subscribe .description_port{font-size: 14px;color: #6E6E6E;margin-bottom: 20px}
#content_subscribe #um_form_form_shipping .description_port {margin-top: -13px;padding-left: 50px;}
#content_subscribe .description_port {padding-left: 20px;}
/****** Mon compte *****/
#content_page_mon_compte{ width: 980px; margin: auto;}
#content_page_mon_compte iframe{ border: 0;}
#content_page_mon_compte #page-header{ display: none;}
#content_page_mon_compte .content{}
#content_page_mon_compte .content-page{ padding-top: 100px;}
#content_page_mon_compte .btn_facture{color:#FFF!important;font-weight: normal; cursor: pointer;text-decoration: none; display: inline-block;color: #FFF;margin: auto;background-color: #1d1d1b;padding: 8px;font-family: 'AryaSingle';text-align: center;font-size: 12px;margin-top: 10px;margin-bottom: 10px;}
#content_page_mon_compte .btn_facture:hover{color:#FFF!important;background-color:#75052d;}
#content_page_mon_compte h4{font-family: arial; font-size: 16px;}
#content_page_mon_compte .content .page span{ display: block;margin-top: -15px;text-align: center;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);background-color: #CCC;margin: auto; width: 13px;height: 58px;margin: auto;margin-top: -28px;margin-bottom: -17px;}
#content_page_mon_compte .content .page:hover span{background-color: #6F6F6E;}
#content_page_mon_compte .content .actif span{background-color: #6F6F6E;color:#6F6F6E; }
#content_page_mon_compte .content .page{ font-size: 16px; width: 33%;float: left;text-align: center;border-top: 1px solid #CCC;font-family: "AryaSingle";color: #CCC; text-decoration:none;}
#content_page_mon_compte .content .page:hover{ color: #6F6F6E;}
#content_page_mon_compte .content .actif{ color: #6F6F6E;}
#content_page_mon_compte form { height: auto;margin-bottom: 153px;}
#content_page_mon_compte input[type="text"]{ width: 100%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_mon_compte input[type="password"]{ width: 100%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_mon_compte input[type="email"]{ width: 100%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_mon_compte select{ width: 100%; padding: 7px;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_mon_compte label{ margin-top: 10px; width: 70%;padding: 5px 0 5px 0;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_mon_compte input[type="submit"]{ float: right; cursor: pointer; text-decoration: none;display: inline-block;color: #FFF;margin: auto;background-color: #1d1d1b;padding: 10px; font-family: 'AryaSingle';text-align: center;font-size: 14px; margin-top: 10px; border: 0;}
#content_page_mon_compte input[type="submit"]:hover{background-color:#75052d;}
#content_page_mon_compte .um_field_3_inscription_form_retype{float: left;}
#content_page_mon_compte .um_field_3_inscription_form_label{float: left;}
#content_page_mon_compte .content h3{font-family: arial;margin-top: 30px;padding: 0 0 10px 0;margin-bottom: 20px;border-bottom: 1px solid #CCC;font-size: 22px;font-weight: 700;}
#content_page_mon_compte #um_form_profil_password #insert_user{margin-top: 105px;float: left;margin-left: 40px;}
/**** Forget password *****/
#content_page_forget{ height: 405px; width: 685px; margin: auto; font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_forget h2{font-family: "AryaSingle"; font-size: 14px;font-weight: normal; }
#content_page_forget input[type="text"]{ width: 100%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_forget input[type="password"]{ width: 100%; padding: 5px ;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_forget label{ margin-top: 10px; width: 70%;padding: 5px 0 5px 0;font-family: arial;font-size: 16px;font-weight: normal; }
#content_page_forget input[type="submit"]{ float: right; cursor: pointer; text-decoration: none;display: inline-block;color: #FFF;margin: auto;background-color: #1d1d1b;padding: 10px; font-family: 'AryaSingle';text-align: center;font-size: 14px; margin-top: 10px; border: 0;}
#content_page_forget input[type="submit"]:hover{background-color:#75052d;}
.aboText{ margin-bottom: 20px; margin-top: -50px;}
.rightLine{ border-right: 1px solid rgba(192,192,192,0.5);}
.noAbo{ margin-bottom: 30px; margin-top: -50px; font-family: 'AryaSingle','Arial'; font-size: 15px; color: #c0c0c0;
}
.noAboTxt{ padding:20px 0px;
}
.noAboTxt:nth-child(2){border-right: 1px solid #CCC;
}
.noAboTxt h4{ font-weight: bold; margin-bottom: 10px; background-color:#000; display: inline-block; color: #fff; padding:10px 15px 7px 15px; font-family: 'AryaSingle','Arial' !important; font-size:
}
.noAboTxt p{ margin-bottom: 30px; font-size: 18px; font-family: 'AryaSingle','Arial'; color: #747474; padding-left: 15px;
}
.noAboTxt div:last-child p{ margin-bottom: 0px;
}
.stopAbo{ margin-top: 20px;
}
/********* Bloc non Abonné Single *****/
.noAboBox{ background-color: #20201e; color: #fff; text-align: center; margin-bottom: 20px;
}
.noAboBox .noAboIntro{ margin-top: 40px; font-family: 'AryaTriple', 'Arial'; font-size: 30px;
}
.noAboBox .noAboContent{ margin-top: 40px; font-family: 'AryaSingle', 'Arial';
}
.noAboBox .btnNoAboBox{ margin-top: 50px; margin-bottom: 50px; border-top: 1px solid #c0c0be; padding-top: 40px;
}
.noAboBox .btnNoAboBox a{ font-family: 'AryaSingle', 'Arial'; font-size: 16px; color: #c0c0be; padding: 9px 10px 5px 10px; text-decoration: none !important; border:1px solid #c0c0be;
}
.noAboBox .btnNoAboBox a:hover{ color: #fff; border:1px solid #fff;
}
/********** popUp Offres *******/
.newMember #title_abo h2{ margin-top: 50px;
}
#popUpOffres{
}
#popUpOffres .container{ padding-top: 60px; padding-bottom: 50px; text-align: center; position: relative;
}
#popUpOffres h2{ font-family: 'AryaDouble', 'Arial'; font-size: 40px; margin-bottom: 40px;
}
#popUpOffres table{ margin:0 auto;
}
#popUpOffres table tr td.titleTable{ font-family: 'AryaSingle','Arial'; font-size: 15px; color:#fff; background-color:#000;
}
#popUpOffres table tr td.txtTable{ background-color: rgba(192,192,192,0.2); padding: 25px;
}
#popUpOffres table tr, #popUpOffres table td{ border:2px solid #fff; padding:13px 0 10px 0;
}
#popUpOffres table tr td{ width:25%;
}
#popUpOffres table tr td i{ font-size: 20px;
}
#popUpOffres table tr td i.glyphicon-remove{ color: #ff0000;
}
#popUpOffres table tr td i.glyphicon-ok{ color: #0C960C;
}
#popUpOffres #crossPopup{ position: absolute; right: 2%; top: 2%; font-size: 30px; cursor: pointer;
}
/********** popUp NewsLetter *******/
#title_popup{text-align: center; width: 980px; margin: auto; height: 40px;}
#title_popup h2{ color: #000; font-family: 'AryaDouble';font-size: 20px; text-align: center; line-height: 40px; }
.modal-content{width: 1200px; height: 500px; margin: auto; top: 240px;}
/*** login form ***/
.um_login_form p:nth-child(1){width: 33%; float:left; margin-top:20px;
}
.um_login_form p:nth-child(2){ width: 40%; float:left; margin-top:20px;
}
.um_login_form p:nth-child(3){ width: 100%; float:left;
}
.um_login_form p:nth-child(4){ width: 33%; float:left;
}
.um_login_form p:nth-child(1) input,.um_login_form p:nth-child(2) input{ width:220px; color: #000;
}
.um_login_form .um_login_button{ background-color:#20201e; color:#fff; font-family: 'AryaSingle'; border:none; padding: 8px 20px 5px; margin-top:18px;
}
#lostpassword_link{ display: none;
}
/** Formulaire de Contact Newsletter **/
.newsletter.newsletter-subscription form br{ display: none;
}
.newsletter.newsletter-subscription form input[type="submit"]{ width:inherit; display: block; margin-right: 15px; float: right; background-color: #20201e; color: #fff; font-family: 'AryaSingle'; font-size: 20px; line-height: 27px; padding: 6px 20px 30px 20px; text-align: center; border: none;
}
.newsletter.newsletter-subscription form input[type="submit"]:active,
.newsletter.newsletter-subscription form input[type="submit"]:focus,
.newsletter.newsletter-subscription form input[type="submit"]:hover{ background-color: #75052d;
}
.newsletter.newsletter-subscription form input{ width:100%; margin-top: 5px; height: 30px; font-family: 'Arial'; color: #8a8a8a; font-weight: normal; font-size: 16px; padding: 0 7px;
}
.newsletter.newsletter-subscription form label{ margin-bottom: 20px;
}
#subscribeBtn{ margin-right:5px!important
}
#popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
}
.popup-content {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border-radius: 5px;
max-width: 90%;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.popup-close {
position: absolute;
right: 10px;
top: 10px;
font-size: 24px;
cursor: pointer;
color: #333;
}
.popup-close:hover {
color: #000;
}
/* Masquer Jourenal des ados dans les items du menu */
li.menu-item-journal-ados,
.menu-item-type-taxonomy[class*="journal-des-ados"],
a[href*="journal-des-ados"],
a[href*="category-le-journal-des-ados"] {
display: none !important;
}
/* Masquer tout les elements avec la classs journal-ados */
.journal-ados,
[class*="journal-ados"],
#menu-item-journal-ados {
display: none !important;
}
/* Agenda */
/* Styles pour les icônes des réseaux sociaux dans les articles */
/* Style pour Facebook */
.social_article .icon-facebook-squared {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s;
}
/* Style pour Instagram */
.social_article .icon-instagram {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s;
}
/* Espacement entre les liens */
.social_article a {
margin: 0 4px;
text-decoration: none;
display: inline-flex;
align-items: center;
}
/* Effet au survol */
.social_article .icon-facebook-squared:hover,
.social_article .icon-instagram:hover {
transform: scale(1.2);
}
/* Cacher les icônes originales */
.social_article .icon-facebook-squared,
.social_article .icon-instagram {
font-size: 0;
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.3s;
vertical-align: middle;
}