/* CSS Document */


:root {
  --border-color: #0a002b;
  --button-color: #0a002b;
  --body-font: "Source Sans 3", arial, helvetica;
  --body-color: #0a002b;
  --body-bg-color: #ffffff;
  
  --bg-light-color: #f7f7f7;
  --bg-dark-color: #000;
  --color-blue:  #009fe0;
  --color-green:  #9ac449;
  --bg-blue:  #5bc4f1;
  
  --bg-green: #9ac449;
  --txt-color: #0a002b;
    
}

* {
  outline: none;
  box-sizing: border-box;
}






html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
   scroll-behavior: smooth;
}

body {
  font-family: var(--body-font);
  background-color: var(--body-bg-color);
  color: var(--body-color);
  font-size: 15px;
  font-weight:400;
  margin:0;
  padding:0;
  font-optical-sizing: auto;
}


img {  max-width: 100%;}
.tLeft {text-align:left}
.tCenter {text-align:center}
a, a:visited {text-decoration:none;cursor:pointer;color:inherit}

::-moz-selection {  color:#fff;  background-color: var(--bg-blue);}
::selection {  color:#fff;  background-color: var(--bg-blue);}

.container, .containerLarge { display:block; margin:0 auto; position:relative; width:1380px; padding:20px; max-width:100%}
.containerLarge { width:1480px; padding:20px;}

.halfCont {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.half {
  display: flex;
  text-align:right;
  width: 50%;
  margin-right: 0;
}
.half .inner , .half .innerRight {display:block; width:1800px; text-align:left; padding:50px 80px 50px 50px}
.half .innerRight {padding:50px 50px 50px 80px}
div.FillAvailable { width: -moz-available;    width: -webkit-fill-available;    width: fill-available;}

/*BACKGROUNDS*/

.bgEnfant {background:url(../img/bg_enfants.jpg) center center; background-size:cover}
.bgManGreen {background:url(../img/bg_manorange.jpg) right top; background-size:cover}
.bgLight {background-color:var(--bg-light-color)}


/*BOUTONS*/
.bigBut {color:#ffffff; background:none; border:1px solid #fff; border-radius:15px; text-align:center;
padding:10px 15px; font-size:14px; text-transform:uppercase; letter-spacing:0.5px;
-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease}
.mediumBut { border-radius:7px; padding:6px 12px; font-size:13px;}
.smallBut { border-radius:6px; padding:6px 10px; font-size:11px; line-height:11px; border:0 !important}
.bigBut:hover {background:#fff; color:var(--color-blue)}

.bigBut.inv {background:#fff; color:#242424; border:1px solid #fff; font-weight:500}
.bigBut.inv:hover {background:var(--color-blue); color:#ffffff; border:1px solid var(--color-blue)}
.bigBut.blue {background:var(--color-blue); color:#ffffff; border:2px solid var(--color-blue); font-weight:600}
.bigBut.blue:hover {background:#ffffff; color:var(--color-blue); }
.bigBut.violet {background:#991a7f; color:#ffffff; border:0px solid #991a7f; font-weight:600}
.bigBut.violet:hover {background:#ffffff; color:#991a7f; }

.bigBut.blue.inv {background:none; color:var(--color-blue); border:1px solid var(--color-blue);}
.bigBut.blue.inv:hover {background:var(--color-blue); color:#fff; border:1px solid var(--color-blue);}

.bigBut.rose {background:#e73088; color:#ffffff; border:1px solid #e73088;}
.bigBut.rose:hover {background:#fff; color:#e73088; border:1px solid #fff;}
.bigBut.rose.inv {background:none; color:#e73088; border:1px solid #e73088;}
.bigBut.rose.inv:hover {background:#e73088; color:#fff; border:1px solid #e73088;}




/*FONTS*/
hr.sep {border:0; margin:20px 0}
hr.sepSmall {border:0; margin:10px 0}
hr.dble {width:200px; border:0; border-bottom:2px solid #fff; margin:20px 0}

h2 {font-size:48px; line-height:52px; margin:15px 0}
h2.fleur img { display:inline-block; float:left; margin:15px 15px 0 -30px}
h3 {font-size:22px; line-height:26px; margin:10px 0}
h4 {font-size:22px; line-height:24px; margin:0 0 15px 0}

p { line-height:25px; font-size:15.5px}
p.bigParaf {font-size:22px; line-height:30px; color:var(--color-blue); font-weight:600}
p.bgGreen {color:#fff; font-weight:600; background:var(--bg-green); padding:20px; margin:20px 0 0 -20px}
p.bold { font-weight:600; font-size:18x; line-height:24px;}

.txtRose { color:#e73088}
.txtBleu{ color:#6dc6f0}



#enjeux {background:url(../img/bg_blue.png) left top; background-size:cover; padding:50px 0 20px 0}
#enjeux  * {color:#fff}

#enjeux .element {display:block; margin:15px 0 15px 0; clear:both}
#enjeux .element .bigIco {float:left; margin:5px 25px 35px 0}
#enjeux .element h3 { text-transform:uppercase; }
#enjeux .element p { font-weight:500; margin:0; line-height:20px}


#acteurs { background:url(../img/mask_1.png) top left no-repeat}
#acteurs h2 {margin:0 auto 60px auto; padding:0; color:var(--color-blue); font-size:40px; line-height:44px}

.acteursCont {  display: flex; margin-top:20px;
  flex-wrap: wrap;
  max-width: 100%;
  justify-content: space-between;}
  
.acteursCont .acteurBloc {  width: 47%; margin-right: 0; margin-bottom:60px}
.acteursCont .acteurBloc p {font-size:15px; line-height:20px; margin-bottom:15px;}
.logoAct {height:80px}

#presse { background:url(../img/bg_grad1.png) top center repeat; background-size:100% auto; color:#fff}
#presse .element {display:block; margin:30px 0 30px 0; clear:both; color:#fff; position:relative}
#presse .element .logoPresse {width:40px; height:40px; border-radius:100%; position:absolute; left:-60px; top:50%; margin-top:-22px; }
#presse .element h3 {text-transform:uppercase; font-size:15px; line-height:18px; letter-spacing:0.5px; margin:0 0 5px 0; padding:0}
#presse .element p {margin:0; padding:0; line-height:18px; font-size:15px;}
#presse .element .date { display:block; margin:0 0 6px 0; padding:0; line-height:8px; font-size:12px; letter-spacing:1px}
#presse .element .date img {margin:-3px 4px 0 0; float:left}
#presse .element .bigBut { position:absolute; right:0; top:0;}

.bgPresse {background:url(../img/bg_presse3.png); background-repeat:no-repeat; background-position:top right; position:relative}
.maskBotRight {position:absolute; left:0; bottom:0}

#infos {background:#0a002b; color:#fff; padding:50px 0 40px 0}

#infos .container {
  display: flex;
  flex-wrap: wrap;
   justify-content: space-between;
}
#infos .container .bloc {
  width: 29%;
}
#infos p {font-size:13px; line-height:18px ; margin:10px 0 30px 0 ; display:block; width:90%}
#infos .logoInfos {display:inline-block; /*max-width:50%;*/ vertical-align:middle}

#infos hr {margin:25px 0 15px 0; border:0; border-bottom:1px solid #231a41} 

#infos p.socialShare {line-height:20px; font-size:15px; margin:0}

#infos p.socialShare img, #infos p.socialShare strong {display:inline-block; vertical-align:middle}
#infos p.socialShare img {margin-left:6px}

.icoTitle { float:left; margin:8px 15px 0 0  }


@media (max-width: 1200px) {
	
.half {display:block; width:100%}
.half .inner, .half .innerRight  { width:100%; margin:0; padding:10px 40px}
#infos .container .bloc { width:100%; margin:0; padding:10px 40px 30px 40px}
.acteursCont .acteurBloc { width:100%; margin:0; padding:10px 40px 30px 40px}
.maskBotRight {display:none}
}