/* Theme Name:  theme_hozhoni */
/*----------------------------- reset ------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 0 0 24px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 15px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 15px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 15px 20px;
}

a img.alignnone {
    margin: 0 0 10px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 15px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}







/*-------------------------------------------------- Polices ------------------------------------------------------*/

body {
	font-family: 'Asap', sans-serif;
}

.font-blanc {
	color: #fff;
}

.font-gris {
	color: #756d63;
}

.font-gris-fonce {
	color: #424242;
}

.font-orange {
	color: #8b2c31;
}
.nodecoration {
	text-decoration: none !important;
}
.nodecoration:hover, .nodecoration:focus, .nodecoration:active {
	text-decoration: underline !important;
}

/*----------------------------Général---------------------*/


.centre {
	width: 940px;
	margin: 0 auto;
}



.desk-display-none {
	display: none;
}

.clear-both {
clear: both;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}


/*------------------------------------------------------- Header ------------------------------------------------------*/

body {
	background: #fff url(images/hz_bg_header.jpg) no-repeat center top;	
}

.header {
	padding: 0 10px;
	overflow: hidden;
}

.header-tagline {
	display: block;
	margin: 0 auto 15px auto;
}

.header-logo {
	width: 229px;
	margin: 45px 0 0 0;
	float: left;
}

.header-RS {
	float: right;
}

.facebook-likebox {
	width: 110px;
	position: relative;
	top: 1px;
}

.header-newsrecherche {
	float: right;
	width: 530px;
	text-align: right;
	margin: 10px 0 0 0;
}

.header-newsletter {
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.07em;
}

.header-recherche {
	display: inline-block;
	
}

.recherche-input {
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #bbbbba;
	padding: 4px 0 4px 4px;
	margin: 0 0 0 10px;
	min-width: 149px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.5);
}

.recherche-submit {
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	background: rgba(200,200,200,.7);
	width: 25px;
	padding: 4px 0;
	cursor: pointer;
	min-height: 19px !important;
	margin: 0;
}

.recherche-submit:hover,  .recherche-submit:active .recherche-submit:focus {
	background: #8b2c31;
}

/*----------------------------------------- Menu -------------------------------------------------*/
.header-menu {
	float: right;
	font-family: 'Asap', sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	margin: 17px 0 0 0;
	min-height: 40px;
	overflow: visible;
}

.menu-principal-elemt {
	display: inline-block;
	vertical-align: top;
}

