/* iPhone XMAX in portrait */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 896px) 
and (-webkit-device-pixel-ratio : 3) 
and (orientation : portrait) {
	
div#disclaimer-cadre {
		width: 100%;
		height: 100%;
		background-size: 95%;
}
	
div#disclaimer-texte {
    padding-top: 2.5em;
	width:70%;
}

div#disclaimer-boutons {
    padding: 0;
    height: 40px;
    margin: 2em auto;
    width: 68%;
}

div#bouton-entrer {
    margin: 0 0 0 2em;
}

div#bouton-sortir {
    margin: 0 0 0 2em;
}

}


/* iPhone XMAX in landscape */
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3)
    and (orientation : landscape) {
		
		
div#disclaimer-cadre {
		width: 100%;
		height: 100%;
		margin-top: .3em;
		background-size: 45%;
}

div#disclaimer-texte {
    padding-top: 3em;
    font-size: 14px;
    line-height: 27px;
    width: 27%;
    margin: 0 auto;
}

div#disclaimer-boutons {
    margin: 1em auto;
    width: 24%;
}


div#bouton-entrer {
    width: 40px;
    height: 40px;
	background-size:100%;
	margin-left: 0px;
}

div#bouton-sortir {
    width: 40px;
    height: 40px;
	background-size:100%;
	margin-left: 125px;
}

		
	}

















/* iPhone X in landscape */
@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3) 
and (orientation : landscape) {
	
div#disclaimer-texte {
    padding-top: 2em;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 27px;
    width: 32%;
    color: #fff;
    margin: 0 auto;
}

div#disclaimer-boutons {
    margin: 1.2em auto;
    height: 70px;
    padding: 0;
    width: 34%;
}


div#bouton-entrer {
	width: 40px;
	height: 40px;
	margin: 0 0 0 3em;
	background-size: 100%;
}

div#bouton-sortir {
	width: 40px;
	height: 40px;
	margin-left: 110px;
	background-size: 100%;
}

	
div#edito {
    margin:2em auto;
    width:98%;
}

p.editorial {
    margin: 0 1em;
}

img.edito {
    margin:0;
}
	
#conteneur_sup {
	width: 100%;
	background:none;
}
	
div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat 0px 0px;
    margin: 0;
	background-size: 100%;
}

div#haut_nav {
	width: 98%;
	background:none;
	margin:10px auto 0;
	position: relative;
	height:95px;
}


div#liste_dossier {
    font-size: 15px;
    line-height: 20px;
}

#conteneur {
	width:100%;
	background:none;
}

div#rub_culture {float: left;width:91px;margin:0 4em 0 .3em;}
div#rub_culture a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_bien_etre {float: left;width:105px;margin:0 4em 0 0;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_epicure {float: left;width:91px;margin:0 4em 0 0;}
div#rub_epicure a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_sexualite {float: left;width:105px;margin:0 4em 0 0;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_videos {float: left;width:120px;margin:0;}
div#rub_videos a{margin:0 0 .5em 0em;width:120px;line-height:35px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -34px;background-size:100%;}


#motioncontainer {
	display:none;
}	

#gauche {
	display:none;
}

#droite { margin:0;}

#centre {
	width: calc(100% - 320px);
	}

div.sous_rub {margin:0;}



div#contenu_g_article {
	width: 100%;
	margin: 0;
	float: left;
	}


	
div.sep_centre{
	height:.05em;
}
	
img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#lien_social {
	left: 260px;
    top: 10px;
}

/*
div#friend {
	width: 98%;
	background:url(img/fleche_droite.gif) 6.5em .8em no-repeat;
}
*/

div#subcontent2 {
    font-size: .9em;
}

/*	
div#reco_video {	
	background:url(img/fleche_droite.gif) 6em .8em no-repeat;
	width: 98%;
}
*/

div#titre_assoc  {
	width: 100%;
}

div.chapo, div.chapo_video  {
	width: 100%;	
}



div.contenu_chapo, div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}


div.date_chapo {
	margin: 0 .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
}

div.voir_video {
    margin: 0 0 0 255px;
}

div#pied {background:none;}


}



















/* iPhone X in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3) 
and (orientation : portrait) {

/* p { display:inline-block;} */


div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:95%;
}

div#disclaimer-texte {
	padding-top: 1.5em;
	font-size: 14px;
	line-height: 27px;
	width: 70%;
}

div#disclaimer-boutons {
	padding: 0;
	height: 70px;
	margin: 1em auto 0;
	width: 80%;
}


div#bouton-entrer {
	width: 40px;
	height: 40px;
	margin: 0 0 0 3em;
	background-size: 100%;
}

div#bouton-sortir {
	width: 40px;
	height: 40px;
	float: right;
	margin: 0 3em 0 0;
	background-size: 100%;
}
	
#conteneur_sup {
	width: 100%;
	background:none;
	}
	

div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
	width: 100%;
	background:url(img/titre02.png) no-repeat center 0;
	background-size:147%;
	margin:0;
}

h1 {
	font-size: 24px;
	line-height: 26px;
}

#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
    width: 320px;
    margin: 0 auto;
	float: none;
	clear: both;
	}
	

#conteneur {
	 width: 100%;
	 background:none;
}


#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}


div#edito {
    width: 100%;
    margin: 0 0 2em 0;
}

img.edito {
margin: 0 0 0 6px;
width: 35%;
}

p.editorial {
    margin: 0 1em;
}

#centre {
	width:100%;
	margin:0;
	}

	
div#ref_article {
	font-size:1em;
}
	
div#contenu_g_article {
	width:93%;
	margin:0 auto;
	float: none;
	}
	
	
div#contenu_d_dossier {
    margin: 0 0 0 -5px;
	width:100%;
}
	
img.img_mois {
	margin: 10px 5% 0 5%;
	max-width: 90%;
	height: auto;
}


#motioncontainer {
	display:none;
}	
	
div.page_article {
	width:100%;
	margin:1em 0px 0 0em;	
	}

.mobil_none {
		display:none;
}


.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}


/*.buro {display:none } */
.buro {
	max-width: 100%;
	height: auto;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


/*
div#cale_img {
	width:275px;
	margin:13px 13px 30px 15px;
}
*/
div#cale_img {
    width: auto;
    margin: 0 0 20px 0;
    height: auto;
}


div#video {
    margin: 15px 0px 0 0px;
    width: 100%;
}


div.sep_centre{
	height: .05em;
	}

img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#liste_dossier {
	margin: 5px 0 15px 30px;
    font-size: 15px;
    line-height: 20px;
    width: 90%;
}


ul.menudossier li {
	margin:5px auto 0;
}

h2.titre_article_assoc {
	font-size: 16px;
	line-height:20px;
}
	
div#conteneur_chapeau {
	width:100%;
	}



div.chapeau_sup_gauche {
    width: 65%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_sup_droit {
    width: 65%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_gauche {
    width: 65%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_droit {
    width: 65%;
    margin: 15px auto 0;
    float: none;
	}


div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}


div#friend {
	width: 86%;
    margin: 0;
    background: url(img/fleche_droite.gif) 3em .9em no-repeat;
}


#friend b {
	font-size: .8em;
}

div#subcontent2 {
    font-size: .9em;
}

div#reco_video {
		width: 100%;
		margin:0;
		padding:10px 0 0 0;
		background:url(img/fleche_droite.gif) 3em .65em no-repeat;
}

div#text_video {
	margin:0 0 0 2em;
	font-size: .8em;	
}

div#titre_assoc  {
	width: 100%;
	
}

div.chapo, div.chapo_video   {
	width: 100%;	
}

div.contenu_chapo, div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}

div.voir_video {
	margin: 0px 0px 0px 160px;
}


div.date_chapo {
	margin:.3em .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;	
}

.quatrevingt {	
	width:90%;
	height:90%;
}	
 

div#pied {
	 width: 100%;
	 background:none;
}

div#cale_img_chapo {
	margin:1em 0 0 0;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .8em;
}


div.titre_chapo {
	width: 100%;
}


h1.titre_chapeau, h2.titre_chapeau, h3.titre_chapeau {
	width: 98%;
	font-size: .75em;
	line-height:1.1em;
}


img.chapo_droite {
	float: right;
	margin:0;
}

/* billet  */
.sep_centre_gris.billet {width:94.5%;margin:6px 0 6px 10px;}
p.titre_billet{font-size:.75em;}
div.chapo.billet{clear: right;width:95%;margin:0 0 0 10px;height:80px;}
div.chapo.billet .ref_chapo {margin:0;}
div.chapo.billet .titre_chapo {margin:0;padding: 0;}




/* col droite   */

div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}

.lien_social {
	width:40%;
	height:40%;
}


span.ref_rubriq_invitation {
	margin:0 4px;
}



