/*---- Génériques ----*/

.nomargin {margin:0;}

/*---- HABILLAGE ----*/

/*--- Styles des textes ---*/
.cesures { text-align: justify; hyphens: auto; }
.notes { font-size: 100%;}
h3.spip span.spip_note_ref {font-size: 75%; color: #222222; }
h3.spip span.spip_note_ref a {color: #990000;}
h3.spip span.spip_note_ref a:hover, h3.spip span.spip_note_ref a:focus {color: #ff7300;}
.source-reg {font-family: 'SourceSansProRegular';}
.texte-courant {font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5em; overflow: hidden; }
.texte-courant-logo {font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5em; overflow: hidden; margin: 0 0 0 160px; }
.texte-courant h3, .video h3, .video h3.spip {font-family: 'SourceSansProSemibold'; font-size: 1.4em; color: #663f26; margin: 0 0 0.35em 0; }
.texte-courant p, .chapo p, .chapo-une p {margin: 0 0 0.7em 0;}
.texte-small {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em;}
/*------------*/

/*--- Styles des liens ---*/
a {text-decoration: none; color: #900; font-family: Arial, Helvetica, Sans-serif; }
a:hover, a:focus, a:active, a.home:hover, a.home:focus, a.home:active, a.home-rub:hover, a.home-rub:focus, a.home-rub:active, .aside-article ul li a:hover, .aside-article ul li a:focus, .aside-article ul li a:active { background-color: none; color: #ff7300; }
.chapo-une a {font-family: 'SourceSansProSemibold';}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #222222; font-size: 100%; }
a.lien-generique {text-decoration: underline; color: #900; }
a.home {color: #663f26; margin: 0 0 0 2em; line-height: 1.82em; font-size: 1.5em; }
a.home-rub {color: #663f26; margin: 0 0 0 2em; line-height: 3.75em; font-size: 1.5em; display: inline-block;}
.aside-article ul li a {color: #808080;}
div.dsjcycle a.sjcycle_btn sjcycle_btn_precedent {background-image: url('css/img/chevron-left.png') no-repeat;}
/*------------*/

/*--- Boutons ---*/

/*------------*/

.addthis { float: right; margin: -4em 1em 0 0 !important; }
.alternative { padding: 1em 1em 0.5em 1em; margin: 0 1em 1em 2em; }
.alternative h3 { float: left; font-family: 'DroidSerifItalic'; color: #a1a1a1; letter-spacing: 0.06em; font-size: 1.8em; margin: 1.5em 0 0.5em 0;}
.alternative img { float: right; }
.arbo {font-family: 'SourceSansProRegular'; padding: 0.5em; margin: 0; }
.arbo a {color: #4d4d4d;}
#arapede {float: right; margin: 40px 0px 0 0; }
#arapede span {float: right; color: #fdfcfc; font-family: 'SourceSansProExtraLight'; font-size: 1.8em; line-height: 1.03em; margin: -9px 20px 0 20px; letter-spacing: 0.05em; }
.articles-rub-lettres h1, .articles-rub-lettres-suivants h1, .aside-rubrique h1, .cartouche-article h1, .cartouche-recherche h1, .home-projet h1 {font-family: 'SourceSansProSemibold'; font-size: 1.8em; margin: 0 0 0.3em 0; line-height: 1.1em; }
.articles-rub-arapedes {margin: 0 2.5em 0 2.5em; }
.articles-rub-lettres { float: right; margin: 0 2.5em 0 0; width: 60%;}
.articles-rub-lettres .video-article { margin: 0 0 1.5em 0; }
.articles-rub-lettres-suivants {float: right; width: 60%; margin: 0 2em 0 0; }
.articles-rub-lettres-suivants ul li {overflow: hidden; padding: 1em 0 0.5em 0; border-bottom: 1px solid #bdbdbd; }
.articles-rub-lettres-suivants ul:last-child li {overflow: hidden; border-bottom: none;}
.articles-rub-lettres-suivants ul li:empty {border-bottom: none;}
.aside-article {width:30%;}
.aside-auteur #formulaire_recherche {margin: 0.5em 0 1em 2em;}
.aside-bonus {float: left; width: 48%; margin: 0 1em 2em 0; }
.aside-bonus-unique {float: right; overflow: hidden; width: 65%; }
.aside-rubrique h2 {font-size: 1.1em; font-family: 'SourceSansProBlack'; text-transform: uppercase; margin: 1em 0 0.5em 0; padding: 0.5em 0 0.3em 5em; color: #8d4514; border-top: 5px solid #8d4514; border-bottom: 5px solid #8d4514; }
/*.aside-rubrique li.aside-bonus {padding: 0 0.7em 1.5em 0.7em;}*/
.aside-rubrique li.aside-bonus .chapo-une {width: 90%; float: left; margin: 0.3em 0 0 0; }

.bigslash {font-family: 'SourceSansProBold'; color: #fdfcfc;}

.chapo-une {font-family: 'SourceSansProSemibold'; color: #4d4d4d; line-height: 1.4em; }
.chapo-une-logo {font-family: 'SourceSansProSemibold'; color: #4d4d4d; line-height: 1.4em; margin: 0 0 0 160px; }
#content-article .spip_documents {margin: 1em 0 1em 0; }
#content-article .texte-courant .spip_documents {margin: 1em 1em 1em 0; }
#content-article .ps .spip_documents, #content-article .ps-border .spip_documents { margin: 1em 1.5em 1em 0; }
.content-aside{margin: 2em 1em 1em 1em; }
#document-rub-lettre {float: left; width: 34%; margin: 0 2em 0 0; }
#document-rub-lettre .spip_documents {margin: 1.5em 0 0 0; }
#document-rub-lettre ul li div.media {margin: 1.5em 0 2em 2em;}
#document-rub-lettre ul li h4 {margin: 1em 0 0.5em 0; line-height: 1.3em;}
.aside-article ul li div.media {margin: 1.5em 0 1.5em 0;}

.descriptif-document { font-family: 'SourceSansProRegular'; font-size: 0.8em;}

.encadre-dvd {float: right; width: 30%; padding: 1em; margin: 0 0 0.5em 2em; background: #fbdaa1; border-radius: 7px; text-align: left; hyphens: none; line-height: 1.3em;}
.encadre-dvd p {margin: 0;}
.encadre-dvd-article {float: right; padding: 1em; margin: 0 0 1em 0; background: #fbdaa1; border-radius: 7px; text-align: left; hyphens: none; line-height: 1.3em;}
.encadre-left {float: left; padding: 1em; margin: 0 0 1.5em 0; background: #fbdaa1; text-align: left; hyphens: none; line-height: 1.3em; border-radius: 7px; }
.encadre-right { }
.encadre-right a, .encadre-left a, .encadre-dvd a, .encadre-dvd-article a, .encadre-right i.fa, .encadre-left i.fa, .encadre-dvd i.fa, .encadre-dvd-article i fa { color: #663f26; }
.encadre-right a:hover, .encadre-left a:hover, .encadre-dvd a:hover, .encadre-dvd-article a:hover, .encadre-right a:focus, .encadre-left a:focus, .encadre-dvd a:focus, .encadre-dvd-article a:focus { background-color: none; color: #ff7300; }

#fond-doc { background: #eeeeee; margin: 2em 0 0 1em; padding: 0.5em; border-radius: 8px; width: 75%; overflow: hidden; }
.fond-doc-titre-info { margin: 0 48% 0 0; color: #4d4d4d; font-family: 'SourceSansProSemibold'; font-size: 1em; line-height: 1.3em; }
.footer {border: 0; padding: 0; margin: 0;}
.footer .colophon, .footer .colophon a, .footer .generator a {font-family: 'SourceSansProRegular'; }
.footer .colophon span {color: #fdfcfc; padding: 0 1em 0 0;}
.footer .colophon a, .footer .generator a {color: #7a7874; }
.footer .colophon a:hover, .footer .colophon a:focus, .footer .generator a:hover, .footer .generator a:focus {color: #c75204;}
.footer .colophon a:after, .footer .generator a:after {content: " | ";}
.footer .colophon a:last-child:after, .footer .generator a:last-child:after {content: "";}

h2.lettre-rub {font-family: 'DroidSerifRegular'; font-size: 6em; color: #ededed; line-height: 1em; margin: 0 0 0 0.2em; display: inline-block;}
.home-wrapper {float: none; width: 100%;}
.home-projet {border: 1px solid #a1a1a1; border-radius: 8px; padding: 1em 1em 0.5em 1em; margin: 0 1em 1em 2em; }
.home-projet .video .spip_documents {margin: 0.3em 1em 1em 0; }
hr.spip, hr {height: 1px; margin: 1.5em 0; border: 0; background: #949494; color: #949494;}
hr.clear {margin: 0;}
.hr-gris-clair {height: 1px; margin: 1.5em 0; border: 0; background: #bdbdbd; color: #bdbdbd;}
.hr-gris-clair-4 {height: 4px; margin: 1.5em 0; border: 0; background: #bdbdbd; color: #bdbdbd;}

.infobulle {}
.info-rub-logo {float: left; margin: 0 5em 0 0;}

#lettres {margin:0 auto; max-width:1000px; padding:0; }
#lettres span {position: relative; top: 20px; left: -60px; }
#lettres .spip_logos {margin:5px;}
#lettres ul.clavier-fin { margin: 0 0 0 10%;}
.logo-article {float: left; margin: 0 1em 0 0; }

.main-recherche h2 {color: #8c8c8c; }
.main-recherche ul li {padding: 0 0 0.5em 2em; }

/* -- Sousmenu (include sousmenu) --*/

#milieu { margin : 0 auto; width: 1000px; }
#content-milieu { background: #d3d3d3; }
#milieu ul li {float: left;}
#milieu ul li.dropdown { overflow: hidden; height: 2em; }
#milieu ul li.dropdown:hover { height: 12em; }

#milieu ul li{
transition-property: all;
-webkit-transition-property: all;
-moz-transition-property: all;
-ms-transition-property: all;
-o-transition-property: all;
transition-duration: 0.7s;
-webkit-transition-duration:0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-timing-function:ease;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-ms-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-delay:0.15s;
-webkit-transition-delay:0.20s;
-moz-transition-delay:0.20s;
-ms-transition-delay:0.20s;
-o-transition-delay:0.20s;
}


#milieu a {color: #4f4e4b; line-height: 2em; font-family: 'SourceSansProRegular'; padding: 30px; }
#milieu a:hover, #milieu a:focus {background: none; color: #c75204; }
#milieu ul li.dropdown a.button-abo {line-height: 0; font-family: 'SourceSansProRegular'; padding: 10.5px 21px; color: #050005; }
#milieu ul li.dropdown a.button-abo:hover {color: #fcf9fc;}
#milieu a i.fa {padding: 0 .5em 0 0;}
#milieu a i.fa-external-link {margin: 9px 0 0 0; }

#milieu ul li.dropdown a.button-abo {
   border-top: 1px solid #fcf9fc;
   border-bottom: 1px solid #fcf9fc;
   background: #f2bc50;
   background: -webkit-gradient(linear, left top, left bottom, from(#f7e488), to(#f2bc50));
   background: -webkit-linear-gradient(top, #f7e488, #f2bc50);
   background: -moz-linear-gradient(top, #f7e488, #f2bc50);
   background: -ms-linear-gradient(top, #f7e488, #f2bc50);
   background: -o-linear-gradient(top, #f7e488, #f2bc50);
   padding: 10.5px 21px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   color: #050005;
   font-size: 17px;
   font-family: 'SourceSansProRegular';
   text-decoration: none;
   vertical-align: middle;
   }
#milieu ul li.dropdown a.button-abo:hover {
   border-top-color: #60e879;
   background: #60e879;
   color: #fcf9fc;
   }
#milieu ul li.dropdown a.button-abo:active {
   border-top-color: #f2e93a;
   background: #f2e93a;
   }
   
.wrapper-article {width:63%;}

/*-----------------------------------------------------------*/

.nav ul.navigation-principale li.on {opacity: 0.3;}
.notes-article div:last-child { margin: 0 0 1.5em 0; border-bottom: 1px solid #949494; }
.nouveau-autre-article { margin: 1em 0 0 0; }

.playerVideo figure {background-color: none;}

.projets h2, .demi-col h2 {font-family: 'DroidSerifItalic'; color: #a1a1a1; letter-spacing: 0.06em; font-size: 1.8em; margin: 0.9em 0 0.2em 4em; }
.ps-article h1, .ps-article h2, .ps-article h3, .ps-article h4, .ps-article h5, .ps-article h6, .video-article strong, .texte-courant .strong-marron {font-size: 1.1em; font-family: 'SourceSansProBlack'; text-transform: uppercase; margin: 0 0 0.5em 0; color: #8d4514; font-weight: normal; font-style: normal;}
.ps-article ul li {padding: 0 0 0.5em 0; }
.ps-article ul li:last-child {padding: 0; }
.ps-border { padding: 1em; margin: 1.5em 0 1.5em 0; border: 1px solid #663f26; border-radius: 7px;}

.renvoi {font-family: 'DroidSerifItalic'; color: #663f26; font-size: 1.3em; margin: 0 0 0.5em 20.65em; display: block; }
.rub-lettre-before {font-family: 'DroidSerifItalic'; font-size: 2em; color: #ff8f44; margin: 1.2em 0.5em 0 -1em; display: inline-block;}

.sous-header, .footer, #milieu {background: #d3d3d3; }
.sous-header span {float: left; margin: 0.5em 0 0 0; padding: 5px 0 5px 65px; font-size: 1.4em; color: #4d4d4d; }
.soustitre-article {font-family: 'SourceSansProRegular'; color: #c75204; margin: 0 0 1em 0; }
.soustitre-article-logo {font-family: 'SourceSansProRegular'; color: #c75204; margin: 0 0 1em 160px; }
.surtitre-article {margin: 0 0 0.5em 0; font-family: 'DroidSerifItalic'; color: #4d4d4d; }
.surtitre-article-logo {margin: 0 0 0.5em 160px; font-family: 'DroidSerifItalic'; color: #4d4d4d; }

.titre-doc-articles { font-family: 'SourceSansProSemibold'; font-weight: normal; font-style: normal; margin:1.5em 0 0.5em 0; color: #4d4d4d; }
.titre-rub-articles {margin: 0 0 1em 0; }
.titre-rub-articles p {float: left; }
.titre-rub-articles p:first-child {font-family: 'DroidSerifItalic'; font-size: 1.5em; line-height: 2em; color: #fbdaa1; margin: 0 1em 0 0;}
.titre-rub-articles p:nth-child(2) {font-family: 'SourceSansProExtraLight'; font-size: 1.5em; line-height: 2em; text-transform: uppercase; color: #8c8c8c; margin: 0;}
.titre-rub-lettre {display: inline-block;}
.titre-rub-lettre h1 {display: inline-block; font-family: 'SourceSansProExtraLight'; font-size: 3em; line-height: 2em; text-transform: uppercase; }

.video-article .video {margin: 0.3em;}
.video {float:left; margin: 0.5em 0 0 0; }
.video-bonus .spip_documents { margin: 0 1em 0 0; }
.video .spip_doc_titre, .spip_documents .spip_doc_titre {font-family: 'SourceSansProSemibold'; font-size: 0.85em; text-align: left; letter-spacing: 0.04em; color: #4d4d4d; }
.video .spip_doc_descriptif, .spip_documents .spip_doc_descriptif {font-family: 'SourceSansProLight'; font-size: 0.85em; text-align: left; line-height: 1em;}

/*---Paypal---*/
#bouton-paypal {background: #ffd561; margin: 2em 0 0 1em; padding: 0.5em; border-radius: 8px; box-shadow : 5px 5px 5px #5e5e5e; width: 75%; text-align: center; }
#bouton-paypal h1, .bouton-paypal h1 {font-family: 'SourceSansProSemibold'; font-size: 1.4em; line-height: 1.4em; text-align: center; text-transform: uppercase; color: #c75204; margin: 0 0 0 0; }
.bouton-paypal h2 {font-family: 'SourceSansProSemibold'; font-size: 1.2em; line-height: 1.4em; text-align: center; text-transform: uppercase; color: #c75204; margin: 0 0 0 0;}
#bouton-paypal h3, #bouton-paypal-small h3 {font-family: 'SourceSansProRegular'; text-align: center; margin: 0 0 0.2em 0; }
#soutien-paypal form { float: right; margin: 0.3em 1em 0 0; }
.texte-soutien { margin: 1em 0 0 1em; width: 85%; }
.texte-soutien p:first-child { padding: 0 0 0 115px; }
.texte-soutien p span {color: #c75204; font-weight: bold;}
.texte-soutien p.small-paypal {font-family: 'SourceSansProSemibold'; font-size: 80%; margin: 0 0 1em 0; padding: 0; }
.texte-soutien .spip_documents {margin: 0.5em 1em 0.5em 0;}

/*--- ARAPEDES---*/
#arapede-header { }


/*--- INCLUDE Paypal---*/
#bouton-paypal-small {width: 300px; background: #ffd561; margin: 0 0 1em 2em; padding: 0.5em; border-radius: 8px; box-shadow : 5px 5px 5px #5e5e5e; float:left; text-align: center; }
#bouton-paypal-small h1, .bouton-paypal-small h1 {font-family: 'SourceSansProSemibold'; font-size: 1.15em; line-height: 1.6em; text-align: center; text-transform: uppercase; color: #c75204; margin: 0; }
#bouton-paypal-small .texte-small {margin: 0.5em 0 0 0; }
#bouton-paypal-small .texte-small strong {line-height: 2em; }
.paypal-articles {margin: 0 0 1em -2em;}
.image-soutien {margin: 0 auto; padding: 0 0 20px 0;}
.aside-article .image-soutien span.spip_documents { margin-bottom : 0; }
.aside-article .content-aside #bouton-paypal-small { margin: 0 0 1em 0; }
.descriptif-soutien {float:left; margin: 0 0 0 40px; padding: 0 0 15px 0; width: 320px; border-bottom: 4px solid #ffd561; font-family: sans-serif; }
.aside-article .content-aside .descriptif-soutien { margin: 0; }
/*------------*/

/*--- Recherche ---*/
#document-rub-lettre .formulaire_recherche {margin: 0 0 1.5em 2em;}
#document-rub-lettre ul {margin: 1em 0 1em 2em;}
.formulaire_recherche input.text {width: 13em; border-radius: 4px; margin: 0.5em 1em 0 0.5em; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.formulaire_recherche .fa-search {color: #8c8c8c; }
.formulaire_recherche input.submit {background: url('img/search.jpg') no-repeat; border: none; padding: 0.2em; width: 28px;}
input#recherche {background: #bdbdbd; border: 4px solid #bdbdbd; padding: 0.2em; }
.sous-header .formulaire_recherche {margin: 0 3em 0.4em 0; float: right; }
.sous-header .formulaire_recherche input.submit {background: url('img/search-noir.jpg') no-repeat; border: none; padding: 0.2em; width: 28px;}
/*------------*/

/*---- Surcharge Diaporama JS cycle ----*/
.cycle-pager {top:182px; background:#ffffff;}

/*---- Surcharge plugin Tooltip ----*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 8px 5px 8px 5px;
	opacity: 0.9;
}

#tooltip p:first-child {color: #da6006;}
#tooltip p:first-child:first-letter {font-size: 200%;}
#tooltip p:nth-child(2) {color: #222222;}
#tooltip h3, #tooltip p {font-family: 'SourceSansProRegular'; padding: 0; margin: 0;}
#tooltip div.url {visibility: hidden; height: 0px;}
/*---- END Surcharge plugin Tooltip ----*/

/*---- Menu navigation ----*/
#nav, .nav {padding: 1em 0 0 1em; background: #d3d3d3; } 
#nav ul.navigation-principale li a {float: left; display: block; padding: 0; border: none; text-decoration: none;}
/*------------*/

/*---- NUANCIER ----*/
.rouge {color: #ff0000;}
.gris {color: #4f4e4b;}

@media (max-width: 640px) {
#arapede, #arapede span {float: none; margin: 0; }

}