.menu-principal-deroulant {
}
.menu-principal-submenu {
	position: absolute;
	z-index: 999999;
	background: rgba(255,255,255,0.8);
	padding-top:5px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.menu-principal-submenu li {
	padding: 7px;
}
.menu-principal-submenu a {
	color: #000;
	text-decoration: none;
}
.menu-principal-submenu a:hover, .menu-principal-submenu a:focus, .menu-principal-submenu a:active {
	text-decoration: underline;
}

.menu-principal-lien, .menu-principal-lien:visited {
	text-decoration: none;
	display: block;
	position: relative;
}

.picto-menu-accueil {
	position: relative;
	top: -24px;
}

.menu-principal-tiret {
	display: inline-block;
	padding: 0 6px;
}
/*------- menu survol --------*/

.menu-principal-lien:hover, .menu-principal-lien:active, .menu-principal-lien:focus {
	color: #8b2c31;
}

.menu-info-hover {
	font-size: 9px;
	text-transform: none;
	text-align: center;
	margin: 8px 0 0 0;
	position: relative;
	left: -7px;
}

.menu-info-absolute {
	position: absolute;
	width: 85px;
	left: -10px;
}

/*--------- Abonnez-vous fixe -------------*/

.abonnez-vous-fixe {
	width: 143px;
	min-height: 166px;
	background: #424242 url(images/abonnez-vous-fixe.png) no-repeat;
	position: fixed;
	right: 0;
	top: 190px;
	z-index: 20;
}

.abonnez-vous-couverture-lien {
	position: relative;
	top: 19px;
	left: 33px;
}

.abonnez-vous-couverture-lien:hover, .abonnez-vous-couverture-lien:active, .abonnez-vous-couverture-lien:focus {
	opacity: 0.7;
}

.abonnez-vous-replier-lien {
	position: absolute;
	left: 0;
	bottom: 0;
}

.abonnez-vous-replier-lien:hover, .abonnez-vous-replier-lien:active, .abonnez-vous-replier-lien:focus {
	opacity: 0.7;	
}


/*------------------------------------------- WOOCOMMERCE ------------------------------------*/
.woocommerce .coupon {
	display: none;
}
.woocommerce-message {
	font-size: 12px;
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #8b2c31;
	background: #8b2c31;
	color: #fff;
}
.liste-produits-panier {
	min-height: 28px;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}
.liste-produits-panier .produit-lire-la-suite {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: absolute;
	top: 7px;
}
.liste-produits-panier .produit-prix {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 150px;
}
.liste-produits-panier .produit-btn-ajouter-panier {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none;
	background: transparent;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.liste-produits-panier .produit-btn-ajouter-panier img {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none;
}
/* Page des produits seuls */
.article-droite-entete-produitseul {
	position: relative;
	padding: 0 !important;
	margin-bottom: 15px;
}
.produits-seul-panier {
	position: absolute;
	top: 50px;
	right: 0;
}
.produits-seul-panier .produit-btn-ajouter-panier {
	float: right;
	border: 0 none;
	background: transparent;
	cursor: pointer;
}
.produits-seul-panier .price {
	float: left;
	padding-top: 5px;
	font-size: 16px;
}
.nombredepages {
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 0;
}
.jquery-rotate-img img { /* rotation sur certaines images */
	-webkit-transform: rotate(0deg);
	-webkit-transition: .5s -webkit-transform;
	-moz-transform: rotate(0deg);
	-moz-transition: .5s -moz-transform;
	-o-transform: rotate(0deg);
	-o-transition: .5s -o-transform;
	-ms-transform: rotate(0deg);
	-ms-transition: .5s -ms-transform;
	transform: rotate(0deg);
	transition: .5s transform;
}
.jquery-rotate-img img:hover { /* rotation sur certaines images */
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

/* COMMIT JBA 5 février 2015 02/15 : gestion des ventes de produits liés */
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
	float: none !important;
	width: 100% !important;
}
.cross-sells .produit-btn-ajouter-panier {
	background: transparent !important;
	border: 0 none !important;
	position: absolute !important;
	top: 0 !important;
}
.cross-sells .droite-presse-elmt p {
	display: none !important;
}

/* COMMIT JBA 19 février 2015 : modif page panier suite à MAJ WooCommerce */
.shop_table.cart a.checkout-button { display: none; }


/*------------------------------------------- Page d'accueil ---------------------------------*/
.wrapper-contenu-principal {
	background: url(images/hz_bg_footer.jpg) no-repeat center bottom;
	padding-bottom: 50px;
}
.contenu-principal {
	padding: 0 10px;
	overflow: hidden;
	margin-bottom: 0px;
	min-height: 500px;
}

/* Panier */
.sidebar-panier {
	width: 220px;
	min-height: 41px;
	background: #eaeaea;
	position: relative;
}
.sidebar-panier-titre {
	padding: 5px 0 0 5px;
	margin: 0 !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2em;
}
.sidebar-panier-contenu {
	padding: 0 0 0 5px;
	margin: 0 !important;
	font-size: 13px;
}
.sidebar-panier-contenu a {
	text-decoration: none;
}
.sidebar-panier-contenu a:hover, .sidebar-panier-contenu a:focus, .sidebar-panier-contenu a:active {
	text-decoration: underline;
}
.sidebar-panier-btn {
	width: 39px;
	height: 41px;
	position: absolute;
	top: 0;
	right: 0;
}

.sb-actualites-grandtitre {
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #8b2c31;
}
.sb-actualites-titre {
	font-size: 14px;
	font-weight: 700;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	line-height: 1em;
}
.sb-actualites-soustitre {
	font-size: 12px;
	font-weight: 700;
	margin: 0px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
}
.sb-actualites-extrait {
	margin: 0 !important;
	padding: 0 !important;
}
/*sidebar*/

.colonne-gauche {
	float: left;
	width: 220px;
	min-height: 200px;
	font-size: 12px;
	line-height: 1.6em;
}

.sidebar-btn-abonnez, .sidebar-btn-abonnez:visited {
	display: block;
	height: 40px;
	width: 220px;
	margin: 0 0 24px 0;
}

.sidebar-btn-abonnez:hover, .sidebar-btn-abonnez:active,  .sidebar-btn-abonnez:focus {
	opacity: 0.8;
}

.sidebar-titre {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #424242;
	padding: 0 0 5px 0;
}

.colonne-gauche p {
	margin: 5px 0 16px 0;
}

.sidebar-lien-savoir, .sidebar-lien-savoir:visited {
	color: #8b2c31;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

.sidebar-lien-savoir:hover, .sidebar-lien-savoir:active, .sidebar-lien-savoir:focus {
	text-decoration: underline;
}

.colonne-gauche p.sidebar-legende-video {
	font-size: 9px;
	margin: 0;
}

/*colonne-droite*/

.colonne-droite {
	float: right;
	width: 700px;
	min-height: 200px;
}

.droite-image-couverture {
	float: left;
	margin: 20px 20px 0 0;
}

.droite-h2-revue {
	text-align: right;
	display: inline-block;
	border-bottom: 1px solid #424242;
	float: right;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 1px 0;
	margin: 13px 0 0 0;
}

.droite-h2-revue-num {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.revue-sommaire {
	display: inline-block;
	border-bottom: 1px solid #8b2c31;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 3px 0;
	margin: 43px 0 0 0;
}

.revue-titre-une {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 0.95em;
	margin: 7px 0 0 0;
}

.revue-titre-une-sstitre {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;	
}

.revue-titre-une a, .revue-titre-une a:visited {
	text-decoration: none;
}

.revue-titre-une a:hover, .revue-titre-une a:active, .revue-titre-une a:focus {
	opacity: 0.7;
}

.revue-liens-detaille {
	font-size: 9px;
	font-weight: bold;
	margin: 12px 0 0 0;
}

.revue-liens-detaille a, .revue-liens-detaille a:visited {
	text-decoration: none;
}

.revue-liens-detaille span {
	display: inline-block;
	margin: 0 7px;
}

.droite-sommaire-secondaire {
	clear: both;
	margin: 20px 0 0 0;
}

.sommaire-secondaire-titre a, .sommaire-secondaire-titre a:visited{
	text-decoration: none;
}

.sommaire-secondaire-titre a:hover, .sommaire-secondaire-titre a:active, .sommaire-secondaire-titre a:focus {
	opacity: 0.7;	
}

.sommaire-secondaire-titre {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 16px;
	width: 220px;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
	padding: 20px 0 15px 0;
}

.sommaire-secondaire-titre:nth-of-type(3n) {
	margin: 0 0 0 0;
}


.border-filet {
	border-bottom: 1px solid #424242;
}

.sommaire-secondaire-titre-sstitre {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;	
}
/*---------------------------------- Page -------------------------------------*/

.colonne-droite-page {
	font-size: 12px;
	line-height: 1.5em;
}

.colonne-droite-page h2{
	color: #8b2c31;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #424242;
	padding: 0 0 5px 0;		
}

.colonne-droite-page p, .colonne-droite-page ul, .colonne-droite-page ol {
	margin: 10px 0 14px 0;
}

.colonne-droite-page ul {
	list-style-type: disc;
	padding: 0 0 0 12px;
}

.colonne-droite-page ol {
	padding: 0 0 0 16px;
	list-style-type: decimal;	
}

.colonne-droite-page h3, .article-droite-article h3 {
	padding: 15px 0 5px 0;
	font-size: 15px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	clear: both;
}


.article-droite-article a, .colonne-droite-page a, .colonne-droite-page a:visited {
	color: #8b2c31;
	text-decoration: none;
}

.article-droite-article a:hover, .article-droite-article a:focus, .article-droite-article a:active, .colonne-droite-page a:hover, .colonne-droite-page a:active, .colonne-droite-page a:focus {
	text-decoration: underline;
}

/*-------- COntact ------*/

.droite-contact-elmt {
	width: 340px;
	text-align: center;
	margin: 15px 0;
}

.contact-lecteur, .contact-revendeur {
	float: left;
} 

.contact-contributeur, .contact-journaliste {
	float: right;
}

.droite-contact-lien {
	display: block;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 16px;
	margin: 8px 0 0 0;
}

.droite-contact-image-lien:hover, .droite-contact-image-lien:active, .droite-contact-image-lien:focus {
	opacity: 0.7;
}


/*------------------ Article ----------------*/

.article-entete {
	clear: both;
	min-height: 100px;
	margin: 0 0 0px 0;
}

.article-image-rubrique {
	float: left;
	margin: 0 20px 0 0;
	vertical-align: middle;
}
.article-entete-ariane {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.4em;
	padding: 20px 0 0 0;
}

.article-entete-ariane a, .article-entete-ariane a:visited {
	text-decoration: none;
	color: #c6c6c6;
}

.article-entete-ariane a:hover, .article-entete-ariane a:active, .article-entete-ariane a:focus {
	text-decoration: underline;
}

.article-entete-titre {
	display: inline-block;
	font-size: 30px;
	font-weight: normal;
	padding: 5px 0 0 0;
}

.article-numero-revue {
	font-size: 30px;
	display: inline-block;
	margin: 0 15px 0 0;
}

.separateur-ariane {
	display: inline-block;
	margin: 0 5px;
}

.article-RS {
	margin: 18px 0 0 0;
}

.article-RS-lien {
	margin-left: 3px;
}

.article-RS-lien:hover, .article-RS-lien:active, .article-RS-lien:focus {
	opacity: 0.7;
}
.article-gauche {
	width: 320px;
	float: left;
	background: url(images/article-gauche-bg-3.png) no-repeat right top;
	min-height: 100px;
	padding: 0 20px 0 20px;
	min-height: 586px;
}

.article-gauche-h3-img {
	vertical-align: -150%;
	margin: 0 10px 0 15px;
}
.article-gauche-h3 span {
	display: inline-block;
	position: relative;
	top: 22px;
	left: 50px;
}
.article-gauche-h3 {
	font-family: 'Asap', sans-serif;
	font-size: 20px;
	margin: 10px 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	width: 300px;
}

.article-gauche-genre {
	font-family: 'Asap', sans-serif;
	font-size: 11px;
	margin: 9px 0;
}

.article-gauche-elemt {
	overflow: hidden;
	line-height: 1.1em;
	margin: 0 20px 0 0;
	border-bottom: 1px solid #c6c6c6;
	padding: 0 0 13px 0;
}

.article-gauche-elemt:last-of-type {
	border: none;
}
.article-gauche-elemt-lien, .article-gauche-elemt-lien:visited {
	text-decoration: none;
	font-size: 12px;
}

.article-gauche-elemt-lien:hover, .article-gauche-elemt-lien:active, .article-gauche-elemt-lien:focus {
	opacity: 0.7;
}

.article-gauche-media {
	float: left;
	margin: 0 20px 0 0px;
}

.article-gauche-media-titre {
	font-size: 12px;
}

.article-gauche-elmt-auteur {
	font-size: 9px;
}

.article-gauche-elmt-plus {
	font-family: 'Asap', sans-serif;
	font-size: 9px;	
}

.article-droite {
	width: 580px;
	float: right;
	min-height: 100px;
	font-size: 12px;
	line-height: 1.5em;
}

.article-droite-article {
	overflow: hidden;
	padding: 0 0 20px 0;
}

.article-droite-entete {
	border-bottom: 1px solid #424242;
	padding: 0 0 3px 0;
}

.article-droite-h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1em;		
	text-transform: uppercase;	
}

.article-droite-h2-sstitre {
	font-family: 'Asap', sans-serif;
	font-size: 16px;	
	text-transform: uppercase;	
	
}

.article-droite-sstitre2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;	
	margin: 0 !important;
	padding: 0;
}

.article-droite p.article-droite-auteur {
	font-size: 9px;
	margin: 0;
}

.article-droite p, .article-droite ul, .article-droite ol {
	margin: 10px 0 14px 0;
}

.article-droite ul {
	list-style-type: disc;
	padding: 0 0 0 12px;
}

.article-droite ol {
	padding: 0 0 0 16px;
	list-style-type: decimal;	
}

.article-pagination {
	text-align: right;
	font-size: 9px;
	line-height: 1.5em;
}

.article-pagination-prec {
	float: left;
	display: inline-block;
	text-align: left;
	background: url(images/article-pagination-prec.png) no-repeat left center;
	text-decoration: none;
	padding: 0 0 0 23px;
	width: 257px;
}

.article-pagination-suiv {
	display: inline-block;
	background: url(images/article-pagination-suiv.png) no-repeat right center;
	padding: 0 23px 0 0px;
	text-decoration: none;
	width: 257px;
}

.article-pagination-prec:hover, .article-pagination-prec:active, .article-pagination-prec:focus, .article-pagination-suiv:hover, .article-pagination-suiv:active, .article-pagination-suiv:focus {
	opacity: 0.7;
}



.article-pagination-bitter {
	font-family: 'Asap', sans-serif;
}


/*article---auteur*/

.article-droite-auteur {
	font-size: 12px;
}

.auteur-portrait {
	border-radius: 100px;
}

.auteur-nom {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #424242;
	margin: 10px 0;
	padding: 0 0 3px 0;
}

.auteur-h3 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
}


.conteneur-aside {
	width: 340px;
	float: left;
}

/*------------------ Feuille de Route --------------------*/

.colonne-droite-feuille-textes {
	width: 460px;
	float: left;
	font-size: 12px;
	line-height: 1.5em;
	margin: 20px 0 0 0;
}

.colonne-droite-h2, .colonne-droite-feuille-textes h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #424242;
	padding: 0 0 5px 0;
	color: #8b2c31;
}

