/* Enter Your Custom CSS Here */

/** permet de cacher le "design by..." en pied de page **/
/**#footer-info {display:none;}**/

/** Permet de diminuer la taille de police des éléments de sous-menu **/
#top-menu li > ul li a{
padding-top : 5px;
font-size:12px;
}

/****Si menu en mode par défaut - Elargissement des sous-sous-menu pour mettre les textes sur 1 ligne****/
/** Largeur de la boite sous-sous-menu **/
.nav li li ul {
width: 350px;
}
/** largeur de la zone texte **/
#top-menu ul ul li a {
width: 340px;
}

/****Si menu en mode par défaut - Elagissement des sous-menu pour mettre les textes sur 1 ligne****/
/** largeur de la boîte sous-menu**/
.nav li ul {
width: 350px;
}
/** largeur de la zone texte **/
#top-menu ul li a {
width: 340px;
}

/** Pour le menu en mode "slide in" on remplace le hamburger par le texte Menu **/
span.et_toggle_slide_menu:before {
content: "Menu";
display: block !important;
font-family: inherit !important;
color: #000000 !important;
position: absolute;
font-size: 16px;
top: 6px;
}

/** Mise en forme des blocs type de processus dans le menu type slide in **/
.item_menu_slide_in {
  background-color: #383838; /** Couleur arrière plan **/
  /** Mise ne forme de la boite **/
  border:solid 0px #383838;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
  /** Mise en forme du texte **/
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: uppercase; /** Mise du texte en majuscule **/
  text-align: center; /** alignement du texte **/
  margin-top:30px; /** Espace au dessus de l'item **/
}

/** Mise en forme de l'item accueil dans le manu type slide in **/
.item_accueil_uo_menu_slide_in {
  text-align : center;
  font-weight: bold;
}






.et_pb_row.et_pb_equal_columns .et_pb_column {
display: -webkit-flex;
display: flex;
}
.my-vertical-align-top {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.my-vertical-align-center {
-webkit-align-self: center;
align-self: center;
}
.my-vertical-align-bottom {
-webkit-align-self: flex-end;
align-self: flex-end;
}

.et_pb_row .et_pb_column.my-va {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
#my-va-top {
-webkit-align-self: flex-start;
align-self: flex-start;
}
#my-va-center {
-webkit-align-self: center;
align-self: center;
}
#my-va-bottom {
-webkit-align-self: flex-end;
align-self: flex-end;
}


/*-------------------------------------------------------------------------------*/
/*---------------------------------- PAGE CONTACTS ------------------------------*/
/*-------------------------------------------------------------------------------*/

/*Transparent header text*/
.ds-team-header h2 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, Lucida, sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3em;
    line-height: 1.4em;
    text-align: center;
    padding: 7% 12%;
    background: rgba(0,0,0,.5);
    color: white !important;
    mix-blend-mode: multiply;
}

/*Transparent header text mobile settings*/
@media only screen and (max-width: 767px) {
.ds-team-header h2 {
    font-size: 2em;
    line-height: 1em;
    padding: 10% 12%;
    }
}

/*Animated gradient background*/
.ds-gradient-overlay {
  background: rgba(176,202,201,.7);
  -webkit-animation:colour 15s linear infinite;
  -moz-animation:colour 15s linear infinite;
}

@-webkit-keyframes colour{
	0%{
		background:rgba(176,202,201,.7);
	}

	25%{
		background:rgba(166,163,158,.7);
	}

	50%{
		background:rgba(247,247,247,.7);
	}

	75%{
		background:rgba(166,163,158,.7);
	}
    
    100%{
		background:rgba(176,202,201,.7);
	}
}

@-moz-keyframes colour{
	0%{
		background:rgba(176,202,201,.7);
	}

	25%{
		background:rgba(166,163,158,.7);
	}

	50%{
		background:rgba(247,247,247,.7);
	}

	75%{
		background:rgba(166,163,158,.7);
	}
    
    100%{
		background:rgba(176,202,201,.7);
	}
}


/*Person Module*/
.ds-person-module img {
    border-radius: 50%;
    margin-top: -50%;
}

.ds-person-module .et_pb_team_member_description {
    padding: 20px;
}

.ds-person-module .et_pb_member_social_links, .ds-person-module h4, .ds-person-module .et_pb_member_position {
    text-align: center !important;
}

.ds-person-module .et_pb_member_position {
    font-size: 20px;
    font-style: italic;
    color: #B0CAC9 !important;
    padding-top: 10px;
}

.ds-person-module p {
    text-align: justify !important;
}

.ds-person-module .et_pb_member_social_links li {
    margin-right: 0;
}

.ds-person-module .et_pb_member_social_links a:before {
    color: #f7f7f7;
}

.ds-person-module .et_pb_member_social_links a {
    color: #fff;
    background: #B0CAC9;
    padding: 10px;
    width: 35px;
    height: 35px;
    padding: 5px;
    margin: 10px;
    border-radius: 50%;
    -webkit-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    transition: background-color .7s ease;
}

.ds-person-module .et_pb_member_social_links a:hover {
    background: transparent !important;
}

.ds-person-module .et_pb_member_social_links a:hover:before {
    color: #a6a39e;
}

/*Person module mobile settings*/
@media only screen and (max-width: 980px) and (min-width: 767px) {
    .ds-person-module .et_pb_member_social_links {
    width: 280px;
    margin: -50px 0 0 -325px;
    }
    
    .ds-person-module {
    margin-bottom: 50%;
    }
}

.ds-profile-button {
    width: 100%;
    border: none;
    /*padding: 10px 20px;*/
    font-weight: normal !important;
    /*margin-top: 5px;*/
    -webkit-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    transition: background-color .7s ease;
}


/*ajout de colonnes */
.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}
.four-columns .ep_pb_module {width: 25%; float: left;}

/*Fiches innovations*/
.innovation_titre{border-bottom: 1px solid;} /*Barre horizontale*/