/* navigation  */

.pull {
	display:none;
}

#nav-toggle {	
display:block;
}

div#haut_nav {
	width: 100%;
	background:none;
	position: relative;
	height:200px;
	margin: 0;
}

div#rub_culture {float:left;width:65px;margin:0 1px 0 0;}
div#rub_culture a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_bien_etre {float:left;width:75px;margin:0 1px 0 0;}
div#rub_bien_etre a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_epicure {float:left;width:65px;margin:0 1px 0 0;}
div#rub_epicure a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_sexualite {float:left;width:75px;margin:0 1px 0 0
;}
div#rub_sexualite a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_videos {float:left;width:86px;margin:0;}
div#rub_videos a{float:right;clear:left;margin:0 0 .5em 0em;width:86px;line-height:25px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -25px;background-size:100%;}


.ul_menu li {

    display: block;
    border-right: none;
	font-size: 13px;
	height:15px;
}

a.lien_ssrub {
	display: block;
}


div.sous_rub {	
	margin: 2em 0 0 9em;
	padding: 0px 0px 0px 0px;
	width: 52%;
	position: absolute;
}

	
	}










/* iPad PRO in portrait  (landscape = version buro) */
@media only screen 
and (max-device-width : 1024px) 
and (max-device-width : 1366px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation : portrait) {
	
div#lien_social {
	 top: 5px;
    left: -700px;
}				  
}







/* iPad in portrait */
@media only screen 
and (max-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation : portrait) {

/* p { display:inline-block;} */
	
#conteneur_sup {
	width: 100%;
	background:none;
}
	
div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat 0px 0px;
    margin: 0;
	background-size: 120%;
}

div#haut_nav {
	width: 96%;
	background:none;
	margin:10px 0 0 15px;
	position: relative;
	height:95px;
}


#conteneur {
	width:100%;
	background:none;
}

#nav-toggle {
    display: none;
}

.pull {
    display: block;
}


div#edito {
	width:100%;
	margin:0 0 2em 0;
}

img.edito {
    margin: 0 0 0 6px;
    width: 15%;
}

div#rub_culture {float: left;width:91px;margin:0 3.2em 0 0;}
div#rub_culture a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_bien_etre {float: left;width:105px;margin:0 3.2em 0 0;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_epicure {float: left;width:91px;margin:0 3.2em 0 0;}
div#rub_epicure a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_sexualite {float: left;width:105px;margin:0 3.2em 0 0;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_videos {float: left;width:120px;margin:0;}
div#rub_videos a{margin:0 0 .5em 0em;width:120px;line-height:35px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -34px;background-size:100%;}


#motioncontainer {
	display:none;
}	

#gauche {
	display:none;
	visibility:hidden;
}

#droite { 
	margin:0;
	width:320px;
	float:left;
	}

#centre {
	width: calc(100% - 320px); 
	}

	
.ul_menu li {
	display: inline-block;
    border-right: solid .16em #7a7a7a;
    padding: 0em .5em 0.4em 0;
    height: 10px;
    margin: 0;
}
	
div.sous_rub {
	float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
	width:98%;
	font-size: 14px;
	}


.mobil_none {display:none;}	

.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}


/*.buro {display:none } */
.buro {
	width: 100%;
	height: auto;
	max-width: 98%;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


/*
div#cale_img {
	width:275px;
	margin:13px 13px 30px 15px;
}
*/
div#cale_img {
    width: auto;
    margin: 0 3px 20px 15px;
    height: auto;
}


img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}

img.img_mois {
	margin: 10px 5% 0 5%;
	max-width: 90%;
	height: auto;
}

div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}

div.chapeau_sup_gauche {
    width: 50%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_sup_droit {
    width: 50%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_gauche {
    width: 50%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_droit {
    width: 50%;
    margin: 15px auto 0;
    float: none;
	}

div#friend {
    width: 86%;
    margin: 0;
    background: url(img/fleche_droite.gif) 5em 1em no-repeat;
}

#friend b {
    font-size: .8em;
}

div#reco_video {	
    background: url(img/fleche_droite.gif) 5em .8em no-repeat;
    width: 98%;
}

div.voir_video {
    margin: 0px 0px 0px 210px;
}

div#text_video {
    margin: 0px 0px 0 2em;
    font-size: .8em;
}

div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}


/* video */
div#video {
	margin:15px 0px 0 12px;
	width:96%;
}

div#titre_assoc  {
	width: 100%;
}

div.chapo  {
	width: 100%;	
}



div.contenu_chapo {
	margin: 0;
	width: 70%;
	height: 100%;
}


div.date_chapo {
	margin: 0 .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
}


div#cale_img_chapo {
	margin:1.4em 0px 0px .3em;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .9em;
}


div.titre_chapo {
	width: 100%;
}


h1.titre_chapeau {
	width: 98%;
	font-size: .9em;
	line-height:1.1em;
}

img.chapo_droite {
	float: right;
	margin:0;
}


div#lien_social {
	left: calc(100% - 60px);
	top: 0px;
}

div#pied {background:none;}

}









	/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation : landscape) {
	
div#lien_social {
	 top: 5px;
    left: -700px;
}	
	
}	










/* Galaxy S9 landscape       */
@media  only screen
  and (max-height: 360px) 
  and (min-width: 740px) 
  and (max-resolution: 400dpi)
  and (orientation: landscape) {
	  
div#rub_culture {float: left;width:18%;margin:0;}
div#rub_culture a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_bien_etre {float: left;width:20%;margin:0;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_epicure {float: left;width:17%;margin:0;}
div#rub_epicure a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_sexualite {float: left;width:20%;margin:0;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_videos {float: left;width:24%;margin:0;}
div#rub_videos a{margin:0 0 .5em 0em;width:120px;line-height:35px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -34px;background-size:100%;}


div.sous_rub {
	width:100%;
	font-size:.85em;
	padding: 8px 0 0 0;
	margin:0 0 0 5px;
}

/* p { display:inline-block;} */

div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:47%;
	margin: .5em 0 0 0;
}

div#disclaimer-texte {
	padding-top: 2.3em;
	font-size: 14px;
	line-height: 27px;
	width: 38%;
}

div#disclaimer-boutons {
	padding: 0;
	margin: 2em auto;
	width: 32%;
}


div#bouton-entrer {
	width: 40px;
	height: 40px;
	margin: 0 0 0 2em;
	background-size: 100%;
}

div#bouton-sortir {
	width: 40px;
	height:40px;
	float: right;
	margin: 0 2em 0 0;
	background-size: 100%;
}


#conteneur_sup {
	width: 100%;
	background:none;
}
	
	

div#header {
	width: 100%;
	background:none;
	margin:0;	
}


div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat 35px 0px;
    margin: 0;
    background-size: 100%;
}

div#haut_nav {
	width: 96%;
	background:none;
	margin:0 0 0 15px;
	position: relative;
	height:75px;
}
	
#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
	width:43.25%;
	margin: 0 auto;
	float:right;
	}
	

#conteneur {
	 width: 100%;
	 background:none;
}


div#edito {
	width:100%;
	margin:2em 0;
}

img.edito {
    margin:0;
}

p.editorial {
    margin: 0 1em;
}

#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}

#centre {
	width:56.75%;
	}

	
div#contenu_g_article {
	width: 96%;
	margin: 0 auto;
	float: none;
	}

div#slide_show_article {	
	float: none;
	margin: 0 auto;
	padding: 0px 0 0 0;
	border: 0px;
	width: 100%;
}
	
	
#motioncontainer {
	display:none;
}	


img.img_mois {
	margin: 10px 5% 0 5%;
	max-width: 90%;
	height: auto;
}
	
div.page_article {
	width:100%;
	margin:1em 0px 0 0;
	}

.mobil_none {
		display:none;
}

.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}

/*.buro {display:none } */
.buro {
	max-width: 100%;
	height: auto;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


/*
div#cale_img {	
	margin:15px 14px 20px 15px;
	width: 100%;
}
*/
div#cale_img {
    width: auto;
    margin: 0 0 20px 0;
    height: auto;
}
	
img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#liste_dossier {
	margin:5px auto 15px;
	font-size:15px;
	line-height:20px;
	width: 90%;
}

	
div#conteneur_chapeau {
	width:100%;
	margin: 8px 0;
	}
	
div.chapeau_sup_gauche {
    width: 50%;
    margin:0 auto;
    float: left;
	}
	
div.chapeau_sup_droit {
    width: 50%;
    margin:0 auto;
    float: right;
	}
	
div.chapeau_inf_gauche {
    width: 50%;
    margin:0 auto;
    float: left;
	}
	
div.chapeau_inf_droit {
    width: 50%;
    margin:0 auto;
    float: right;
	}
	