.feuille-h2-margin {
	margin: 40px 0 0 0;
}


.colonne-droite-feuille-textes p, .colonne-droite-feuille-textes ul, .colonne-droite-feuille-textes ol {
	margin: 10px 0 14px 0;
}

.colonne-droite-feuille-textes ul {
	list-style-type: disc;
	padding: 0 0 0 12px;
}

.colonne-droite-feuille-textes ol {
	padding: 0 0 0 16px;
	list-style-type: decimal;	
}

.colonne-droite-feuille-media {
	width: 220px;
	float: right;
	margin: 20px 0 0 0;
}

.colonne-droite-feuille-media p {
	margin: 0 0 20px 0;
}

.droite-presse {
	clear: both;
}

.droite-presse-h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #8b2c31;
	padding: 0 5px 5px 0;
}

.droite-presse-elmt {
	width: 220px;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5em;
	padding: 10px 0;
}

.droite-presse-elmt.lastoftype {
	margin: 0;
}


.presse-elmt-h3 {
	font-size: 16px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	margin: 0 5px 3px 0;	
}

.presse-elmt-entete {
	border-bottom: 1px solid #424242;
	padding: 0 5px 5px 0;
}

.droite-presse-elmt img{
	display: block;
	margin: 10px 0 0 0;
}

