/*****   FONT   *****/
@font-face {
font-family:'UbuntuRegular';
src:url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.eot');
src:url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.svg#UbuntuRegular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'UbuntuLight';
src:url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.eot');
src:url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.svg#UbuntuLight') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'UbuntuMedium';
src:url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.eot');
src:url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.svg#UbuntuMedium') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'UbuntuBold';
src:url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.eot');
src:url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.svg#UbuntuBold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'UbuntuItalic';
src:url('/RessourcesCentrales/fonts/Ubuntu/RegularItalic/ubuntu-regularitalic-webfont.eot');
src:url('/RessourcesCentrales/fonts/Ubuntu/RegularItalic/ubuntu-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/RegularItalic/ubuntu-regularitalic-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/RegularItalic/ubuntu-regularitalic-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/RegularItalic/ubuntu-regularitalic-webfont.svg#UbuntuItalic') format('svg');
font-weight:normal;
font-style:normal;
}


html{
font-size:16px;
}

body {
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:UbuntuRegular, Verdana, Geneva, sans-serif;
color:#000000;
position:relative;
}

h1, h2, h3, h4, h5, h6 {
font-family:UbuntuBold, Verdana, Geneva, sans-serif;
line-height:1;
color:#000000;
margin:2rem 0 0.875rem 0;
}

h1 {
font-size:2.5rem;
}

h2 {
font-size:1.875rem;
}

h3 {
font-size:1.5rem;
}

h4 {
font-size:1.375rem;
}

h5 {
font-size:1.25rem;
}

h6 {
font-size:1.125rem;
}

p {
line-height:1.3;
}

a, a:link, a:visited {
color:#73be44;
text-decoration:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover, a:focus, a:active {
color:#f79222;
}

a.bouton, button.bouton {
line-height:1;
background-color:#73be44;
border:3px solid #73be44;
font-size:1.125rem;
font-family:UbuntuRegular, Verdana, Geneva, sans-serif;
color:#FFFFFF;
padding:0.75rem 1rem;
margin:1rem 0.75rem 0.75rem 0.75rem;
min-width:190px;
text-align:center;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a.bouton:hover, a.bouton:focus, a.bouton:active, button.bouton:hover, button.bouton:focus, button.bouton:active  {
background-color:#99DD6E;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a.boutonPale, button.boutonPale {
line-height:1;
background-color:#FFFFFF;
border:3px solid #73be44;
font-size:1.125rem;
font-family:UbuntuRegular, Verdana, Geneva, sans-serif;
color:#73be44;
padding:0.75rem 1rem;
margin:1rem 0.75rem 0.75rem 0.75rem;
min-width:190px;
text-align:center;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
cursor:pointer;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

button.boutonPale {
margin:1rem 0 0.75rem 0;
font-family:UbuntuBold, Verdana, Geneva, sans-serif;
}

a.boutonPale:hover, a.boutonPale:focus, a.boutonPale:active, button.boutonPale:hover, button.boutonPale:focus, button.boutonPale:active  {
border:3px solid #99DD6E;
color:#73be44;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a img {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover img, a:focus img, a:active img {
opacity:0.8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

.animationZoom {
display:inline-block;
-webkit-transition:transform 200ms ease;
-moz-transition:transform 200ms ease;
-ms-transition:transform 200ms ease;
-o-transition:transform 200ms ease;
transition:transform 200ms ease;
}

.animationZoom:hover, .animationZoom:focus, .animationZoom:active {
transform:scale(1.1);
}

div.contenuPage div.large-4 a.bouton {
display:inline-block;
margin:0;
}

ul {
margin:0;
padding:0;
list-style:none;
}

div.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
border:0;
}

.gauche {
text-align:left;
}

.droite {
text-align:right;
}

.centrer {
text-align:center;
}

label {
font-weight:bold;	
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float:left;
}

select {
margin:0;
}

.relative {
position:relative;
}

.ra-pagination input {
display:none;
}

.ra-pagination ul {
list-style-type:none;
margin:0.75rem 0;
padding:0;
}

.ra-pagination ul li {
position:relative;
float:left;
padding:0 0.25rem;
}

.invisible {
display:none;
}

li.iconefichier img {
vertical-align:bottom;
padding-right:0.5rem;
}

iframe {
max-width:100%;
margin-bottom:50px;
}

div.video-container::after {
content:"";
position:absolute;
z-index:9999999;
width:120px;
height:180px;
background:url(../images/design/hover-video2.png) no-repeat top center;
bottom:0px;
right:40px;
}

.espacementTop {
margin-top:2rem;
}

.espacementBottom {
margin-bottom:2rem;
}

.spacerHorizontal {
padding:0 1rem;
}

.fontNormal {
font-family:UbuntuRegular, Verdana, Geneva, sans-serif;
}

/******************************************************/
/*******************     header     *******************/
/******************************************************/
div#header {
padding:2.25rem 0 0 0;
height:160px;
}

div#header div.large-4 {
text-align:center;
}

div#header img.logo {
max-width:320px;
}