div#conteneur_chapeau h2.titre_chapeau {
	margin:0 0 0 1em;
	font-size: .8em;
	width: 85%;
	overflow: hidden;
}

h2.titre_chapeau {
	margin: 0;
	overflow: hidden;
	}
	
	
h1.ref_rubriq_chapeau {
    width: 95%;
    margin: 0 0px 0 1em;
    font-size: .75em;
	font-weight: 600;
	}

img.cadre_ombre_chapeau {
    width: 85%;
}

div.chapeau_img {
    height: auto;
    width: 210px;
}


	
div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}


div#friend {
	width:82%;
	background:url(img/fleche_droite.gif) 3em .8em no-repeat;
	font-size: .9em;
}


div#reco_video {	
	background:url(img/fleche_droite.gif) 2.2em .8em no-repeat;
	width: 98%;
}

div.chapo_video {
    width: 100%;
}

div#text_video {
	margin: 0 auto;
	font-size: .9em;
}

div.voir_video {
    margin:0px 0px 0 200px;
}

div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}

div#titre_assoc  {
	width: 100%;
}

div.chapo  {
	width: 100%;	
}

div.contenu_chapo {
	margin: 0;
	width: 70%;
	height: 100%;
}

div.date_chapo {
	margin:.3em .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
}


div#cale_img_chapo {
	margin:1.4em 0px 0px .3em;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .9em;
}


div.titre_chapo {
	width: 100%;
}


h1.titre_chapeau {
	width: 98%;
	font-size: .9em;
	line-height:1.1em;
}


img.chapo_droite {
	float: right;
	margin:0;
}

.quatrevingt {
	width:90%;
	height:90%;
}


/* col droite   */

div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}

.lien_social {
    width: 45%;
	height:45%;
}



div#pied {
	 width: 100%;
	 background:none;
}

	  
  }

  
  
  
  
  
  
 

 
	/* Galaxy S5, S7, S9 portrait */
	
@media  only screen 
  and (min-width: 360px) 
  and (max-height: 740px) 
  and (max-resolution: 400dpi) 
  and (orientation: portrait) {

/* p { display:inline-block;} */


div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:95%;
}

div#disclaimer-texte {
	padding-top: 1.5em;
	font-size: 14px;
	line-height: 27px;
	width: 70%;
}

div#disclaimer-boutons {
	padding: 0;
	height: 70px;
	margin: 1em auto;
	width: 80%;
}


div#bouton-entrer {
	width: 40px;
	height: 40px;
	margin: 0 0 0 3em;
	background-size: 100%;
}

div#bouton-sortir {
	width: 40px;
	height: 40px;
	float: right;
	margin: 0 3em 0 0;
	background-size: 100%;
}
	
#conteneur_sup {
	width: 100%;
	background:none;
	}
	

div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
	width: 100%;
	background:url(img/titre02.png) no-repeat center 0;
	background-size:147%;
	margin:0;
}

h1 {
	font-size: 24px;
	line-height: 26px;
}

#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
    width: 320px;
    margin: 0 auto;
	float: none;
	clear: both;
	}
	

#conteneur {
	 width: 100%;
	 background:none;
}


#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}


div#edito {
	width:100%;
	margin:0 0 2em 0;
}

img.edito {
    margin: 0 0 0 6px;
    width: 35%;
}

p.editorial {
    margin: 0 1em;
}

#centre {
	width:100%;
	margin:0;
	}

	
div#ref_article {
	font-size:1em;
}
	
div#contenu_g_article {
	width:93%;
	margin:0 auto;
	float: none;
	}

div#contenu_d_dossier {
    margin: 0 0 0 -5px;
    width: 100%;
}	
	
img.img_mois {
	margin: 10px 5% 0 5%;
	max-width: 90%;
	height: auto;
}
	
#motioncontainer {
	display:none;
}	
	
div.page_article {
	width:100%;
	margin:1em 0px 0 0em;	
	}

.mobil_none {
		display:none;
}


.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}



/*.buro {display:none } */
.buro {
	max-width: 100%;
	height: auto;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


/*
div#cale_img {
	width:275px;
	margin:13px 13px 30px 15px;
}
*/
div#cale_img {
    width: auto;
    margin: 0 0 20px 0;
    height: auto;
}


div#video {
    margin: 15px 0px 0 0px;
    width: 100%;
}



div#sep_centre{
	clear:right;
	height:35px;
	width:100%;
	background:url(img/sep_centre_noir.gif) center center;
	}

img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#liste_dossier {
    margin: 5px 0 15px 30px;
    font-size: 15px;
    line-height: 20px;
    width: 90%;
}


ul.menudossier li {
	margin:5px auto 0;
}


div#conteneur_chapeau {
	width:100%;
	}



div.chapeau_sup_gauche {
	width: 70%;
    margin: 15px auto 0;
	float:none;
	}
	
div.chapeau_sup_droit {
	width: 70%;
    margin: 15px auto 0;
	float:none;
	}
	
div.chapeau_inf_gauche {
	width: 70%;
    margin: 15px auto 0;
	float:none;
	}
	
div.chapeau_inf_droit {
	width: 70%;
    margin: 15px auto 0;
	float:none;
	}
	
h1.ref_rubriq_chapeau {
	width:95%;
	margin:0  0px 0 1em;
	}

h2.titre_chapeau {
	width:90%;
	margin:0;
	}
	


div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}

div.sep_centre {
    height: .05em;
}


div#friend {
	width:85%;
	margin:0;
	background:url(img/fleche_droite.gif) 2.5em .9em no-repeat;
}


#friend b {
	font-size: .8em;
}

div#reco_video {
		width: 100%;
		margin:0;
		background:url(img/fleche_droite.gif) 2.5em .65em no-repeat;
}

div#text_video {
	margin:0px 0px 0 2em;
	font-size: .8em;	
}

div#titre_assoc  {
	width: 100%;
	
}

div.chapo, div.chapo_video   {
	width: 100%;	
}

div.contenu_chapo {
	margin: 0;
	width: 70%;
	height: 100%;
}

div.contenu_video {
	margin: 0;
	width: 70%;
}

div.voir_video {
		margin:0 0 0 155px;
}


div.date_chapo {
	margin:.3em .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;	
}

.quatrevingt {	
	width:90%;
	height:90%;
}	
 

div#pied {
	 width: 100%;
	 background:none;
}

div#cale_img_chapo {
	margin:1.5em 0 0 0;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .8em;
}


div.titre_chapo {
	width: 100%;
}

img.chapo_droite {
	float: right;
	margin:0;
}

/* col droite   */

div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}

.lien_social {
	width:40%;
	height:40%;
}


span.ref_rubriq_invitation {
	margin:0 4px;
}



/* navigation  */

.pull {
	display:none;
}

#nav-toggle {	
display:block;
}

div#haut_nav {
	width: 100%;
	background:none;
	position: relative;
	height:180px;
	margin: 0 auto;
}

div#rub_culture {float:left;width:63px;margin:0 1px 0 0;}
div#rub_culture a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_bien_etre {float:left;width:72px;margin:0 1px 0 0;}
div#rub_bien_etre a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_epicure {float:left;width:63px;margin:0 1px 0 0;}
div#rub_epicure a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_sexualite {float:left;width:72px;margin:0 1px 0 0;}
div#rub_sexualite a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_videos {float:left;width:83px;margin:0 0 0 1px;}
div#rub_videos a{float:right;clear:left;margin:0 0 .5em 0em;width:86px;line-height:25px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -25px;background-size:100%;}


.ul_menu li {

    display: block;
    border-right: none;
	font-size: 13px;
	height:15px;
}

a.lien_ssrub {
	display: block;
}


div.sous_rub {	
	margin: 2em 0 0 9em;
	padding: 0px 0px 0px 0px;
	width: 52%;
	position: absolute;
}
  
 
  
  
 /* page liste article       */   
div#contenu_g_liste_article {
    width: 98%;
    margin: 0 auto;
}

}
	
	
	
	
	
	
	
	
	
	
	
	
	/* Galaxy S5, S7 landscape       */
@media  only screen
  and (min-width: 360px) 
  and (max-height: 640px) 
and (min-aspect-ratio: 16/9) and (max-aspect-ratio: 16/9)
  and (max-resolution: 400dpi)
  and (orientation: landscape) {

div#rub_culture {float: left;width:18%;margin:0;}
div#rub_culture a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_bien_etre {float: left;width:20%;margin:0;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_epicure {float: left;width:17%;margin:0;}
div#rub_epicure a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_sexualite {float: left;width:20%;margin:0;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_videos {float: left;width:24%;margin:0;}
div#rub_videos a{margin:0 0 .5em 0em;width:120px;line-height:35px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -34px;background-size:100%;}


div.sous_rub {
	width:100%;
	font-size:.75em;
	padding: 8px 0 0 0;
	margin:0 0 0 5px;
}

.ul_menu li {
    padding: 0 .3em 0.4em 0;
}
	
	
/* p { display:inline-block;} */

div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:65%;
	margin: 0;
}