.droite-presse-elmt p {
	margin: 10px 0 14px 0;
}


/*sidebar*/
.sb-numero-cours {
	margin: 0 0 30px 0;
}

p.p-numero-cours {
	margin: 0 0 6px 20px;
}

.sb-couverture {
	box-shadow: 0px 0px 21px #aaa;
	display: block;
	margin: 0 auto;
}

p.numero-cours-liens {
	text-align: right;
	font-family: 'Asap', sans-serif;
	padding: 0 20px;
	margin: 15px 0 0 0;
}

.numero-cours-feuilleter {
	float: left;
	text-decoration: none;	
}

.numero-cours-feuilleter:hover, .numero-cours-feuilleter:active, .numero-cours-feuilleter:focus {
	text-decoration: underline;
}

.numero-cours-acheter {
	text-decoration: none;
}

.numero-cours-acheter:hover, .numero-cours-acheter:active, .numero-cours-acheter:focus {
	text-decoration: underline;
}

.sb-hozhoni {
	padding: 40px 20px 20px 20px;
	background: #f4f4f4;
}

.sb-hozhoni-logo {
	margin: 0 auto 25px auto;
	display: block;
}

.sb-hozhoni-lien {
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
}

.sb-hozhoni-lien:hover, .sb-hozhoni-lien:active, .sb-hozhoni-lien:focus {
	text-decoration: underline;
}

/*---------------------------------- Rubriques ----------------------------------*/

.rubrique-gauche {
	border-right: 1px solid #c6c6c6;
	padding-right: 10px;
}

.rubrique-gauche-elmt {
	border-bottom: 1px solid #c6c6c6;
	text-align: center;
	margin: 0px 0 15px 0;
	padding: 15px 0 0px 0;
	min-height: 145px;
}

.rubrique-gauche-elmt:last-of-type {
	border: none
}

.rubrique-gauche-texte, .rubrique-gauche-texte:visited {
	display: block;
	text-decoration: none;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.rubrique-gauche-texte:hover, .rubrique-gauche-texte:active, .rubrique-gauche-texte:focus {
	text-decoration: underline;
}

.rubrique-gauche-symbole:hover, .rubrique-gauche-symbole:active, .rubrique-gauche-symbole:focus {
	opacity: 0.7;
}

.rubrique-droite {
	text-align: left;
}

.rubrique-droite-h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	display: inline-block;
	border-bottom: 1px solid #8b2c31;
	padding: 15px 0 5px 0;	
}