/*------------     header-menu     ------------*/
/*---------------------------------------------*/
div#main-menu {
float:right;
}

div#main-menu ul {
margin:0;
padding:0;
list-style:none;
}

div#main-menu ul li {
margin:0;
padding:0;
display:inline-block;
}

div#main-menu ul li a {
font-size:1.25rem;
color:#73be44;
display:inline-block;	
font-family:UbuntuBold, Verdana, Geneva, sans-serif;
padding:1.5rem 0 0 1.25rem;	
}

div#main-menu a:hover, div#main-menu a:focus, div#main-menu a:active {
color:#f79222; 	
}


/* Menu mobile */ 
#header .row.mobile-menu {
max-width:100%;
padding:0;
margin-top:1.5rem;
}

div#header .row.mobile-menu .column {
padding:0;
}

div#mobile-menu {
position:relative;
z-index:999999;
text-align:left;
}

div#mobile-menu .slicknav_menu {
background-color:#73be44;
}

div#mobile-menu .slicknav_btn {    
background-color:#73be44;
padding:6px;
margin:0;
}

div#mobile-menu .slicknav_menu .slicknav_menutxt {
text-shadow:none;
}

div#mobile-menu ul.slicknav_nav ul {
margin-left:1rem;
}

div#mobile-menu ul.slicknav_nav ul li {
width:100%;	
}

div#mobile-menu ul.slicknav_nav a {
color:#FFFFFF;
margin-left:0;
padding:5px 12px;
display:inline-block;	
}

div#mobile-menu .slicknav_nav a:hover, div#mobile-menu .slicknav_nav a:focus, div#mobile-menu .slicknav_nav a:active {
background-color:rgba(255,255,255,0.4);	
}


/************************************************************/
/*********************     Bandeau     **********************/
/************************************************************/
div.bandeau {
position:relative;
margin:0 auto 2rem auto;
max-width:1920px;
background:url(../images/design/bandeau.png) no-repeat top center;
background-size:cover;
padding:0 0 5rem 0;
}

div.bandeau h1 {
font-size:4.375rem;
color:#f79222;
margin:3rem 0 3rem 0;
}

div.bandeau h2 {
font-size:1.875rem;
color:#705f5a;
margin:5.375rem 0 0 0;
}

div.bandeau p {
margin-bottom:3rem;
}

div.bandeau a.bouton {
margin:0;
}


/************************************************************/
/*********************     Annonce     **********************/
/************************************************************/
div#bandeAnnonce {
background-color:#f79222;
text-align:center;
padding:1rem 0;
font-weight:bold;
}

div#bandeAnnonce a {
color:#FFFFFF;
}

div#bandeAnnonce a:hover, div#bandeAnnonce a:focus, div#bandeAnnonce a:active {
color:#705f5a;
}