div#disclaimer-texte {
	padding-top: 2.6em;
	font-size: 14px;
	line-height: 27px;
	width: 54%;
}

div#disclaimer-boutons {
	padding: 0;
	height: 70px;
	margin: 0 auto;
	width: 95%;
}


div#bouton-entrer {
	width: 70px;
	height: 70px;
	margin: 0 0 0 2em;
}

div#bouton-sortir {
	width: 70px;
	height: 70px;
	float: right;
	margin: 0 2em 0 0;
}


#conteneur_sup {
	width: 100%;
	background:none;
}
	
	

div#header {
	width: 100%;
	background:none;
	margin:0;	
}


div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat center 0;
    margin: 0;
    background-size: 150%;
}

div#haut_nav {
	width: 96%;
	background:none;
	margin:0 0 0 15px;
	position: relative;
	height:75px;
}
	
#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
	width: 50%;
	margin: 0 auto;
	float:right;
	}
	

#conteneur {
	 width: 100%;
	 background:none;
}


div#edito {
	width:100%;
	margin: 2em 0
}

p.editorial {
    margin: 0 1em;
}

#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}

#centre {
	width:50%;
	}

	
div#contenu_g_article {
	width: 95%;
	margin: 0 auto;
	float: none;
	}

div#slide_show_article {	
	float: none;
	margin: 0 auto;
	padding: 0px 0 0 0;
	border: 0px;
	width: 100%;
}
	
div#cale_img {	
	margin:15px 14px 20px 15px;
	width: 100%;
}
	
#motioncontainer {
	display:none;
}	
	
	
img.img_mois {
	margin: 10px 5% 0 5%;
	max-width: 90%;
	height: auto;
}
	
div.page_article {
	width:100%;
	margin:1em 0px 0 0;
	}

.mobil_none {
		display:none;
}

.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}

/*.buro {display:none } */
.buro {
	max-width: 100%;
	height: auto;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


div#cale_img {
    width: auto;
    margin: 0 0 20px 0;
    height: auto;
}


div#video {
    margin: 15px 0px 0 4px;
    width: 100%;
}
	
img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#resume_dossier {
	display: inline-block;
}
 
#contenu_d_dossier  div#liste_dossier {
    margin:5px auto 15px;
    width:90%;
}


div#liste_dossier {
	margin:5px auto 15px;
	width: 100%;
}

	
div#conteneur_chapeau {
	width:100%;
	}
	
div.chapeau_sup_gauche {
    width: 75%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_sup_droit {
    width: 75%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_gauche {
    width: 75%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_droit {
    width: 75%;
    margin: 15px auto 0;
    float: none;
	}
	
h1.ref_rubriq_chapeau {
	width:95%;
	margin:0  0px 0 1em;
	}

h2.titre_chapeau {
	width:90%;
	margin:0 0 0 1em;
	}
	
div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}


div#friend {
	width: 76%;
	margin:0;
	background:url(img/fleche_droite.gif) .5em .8em no-repeat;
	font-size: .9em;
}


div#reco_video {	
	background:url(img/fleche_droite.gif) 0 .8em no-repeat;
	width: 98%;
}

div#text_video {
    margin: 0;
    font-size: .9em;
}

div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}

div#titre_assoc  {
	width: 100%;
}

div.chapo, div.chapo_video  {
	width: 100%;	
}

div.voir_video {
    margin: 0px 0px 0px 135px;
}

div.contenu_chapo {
	margin: 0;
	width: 70%;
	height: 100%;
}


div.date_chapo {
	margin:.3em .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
	height:135px;
}


div#cale_img_chapo {
	margin:1.4em 0px 0px .3em;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .9em;
}


div.titre_chapo {
	width: 100%;
	height:60px;
}


h1.titre_chapeau {
	width: 98%;
	font-size: .9em;
	line-height:1.1em;
}


img.chapo_droite {
	float: right;
	margin:0;
}

.quatrevingt {
	width:90%;
	height:90%;
}

/* col droite   */

div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}

.lien_social {
    width: 45%;
	height:45%;
}



div#pied {
	 width: 100%;
	 background:none;
}	
	
	
 }

  
  
  
  
  
  
	
	
	
	
	
	
	
	
	
	
	
	
	/* Nexus 10 in landscape */
@media only screen 
and (min-device-width : 800px) 
and (max-device-width : 1280px) 
and (max-resolution: 200dpi) 
and (orientation : portrait) { 

div#disclaimer-texte {
    padding-top: 4em;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 27px;
    width: 32%;
    color: #fff;
    margin: 0 auto;
}

div#disclaimer-boutons {
    margin: 2em auto;
    height: 70px;
    padding: 0;
    width: 40%;
}


div#bouton-entrer {
	width: 40px;
	height: 40px;
	margin: 0 0 0 2em;
	background-size: 100%;
}

div#bouton-sortir {
	width: 40px;
	height: 40px;
	margin-left: 110px;
	background-size: 100%;
}

	
div#edito {
    margin:2em auto;
    width:98%;
}

p.editorial {
    margin: 0 1em;
}

img.edito {
    margin:0;
}
	
#conteneur_sup {
	width: 100%;
	background:none;
}
	
div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat 0px 0px;
    margin: 0;
	background-size: 100%;
}

div#haut_nav {
	width: 98%;
	background:none;
	margin:10px auto 0;
	position: relative;
	height:95px;
}


div#liste_dossier {
    font-size: 15px;
    line-height: 20px;
}

#conteneur {
	width:100%;
	background:none;
}

div#rub_culture {float: left;width:91px;margin:0 4em 0 .3em;}
div#rub_culture a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_bien_etre {float: left;width:105px;margin:0 4em 0 0;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_epicure {float: left;width:91px;margin:0 4em 0 0;}
div#rub_epicure a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_sexualite {float: left;width:105px;margin:0 4em 0 0;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_videos {float: left;width:120px;margin:0;}
div#rub_videos a{margin:0 0 .5em 0em;width:120px;line-height:35px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -34px;background-size:100%;}


#motioncontainer {
	display:none;
}	

#gauche {
	display:none;
}

#droite { margin:0;}

#centre {
	width: calc(100% - 320px);
	}

div.sous_rub {margin:0;}



div#contenu_g_article {
	width: 100%;
	margin: 0;
	float: left;
	}


	
div.sep_centre{
	height:.05em;
}
	
img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#lien_social {
	left: 260px;
    top: 10px;
}

/*
div#friend {
	width: 98%;
	background:url(img/fleche_droite.gif) 6.5em .8em no-repeat;
}
*/

div#subcontent2 {
    font-size: .9em;
}

/*	
div#reco_video {	
	background:url(img/fleche_droite.gif) 6em .8em no-repeat;
	width: 98%;
}
*/

div#titre_assoc  {
	width: 100%;
}

div.chapo, div.chapo_video  {
	width: 100%;	
}



div.contenu_chapo, div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}


div.date_chapo {
	margin: 0 .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
}

div.voir_video {
    margin: 0 0 0 255px;
}

div#pied {background:none;}

}

	
	
	
	
	
	
	
	
	
 
  
  
/* iPhone 6, 7, & 8 Plus in portrait */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 

/* p { display:inline-block;} */


div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:95%;
}

div#disclaimer-texte {
	padding-top: 2.5em;
	font-size: 14px;
	line-height: 27px;
	width: 63%;
}

div#disclaimer-boutons {
	padding: 0;
	margin: 2em auto;
	width: 61%;
}


div#bouton-entrer {
	width: 45px;
	height: 45px;
	margin: 0 0 0 2em;
	background-size: 100%;
}

div#bouton-sortir {
	width: 45px;
	height:45px;
	float: right;
	margin: 0 2em 0 0;
background-size: 100%;
}
	
#conteneur_sup {
	width: 100%;
	background:none;
	}
	

div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
	width: 100%;
	background:url(img/titre02.png) no-repeat center 0;
	background-size:147%;
	margin:0;
}

h1 {
	font-size: 24px;
	line-height: 26px;
}

#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
    width: 320px;
    margin: 0 auto;
	float: none;
	clear: both;
	}
	

#conteneur {
	 width: 100%;
	 background:none;
}


#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}


div#edito {
	width:100%;
	margin:0;
}


#centre {
	width:100%;
	margin:0;
	}

	
div#ref_article {
	font-size:1em;
}
	
div#contenu_g_article {
	width:93%;
	margin:0 auto;
	float: none;
	}

