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

@font-face {
    font-family: 'neue_helveticaroman';
    src: url('../fonts/helvetica_neue/helvetica_neue_lt_55_roman-webfont.eot');
    src: url('../fonts/helvetica_neue/helvetica_neue_lt_55_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_55_roman-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_55_roman-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_55_roman-webfont.ttf') format('truetype'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_55_roman-webfont.svg#neue_helveticaroman') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_helveticacondensed_light';
    src: url('../fonts/helvetica_neue/helvetica_neue_lt_47_light_condensed-webfont.eot');
    src: url('../fonts/helvetica_neue/helvetica_neue_lt_47_light_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_47_light_condensed-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_47_light_condensed-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_47_light_condensed-webfont.ttf') format('truetype'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_47_light_condensed-webfont.svg#neue_helveticacondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_helveticabold';
    src: url('../fonts/helvetica_neue/helvetica_neue_lt_75_bold-webfont.eot');
    src: url('../fonts/helvetica_neue/helvetica_neue_lt_75_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_75_bold-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_75_bold-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_75_bold-webfont.ttf') format('truetype'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_75_bold-webfont.svg#neue_helveticabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_helveticacondensed_bold';
    src: url('../fonts/helvetica_neue/helvetica_neue_lt_77_bold_condensed-webfont.eot');
    src: url('../fonts/helvetica_neue/helvetica_neue_lt_77_bold_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_77_bold_condensed-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_77_bold_condensed-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_77_bold_condensed-webfont.ttf') format('truetype'),
         url('../fonts/helvetica_neue/helvetica_neue_lt_77_bold_condensed-webfont.svg#neue_helveticacondensed_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

:root{
	--black: #221f20;
	--gray: #808080;
	--gray_lignt: #F5F5F5;
	--orange: #df644a;

    --font_con_light: 'neue_helveticacondensed_light';
    --font_con_bold: 'neue_helveticacondensed_bold';
    --font_text: 'neue_helveticaroman';
    --font_title: 'Cambria', Arial, Helvetica, sans-serif;
}

body{
	background-color: #FFF;
	font-size: 16px;
	color: var(--gray);
	font-family: var(--font_text);
}

h1,.h1{
	font-family: var(--font_title);
	font-size: 70px;
	color: var(--orange);
}

h2,.h2{
	font-family: var(--font_title);
	font-size: 40px;
}

h3, .h3{
	font-family: var(--font_title);
	font-size: 30px;
}

.btn-orange{
	font-family: var(--font_con_bold);
	font-size: 16px;
	color: #fff;
    background-color: var(--orange);
    border-color:  var(--orange);
    padding: 1px 5px;
    border-radius: 5px;
}

.btn-orange:hover{
	color:  var(--orange);
    background-color: #fff;
}

a.doc {
    border-left: 5px #ea5336 solid;
    background-color: #5C5C5C;
    color: #FFF;
    padding: 0 10px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    margin: 5px 0;
    line-height: 24px;
}
a.doc:hover {
    text-decoration: none;
}

a.doc:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 0%;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 10px solid #5C5C5C;
    clear: both;
}

header{
	padding-top: 30px;
	position: relative;
	z-index: 4;
}

header .newsletter{
	display: inline-block;
	border-radius: 10px;
	line-height: 30px;
	padding: 5px 15px;
	color: var(--black);
	margin: 5px 10px;
	background-color: var(--gray_lignt);
	font-size: 16px;
}

header .newsletter:hover{
	text-decoration: none;
	background-color: var(--orange);
	color: #FFF;
}

header .rs{
	display: inline-block;
	line-height: 40px;
	color: var(--black);
	margin: 5px 10px;
}

P.arbo{
	margin: 0;
	font-family: var(--font_con_bold);
	font-size: 14px;
	color: var(--black);
}

P.arbo a{
	font-family: var(--font_con_light);
	color: var(--gray);
}

.bloc{
	background-color: #FFF;
	margin: 15px 0;
	padding: 15px;
	position: relative;
	z-index: 2;
}

/*Bouton social share*/
.share-button{
	display: inline-block;
	position: relative;
	width: 48px;
	height: 55px;
	float: left;
	margin-left: 30px;
}
.share-button .share{
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 55px;
	padding-top: 35px;
	background: url(../images/share.png) top center no-repeat;
	background-size: 30px 30px;
	display: inline-block;
	text-align: center;
    color: var(--orange);
    font-family: var(--font_con_bold);
    font-size: 14px;
    cursor: pointer;
}

.share-button .addthis_inline_share_toolbox{
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -70px;
	width: 186px;
	height: 40px;
	display: none;
}




.ouvrage-main, .chapitre-main{
	background-color: var(--gray_lignt);
	padding: 30px 0;
	margin-top: -15px;
	position: relative;
	z-index: 0;
}

.ouvrage-main:before {
    content: "";
    display: block;
    position: absolute;
    left: -5%;
    top: 10%;
    width: 80%;
    height: 80%;
    z-index: -1;
    opacity: 0.13;
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.ouvrage-main .dernieres_ressources{
	margin-bottom: 30px;
}

.ouvrage-main .dernieres_ressources .titre{
	font-family: var(--font_con_bold);
	font-size: 22px;
	color: var(--orange);
}

.ouvrage-main .dernieres_ressources .nom{
	font-family: var(--font_con_bold);
	color: var(--orange);
}

.ouvrage-main .dernieres_ressources .nom:hover{
	text-decoration: none;
	color: var(--black);
}

.ouvrage-main .dernieres_ressources p{
	font-family: var(--font_con_light);
	color: var(--orange);
}

.ouvrage-main form{
	margin-bottom: 30px;
}

.ouvrage-main form .rechercher p{
	color: var(--black);
	font-size: 14px;
	margin: 0;
}

.ouvrage-main form .rechercher .recherche{
	line-height: 24px;
	background-color: #FFF;
	border-radius: 5px;
	border: 1px solid #F5F5F5;
	padding: 0 2px;
	display: block;
	float: left;
	margin-top: 2px;
	width: 210px;
}

.ouvrage-main form .rechercher button{
	background: url(../images/search.png) center center no-repeat #F5F5F5;
	background-size: 28px 28px;
	width: 28px;
	height: 28px;
	border: none;
	display: block;
	float: left;
	margin-left: 10px;
}

.ouvrage-main form .titre{
	font-family: var(--font_con_bold);
	font-size: 26px;
	color: var(--orange);
	margin: 30px 0 15px 0;
}

.ouvrage-main form .filtres{
}

.ouvrage-main form .hide_filtres{
	display: none;
}

.ouvrage-main form .filtres .nom{
	font-family: var(--font_con_bold);
	color: var(--orange);
}


.ouvrage-main form .filtres .checkbox{
	font-family: var(--font_con_lignt);
	color: var(--orange);
}

.ouvrage-main form .filtre_toggle{
	font-family: var(--font_con_bold);
	color: var(--orange);
	font-size: 20px;	
}

.ouvrage-main form .filtre_toggle:hover, .ouvrage-main form .filtre_toggle:active{
	color: var(--black);
}

.ouvrage-main .titre_ouvrage{
	font-family: var(--font_con_bold);
	font-size: 40px;
	color: var(--orange);
	letter-spacing: 1px;
	margin-left: 15px;	
}


.ouvrage-main .panier{
	background: url(../images/caddy.png) top center no-repeat;
	background-size: 30px 30px;
	padding-top: 35px;
	margin-left: 5px;
	text-align: center;	
	color: var(--orange);
	font-family: var(--font_con_bold);
	font-size: 14px;
	display: inline-block;
	float: left;
}

.ouvrage-main .panier:hover{
	background: url(../images/caddy_b.png) top center no-repeat;
	background-size: 30px 30px;
	text-decoration: none;
	color: var(--black);
}

.ouvrage-main .pdf{
	background: url(../images/pdf2.png) top center no-repeat;
	background-size: 30px 30px;
	padding-top: 35px;
	margin-left: 35px;
	text-align: center;	
	color: var(--orange);
	font-family: var(--font_con_bold);
	font-size: 14px;
	display: inline-block;
	float: left;
}

.ouvrage-main .pdf:hover{
	background: url(../images/pdf2_b.png) top center no-repeat;
	background-size: 30px 30px;
	text-decoration: none;
	color: var(--black);
}

.ouvrage-main .partager{
	display: inline-block;
}

.ouvrage-main .total{
	color: var(--gray);
	font-family: var(--font_con_bold);
	font-size: 18px;
	margin: 0 0 15px 0;
	position: relative;
	padding-left: 150px;
}

.ouvrage-main .total a{
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	padding: 2px 5px;
	font-family: var(--font_con_bold);
	font-size: 14px;
	color: #FFF;
	background-color: var(--orange);
	border-radius: 5px;
	line-height: 24px;
	margin-top: -14px;
	letter-spacing: 0.2px;
}

.ouvrage-main .total a:hover{
	text-decoration: none;
	background-color: var(--black);
}

.ouvrage-main .bloc a.nom{
	font-family: var(--font_title);
	font-size: 20px;
	font-weight: bold;
	color: var(--black);
	display: block;
	margin: 5px 15px 5px 45px;
}

.ouvrage-main .bloc a.nom:hover{
	text-decoration: none;
	color: var(--orange);
}

.ouvrage-main .bloc h2{
	font-family: var(--font_title);
	font-size: 24px;
	font-weight: bold;
	color: var(--black);
	line-height: 30px;
	cursor: pointer;
	position: relative;
	padding-left: 40px;
	display: inline-block;
}

.ouvrage-main.chapitre-main .bloc h2{
	padding-left: 0;
}

.ouvrage-main .bloc h2:hover{
	color: var(--orange);
}

.ouvrage-main .bloc h2 span.rang{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: var(--black);
	color: #FFF;
	line-height: 30px;
	height: 30px;
	text-align: center;
	width: 30px;
	border-radius: 5px;
}

.ouvrage-main .bloc h2:hover span.rang{
	background-color: var(--orange);
}

.ouvrage-main .bloc .desc{
	margin-left: 45px;
}

.ouvrage-main .bloc .chapitre{
	margin-left: 45px;	
}

.ouvrage-main .bloc .chapitre h3{
	margin: 15px 0 0 0;
}

.ouvrage-main .bloc .chapitre h3 a{
	font-family: var(--font_title);
	font-size: 16px;
	font-weight: bold;
	color: var(--orange);
	line-height: 30px;
}

.ouvrage-main .bloc .chapitre h3 a:hover{
	text-decoration: none;
	color: var(--black);
}

.ouvrage-main .bloc .chapitre h3 a span.rang{
	display: inline-block;
	color: var(--black);
	width: 100px;
}

.ouvrage-main .bloc .chapitre .desc{
	margin-left: 100px;	
}

.ouvrage-main .img{
	margin: 0 0 15px 0;
	text-align: center;
}

.ouvrage_nav a{
	display: block;
	color: var(--orange);
	margin: 5px 0;
}

.ouvrage_nav a:hover,.ouvrage_nav a.active{
	color: var(--black);
	text-decoration: none;
}

.ouvrage_nav .parti{
	font-family: var(--font_con_bold);
	font-size: 18px;
	color: var(--orange);
	padding: 8px 0;
	margin-top: 5px;
}

.ouvrage_nav .chap{
	margin: 0 0 10px 0;
}

.ouvrage_nav .chap div{
	font-family: var(--font_con_bold);
	font-size: 16px;
	color: var(--orange);
	margin: 0;
}

.ouvrage_nav .chap a{
	display: block;
	font-family: var(--font_con_lignt);
	font-size: 16px;
	color: var(--orange);
	margin: -2px 0 0 0;
}
.ouvrage_nav .chap a:hover, .ouvrage_nav .chap a.active {
	color: var(--black);
	text-decoration: none;
	position: relative;
}
.ouvrage_nav .chap a:hover::before, .ouvrage_nav .chap a.active::before {
	content: "\25B6";
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -7px;
	font-size: 14px;
}

.chapitre-main div.retour{
	margin: 15px 0;
	line-height: 44px;
	min-height: 44px;
	position: relative;
}

.chapitre-main div.retour a{
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	padding: 2px 5px;
	font-family: var(--font_con_bold);
	font-size: 14px;
	color: #FFF;
	background-color: var(--orange);
	border-radius: 5px;
	line-height: 24px;
	margin-top: -14px;
	letter-spacing: 0.2px;
}

.chapitre-main div.retour a:hover{
	text-decoration: none;
	background-color: var(--black);
}

.chapitre-main div.retour div{
	position: absolute;
	top: 50%;
	left: 150px;
	display: inline-block;
	font-family: var(--font_title);
	font-size: 34px;
	font-weight: bold;
	color: var(--orange);
	line-height: 44px;
	margin-top: -22px;
}

.chapitre-main a.retour{
	display: inline-block;
	padding: 2px 5px;
	margin-right: 30px;
	font-family: var(--font_con_bold);
	font-size: 14px;
	color: #FFF;
	background-color: var(--orange);
	border-radius: 5px;
	line-height: 24px;
	letter-spacing: 0.2px;
}

.chapitre-main a.retour:hover{
	text-decoration: none;
	background-color: var(--black);
}


.chapitre-main div.partie_nom{
	font-family: var(--font_title);
	font-size: 26px;
	font-weight: bold;
	color: var(--orange);
	margin-bottom: 30px;
}

.chapitre-main .sustitre{
	font-family: var(--font_title);
	color: var(--gray);
	font-size: 18px;

}

.chapitre-main h1{
	color: var(--black);
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.chapitre-main .info{
	color: var(--black);
	font-family: var(--font_con_bold);
	font-size: 14px;
	margin: 15px 0 30px 0;
}

.chapitre-main .actions{
	margin: 15px 0 0 0;
	min-height: 40px;
}

.chapitre-main .actions .lire{
	display: inline-block;
	font-family: var(--font_con_bold);
	font-size: 18px;
	line-height: 30px;
	background: url(../images/oeil.png) 95% 50% var(--orange) no-repeat;
	background-size: 20px;
	padding: 0 35px 0 10px;
	margin: 0 5px;
	border-radius: 10px;
	color: #FFF;
	float: right;
}
.chapitre-main .actions .lire:hover{
	text-decoration: none;
	background-color: var(--black);
}

.chapitre-main .actions .pdf{
	display: block;
	font-family: var(--font_con_bold);
	font-size: 18px;
	height: 30px;
	width: 60px;
	background: url(../images/pdf.png) left center no-repeat;
	background-size: 60px 30px;
	padding: 0 10px 0 35px;
	margin: 0 10px;
	border-radius: 5px;
	color: #FFF;
	float: right;
}

.chapitre-main .share-button2{
	display: inline-block;
	position: relative;
	width: 80px;
	height: 30px;
	float: right;
	margin: 0 10px;
}

.chapitre-main .share-button2 .share{
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	background: url(../images/share.png) left center no-repeat;
	background-size: 30px 30px;
	display: inline-block;
	text-align: left;
    color: var(--orange);
    font-family: var(--font_con_bold);
    font-size: 14px;
    cursor: pointer;
}

.chapitre-main .share-button2 .addthis_inline_share_toolbox{
	position: absolute;
	top: -50px;
	right: -20px;
	width: 186px;
	height: 40px;
	display: none;
}

.chapitre-main h2{
	color: var(--orange);
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.chapitre-main h2 a{
	color: var(--orange);
}

.chapitre-main h2 a:hover{
	color: var(--black);
	text-decoration: none;
}

.chapitre-main .total{
	color: var(--gray);
	font-family: var(--font_con_bold);
	font-size: 18px;
	margin: 0 0 15px 0;
	position: relative;
}

.chapitre-main .row.ressource {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 15px;
}
.chapitre-main .row.ressource::after{
	content: "";
	height: 1px;
	width: 40%;
	background-color: var(--gray_lignt);
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20%;
}

.chapitre-main .img{
	margin: 0 0 15px 0;
	text-align: center;
}

.chapitre-main .all{
	align-items: center!important;
	justify-content: flex-start!important;
	display: flex!important;
}

.chapitre-main.article h1{
	font-size: 32px;
	margin: 30px 0 10px 0;
}

.chapitre-main.article h2{
	font-size: 26px;
	margin: 15px 0 0px 0;
	color: var(--black);
}

footer{
	background-color: var(--orange);
	color: #FFF;
}

footer .container{
	padding: 20px 0;
}

footer .container .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer .liens{
	
}

footer .liens a{
	color: #FFF;
	text-decoration: none;
	display: block;
}

footer .liens a:hover{
	color: #FFF;
	text-decoration: underline;
}

footer .chaire{
	text-align: center;
}

footer .chaire .titre{
	margin: 0 0 5px 0;
	font-family: 'neue_helveticacondensed_bold';
	font-size: 20px;
}

footer .rsf{
}

footer .partenaire{
  width: auto;
  height: 80px;
}
footer .partenaire2{
  width: auto;
  height: 50px;
}


@media screen and (min-width: 320px) and (max-width: 500px) {

	h1,.h1{
		font-size: 60px;
	}
	.ouvrage-main .titre_ouvrage {
	    font-size: 40px;
	    line-height: 45px;
	    margin-bottom: 30px;
	}	
	.ouvrage-main .bloc .chapitre .desc {
	    margin-left: 0px;
	}	
	.ouvrage-main .bloc .chapitre h3 {
	    margin: 15px 0 5px 0;
	    line-height: 20px;
	}    
	.ouvrage-main .bloc .chapitre h3 a {
	    line-height: 20px;
	}	
	.ouvrage-main .bloc .chapitre h3 a span.rang {
	    color: var(--black);
	    width: auto;
	    margin-right: 10px;
	}
	.chapitre-main div.retour{
		min-height: 120px;
	}
	.chapitre-main div.retour a {
	    position: absolute;
	    top: 15px;
	    left: 0px;
	    display: inline-block;
	    padding: 2px 5px;
	    font-family: var(--font_con_bold);
	    font-size: 14px;
	    color: #FFF;
	    background-color: var(--orange);
	    border-radius: 5px;
	    line-height: 24px;
	    margin-top: -14px;
	    letter-spacing: 0.2px;
	}	
	.chapitre-main div.retour div {
	    position: absolute;
	    top: 60px;
	    left: 0px;
	    display: inline-block;
	    font-family: var(--font_title);
	    font-size: 34px;
	    font-weight: bold;
	    color: var(--orange);
	    line-height: 44px;
	    margin-top: -22px;
	}	
	.chapitre-main .actions .lire {
		font-size: 14px;
		padding: 0 30px 0 10px;
	}
	footer .liens{
		text-align: center;
		margin: 15px 0;
	}
	footer .liens a{
		display: inline;
		margin: 15px 0;
	}
	footer .chaire{
		margin: 0 15 15px 0px;
	}
	footer .rsf{
		text-align: center;
	}
	footer .partenaire {
	    width: 65px;
	    height: auto;
	}
}