/*
Theme Name: Divi Modifie par Julien
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: This is a custom child theme I have created.
Author: Elegant Themes + Julien BOUVAGNET
Author URI: https: //www.maom.fr
Template: Divi
Version: 3.0.67.001
*/

@import url("../Divi/style.css");

.centered {
  position: fixed;
  top: 30%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
#formulaireparle {
    background: -moz-linear-gradient(top, rgba(132,18,18,0.6) 0%, rgba(255,255,255,0) 100%); 
    background: -webkit-linear-gradient(top, rgba(132,18,18,0.6) 0%,rgba(255,255,255,0) 100%); 
    background: linear-gradient(to bottom, rgba(132,18,18,0.6) 0%,rgba(255,255,255,0) 100%); 
	padding:30px;
}
#formulaireaction {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%); 
	padding:30px;
}
#attente {
    height:100vh;
}

.widget_search input#s, .widget_search input#searchsubmit {
    font-size:10px;
    color:#ff0088;
}
.et_pb_column_1_3 h4, .et_pb_column_1_4 h4 {
    color:#ff0088;
}
.et_pb_widget {
    width:100px;
    border-bottom:1px solid #ff0088;
  }


.formulairerose {
    background-color: rgba(255,0,136,0.8);
	padding:30px;
}

a.blog-cta {
  line-height: 65px;
  font-size: 15px;
  color: #444;
  background-color: #ffffff;
  border: 2px solid #ff0044;
  border-radius: 5px;
  padding: 10px 15px;
  -moz-transition: all 0.7s; 
  -webkit-transition: all 0.7s;
  transition: all 0.7s;}
 
a.blog-cta:hover {
  background-color: #ff004433;
padding: 10px 35px;;
  border: 0px;} 

.full-width-div {
    //position: absolute;
    width: 150%;
    left: 0;
}
/* GESTION ARTICLES */

.imageunearticles{
    height:66vh;
    background-size: 100% 30%;
    overflow:hidden;
}
.videounearticles{
    height:100vh;
    background-size: 100% 100%;
    overflow:hidden;
}
#wp-calendar a{
  color: #ff0088;
}
/* GESTION ARTICLES */

/* GESTION CARTE MAPBOX */
#map {
    position: fixed;
    background-color: #ff0088;
	top:0;
	bottom:0;
    left: 0;
    right: 0;
    //width:100%;
	//height:900px;
}
/* GESTION CARTE MAPBOX */

/* GESTION OPENAGENDA */
ul, li {
    margin-left: 0; padding-left: 0;
}
.oacontainer {
    display: flex;
    padding-left: 0;
    margin-left: 0;
	top:0;
	//position: relative;
	width : 100%;
	height:350px;
	overflow:hidden;
	background-color:#00004433;	
}
.oaliste {
	//width : 100%;
    margin-left: 0;
    padding-left: 0;
	height:100%;
    display: flex;
    justify-content : flex-end;
    list-style: none;
  	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	-webkit-flex-direction: row; 
	flex-flow: row nowrap;
	//flex-wrap: nowrap;
    //float : left; 
    //order: 0;
 }
 
.vignette {
	flex-shrink: 0;
    flex-basis: 16.7%;
	width:16.66%;
    height:350px;
    left:0;
    top:0;
    position: relative;
    float:right;
    display:inline-block;
    overflow:hidden;
    z-index:9;
    }

.visuel {
    object-fit: cover;
	width:100%;
    height:350px;
    //left:0;
    //top:0;
    //position: absolute;
    //overflow:hidden;
    //z-index:10;
    }
 .masque {
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
	width:100%;
    height:100%;
    left:0;
    top:0;
    position: absolute;
    overflow:hidden;
    z-index:30;
    }
     .masquergb {
    opacity:0.6;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
	width:100%;
    height:100%;
    left:0;
    top:0;
    position: absolute;
    overflow:hidden;
    z-index:2;
    background-color:#000;
    }
 .masque:hover ~ .masquergb {
	opacity:0.75;
    background-color:#f08;
    }
 .info p {
	width:100%;
    //height:100%;
    right:0;
    top:0;
    position: absolute;
    margin-top:60px;
    margin-right:10px;
    text-align:right;
    font:2em;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    z-index:20;
    }
    
    .range {
	width:100%;
    //height:100%;
    right:0;
    top:0;
    position: absolute;
    margin-top:10px;
    margin-right:10px;
    text-align:right;
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    z-index:20;
    }
 .title{
	width:90%;
    //height:100%;
    right:0;
    top:0;
    position: absolute;
    margin-top:30px;
    margin-right:10px;
    margin-left:10px;
    text-align:right;
    font-size:.8em;
    text-decoration:none;
    color:#fff;
    z-index:20;
    }
     .city {
	width:100%;
    //height:100%;
    right:0;
    top:50%;
    position: absolute;
    //margin-top:80px;
    margin-right:10px;
    text-align:right;
    font-size:1.2em;
    font-weight: bold;
    text-decoration:none;
    color:#fff;
    z-index:20;
    }    
    
 .desc {
	//width:80%;
    //height:100%;
    right:0;
    bottom:0;
    //margin-bottom:10px;
    position: absolute;
    margin-bottom:10px;
    margin-right:10px;
    margin-left:10px;
    text-align:right;
    font-size:1em;
    text-decoration:none;
    color:#fff;
    z-index:2;
    }
    
    @media all and (max-width: 960px) {
	.oacontainer {
    //display: flex;
    position:relative;
    left: 0;
	top:0;	
	width : 100%;
	height:100%;
	overflow:hidden;
	background-color:#ff0088;	
}
	.oaliste {
	//position:relative;
    left:0;
    top:0;
    padding-left: 0;	
    width : 100%;
	height:900px;
    
    display: flex;
    justify-content : flex-end;
    list-style: none;
  	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	-webkit-flex-direction: column; 
	flex-flow: column-reverse nowrap;
	}
	 .vignette {
    position:relative;
    left:0;
    top:0;
    padding-left: 0;
	width:100%;
    height:100px;
    
    flex-shrink: 0;
    //flex-basis: 100%;
	

    
    //float:right;
    display:inline-block;
    overflow:hidden;
    z-index:9;
    }
	.masque {
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
	width:100%;
    height:150px;
    left:0;
    top:0;
    position: absolute;
    overflow:hidden;
    z-index:30;
    }
	.title{
	display:none;
    }
     .city {
	//display:none;
    }    
    
 .desc {
	display:none;
    }
}

/* GESTION OPENAGENDA */


/* 404 */
.error404 #main-content .container, .error404 #content-area, .error404 #left-area {
 padding: 0 !important;
 margin: 0 ;
 width: 100% !important;
 max-width: none;
}

.error404 #sidebar {
 display: none;
}

.error404 .et_pb_post:last-child {
margin-bottom: 0;
}