#motioncontainer {
	display:none;
}	
	
div.page_article {
	width:100%;
	margin:1em 0px 0 0em;	
	}

.mobil_none {
		display:none;
}


.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}


.buro {
	max-width: 100%;
	height: auto;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


/*
div#cale_img {
	width:275px;
	margin:13px 13px 30px 15px;
}
*/
div#cale_img {
    width: auto;
    margin: 0 0 20px 0;
    height: auto;
}



div#video {
    margin: 15px 0px 0 0px;
    width: 100%;
}



div#sep_centre{
	clear:right;
	height:35px;
	width:100%;
	background:url(img/sep_centre_noir.gif) center center;
	}

img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#liste_dossier {
	margin: 5px auto 15px;
    font-size: 15px;
    line-height: 20px;
    width: 80%;
}


ul.menudossier li {
	margin:5px auto 0;
}

h2.titre_article_assoc {
	font-size: 16px;
	line-height:20px;
}
	
div#conteneur_chapeau {
	width:100%;
	}

div.chapeau_sup_gauche {
    width: 58%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_sup_droit {
    width: 59%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_gauche {
    width: 58%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_droit {
    width: 58%;
    margin: 15px auto 0;
    float: none;
	}

h1.ref_rubriq_chapeau {
	width:95%;
	margin:0  0px 0 1em;
	}

h2.titre_chapeau {
	width:90%;
	margin:0 0 0 1em;
	}
	
	
div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}


div#friend {
	width:87%;
	margin:0;
	background:url(img/fleche_droite.gif) 4em 1em no-repeat;
}


#friend b {
	font-size: .8em;
}

div#reco_video {
		width: 100%;
		background:url(img/fleche_droite.gif) 4em .8em no-repeat;
}

div#text_video {
	margin:0 0 0 2em;
	font-size: .8em;	
}

div#titre_assoc  {
	width: 100%;
	
}

div.chapo  {
	width: 100%;	
}

div.chapo_video  {
	width: 100%;	

}

div.contenu_chapo {
	margin: 0;
	width: 70%;
	height: 100%;
}

div.contenu_video {
	margin: 0;
	width: 70%;
}

div.voir_video {
		margin:0px 12px 0px 100px;
}


div.date_chapo {
	margin:.3em .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;	
}

.quatrevingt {	
	width:90%;
	height:90%;
}	
 

div#pied {
	 width: 100%;
	 background:none;
}

div#cale_img_chapo {
	margin:1.5em 0 0 0;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .8em;
}


div.titre_chapo {
	width: 100%;
	height: 60px;
}


h1.titre_chapeau, h2.titre_chapeau, h3.titre_chapeau {
	width: 98%;
	font-size: .75em;
	line-height:1.1em;
}


img.chapo_droite {
	float: right;
	margin:0 0 2px 0;
}

/* col droite   */

div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}

.lien_social {
	width:40%;
	height:40%;
}


span.ref_rubriq_invitation {
	margin:0 4px;
}



/* navigation  */

.pull {
	display:none;
}

#nav-toggle {	
display:block;
}

div#haut_nav {
	width: 97%;
	margin:0 auto;
	background:none;
	position: relative;
	height:200px;
}

div#rub_culture {float:left;width:65px;margin:0 8px 0 0;}
div#rub_culture a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_bien_etre {float:left;width:75px;margin:0 8px 0 0;}
div#rub_bien_etre a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_epicure {float:left;width:65px;margin:0 8px 0 0;}
div#rub_epicure a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_sexualite {float:left;width:75px;margin:0 8px 0 0;}
div#rub_sexualite a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_videos {float:left;width:86px;margin:0 0 0 0;}
div#rub_videos a{float:right;clear:left;margin:0 0 .5em 0em;width:86px;line-height:25px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -25px;background-size:100%;}


.ul_menu li {

    display: block;
    border-right: none;
	font-size: 13px;
	height:15px;
}

a.lien_ssrub {
	display: block;
}


div.sous_rub {	
	margin: 2em 0 0 9em;
	padding: 0px 0px 0px 0px;
	width: 52%;
	position: absolute;
}

	
 } 
 
 
 
 
 
 
/* iPhone 6, 7, & 8 Plus in landscape */
@media only screen 
and (min-device-width : 641px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 

div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	margin-top:0.25em;
	background-size:55%;
}

div#disclaimer-texte {
	padding-top: 2.5em;
	font-size: 14px;
	line-height: 27px;
	width: 30%;
}

div#disclaimer-boutons {
    margin: 1em auto;
    width: 28%;
}


div#bouton-entrer {
	width: 45px;
	height: 45px;
	margin: 0 ;
	background-size: 100%;
}

div#bouton-sortir {
	width: 45px;
	height:45px;	
	margin: 0  0 0 110px;
	background-size: 100%;
}
	


	
#conteneur_sup {
	width: 100%;
	background:none;
}
	
div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat 0px 0px;
    margin: 0;
	background-size: 120%;
}

div#haut_nav {
	width: 96%;
	background:none;
	margin:10px 0 0 15px;
	position: relative;
	height:95px;
}


#conteneur {
	width:100%;
	background:none;
}




div#rub_culture {float: left;width:18%;margin:0;}
div#rub_culture a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_bien_etre {float: left;width:20%;margin:0;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_epicure {float: left;width:17%;margin:0;}
div#rub_epicure a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_sexualite {float: left;width:20%;margin:0;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_videos {float: left;width:24%;margin:0;}
div#rub_videos a{margin:0 0 .5em 0em;width:120px;line-height:35px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -34px;background-size:100%;}


#motioncontainer {
	display:none;
}	

#gauche {
	display:none;
}

#droite { 
	margin:0;
	width:320px;
	}

#centre {
	width: calc(100% - 320px); 
	}

div.sous_rub {
	margin:0 0 0 1em;
	width:100%;
	font-size: .75em;
	}


img.img_mois {
	margin: 10px 5% 0 5%;
	max-width: 90%;
	height: auto;
}

div#resume_dossier {
    display: block;
}

.mobil_none {display:none;}	

.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}

/*.buro {display:none } */
.buro {
	max-width: 100%;
	height: auto;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


div#cale_img {
    width: auto;
    height: auto;
}


img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}

div.chapeau_sup_gauche {
    width: 50%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_sup_droit {
    width: 50%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_gauche {
    width: 50%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_droit {
    width: 50%;
    margin: 15px auto 0;
    float: none;
	}


div#friend {
	width: 80%;
	margin:0;
	background:url(img/fleche_droite.gif) 2.8em .8em no-repeat;
}

div#reco_video {	
	background:url(img/fleche_droite.gif) 2em .8em no-repeat;
	width: 98%;
}

div.voir_video {
    margin: 0px 0px 0px 195px;
}

div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}

div#titre_assoc  {
	width: 100%;
}

div.chapo  {
	width: 100%;	
}

div.contenu_chapo {
	margin: 0;
	width: 70%;
	height: 100%;
}


div.date_chapo {
	margin:.3em .5em 0 0;		 

}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
}


div#cale_img_chapo {
	margin:1.4em 0px 0px .3em;
}
 

div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .9em;
}


div.titre_chapo {
	width: 100%;
}


h1.titre_chapeau {
	width: 98%;
	font-size: .9em;
	line-height:1.1em;
}

img.chapo_droite {
	float: right;
	margin:0;
}


div#lien_social {
	left: calc(100% - 60px);
	top: 0;
}

div#pied {background:none;}

}

			


		





















		
			
			
			
/* Iphone 6, 7 , 8   in portrait   */

@media only screen 	
and (max-device-width : 375px) 
and (max-device-width : 667px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation : portrait) { 

/* p { display:inline-block;} */


div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:95%;
}

div#disclaimer-texte {
	padding-top: 1.5em;
	font-size: 14px;
	line-height: 27px;
	width: 70%;
}

div#disclaimer-boutons {
	padding: 0;
	margin: 1.5em auto;
	width: 72%;
}


div#bouton-entrer {
	width: 40px;
	height: 40px;
	margin: 0 0 0 2em;
	background-size:100%;
}

div#bouton-sortir {
	width: 40px;
	height: 40px;
	margin: 0 2em 0 0;
	background-size:100%;

}
	
#conteneur_sup {
	width: 100%;
	background:none;
	}
	

div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
	width: 100%;
	background:url(img/titre02.png) no-repeat center 0;
	background-size:150%;
	margin:0;
	height:85px;		 
}

h1 {
	font-size: 24px;
	line-height: 26px;
}

#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
    width:320px;
    margin:0 auto;
	float: none;
	clear: both;
	}
	

#conteneur {
	 width: 100%;
	 background:none;
}


#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}


div#edito {
	width:100%;
	margin:0 0 2em 0;				  
}