.wraper-rubrique-h2 {
	text-align: left;
}

.rubrique-droite-elmt {
	width: 100px;
	display: inline-block;
	vertical-align: top;
	margin: 10px 20px 0px 0;
	line-height: 1em;
	min-height: 140px;
	text-align: center;
}

.rubrique-droite-elmt:nth-of-type(6n+1) {
	margin: 10px 0 0px 0;
}

.rubrique-droite-texte, .rubrique-droite-texte:visited  {
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-family: 'Asap', sans-serif;
}

.rubrique-droite-texte:hover, .rubrique-droite-texte:active, .rubrique-droite-texte:focus {
	text-decoration: underline;
}

.rubrique-droite-symbole:hover, .rubrique-droite-symbole:active, .rubrique-droite-symbole:focus {
	opacity: 0.7;
}


/*-------------------------------------- DOssiers -------------------------------*/

.dossier-entete-h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	margin: 0 0 10px 0;
}

.dossier-entete-p {
	font-size: 12px;
	line-height: 1.5em;
}

.dossier-entete-select {
	clear: both;
	display: block;
	padding: 20px 0 0 0;
}

.dossier-elmt {
	width: 460px;
	margin: 30px 0 0 0;
	min-height: 320px;
}

.dossier-elmt-odd {
	float: left;
}

.dossier-elmt-even {
	float: right;
}

.dossier-elmt-entete {
	border-bottom: 1px solid #424242;
}

.dossier-elmt-numero {
	text-transform: uppercase;
	font-size: 9px;
	margin: 0 0 3px 0;
}

.dossier-elmt-titre {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2em;
	padding: 0 0 5px 0;
}

.dossier-elmt-sstitre {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;	
}

.dossier-elmt-titre a, .dossier-elmt-titre a:visited {
	text-decoration: none;
}

.dossier-elmt-titre a:hover, .dossier-elmt-titre a:active, .dossier-elmt-titre a:focus {
	opacity: 0.7;
}

.dossier-elmt-contenu {
	padding: 10px 0 0 0;
}

.dossier-elmt-img {
	float: left;
	margin: 0 20px 0 0;
}

.dossier-elmt-img-lien:hover, .dossier-elmt-img-lien:active, .dossier-elmt-img-lien:focus {
	opacity: 0.7;	
}

.dossier-elmt-p {
	font-size: 12px;
	line-height: 1.5em;
}

.dossier-elmt-suite, .dossier-elmt-suite:visited {
	font-weight: bold;
	text-decoration: none;
	font-size: 9px;
}

.dossier-elmt-suite:hover, .dossier-elmt-suite:active, .dossier-elmt-suite:focus {
	text-decoration: underline;
}


/*---------- COntributeurs-----------*/

.contri-menu-alphabet {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	margin: 30px 0;
	line-height: 1.5em;
}

.contri-alphabet-lien, .contri-alphabet-lien:visited{
	text-decoration: none;
}

.contri-alphabet-lien:hover, .contri-alphabet-lien:active, .contri-alphabet-lien:focus {
	color: #8b2c31;
}

.contri-alphabet-span {
	display: inline-block;
	margin: 0 2px 0 5px;
}

.conteneur-contri-elmt {
	text-align: center;
	
}


.contri-elmt {
	width: 220px;
	display: inline-block;
	margin: 20px 20px 20px 0;
	line-height: 1.1em;
	min-height: 260px;
	vertical-align: top;
}

.contri-elmt:nth-of-type(4n) {
	margin: 20px 0 20px 0;
}

.contri-elmt-portrait {
	border-radius: 50px;
}

.contri-elmt-nom {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 16px;
	margin: 5px 0 15px 0;	
}

.contri-nom-lien, .contri-nom-lien:visited {
	text-decoration: none;
}

.contri-nom-lien:hover, .contri-nom-lien:active, .contri-nom-lien:focus {
	text-decoration: underline;
}

.contri-elmt-bio {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

.contri-elmt-lien, .contri-elmt-lien:visited {
	font-family: 'Asap', sans-serif;
	font-size: 9px;
	text-decoration: none;
}

.contri-elmt-lien:hover, .contri-elmt-lien:active, .contri-elmt-lien:focus {
	text-decoration: underline;

}

/*--------------REVUE ---------------------*/


.revue-entete {
	margin: 0 0 40px 0;
}

.revue-h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #424242;
	display: inline-block;
	min-width: 340px;
	padding: 0 0 5px 0;
}

.revue-h2-numero {
	font-size: 30px;
	display: inline-block;
	margin: 0 15px 0 0;
}

.revue-entete-select {
	display: block;
	margin: 10px 0;
}

.revue-gauche {
	width: 460px;
	float: left;
	overflow: hidden;
}

.revue-couverture-img {
	box-shadow: 0px 0px 21px #aaa;
	display: block;
	margin: 0 auto;	
}

p.revue-couverture-liens {
	text-align: right;
	font-family: 'Asap', sans-serif;
	padding: 0 60px;
	margin: 20px 0 0 0;
	font-size: 12px;	
}

.revue-couverture-feuilleter {
	float: left;
	text-decoration: none;	
}

