/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a fast, lightweight (less than 1MB zipped), mobile responsive WordPress theme built with speed, SEO and usability in mind. GP can serve as a solid base for any website, and works great with any of your favorite page builders. With an emphasis on WordPress coding standards, we ensure GeneratePress is compatible with all well-coded plugins, including major ones like WooCommerce, WPML, BuddyPress and bbPress. GeneratePress is device friendly (mobile and tablet), uses 100% valid HTML, is fully schema microdata integrated, is translated into over 20 languages by our amazing community and is cross browser compatible (including IE8). Some of our features include 9 widget areas, 5 navigation positions, 5 sidebar layouts, dropdown menus (click or hover) and a back to top button. All our options use the native WordPress Customizer, meaning you can see every change you make instantly before pressing the publish button. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 1.3.46.1494422874
Updated: 2017-05-10 13:27:54

*/


/* cookie message */ 

.cookie{
box-sizing: content-box;
width: 100%;
background: #00556f; color: #969690;  position: fixed;
z-index: 10000000;
top: 0;
left: 0;
font-size: 0.75em ;
}
.cookie_container{
display: flex;
width: 100%; max-width: 940px; margin: 0 auto; position: relative; justify-content: space-between;
}
.cookie_message {padding: 0.5em;}
.cookie_btn{
    width: 100px;
    background: #d9534f;
    text-align: center;
    color: #d5d5d5;
    padding: 0.5em;
}
/* cookie message */ 

/* css header */
.site-header {
    background-color: #000000;
    color: #ffea00;
}

.inside-header, .inside-page-header, .one-container .site-content, .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding: 0;
}


.inside-header{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
}

.site-branding {
display:none;
order: 1;
}
/*.site-description, .tagline{
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", "helvetica";}*/

.dateplace {
    width: 400px;
order: 2;
    text-align: right;
    font-size: 38px;
    line-height: 40px;
  
}

.dateplace .tagline{
    margin-bottom: 60px;
}
.dateplace ul{
    color: white;
    
    list-style-type: none;
    
    margin: 0;
}


/*.tagline{
text-align: right;
font-size: 40px;
line-height: 40px;
margin-bottom: 60px

}*/
 
.site-description{
color: #FFEF00;
font-size: 35px;
font-weight:600;
text-align: right;
line-height: 40px;
width: 350px;
overflow: hidden;
padding: 0 30px 0 0;
    display: none;
}


.head {
width: 250px;
margin: 0;
padding: 0;
-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
transition: width 0.5s;
}



.site-logo{
width: 300px;
}


.inside-footer-widgets:not(.grid-container):after, .inside-footer-widgets:not(.grid-container):before, .inside-header:not(.grid-container):after, .inside-header:not(.grid-container):before, .inside-navigation:not(.grid-container):after, .inside-navigation:not(.grid-container):before {
    content: none;
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    clear: both;
}





/* fin du css header*/

/* menu  */ 

.main-nav a{
 text-transform: uppercase;
}
/* End Menu */

/* side bar */
/*#right-sidebar{
   position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 15px;
}*/

.sidebar .widget {
    background-color: #333;
font-size: 0.86em;
padding: 1em;

}
.sidebar .widget .widget-title {
    color: #FFFFFF;
background:#d74139;
padding-left:5px
}

.inside-right-sidebar .widget_polylang{

background-size: contain;
background-repeat: no-repeat;
background-position: 98% 50%;
border-top: solid #333;
border-bottom: solid #333;
}
/* info pratiques */ 

.Pcontainer{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 15px;
}

.picto{
width: 108px;
    text-align: center;
font-size: 12px;
margin: 5px
}

.widget ul{
margin-bottom: 20px; 
}
.widget h3{
color:#d74139; 
margin-bottom: 2px
}
/* Fin info pratiques  */
/* END sidebar */

/* galleries */
.gallery {
padding:0;
background: transparent;
 }

.gallery h2{
padding: 10px 0 10px 20px;
background-color: #333
}
.gallery .booth{
color: #444;
font-size: 20px;
font-weight: 800;
margin: -10px 5px 0 5px ;
float: right;
background: #111;
padding: 0 10px;
border-radius: 0 0 5px 5px;
}
.g-pic{
    margin-bottom: 50px;
    
}
.g-pic .caption{
position: relative;
display: inline-block;
background:#555;
padding:0 5px;
text-align: right;
margin: -7px 0 0 0 ;
border-radius: 0 0 5px 5px;
font-size: 15px;
float: right;
font-weight: 100;
}

.g-col{
display: grid;
    grid-gap: 5px;
padding: 0;
margin: 0;
grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
}


.address{
    background-color: #222;
}
.g-col li {
  list-style: none;
  
  color: #fff;
padding: 5px;
margin: 0
 }

.g-info h3{
margin-bottom: 10px;
color: #666;
}

.g-info{
padding: 0 5px;
display: block;
/*background: #005;*/
}