img.edito {
    margin: 0 0 0 6px;
    width: 35%;
}

p.editorial {
    margin: 0 1em;
}


#centre {
	width:100%;
	}

	
div#ref_article {
	font-size:1em;
}
	
div#contenu_g_article {
	width:93%;
	margin:0 auto;
	float: none;
	}	

div#contenu_d_dossier {
	    margin: 0;
}
		
div#resume_dossier {
    /* min-height: auto; */
    /* display: block; */
    margin: 0 auto;
    width: 95%;
}
		
#motioncontainer {
	display:none;
}	
	
div.page_article {
	width:100%;
	margin:1em 0 0 0em;	
	}

					  
.mobil_none {
		display:none;
}


.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}

/*.buro {display:none } */
.buro {
	max-width: 100%;
	height: auto;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


/*
div#cale_img {
	width:275px;
	margin:13px 13px 30px 15px;
}
*/
div#cale_img {
    width: auto;
    margin: 0 0 20px 0;
    height: auto;
}



div#sep_centre{
	clear:right;
	height:35px;
	width:100%;
	background:url(img/sep_centre_noir.gif) center center;
	}

img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#liste_dossier {
	margin: 5px auto 15px;
    font-size: 15px;
    line-height: 20px;
    width: 95%;
    float: left;
}


ul.menudossier li {
	margin:5px auto 0;
}

h2.titre_article_assoc {
	font-size: 16px;
	line-height:20px;
}
	
div#conteneur_chapeau {
	width:100%;
	}



#conteneur_chapeau  div.chapeau_sup_gauche {
    width: 65%;
    margin: 15px auto 0;
    float: none;
	}
	
#conteneur_chapeau div.chapeau_sup_droit {
    width: 65%;
    margin: 15px auto 0;
    float: none;
	}
	
#conteneur_chapeau div.chapeau_inf_gauche {
    width: 65%;
    margin: 15px auto 0;
    float: none;
	}
	
#conteneur_chapeau div.chapeau_inf_droit {
    width: 65%;
    margin: 15px auto 0;
    float: none;		
	}

#conteneur_chapeau h1.ref_rubriq_chapeau {
    width: 95%; 
    margin: 0 0px 0 1em;
}
 
div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}


div#friend {
	width: 86%;
	margin:0;
	background:url(img/fleche_droite.gif) 2em .9em no-repeat;
}


#friend b {
	font-size: .8em;
}

div#reco_video {
		width: 100%;
		margin:0;
		padding:10px 0 0 0;
		background:url(img/fleche_droite.gif) 2em .65em no-repeat;
}

div#text_video {
	margin:0px 0px 0 2em;
	font-size: .8em;	
}

div#titre_assoc  {
	width: 100%;
	
}

div.chapo  {
	width: 100%;	
}

div.chapo_video  {
	width: 100%;	

}

div.contenu_chapo {
	margin: 0;
	width: 70%;
	height: 100%;
}

div.contenu_video {
	margin: 0;
	width: 70%;
}

div.voir_video {
		margin:0px 0 0px 160px;
}


div.date_chapo {
	margin: 0 .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;	
}

.quatrevingt {	
	width:90%;
	height:90%;
}	
 

div#pied {
	 width: 100%;
	 background:none;
}

div#cale_img_chapo {
	margin:2em 0 0 0;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .8em;
}


div.titre_chapo {
	width: 100%;
}


h1.titre_chapeau, h2.titre_chapeau, h3.titre_chapeau {
	width: 98%;
	font-size: .75em;
	line-height:1.1em;
}


img.chapo_droite {
	float: right;
	margin:0;
}

/* col droite   */

div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}

.lien_social {
	width:40%;
	height:40%;
}


span.ref_rubriq_invitation {
	margin:0 4px;
}



/* navigation  */

.pull {
	display:none;
}

#nav-toggle {	
display:block;
}

div#haut_nav {
	width: 100%;
	background:none;
	margin:0;
	position: relative;
	height:175px;
}

div#haut_nav div#rub_culture {float:left;width:65px;margin:0 1px 0 0;}
div#rub_culture a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -25px;background-size:100%;}

div#haut_nav div#rub_bien_etre {float:left;width:75px;margin:0 1px 0 0;}
div#rub_bien_etre a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -25px;background-size:100%;}

div#haut_nav div#rub_epicure {float:left;width:65px;margin:0 1px 0 0;}
div#rub_epicure a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -25px;background-size:100%;}

div#haut_nav div#rub_sexualite {float:left;width:75px;margin:0 1px 0 0
;}
div#rub_sexualite a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -25px;background-size:100%;}

div#haut_nav div#rub_videos {float:left;width:86px;margin:0 0 0 0;}
div#rub_videos a{float:right;clear:left;margin:0 0 .5em 0em;width:86px;line-height:25px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -25px;background-size:100%;}


.ul_menu li {

    display: block;
    border-right: none;
	font-size: 13px;
	height:15px;
}

a.lien_ssrub {
	display: block;
}


div#haut_nav div.sous_rub {	
	margin: 2em 0 0 9em;
	padding: 0px 0px 0px 0px;
	width: 52%;
	position: absolute;
}

}

 


/* Iphone 6, 7 , 8   in landscape  */

@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 667px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation : landscape) { 


div#disclaimer-cadre {
		width: 100%;
		height: 100%;
		margin-top: .25em;
		background-size: 55%;
}

	
div#disclaimer-texte {
    padding-top: 1.5em;
    font-size: 14px;
    line-height: 27px;
    width: 33%;
}

div#disclaimer-boutons {
    margin: .75em auto;
    width: 30%;
}

div#bouton-entrer {
    width: 40px;
    height: 40px;
    margin: 0 0 0 5px;
    background-size: 100%;
}

div#bouton-sortir {
    width: 40px;
    height: 40px;
    margin: 0 0 0 115px;
    background-size: 100%;
}
	
#conteneur_sup {
	width: 100%;
	background:none;
}
	
div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat 0px 0px;
    margin: 0;
    background-size: 100%;
}
	
div#haut_nav {
	width: 96%;
	background:none;
	margin:10px 0 0 15px;
	position: relative;
	height:105px;
}


#conteneur {
	width:100%;
	background:none;
}


.pull {
	display:none;
}
	
#nav-toggle {	
display:block;
}

div#rub_culture {float: left;width:18%;margin:0;}
div#rub_culture a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_bien_etre {float: left;width:20%;margin:0;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_epicure {float: left;width:17%;margin:0;}
div#rub_epicure a{margin:0 0 .5em 0em;width:91px;line-height:35px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_sexualite {float: left;width:20%;margin:0;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:105px;line-height:35px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -34px;background-size:100%;}

div#rub_videos {float: left;width:24%;margin:0;}
div#rub_videos a{margin:0 0 .5em 0em;width:120px;line-height:35px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -34px;background-size:100%;}


div.sous_rub {
	margin:0;
	font-size: .75em; 
    width: 98%;
	}

	
div#edito {
    margin: 0px 0px 50px 8px;
    padding: 0px;
    border: 0px;
    width: 98%;
}
	
#gauche {
	display:none;
}

#droite { 
	margin:0;
	width:320px;
	}

#centre {
	width: calc(100% - 320px); 
	}

	
#motioncontainer {
	display:none;
}	


div#contenu_g_article {
	width: 100%;
	margin: 0 auto;
	float: left;
	}

/* p { display:inline-block;} */
	
	
div#liste_dossier {
	margin: 2em auto;
    font-size: 15px;
    line-height: 20px;
    width: 95%;
    float: none;
}	

	
.mobil_none {display:none;}	

.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}

.buro {display:none }

.buro_no450 {display:none }

img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}


div.chapeau_sup_gauche {
    width: 75%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_sup_droit {
    width: 75%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_gauche {
    width: 75%;
    margin: 15px auto 0;
    float: none;
	}
	
div.chapeau_inf_droit {
    width: 75%;
    margin: 15px auto 0;
    float: none;
	}


div#sep_centre {
		width:100%;
}
	
div#friend {
    width: 86%;
    margin: 0;
    background: url(img/fleche_droite.gif) 3em .9em no-repeat;
}

#friend b {
    font-size: .8em;
}

div#reco_video {	
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    background: url(img/fleche_droite.gif) 3em .65em no-repeat;
}

div#text_video {
    margin: 0px 0px 0 2em;
    font-size: .8em;
}

div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}

div#titre_assoc  {
	width: 100%;
}

div.chapo  {
	width: 100%;	
}

div.chapo_video {
    width: 100%;
}

div.voir_video {
    margin: 0 0 0 160px;
}

div.contenu_chapo {
	margin: 0;
	width: 70%;
	height: 100%;
}


div.date_chapo {
	margin: 0 .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
}