.revue-couverture-feuilleter:hover, .revue-couverture-feuilleter:active, .revue-couverture-feuilleter:focus {
	text-decoration: underline;
}

.revue-couverture-acheter {
	text-decoration: none;
}

.revue-couverture-acheter:hover, .revue-couverture-acheter:active, .revue-couverture-acheter:focus {
	text-decoration: underline;
}

.revue-gauche-edito {
	font-size: 12px;
	line-height: 1.5em;
	margin: 50px 0 0 0;
}

.revue-edito-h3 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #424242;
	padding: 0 0 8px 0;
}

.revue-edito-nom {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;	
}

.revue-gauche-edito p, .revue-gauche-edito ul, .revue-gauche-edito ol {
	margin: 10px 0 14px 0;
}

.revue-gauche-edito ul {
	list-style-type: disc;
	padding: 0 0 0 12px;
}

.revue-gauche-edito ol {
	padding: 0 0 0 16px;
	list-style-type: decimal;	
}

.revue-gauche-edito a, .revue-gauche-edito a:visited {
	color: #8b2c31;
	text-decoration: none;
}

.revue-gauche-edito a:hover, .revue-gauche-edito a:active, .revue-gauche-edito a:focus {
	text-decoration: underline;
}


.revue-droite {
	width: 460px;
	float: right;
}

.revue-droite-sommaire {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #8b2c31;
	padding: 0 0 7px 0;
	margin: 0 0 10px 0;	
}

.sommaire-categorie {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}

.sommaire-titre {
	font-size: 12px;
	text-transform: uppercase;	
	margin: 5px 0;
}

.sommaire-auteur {
	font-size: 9px;
	margin: 5px 0;
}

.sommaire-lien, .sommaire-lien:visited {
	font-size: 12px;
	text-decoration: none;
	margin: 5px 0;
}

.sommaire-lien:hover, .sommaire-lien:active, .sommaire-lien:focus {
	text-decoration: underline;
}

.sommaire-hr {
	width: 100px;
	height: 1px;
	background-color: #424242;
	color: #424242;
	border: none;
	margin: 8px 0;
}
/*------------- page 404 ----------------------*/

.contenu-404 {
	background: url(images/404-bg.jpg) no-repeat 0px 82px;
	min-height: 600px;
}

.text-404 {
	width: 580px;
	float: right;
	margin: 270px 0 0 0;
	line-height: 1.2em;
}

.text-404-haut {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	font-weight: bold;	
	border-bottom: 1px solid #424242;
	padding: 0 0 10px 0;
}

.text-404-haut-span {
	font-size: 16px;
	font-weight: normal;
}

.text-404-bas {
	font-size: 12px;
	margin: 5px 0 0 0;
}

.text-404-bas a, .text-404-bas a:visited {
	text-decoration: none;
	color: #8b2c31;
	font-weight: bold;
}

.text-404-bas a:hover, .text-404-bas a:active, .text-404-bas a:focus {
	text-decoration: underline;
}


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

.footer {
	background: #8b2c31;
	clear: both;
	min-height: 215px;
	margin: 0;
	font-size: 12px;
	line-height: 1.9em;
}

.wrapper-footer {
	position: relative;	
}

	
.footer-col {
	width: 220px;
	float: left;
	min-height: 215px;
}
.footer-col {
	color: #fff !important;
}

.footer-col1 {
	background: url(images/hz_footer-bg-col1.png) repeat-x left top;
	position: relative;
	top: -25px;
	margin: 0 20px 0 0;
	color: #424242 !important;
}
.footer-col1 a {
	color: #424242 !important;
}
.footer-logo-hozhoni {
	display: block;
	margin: 0 auto;
}

.footer-adresse {
	padding: 0 0 0 10px;
	margin: 20px 0 0 0;
}

.footer a, .footer a:visited {
	color: #fff;
	text-decoration: none;
}

.footer a:hover, .footer a:active, .footer a:focus {
	text-decoration: underline;
}

.footer-col2 {
	margin: 0 20px 0 0;
}

.footer-col2-contenu {
	margin: 15px 0 0 0;
}

.footer-col3 {
	margin: 0 20px 0 0;
}


.footer-col3-contenu {
	margin: 15px 0 0 0;
}

.footer-RS-lien {
	margin: 0 10px 0 0px;
}

.footer-RS-lien:hover, .footer-RS-lien:active, .footer-RS-lien:focus {
	opacity: 0.7;
}

.footer-col4 {
	position: relative;
}

.footer-col4-contenu {
	margin: 15px 0 0 0;
}

.footer-qr {
	background: url(images/footer-bg-qr.png) no-repeat center bottom;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 220px;
	line-height: 1.3em;
	min-height: 110px;
}

.footer-qr-p {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: #8b2c31;
	border-bottom: 1px solid #8b2c31;
	width: 140px;
	margin: 10px auto 0 auto;
	padding: 0 0 7px 0;
}

a.footer-qr-lien, a.footer-qr-lien:visited {
	color: #8b2c31;
	display: block;
	width: 140px;
	margin: 7px auto 0 auto;
}

a.footer-qr-lien:hover, a.footer-qr-lien:active, a.footer-qr-lien:focus {
	text-decoration: underline;
}


.contenu-motif-bg {
	width: 234px;
	height: 189px;
	background: url(images/footer-motif-transp.png) no-repeat;
	position: absolute;
	bottom: 0px;
	right: 15px;
	z-index: -1;
}




















































































