/************************************************************/
/********************     Babillard     *********************/
/************************************************************/
div.babillard {
position:relative;
border:2px solid #f79223;
text-align:center;
display:inline-block;
padding:4.5rem 1rem 0.5rem 1rem;
margin-top:2rem;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}

div.babillard div.etiquette {
position:absolute;
top:-39px;
left:50%;
margin-left:-36px;
}

div.babillard h1 {
margin:1rem 0 0 0 !important;
}

div.babillard h3 {
margin:0;
color:#73be44;
text-align:left;
}

body.body-nouvelles div.titrePage h1#ancreTitre {
padding:5.375rem 0 3.125rem 0;
}

body.body-nouvelles h3 {
margin:1rem 0 0.125rem 0;
}

body.body-nouvelles a img {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

body.body-nouvelles a:hover img {
opacity:0.7;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

body.body-nouvelles a.bouton {
margin:1rem 0 0.75rem 0;
}

p.date {
color:#848484;
font-size:0.75rem;
font-family:UbuntuBold, Verdana, Geneva, sans-serif;
margin-bottom:0.5rem;
}

div.babillard p {
text-align:left;
}

div.infoExperts div.babillard a.bouton {
display:inline-block;
margin:0.25rem 0 0.75rem 0;
}

div.infoExperts h1 {
margin-top:0.25rem;
}

div.infoExperts h2 {
margin-bottom:0;
}

p.sommaire {
min-height:5.375rem;
}

div.conteneurListe {
margin:0 0 2rem 0;
}

body.body-activites div.conteneurListe {
min-height:490px;
}

div.hauteurMinimum {
min-height:7.25rem;
display:inline-block;
}


/************************************************************/
/**************     Infos supplémentaires     ***************/
/************************************************************/
div.infoSupplementairesColorees {
background-color:#dcf4fb;
padding:6.25rem 0 5.625rem 0;
}

div.infoSupplementairesColorees p {
min-height:6.5rem;
}

div.infoSupplementaires {
padding:4rem 0 2rem 0;
}

div.titreSupperpose {
position:relative;
}

div.titreSupperpose h1 {
position:relative;
z-index:200;
}

div.titreSupperpose h1.fondu {
position:relative !important;
z-index:100 !important;
top:-120px !important;
height:0 !important;
text-align:center !important;
font-size:5.5rem !important;
color:#fde7d7 !important;
}


/************************************************************/
/*******************     main-content     *******************/
/************************************************************/
[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
border:1px solid #705f5a;
}

[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
border:1px solid #f79222;
}

input::placeholder, textarea::placeholder {
color:#888888;
}

body.body-decouvrir div#main-menu ul li.mnuDecouvrir a,
body.body-realiser div#main-menu ul li.mnuRealiser a,
body.body-demarrer div#main-menu ul li.mnuDemarrer a,
body.body-acquerir div#main-menu ul li.mnuAcquerir a,
body.body-developper div#main-menu ul li.mnuDevelopper a,
body.body-inspirer div#main-menu ul li.mnuInspirer a {
color:#f79222;
}

div.contenuPage {
padding:0 0 2rem 0;
}

div.contenuPage h1 {
margin:0 0 0.375rem 0;
}

body.body-accueil div.contenuPage h1 {
margin:2rem 0 0.875rem 0;
text-align:center;
}

div.contenuPage h1, div.contenuPage h2, div.contenuPage h4, div.contenuPage h5, div.contenuPage h6 {
color:#f79222;
}

body.body-accueil div.contenuPage h1 {
color:inherit;
}

div.contenuPage h3 {
color:#705f5a;
}

div.contenuPage h3, div.contenuPage h4, div.contenuPage h5, div.contenuPage h6 {
margin:1.75rem 0 0.375rem 0;
}

div.contenuPage h2 {
margin:0 0 0.375rem 0;
}

div.contenuPage div.titrePage {
background:url(../images/design/wave-secondary.png) no-repeat top center;
margin-bottom:1rem;
}

div.contenuPage div.titrePage h1 {
color:#705f5a;
padding:5.375rem 0 4rem 0;
margin:0;
font-size:3rem;
}

div.contenuPage ul {
list-style-type:inherit;
margin:0 0 1.25rem 1.25rem;
}

div.contenuPage ul.StepProgress {
list-style-type:none;
}

div.contenuPage table ul {
margin:0;
}

div.contenuPage div.large-4 h1, div.contenuPage div.large-4 h2 {
color:#1b1b1b;
}

div.contenuPage div.large-4 h2 {
margin:1rem 0 0.25rem 0;
}

span.couleurJaune {
color:#f79223;
}

div.reseauxSociaux {
margin:1rem 0 0 0;
}


/*-----  Pour voir les autres ratios possible : https://www.pushaune.com/blog/tutoriels/rendre-les-videos-youtube-et-vimeo-responsives/  -----*/
.video-container {
position:relative;
padding-bottom:56.25%; /* ratio 16/9 */
height:0;
overflow:hidden;
clear:both;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

body.body-nous-joindre h3 {
margin:2rem 0 0 0;
}

body.body-nous-joindre table tbody td, body.body-nous-joindre table tbody th {
padding:0;
}


/*---- Équipe ----*/
div.equipe {
margin-top:2rem;
}

div.equipe img {
-webkit-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 50% 50%;
}

div.equipe h2 {
margin-bottom:0;
}

div.equipe p.membreTitre {
font-weight:bold;
}

div.equipe a.bouton, a.boutonTop {
display:inline-block;
margin:0 0.75rem 0.75rem 0;
}


/*------------     Formulaire de contact     ------------*/
/*-------------------------------------------------------*/
/* Erreurs de saisie */
.messages-box.error {
background-color:#de4343;
border-color:#c43d3d;
}

.messages-box {
background-size:40px 40px;
background-image:linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);
width:100%;
border:1px solid;
color:#FFFFFF;
padding:15px;
text-shadow:0 1px 0 rgba(0,0,0,.5);
animation:animate-bg 5s linear infinite;
margin:0 0 1rem 0;
text-align:left;
}

@keyframes animate-bg {
from {
background-position:0 0;
}

to {
background-position:-80px 0;
}
}

input[type=text].invalid, textarea.invalid {
border:1px solid #DE4343;
margin-bottom:0;
}

.error-message {
display:inline-block;
background-color:#DE4343;
color:#FFFFFF;
width:100%;
margin-bottom:14px;
padding:0.3em 0.5em;
font-size:85%;
}

body.body-nous-joindre div.large-4 h4 {
color:#73be44;
}

body.body-nous-joindre div.large-4 h5 {
margin-bottom:0;
}

body.body-nous-joindre div.large-8 h3 {
color:#73be44;
}

input#ChampFormulaireVide {
position:absolute;
z-index:-99999999;
top:10%;
left:10%;
width:10%;
margin:auto;
}