.quatrevingt {
	width:90%;
	height:90%;
}



div#cale_img_chapo {
	margin:1.4em 0px 0px .3em;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .9em;
}


div.titre_chapo {
	width: 100%;
}


h1.titre_chapeau {
	width: 98%;
	font-size: .9em;
	line-height:1.1em;
}


img.chapo_droite {
	float: right;
	margin:0;
}


div#lien_social {
    left: calc(100% - 45px);
    top: 210px;
    margin: 0;
    position: fixed;
}

.lien_social {
	width:50%;
	height:50%;
}

div#pied {
	 width: 100%;
	 background:none;
}

}



 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 








 
/* iPhone 5 & 5S in landscape */
@media only screen 
and (min-device-width : 481px) 
and (max-device-width : 568px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation : landscape) {

/* p { display:inline-block;} */

div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:65%;
	margin: 0;
}

div#disclaimer-texte {
	padding-top: 2.6em;
	font-size: 14px;
	line-height: 27px;
	width: 54%;
}

div#disclaimer-boutons {
	padding: 0;
	height: 70px;
	margin: 1em auto;
	width: 30%;
}


div#bouton-entrer {
	width: 40px;
	height: 40px;
	margin: 0;
	background-size: 100%;
}

div#bouton-sortir {
	width: 40px;
	height: 40px;
	float: right;
	margin: 0;
	background-size: 100%;
}


#conteneur_sup {
	width: 100%;
	background:none;
}
	
	
div#header {
	width: 100%;
	background:none;
	margin:0;	
}


div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat 35px 0px;
    margin: 0;
    background-size: 100%;
}

				   
div#haut_nav {
	width: 96%;
	background:none;
	margin:0 auto;
	position: relative;
	height:75px;
}
	
#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
	margin: 0 auto;
	float:none;
	clear:both;
	}
	

#conteneur {
	 width: 100%;
	 background:none;
}


div#edito {
	width:100%;
	margin:0;
}
					 
#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}

#centre {
	width:100%;
	}
	
div#contenu_g_dossier {
	margin:3px 0 1em 0;
}
	
div#contenu_g_article {
	width: 95%;
	margin: 0 auto;
	float: none;
	}

div#slide_show_article {	
	float: none;
	margin: 0 auto;
	padding: 0px 0 0 0;
	border: 0px;
}
	
div#cale_img {	
	margin:15px 14px 20px 15px;
}
	
#motioncontainer {
	display:none;
}	
	
div.page_article {
	width:100%;
	margin:1em 0px 0 0;
	}

.mobil_none {
		display:none;
}
	
img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#liste_dossier {
	margin:5px 0px 15px 5px;
	font-size:15px;
	line-height:20px;
	width: 80%;
}

	
div#conteneur_chapeau {
	width:98%;
	margin:0 5px;
	float:none;

	}
	
div.chapeau_sup_gauche {
    width: 45%;
    margin: 15px 0 0 0;


	}
	
div.chapeau_sup_droit {
    width: 45%;
    margin: 15px 0 0 0;
	}
	
div.chapeau_inf_gauche {
    width: 45%;
    margin: 15px 0 0 0;

	}
	
div.chapeau_inf_droit {
    width: 45%;
    margin: 15px 0 0 0;
	}


div.titre_chapeau {
	max-height: 54px;
	min-height:36px;
}
	
h1.ref_rubriq_chapeau {
	width:95%;
	}

h2.titre_chapeau {
	width:95%;
	}
	
div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}

div#friend {
    width: 98%;
    margin: 0 0 0;
    background: url(img/fleche_droite.gif) 8.5em .8em no-repeat;
}

div#reco_video {	
	background:url(img/fleche_droite.gif) 8em .8em no-repeat;
	width: 98%;
}

div#titre_assoc  {
	width: 90%;
}

div.chapo, div.chapo_video  {
	width: 100%;	
}



div.contenu_chapo, div.contenu_video {
	margin: 0;
	width: 72%;
	height: 100%;
}


div.date_chapo {
	margin:.3em .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
}

div#pied {
	 width: 100%;
	 background:none;
}

div#cale_img_chapo {
	margin:.8em 0 0 .3em;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .9em;
}


div.titre_chapo {
	width: 100%;
}


h1.titre_chapeau {
	width: 98%;
	font-size: .9em;
	line-height:1.1em;
}

div.voir_video {
    margin: 0px 0px 0px 300px;
}

img.chapo_droite {
	float: right;
	margin:0;
}



/* col droite   */

div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}

.lien_social {
    width: 45%;
	height:45%;
}


/* navigation  */

.pull {
	display:none;
}

#nav-toggle {	
display:block;
}


div#rub_culture {display: inline-block;margin:0 0 0 .8em;}
div#rub_culture a{margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_bien_etre {display: inline-block;margin:0 0 0 2em;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_epicure {display: inline-block;margin:0 0 0 2em;}
div#rub_epicure a{margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_sexualite {display: inline-block;margin:0 0 0 2em;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_videos {display: inline-block;margin:0 0 0 2em;}
div#rub_videos a{margin:0 0 .5em 0em;width:86px;line-height:25px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -25px;background-size:100%;}


div.sous_rub {	
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 11px;
}


.ul_menu li {
	padding:0em .2em 0.4em 0;
}

}




























/* iPhone 2G-4S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation : portrait) { 

/* p { display:inline-block;} */

div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:98%;
}

div#disclaimer-texte {
	padding-top: 1.5em;
	font-size: 12px;
	line-height: 26px;
	width: 68%;
}

div#disclaimer-boutons {
	padding: 0;
	margin: .75em auto;
	width: 50%;
}


div#bouton-entrer {
	width: 40px;
	height:40px;
	margin: 0 ;
	background-size:100%;
}

div#bouton-sortir {
	width: 40px;
	height:40px;
	margin: 0 0 0 80px;
	background-size:100%;
}

#conteneur_sup {
	width: 100%;
	background:none;
	}
	

div#header {
	width: 100%;
	background:none;
	margin:0;	
}

div#titre {
	width: 100%;
	background:url(img/titre02.png) no-repeat center 0;
	background-size:150%;
	margin:0;
	height:85px;
}

h1 {
	font-size: 1.5em;
	line-height: 26px;
}

h2 {
	text-align:left;
	padding: 10px 0;
	font-size: 1.5em;
}

#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
    width: 100%;
	margin:0;
	}
	

#conteneur {
	 width: 100%;
	 background:none;
}

#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}

div#edito {
	width:100%;
	margin:0 0 2em 0;
}

img.edito {
    margin: 0 0 0 6px;
    width: 35%;
}

p.editorial {
    margin: 0 1em;
}


#centre {
	width:100%;	
	margin:0;	
	}
	
div#contenu_g_article {
	width:93%;
	}

div#cale_img {
    width: 275px;
    margin: 13px 0 30px 10px;
}
	
div#resume_dossier {
	min-height: auto;
    display: inline-block;
	margin:0 .5em;
}

#contenu_d_dossier div#liste_dossier {
	margin: 0 auto 1em;
    width: 80%;
	float:none;	
	font-size: .9em;
}


div#liste_dossier {
	margin:5px auto 15px;
	font-size:15px;
	line-height:20px;
	width:95%;
	float:none;
}



img.img_mois {
   /* margin: 10px 0 0 0;*/
	margin: 10px 5% 0 5%;
	max-width: 90%;
	height: auto;
}

	
#motioncontainer {
	display:none;
}
	
div.page_article {
	width:100%;
	margin:1em 0 0 0;
	}

	
.mobil_none {
		display:none;
}


.mob {display:block;width:auto;box-shadow: #999 3px 3px 12px;}

/*.buro {display:none } */
.buro {
	max-width: 100%;
	height: auto;
}

/*
.buro_no450 {display:none }
*/
.buro_no450 {
	height: auto;
	width: auto; /*125%;*/	
	margin: 0 35px;
}


/*
div#cale_img {
	width:275px;
	margin:13px 13px 30px 15px;
}
*/
div#cale_img {
    width: auto;
    margin: 0 0 20px 0;
    height: auto;
}
	
div#conteneur_chapeau {
	width:100%;
	}
	
div.chapeau_sup_gauche {
    width: 100%;
    margin: 15px auto 0px;
	}
	
div.chapeau_sup_droit {
    width: 100%;
    margin: 15px auto 0px;
	}
	
div.chapeau_inf_gauche {
    width: 100%;
    margin: 15px auto 0px;
	}
	
div.chapeau_inf_droit {
    width: 100%;
    margin: 15px auto 0px;
	}
	
h1.ref_rubriq_chapeau {
    margin: 0 0 0 55px;
	}

div#conteneur_chapeau h2.titre_chapeau {
	margin:0 auto;
	}
	