@media (max-width: 974px) {



/*------------------- Classes ---------------------*/

.mob-display-none {
	display: none;
}

.centre {
	width: auto;
	margin: 0 auto;
}

/*--général--*/





/*--------header-----------*/

.header {
	padding: 0;
	overflow: visible;
	margin: 100px 0 30px 0;
	}
	
.header-logo-mob {
	display: block;
	width: 300px;
	margin: 0px auto;
	padding: 13px 0;
}	

.header-logo-mob img {
	width: 300px;
}

.sb-actualites {
	display: none;
}
.colonne-gauche {
	min-height: 90px;
}
.conteneur-aside {
	float: none;
}
/*-------menu--------*/

.header-menu-mob {
	display: block;
	min-height: 50px;
	position: relative;
	margin: 52px 0 0 0;
}

.menu-mob-elmt {
	width: 25%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.menu-mob-menu-lien, .menu-mob-recherche-lien, .menu-mob-newsletter-lien, .menu-mob-qr-lien, .menu-mob-menu-lien:visited, .menu-mob-recherche-lien:visited, .menu-mob-newsletter-lien:visited, .menu-mob-qr-lien:visited {
	display: block;
	padding: 10px 0;
}



/*--------menu-survol----------*/
.menu-mob-menu-lien:hover, .menu-mob-recherche-lien:hover, .menu-mob-newsletter-lien:hover, .menu-mob-menu-lien:active, .menu-mob-recherche-lien:active, .menu-mob-newsletter-lien:active, .menu-mob-menu-lien:focus, .menu-mob-recherche-lien:focus, .menu-mob-newsletter-lien:focus, .menu-focused {
	background: #545454;
}

.menu-mob-qr-lien:hover, .menu-mob-qr-lien:active, .menu-mob-qr-lien:focus, .menu-mob-qr-lien.menu-focused {
	background: #efa300;
}


.mob-menu-panneau {
	background-color: #545454;
	padding: 7px 0px;
	text-align: left;
	position: absolute;
	width: 100%;
	z-index: 99999;
}

.menu-panneau-elmt {
	border-bottom: solid 1px #fff;
	width: 92.5%;
	margin: 0 3.75% 0 3.75%;
}

.menu-panneau-elmt:last-child {
	border-bottom: none;
}
.menu-panneau-elmt a, .menu-panneau-elmt a:visited{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	display: block;
	padding: 13px 0;
}

.menu-panneau-elmt a:hover, .menu-panneau-elmt a:active, .menu-panneau-elmt a:focus {
	margin: 0 0 0 15px;
}

.mob-recherche-panneau {
	background-color: #545454;
	padding: 20px 0px;
	position: absolute;
	width: 100%;
	left: 0;
}


.mob-recherche-input {
	-webkit-appearance: none;
	border-radius: 0;
	width: 256px;
	padding: 5px 0px 5px 5px;
	border: none;
	font-size: 16px;
}

.mob-recherche-submit {
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #fff;
	background: none;
	padding: 3px 0;
	cursor: pointer;
	font-size: 16px;
	width: 40px;
	color: #fff;
}

.mob-recherche-submit:hover, .mob-recherche-submit:active, .mob-recherche-submit:focus {
	color: #8b2c31; 
}

.mob-newsletter-panneau {
	background-color: #545454;
	padding: 20px 0px;
	position: absolute;
	width: 100%;
	left: 0;
	line-height: 1.4em;
	z-index: 99999;
}

.newsletter-panneau-h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 20px;
	border-bottom: solid 1px #fff;
	padding: 0 0 10px 0;
	width: 92.5%;	
	margin: 0 3.75% 0 3.75%;
}

.mob-newsletter-panneau p {
	width: 92.5%;	
	margin: 16px 3.75% 0 3.75%;
	text-align: center;
}

.newsletter-panneau-form {
	margin: 16px 0 16px 0;
}
.newsletter-panneau-input {
	-webkit-appearance: none;
	border-radius: 0;
	width: 256px;
	padding: 5px 0px 5px 5px;
	border: none;
	font-size: 16px;
}

.newsletter-panneau-submit {
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #fff;
	background: none;
	padding: 3px 0;
	cursor: pointer;
	font-size: 16px;
	width: 40px;
	color: #fff;
}

.newsletter-panneau-submit:hover, .newsletter-panneau-submit:active .newsletter-panneau-submit:focus {
	color: #8b2c31; 	
}

.mob-qr-panneau {
	background-color: #efa300;
	padding: 20px 0px;
	position: absolute;
	width: 100%;
	left: 0;
	line-height: 1.4em;
	z-index: 99999;
}

.qr-panneau-h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 16px;
	border-bottom: solid 1px #fff;
	padding: 0 0 10px 0;
	width: 92.5%;	
	margin: 0 3.75% 0 3.75%;
}

.mob-qr-panneau p {
	width: 92.5%;	
	margin: 10px 3.75% 0 3.75%;
	text-align: center;
	font-size: 16px;
}

.qr-panneau-lien, .qr-panneau-lien:visited {
	text-decoration: none;
}

.qr-panneau-lien:hover, .qr-panneau-lien:active, .qr-panneau-lien:focus {
	text-decoration: underline;
}

/*---------- Page accueil--------*/

.contenu-principal {
	padding: 0 10px;
	min-height: 500px;
}


/*sidebar*/
.colonne-gauche {
	float: none;
	width: auto;
	max-width: 700px;
	margin: 0 auto;
}

