/*
Theme Name: Divi-child
Template: Divi
*/

/*
Theme Name: Divi-child
Template: Divi
*/

/* Browser Reset */


h1 {
	text-align:center;
	color:#666666;
	font-size: 2.5rem;
	font-weight:600;
	padding-bottom:45px;
}


.head-box {
	overflow: auto;
	top : 10px;
	right: 10px;
	line-height:normal;
	text-align: right;
    color: #FFF;
    font-size: 13px;

}

.head-gauche {
	float: left;
	text-align:left;
	color:#fff;
	line-height:normal;
	padding-right:50px;
	padding-top: 10px;

}

.head-droit  {
	float: right;
	text-align:right;
	color:#fff;
	line-height:normal;
	padding-top:10px;

}

.head-centre  {
	overflow: hidden;
	width: 290px;
	text-align:left;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:normal;
}

a.head-centre {
	color:#fff;
}
 



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

.head-box {
	top : 10px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	}
	
.head-gauche {
	text-align:center;
	width:100%;
	padding-right:0px;
}

.head-droit  {
	text-align:center;
	width:100%;
}

.head-centre  {
	text-align:center;
	width:100%;
}
}

#main-footer {
    background-color: #192451;
	/*padding-bottom:20px;*/
}

.menu-flottant {
    width:14em; /* Largeur des items du menu*/
    float: right; /* Je veux que le menu soit à droite*/
    position:fixed; /* Le menu est fixe à l'écran*/
    z-index:9999; /* Il sera au dessus de tous les éléments*/
    top: 35%; /* Il sera à 40% du bord supérieur de l'écran*/
    font-size:1em; /* Taille de la police*/
    line-height: 2px; /* Hauteur de ligne du menu*/
	color: #fff; /* Couleur de la police*/
    /*font-weight:700;*/ /* Mettre le texte en gras*/
    /*text-transform:uppercase;*/ /* Mettre le texte en majuscule*/
    right: -10em; /* Décalage du menu sur la droite pour masquer le texte et ne laisser que les icônes de visibles*/
}
.menu-flottant ul {
    list-style: none; /* Le menu est une liste, mais je ne veux pas afficher les puces*/
    margin: 0; /* Choix des marges internes et externes*/
    padding: 0;
}
.menu-flottant ul li {
    display:block; /* Définition des items en tant que bloc*/
    background-color: #001af7;; /* Couleur de fond*/
    height: 3.5em; /* Hauteur des items du menu*/
    padding: 1em 1.5em; /* Marges internes des items du menu*/
    position: relative; /* On leur attribut une position relative*/
    -webkit-transition: -webkit-transform 0.5s; /* Effet de déplacement au passage de la souris*/
    -moz-transition: -webkit-transform 0.5s; /* On le définit plusieurs fois pour assurer la compatibilité entre les navigateurs*/
	transition: transform .5s;
}
/*Couleurs de fond des items du menu*/
.menu-flottant ul li:nth-child(1) { 
	background-color: #001af7; /* 1er item du menu*/
} s
.menu-flottant ul li:nth-child(2) { 
	background-color: #001af7; /* 2e item du menu*/
} 
.menu-flottant ul li:nth-child(3) { 
	background-color: #001af7; /* 3e item du menu*/
} 
/* Si vous en avez plus de 3, ajouteZ ici les mêmes lignes en remplaçant les chiffres et couleurs*/

/* Création de la transformation CSS qui permet d'afficher le menu au passage de la souris*/
.menu-flottant ul li:hover {
    -webkit-transform: translateX(-10em);
    transform: translateX(-10em);
}

/* Mise en forme des liens du menu*/
.menu-flottant ul li a {
    display:block; /* On les définit en tant que bloc*/
    color: #FFF; /* Couleur du texte*/
    text-decoration: none; /* On ne veut pas qu'ils soient soulignés par exemple*/
    position: absolute; /* On leur attribut une position absolue*/
    font-size:1em; /* Taille de la police*/
    line-height: 1.5em; /* Hauteur de ligne*/
    height:2em; /* Hauteur*/
    top:0; /* Positionnement*/
    bottom:0;
    right: 0.2em;
    margin:0 auto;
    padding:1em 0.6em;
}
  
/* Mise en forme des icônes du menu*/
  .menu-flottant ul li span {
    float: left;  /* On les cale à gauche */
    line-height: 1.5em; /* Hauteur de ligne */
    height:2.5em;
    padding-bottom: 1em;
	
} 

.chapo {
	padding:30px;
	font-size:20px;
	background-color:#f7f7f7;
	margin-bottom:30px;
}

@media only screen and (min-width: 1350px)
{.et_pb_section {
	padding: 96px 0;}
}


.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #001AF7;
	text-transform:uppercase;
}

#top-menu a {
    text-transform: uppercase;
}