div.chapeau_img {
    margin: 1px auto 0;
}

div#cale_img_chapo {
	margin:1.5em 0 0 0;
}

div.chapo {
	width:100%;
}

div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div#sep_centre {
	 width: 100%;
	 background:none;
} 

img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}

div.voir_video {
    margin: 0px 0 0px 130px;
}

div#pied {
	 width: 100%;
	 background:none;
}



/* col droite   */

div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}



/* navigation  */

.pull {
	display:none;
}

#nav-toggle {	
display:block;
}

div#haut_nav {
	width: 100%;
	background:none;
	margin:0;
	position: relative;
	height:175px;
}

div#rub_culture {float:none;width:40%;margin:0 0 0 0;}
div#rub_culture a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_bien_etre {float:none;width:40%;margin:0 0 0 0;}
div#rub_bien_etre a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_epicure {float:none;width:40%;margin:0 0 0 0;}
div#rub_epicure a{float:right;clear:left;margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_sexualite {float:none;width:40%;margin:0 0 0 0;}
div#rub_sexualite a{float:right;clear:left;margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_videos {float:none;width:40%;margin:0 0 0 0;}
div#rub_videos a{float:right;clear:left;margin:0 0 .5em 0em;width:86px;line-height:25px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -25px;background-size:100%;}


.ul_menu li {

    display: block;
    border-right: none;
	font-size: 13px;
	height:15px;
}

a.lien_ssrub {
	display: block;
}


div.sous_rub {
	
	margin: 1em 0 0 9em;
	padding: 0px 0px 0px 0px;
	width: 52%;
	position: absolute;
}


} 











/* iPhone 2G-4S in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (-webkit-device-pixel-ratio: 2) 		   
and (orientation : landscape) {

/* p { display:inline-block;} */

div#disclaimer-cadre {
	width: 100%;
	height: 100%;
	background-size:65%;
	margin: 0;
}

div#disclaimer-texte {
	padding-top: 1.5em;
	font-size: 12px;
	line-height: 25px;
	width: 46%;
}

div#disclaimer-boutons {
	padding: 0;
	margin: 1em auto;
	width: 46%;
}


div#bouton-entrer {
	width: 40px;
	height: 40px;
	margin: 0 0 0 2em;
	background-size:100%;
}

div#bouton-sortir {
	width: 40px;
	height:40px;
	margin: 0 0 0 85px;
	background-size:100%;
}

#conteneur_sup {
	width: 100%;
	background:none;
}

div#header {
	width: 100%;
	background:none;
	margin:0;	
}


div#titre {
    width: 100%;
    background: url(img/titre02.png) no-repeat 0px 0px;
    margin: 10px 0px;
    background-size: 125%;
}
	
h2 {
	padding: 10px 0;
}

#gauche {
	visibility:hidden;
	height: 0;
    width: 0;
	}
	
#droite {
	margin: 0 auto;
	float:none;
	clear:both;
	}

#conteneur {
	 width: 100%;
	 background:none;
}

div#edito {
	width:100%;
	margin:0 0 2em 0;
}

img.edito {
    margin: 0 0 0 6px;
    width: 25%;
}

p.editorial {
    margin: 0 1em;
}

#dhtmltooltip {
	display:none;
}

#dhtmlpointer {
	display:none;
}

#centre {
	width:100%;
	}

div#contenu_g_dossier {
	margin:3px 0 1em 0;
}
	
div#resume_dossier {
    padding: 5px 5px 0 0;
}
	
div#contenu_g_article {
	width: 95%;
	margin: 0 auto;
	float: none;
	}

div#slide_show_article {	
	float: none;
	margin: 0 auto;
	padding: 0px 0 0 0;
	border: 0px;
}
	
div#cale_img {	
	margin:15px auto 20px;
}
	
#motioncontainer {
	display:none;
}



img.img_mois {
    margin: 10px 15px 0 15px;
}


div.page_article {
	width:100%;
	margin:1em 0 0 0;
	}

.mobil_none {
		display:none;
}



	
img.image_gauche {
	max-width:100%;height:auto;
}

img.image_droite {
	max-width:100%;height:auto;
}

img.image_center {
	max-width:100%;height:auto;
}


div#liste_dossier {
    margin: 2em auto;
    font-size: 15px;
    line-height: 20px;
    width: 92%;
}

	
div#conteneur_chapeau {
	width:100%;
	}
	
div.chapeau_sup_gauche {
    width: 42%;
    margin: 15px 0 0 15px;
	}
	
div.chapeau_sup_droit {
    width: 42%;
    margin:  15px 25px 0 0px;
	}
	
div.chapeau_inf_gauche {
    width: 42%;
    margin: 15px 0 0 15px;
	clear: none;
	}
	
div.chapeau_inf_droit {
    width: 42%;
    margin:  15px 25px 0 0px;
	}
	
h1.ref_rubriq_chapeau {
    width: 100%;
    margin: 0;
    font-size: .75em;
    font-weight: 600;
	}

div#conteneur_chapeau h2.titre_chapeau {
	margin: 0;
    width: 95%;
	}
	
div.chapeau_img {
	width: 100%;
	}
	
img.cadre_ombre_chapeau {
    margin: 6px 0 10px 0;
}
	
div.white_space1_centre {
	width:100%;
	}
	
div.white_space2_centre {
	width:100%;
	}

div.sep_centre_gris {
	width: 98%;
	margin: 0 auto;
}

div#friend {
	width: 93%;
	margin:0 0 0 0.7em;
	background:url(img/fleche_droite.gif) 4.8em .8em no-repeat;
}

div#reco_video {	
	background:url(img/fleche_droite.gif) 5em .8em no-repeat;
	width: 98%;
}

div#titre_assoc  {
	width: 90%;
}

div.chapo, div.chapo_video {
    width: 100%;
    height: 135px;
}


div.contenu_chapo, div.contenu_video {
	margin: 0;
	width: 70%;
	height: 100%;
}


div.date_chapo {
	margin: .3em .5em 0 0;	
}

div#img_chapo {
	float: left;
	margin: 0;	
	width: 28%;
	background:none;
}


div#cale_img_chapo {
	margin:1em 0px 0px .3em;
}


div.space_chapo {
	margin: 0;
	width: 100%;
}


div.ref_chapo {
	margin: 0;
	width: 100%;
	font-size: .9em;
}


div.titre_chapo {
	width: 100%;
}


h1.titre_chapeau {
	width: 98%;
	font-size: .9em;
	line-height:1.1em;
}


img.chapo_droite {
	float: right;
	margin:0;
}

div.voir_video {
    margin: 0px 0px 0px 235px;
}

div#pied {
	 width: 100%;
	 background:none;
}



/* col droite   */
div#conteneur_sup_droit {
	 width: 100%;
	
}


div#lien_social {
    top: 100px;
    left: calc(100% - 50px);
    position: fixed;
}

.lien_social {
    width: 45%;
	height:45%;
}


/* navigation  */
div#haut_nav {
	width: 96%;
	background:none;
	margin:0;
	position: relative;
	height:75px;
}

.pull {
	display:none;
}

#nav-toggle {	
display:block;
}


div#rub_culture {display: inline-block;margin:0 0 0 .8em;}
div#rub_culture a{margin:0 0 .5em 0;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/culture_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_culture a.rollover{background:url(img_nav/culture_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_bien_etre {display: inline-block;margin:0 0 0 1em;}
div#rub_bien_etre a{margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/bien_etre_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_bien_etre a.rollover{background:url(img_nav/bien_etre_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_epicure {display: inline-block;margin:0 0 0 1em;}
div#rub_epicure a{margin:0 0 .5em 0em;width:65px;line-height:25px;text-decoration:none;background:url(img_nav/epicure_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_epicure a.rollover{background:url(img_nav/epicure_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_sexualite {display: inline-block;margin:0 0 0 1em;}
div#rub_sexualite a{margin:0 0 .5em 0em;width:75px;line-height:25px;text-decoration:none;background:url(img_nav/sexualite_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_sexualite a.rollover{background:url(img_nav/sexualite_over.gif) no-repeat 0 -25px;background-size:100%;}

div#rub_videos {display: inline-block;margin:0 0 0 1em;}
div#rub_videos a{margin:0 0 .5em 0em;width:86px;line-height:25px;text-decoration:none;background:url(img_nav/videos_over.gif) no-repeat 0 0;background-size:100%;}
div#rub_videos a.rollover{background:url(img_nav/videos_over.gif) no-repeat 0 -25px;background-size:100%;}


div.sous_rub {	
	margin: 0 0 0 15px;
	padding: 0;
	width: 100%;
	font-size: 11px;
}


.ul_menu li {
	padding:0em .2em 0.4em 0;
}
	
}