/*
 Theme Name:     Atonita
 Theme URI:      https://atonitacie.fr/
 Description:    Votre site sera constitue de plusieurs pages (accueil, blog, contact, etc...) que vous pourrez librement personnaliser selon vos besoins.
 Author:         Geoffrey Laplace
 Author URI:     https://www.geoffrey-laplace.fr/
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

#header-section{
		padding: 0 40px!important;
	}

#row-header{
	display:flex!important;
	flex-direction: row!important;
    flex-wrap: nowrap!important;
    align-items: center!important;
	padding: 0 30px!important;
}

#menu-navigation{
	display:flex!important;
	flex-direction: row!important;
    flex-wrap: nowrap!important;
    justify-content: flex-end!important;
}

#menu-navigation li{
	border: 2px solid #fff!important;
    padding: 10px 15px!important;
    margin-left: 25px!important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-navigation li:last-child{
	border: 2px solid #CC3333!important;
}

#menu-navigation li a{
	padding-bottom:0!important;
}

#menu-navigation li:hover, #menu-navigation li.current-menu-item{
	background-color: #CC3333!important;
	border:2px solid #CC3333!important;
}

.align-center{
	display: flex!important;
    flex-direction: column!important;
    flex-wrap: nowrap!important;
    justify-content: center!important;
}
.bloc-contact .et_pb_blurb_position_left .et_pb_blurb_container{
    padding-left: 30px!important;
    display: flex!important;
    flex-direction: column!important;
    flex-wrap: wrap!important;
    align-items: center!important;
}

/** Responsive **/

@media all and (min-width:320px) and (max-width:767px){
	.align-bottom{
		display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
	}
}

@media all and (min-width:768px) and (max-width:980px){
	.align-bottom{
		display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
	}
}

@media only screen and (max-width: 980px){
.mob-standard-logo {
    display: inline-block;
    height: 20px!important;
    margin-top: 10px;
}
}

@media only screen and (max-width: 981px){
.mob-menu-logo-holder {
    border-bottom: 1px solid #fff;
}
}
@media all and (max-width:1279) and (min-width:981px){
	#header-section{
		padding: 0 40px!important;
	}
	#row-header {
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
    align-items: center!important;
    padding: 0 30px!important;
}
	#menu-navigation li {
    border: 2px solid #fff!important;
    padding: 10px 15px!important;
    margin-left: 25px!important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
	#home-section{
		 height: 92vh!important;
	}
}