.sidebar-btn-abonnez {
	margin: 0px auto 24px;
}
/**/

.colonne-droite {
	float: none;
	width: auto;
	margin: 30px auto 0 auto;
	max-width: 720px;
}

.droite-diapo {
	width: auto;
}

.diaporama-contenu {
	display: none;
}

.droite-diapo img{
	height: auto;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	display: block;
}

.droite-h2-revue {
}

.sommaire-secondaire-titre {
	width: 220px;
	display: inline-block;
	margin: 0 10px 0 10px;
	padding: 20px 0 15px 0;
}

.sommaire-secondaire-titre:nth-of-type(3n) {
	margin: 0 10px 0 10px;
}


.border-filet {
	border: none;
}

/*---------page---------*/

/*---contact--*/

.droite-contact-elmt {
	width: 320px;
}


.wpcf7-text {
	max-width: 290px
}

.wpcf7-textarea {
	max-width: 290px;
}



/*---------article----------*/

.article-contenu-principal {
	background: url(images/article-bg-motif.png) no-repeat 50% 250px;
}


.article-entete {
	max-width: 700px;
	width: auto;
	margin: 0 auto;	
}

.article-entete-titre {
	display: block;
	line-height: 1em;
}

.article-numero-revue {
	margin: 0;
	display: block;
}

.article-gauche {
	background: none;
	float: none;
	width: auto;
	max-width: 700px;
	margin: 30px auto 0 auto;
	padding: 0;
	min-height: 80px;
}

.article-gauche-h3 {
}

.article-gauche-h3-img {
	vertical-align: middle;
}

.article-gauche-elemt {
	margin: 0;
}

.article-droite {
	float: none;
	width: auto;
	margin: 30px auto 0 auto;
	max-width: 700px;
}

.article-droite img {
	height: auto;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
}


/*feuille de route*/


.sb-numero-cours {
	max-width: 340px;
	margin: 0 auto 50px auto;
}

.sb-hozhoni {
	
}

.diaporama-accueil {
	width: 700px;
}

.colonne-droite-feuille-textes {
	float: none;
	width: auto;
}

.colonne-droite-feuille-media {
	float: none;
	width: auto;
	text-align: center;
		
}

.colonne-droite-feuille-media p {
	display: inline-block;	
	margin: 20px 8px;
	vertical-align: top;
}

.droite-presse {
	text-align: center;
}

.droite-presse-h2 {
	text-align: left;

}

.droite-presse-elmt {
	margin: 0 10px;
	vertical-align: top;
	text-align: left;
	
}

.droite-presse-elmt:last-of-type {
	margin: 0 10px;
}
/*-----------rubriques---------------*/

.rubrique-gauche {
	padding-right: 0;
	border: none;
	text-align: center;
}

.rubrique-gauche-elmt {
	display: inline-block;
	width: 290px;
	vertical-align: top;
	margin: 0 5px;
}

.rubrique-droite-elmt {
	margin: 10px 10px 0 10px;
}

.rubrique-droite-elmt:nth-of-type(6n+1) {
	margin: 10px 10px 0 10px;
}

/*-------------------- Dossiers ---------------------*/

.dossier-elmt {
	width: auto;
	overflow: hidden;
	max-width: 700px;
	margin: 30px auto 0 auto;
}

.dossier-elmt-odd {
	float: none;
}

.dossier-elmt-even {
	float: none;
}


/*-------- Contributeurs ----------*/

.contri-elmt {
	margin: 20px 10px;
}

.contri-elmt:nth-of-type(4n) {
	margin: 20px 10px;
}

/*------------- revue ------------------*/

.revue-entete {
	width: auto;
	margin: 0 auto 40px auto;
	max-width: 340px;
}

.revue-h2 {
	width: auto;
	margin: 0 auto;
	min-width: 300px;
	display: block;
}

.revue-gauche {
	float: none;
	width: auto;
	margin-bottom: 40px;
}

.revue-gauche img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	box-sizing: border-box
}

.revue-droite {
	float: none;
	width: auto;
}

.revue-droite img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	box-sizing: border-box
}



/*----------- Page 404 --------------*/

.contenu-404 {
	background: none;
	min-height: 300px;
}

.text-404 {
	float: none;
	width: auto;
	max-width: 580px;
	margin: 50px auto;
}




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


.footer-mob {
	display: block;
	font-size: 12px;
	margin: 50px 0 0 0;
}

.haut-footer-mob {
	background: #cbcbcb;
	text-align: center;
	padding: 8px 0;
}


.haut-footer-mob a, .haut-footer-mob a:visited{
	color: #424242;
	text-decoration: none;
}

.haut-footer-mob a:hover, .haut-footer-mob a:active, .haut-footer-mob a:focus {
	text-decoration: underline;
}

.bas-footer-mob {
	text-align: center;
	color: #8b2c31;
	padding: 8px 0;
	margin: 0 0 10px 0;
}

.bas-footer-mob a, .bas-footer-mob a:visited {
	color: #8b2c31;
	text-decoration: none;
}

.bas-footer-mob a:hover, .bas-footer-mob a:active, .bas-footer-mob a:focus {
	text-decoration: underline;
}

.bas-footer-mob-tiret {
	display: inline-block;
	margin: 0 20px;
}









}







/*--------------- vieux navigateurs ----------------*/

.oldie .popin_galerie_audios {
	display: none;
}