.portfolio_nav { display:none; }
#wrapper
{
	overflow-x: hidden;
}
.mobile_menu_wrapper
{
    display: none;
}
body.js_nav .mobile_menu_wrapper 
{
    display: block;
}
.gallery_type, .portfolio_type
{
	opacity: 1;
}
#searchform input[type=text]
{
	width: 75%;
}
.woocommerce .logo_wrapper img
{
	max-width: 50%;
}


.above_top_bar .page_content_wrapper
{
	padding: 0 12px 0 12px;
	box-sizing: border-box;
}



@media only screen and (max-width: 768px) {
	html[data-menu=leftmenu] .mobile_menu_wrapper
	{
		right: 0;
		left: initial;
		
		-webkit-transform: translate(360px, 0px);
		-ms-transform: translate(360px, 0px);
		transform: translate(360px, 0px);
		-o-transform: translate(360px, 0px);
	}
}

/* ----------- Page acceuil ----------------- */
.ClassementAcceuil {
	/*border:1px solid red;*/
margin-bottom:1em;
}


                  /* ----------- demi pages  ---------- */
.demigauche{
   width: 49%;
   float:left;
}
.demidroite{
   width: 49%;
   float:right;
}
                  /* ----------- surligné titre acceuil  ---------- */
hr.cacher {
 visibility:hidden;
}

hr.cacher_entree {
 visibility:hidden;
padding-bottom:2em;
}
                  /* ----------- sousligne titre acceuil  ---------- */
hr.sousligne {
padding-bottom:1em;
border-bottom:2px;
/*width:50%;
text-align:center;*/
}
hr.sousligne_entree {
padding-bottom:0,5em;
border-bottom:2px;
/*width:50%;
text-align:center;*/
}

                /* ----------- retoucher dimension bloc ---------- */
.csc_post {
   width: 23%;
   float:left;
padding-right:2%;
   
}
.csc_post_trois {
   width: 31%;
   float:left;
padding-right:2%;
}

.csc_post_sept {
   width: 12%;
   float:left;
padding-right:1%;
padding-left:1%;
}

.csc_post_deux {
   width: 48%;
   float:left;
padding-right:2%;
}



/* ----------- page itineraire----------------- */
.itineraire{
   float:left;
  width:60%;
height:416px;
}

.itinerairedroite{
   float:right;
   width: 35%;
}

hr.cacher_itineraire{
 visibility:hidden;
padding-bottom:4em;
}


/* ----------- article artistes----------------- */
.artistefloatgauche{
   float:left;
   width: 25%;
margin-top:2em;
}
.artistefloatdroite{
   float:right;
   width:65%;
margin-top:2em;
}
hr.souslignebiocacher {
padding-bottom:1em;
visibility:hidden
}
.cachermarge{
padding-top:2em;
visibility:hidden;
}
div.largeurefix200{
padding-top:2em;
width:200px;
}

.grislegende{
color:#DCDCDC;
} 

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




 /* ----------- legende  ---------- */
.figure {
margin:0;
}

.figcaption{
text-align:center;
}


 /* ----------- extrait ---------- */
 .gris{
 /*color:#A4A4A4;*/
 /*color:#F5D0A9;*/
/*font-style:oblique;*/
font-style:italic;
} 


                /* ----------- cacher date/author/category ---------- */
.csc_post_date, .csc_post_author, .csc_post_category, .csc_post_title, .csc_post_thumbnail {
    display: none;
}


 /* ----------- cacher date et auteur articles  ---------- */
.post_detail, .post_date {
    display: none;
}
#about_the_author {
    display: none;
}

/* ----------- contact---------- */
.wpcf7-form {
   width: 45%;
   float:left;
}
.contactdroite{
   width: 45%;
   float:right;
}

.formeobligatoire{
color:#DCDCDC;
font-size:x-small;
}

 /* ----------- newsletters retoucher dimension bloc ---------- */
.widget_wysija_cont {
   width: 45%;
   float:left;
}

 /* ----------- écho de la forêt ---------- */
#lirelasuite {
display:none;
}

 /* ----------- bloc fond orange ---------- */
.orange{
padding-left: 1em;  
padding-right: 1em;
padding-top: 1em;   
padding-bottom:1em;
border-left:3px solid #FF8000;  
border-right:3px solid #FF8000;
border-top:3px solid #FF8000;
border-bottom:3px solid #FF8000;
 /*background-color:#F5D0A9;*/
 /*color:#FFFFFF; */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
                  /* ----------- artistes ---------- */
.csc_post {
   width: 23%;
   float:left;
padding-right:2%;
   }


}

@media only screen and (max-width: 767px) {
.csc_post {
   width: 100%;
}
div.csc_post:last-child {
   margin-bottom:3em;
}
.demi{
   width: 100%;
 }

/* ----------- construction article artistes----------------- */
.artistefloatgauche{
   width: 100%;
margin-top:2em;
}
.artistefloatdroite{
   width: 100%;
margin-top:2em;
}

/* ----------- page itineraire----------------- */
.itineraire{
  width:100%;
height:300px;
}

.itinerairedroite{
margin-top:1em;
   width: 100%;
}

                /* ----------- contact---------- */
.wpcf7-form {
   width: 100%;
}
.contactdroite{
   width: 100%;
}


                  /* ----------- demi pages  ---------- */
.demigauche{
   width: 100%;
}
.demidroite{
   width: 100%;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
}