/*------------     Pour le contenu dynamique     ------------*/
/*-----------------------------------------------------------*/
.image-flottante-droite {
border:none;
padding:0px 0px 5px 5px;
background:none;
float:right;
margin:0px 0px 5px 10px;
}

.image-flottante-gauche {
border:none;
padding:0px 5px 5px 0px;
background:none;
float:left;
margin:0px 10px 5px 0px;
}

table.tableau-invisible, table.tableau-invisible tbody, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background:none;
}

hr {
clear:both;
margin:0px 0px 10px 0px;
padding:0;
height:0px;
font-size:0;
border:none;
background-color:#FFFFFF;
}

.texte-discret {
font-size:0.875rem;
color:#888888;
font-family:UbuntuItalic, Verdana, Geneva, sans-serif;	
}

td.texte-discret {
font-size:0.625rem;
color:#FFFFFF;	
}

/* documents */
div.contenuPage ul.liste-documents {
list-style-type:none;
margin:0;	
}

li.document {	
margin-bottom:2px;
margin-top:0px;
color:#96BBC2;
}

ul.liste-documents li.description {	
color:#414E56;
line-height:1.25rem;
font-family:UbuntuLight, Verdana, Geneva, sans-serif;	
margin-bottom:1rem;
}

/* Pages enfants */
div.enfant {
position:relative;
margin-bottom:2rem;
}