.g-info p{
font-weight: 100;
 }

/* category galleries*/
.gaflex{
display: flex; 
justify-content: space-around;
flex-wrap: wrap;
margin: 0;
}

.galoop {
width: 300px;
height: 300px;
overflow: hidden;
margin: 5px;
}

.galoop a{
color: #000; 
}

.galoop .entry {
background: rgba(0, 0, 0, 0.4);
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
bottom: 45px;
text-align: center;
transition-timing-function: ease-in;
  transition: background 1s, bottom 0.25s;
   -moz-transition: background 1s, bottom 0.25s;
  -o-transition: background 1s, bottom 0.25s;
  -webkit-transition: background 1s, bottom 0.25s;

}

.galoop h2{
font-size: 25px;
color: #fff;
margin: 0; 
line-height: 33px
}

.galoop:hover .entry{
background: rgba(255, 239, 0, 0.8);
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
bottom: 150px;
text-align: center;
color: #000;
}

.galoop:hover h2{
    color: #000;
}


/* fin archive */

/* FIN galleries */



/* form */ 
.wpcf7-text:read-only{
padding: 0;
font-size: 40px;
color:#ffffff;
border: solid 1px #333;
border-bottom: solid 2px #000;
border-radius: 0;
background-color: transparent;
}
.wpcf7-text:read-only:hover{ 
padding: 0;
color:#ffffff;
border: solid 1px #333;
border-bottom: solid 2px #000;
border-radius: 0;
background-color: transparent;
}

.wpcf7-text:-moz-read-only{
padding: 0;
font-size: 40px;
color:#ffffff;
border: solid 1px #333;
border-bottom: solid 2px #000;
border-radius: 0;
background-color: transparent;
}
.wpcf7-text:-moz-read-only:hover{ 
padding: 0;
color:#ffffff;
border: solid 1px #333;
border-bottom: solid 2px #000;
border-radius: 0;
background-color: transparent;
}

.ppdd{
font-size: 12px
}
/* end form */ 
/* wpcf7-form */
.wpcf7-form{
overflow:hidden;
padding: 1em;
background: #333;
}
.wpcf7-form h4{
 color: #FFFFFF;
    background: #d74139;
    font-weight: 400;
    text-transform: none;
    font-size: 20px;
	padding-left: 5px;
} 
.wpcf7-form h2{
    color: #FFFFFF;
       background: #d74139;
       font-weight: 400;
       text-transform: none;
       font-size: 40px;
       padding-left: 5px;
   } 

input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], input[type=search], textarea {
     background-color: transparent;
    color: #bbb;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 5px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

input[type=text]:hover, input[type=email]:hover, input[type=url]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=search]:hover, textarea:hover {
    background: #555;
    color: #eee;
    border: 1px solid #ffef00;
    border-radius: 5px;
    padding: 5px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=search]:focus, textarea:focus {
    background: #555;
    color: #eee;
    border: 1px solid #ffef00;
    border-radius: 5px;
    padding: 5px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}




/* fin wpcf7-form */

/* galleries */
.gallery {
padding:0;
background: transparent;
 }

.gallery h2{
padding: 10px 0 10px 20px;
background-color: #333
}
.g-info{
padding: 0 0 0 15px;
display: block;


}

/*.g-info:hover{
padding: 0 0 0 30px;
}*/

.g-info p{
opacity: 1;
margin: 0 0 10px 0;
 -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;

}


/* FIN galleries */

/* Publications */ 

.publiflex{

}

.publiloop{
    position: relative;
    top: -50px;
background: rgba(0,0,0,0.8);


}
.publibb{
margin: 10px 0;
height: 200px;
background-size:70%;
background-repeat: no-repeat;
background-position: 0% 0%;
 -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.publibb:hover {

background-size:100%;

}

.publi {
padding:0;
background: transparent;
/*background: red;*/
 }

.publi p{
margin-left: 10px;
}

.publi h2{
padding: 10px 0 10px 20px;
background-color: #333;
}

/* Fin Publications*/ 


/* search results recherche */
.sresult{
display: flex;
flex-wrap: wrap;
}
.card{

width: 270px; 
float: left; 
background-color: #555; 
margin: 5px; 
padding: 5px
}
.card h2{
font-size: 25px;
width: 100%
}


/* Fin search results recherche */
/* footer */ 
.partners_widgets{
    padding:5px;
    }
    .partners{
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; flex-grow: 2; padding: 5px; border-bottom: solid 1px #444
    }

/*end footer */ 

/* sreen sizes */ 

@media only screen and (max-width: 1280px) {


.dateplace {
    width: 300px;
    order: 2;
    text-align: right;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}
    .dateplace .tagline{
    margin-bottom: 40px;
        
}
    .head {
width: 200px;
}
    .inside-right-sidebar .widget_polylang {

    background-size: 50%;

}
    
    
    
    

}
@media only screen and (max-width: 826px) {


        .head {
    width: 140px;
    }
  
  
        
    
    }