.blocEnfants {
margin-bottom:2.5rem;
}

div.enfant a {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div.enfant a:hover, div.enfant a:focus {
opacity:0.8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div.backgroundImageEnfant {
position:relative;
min-height:235px;
display:block;
background-size:cover !important;	
background-color:#73be44;
}

h2.titreEnfant {
position:absolute;
width:100%;
bottom:0;
font-size:1.75rem;
color:#73be44;
text-align:left;
background-color:rgba(255,255,255,0.8);
padding:0.5rem 0.5rem 0.125rem 0.5rem;
margin-bottom:0;
}

div.row.blocEnfants .columns {
float:none;
display:inline-block;
vertical-align:top;	
}

div.row.blocEnfants {
text-align:center;
}

div.contenuPage ul.listePagesEnfants {
list-style-type:none;
margin:0 0 .75rem 0;
padding:0;
}


/*------     Affichage Wizard page enfant     ------*/
/*--------------------------------------------------*/
.StepProgress {
position:relative;
padding-left:65px;
margin-top:1.5rem;
list-style:none;
font-size:1.625rem;
font-family:UbuntuBold, Verdana, Geneva, sans-serif;
}

.StepProgress::before {
display:inline-block;
content:'';
position:absolute;
top:0;
left:15px;
width:10px;
height:100%;
border-left:3px solid #00ace4;
}

ul.StepProgress li {
font-size:1.25rem;
line-height:1.2;
}

ul.StepProgress li.current a {
font-size:1.625rem;
}

.StepProgress-item {
position:relative;
counter-increment:list;
}

.StepProgress-item a {
display:block;
padding-top:0.375rem;
}

.StepProgress-item:not(:last-child) {
padding-bottom:30px;
}

.StepProgress-item::before {
display:inline-block;
content:'';
position:absolute;
left:-50px;
height:100%;
width:10px;
}

.StepProgress-item::after {
content:counter(list);
text-align:center;
display:inline-block;
position:absolute;
top:0;
left:-69px;
width:39px;
height:39px;
border:3px solid #00ace4;
border-radius:50%;
background-color:#FFFFFF;
color:#00ace4;
padding-top:5px;
}

.StepProgress-item.is-done::before {
border-left:3px solid #e3e3e3;
}

.StepProgress-item.is-done::after {
color:#FFFFFF;
text-align:center;
border:3px solid #e3e3e3;
background-color:#e3e3e3;
}

.StepProgress-item.current::before {
border-left:3px solid #00ace4;
}

.StepProgress-item.current::after {
color:#FFFFFF;
padding-top:1px;
width:39px;
height:39px;
top:0;
left:-69px;
text-align:center;
border:3px solid #00ace4;
background-color:#00ace4;
padding-top:5px;
}

.StepProgress strong {
display:block;
}

div.logoAEQ {
position:absolute;
top:32px;
right:0;
}


/*****   Overlay   *****/
div.overlay {
position:absolute;
color:#FFFFFF;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:20;
background:rgba(115,190,68, 0.9) none repeat scroll 0% 0%;
overflow:hidden;
will-change:opacity;
opacity:0.001;
transition:all 0.4s ease-in-out 0s;
}

div.overlay:hover {
opacity:1;
}

div.overlay p {
text-align:center;
}

div.overlay div.text {
position:absolute;
}

div.overlay div.texte-emphase {
margin:0px 0px 20px 0px;
}

div.overlay div.advanced {
width:80%;
height:80%;
margin:auto;
bottom:0px;
left:0px;
right:0px;
top:0px;
padding:0px;
text-align:center;
overflow:hidden;
}

div.overlay a {
display:inline-block;
border:1px solid #FFFFFF;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}

div.overlay a:hover {
border:1px solid #1A1A1A;
}


/*------------     Page 404     ------------*/
/*------------------------------------------*/
.body-404 {
background-color:#F1F0F8;
text-align:center;
}
.body-404 img {
width:450px;
margin:60px 0px 20px 0px;
}
.body-404 p {
text-align:center;
font-size:2rem;
color:#1F1F1F;
}
.body-404 a {
color:#1F1F1F;
font-size:1.25rem;
}
.body-404 a:hover, .body-404 a:active, .body-404 a:focus {
color:#687B80;
}


/*********************************************/
/**************     Blogue     ***************/
/*********************************************/
div.listeBlog div.small-12 {
margin-top:2rem;
}

div.listeBlog h2 {
font-size:1.75rem;
margin-bottom:0;
min-height:56px;
}

div.listeBlog div.texte-discret {
font-size:0.875rem;
line-height: 0.875;
margin-bottom:0.25rem;
min-height: 42px;
}

div.listeBlog p {
min-height:90px;
margin-top:1.5rem;
}

body.body-blog a.bouton {
display:block;
margin:1rem 0.75rem 0.75rem 0;
}

div.listeCommentaire {
padding:1rem;
}

div.backgroundCommentaire {
background-color:#eeeeee;
}


/******************************************************/
/******************     Experts     *******************/
/******************************************************/
span.emphaseTelephone {
font-family:UbuntuBold, Verdana, Geneva, sans-serif;
font-size:1.25rem;
color:#73be44;
}

span.emphaseCourriel {
text-decoration:underline;
color:#73be44;
}

div.infoExperts {
margin:2rem 0;
}

div.infoExperts a.bouton {
display:inline-block;
margin:0;
}

div.infoExperts div.large-5 h1, div.infoExperts div.large-5 h2 {
color:#1b1b1b;
}

div.infoExperts div.large-5 h1 {
margin:0 0 0.25rem 0;
}

div.infoExperts div.large-5 h2 {
margin:1rem 0 0.25rem 0;
}


/******************************************************/
/*******************     Footer     *******************/
/******************************************************/
div#imageBackground {
position:absolute;
z-index:100;
bottom:-18px;
right:5%;
}

div#infoBottom {
font-family:UbuntuBold, Verdana, Geneva, sans-serif;
position:relative;
background:url(../images/design/wave2.png) repeat-x top center;
padding:6rem 0 4rem 0;
}

div#infoBottom ul.liste {
margin-top:2rem;
text-align:left;
}

div#infoBottom ul.liste li {
width:50%;
float:left;
}

div#infoBottom ul.liste li a {
font-size:1.125rem;
text-decoration:none;
}

div#infoBottom h1 {
color:#705f5a;
text-align:center;
}

div#infoBottom ul.mediasSociaux {
margin:0.75rem 0 0 0;
}

div#infoBottom ul.mediasSociaux li {
float:left;
margin:0;
padding:0 0.25rem 0 0;
}

div#infoBottom div.large-offset-1 {
padding-top:13rem;
}

div#infoBottom div.large-offset-1 p.droite {
margin-right:9rem;
}

div#infoBottom ul li i {
font-size:1.5rem;
}

footer {
position:relative;
z-index:0;
background-color:#705f5a;
color:#FFFFFF;
padding:1.375rem 0;
}

footer div.medium-6:last-child {
text-align:right;
}

footer p {
margin-bottom:0;
}

footer a {
color:#FFFFFF !important;
text-decoration:underline !important;
}

footer a:hover, footer a:focus, footer a:active {
color:#f79222 !important;
}