/*
 Theme Name:   Enfold Child
 Description:  Enfold Theme
 Author:       Nour
 Template:     enfold
*/


.title_container { display: none !important; }

p, h1, h2, h3, h4, h5, h6, li
{
    font-family: calibri;
}
 

::-moz-selection 
{ 
    background-color: #2ecc71 !important;
    color: white !important;
}

::selection
{
    background-color: #2ecc71 !important;
    color: white !important;
}


body
{    
    position:relative;
}



header
{
    display:none;
}



#section1 h2
{
    font-weight:100;
    color:white;
    text-align: center;
    margin-top:55px;
    font-size: 32px;
}

#section1 .avia_image 
 {
	margin-top: 148px;
	right: 3px;
}
#section1 .butYouwell
{
    font-weight: 100;
    color: deepskyblue;
    text-align: center;
    margin-top: 20px;
    font-style: italic;
    font-size: 24px;
}

#section1 .introZoneFlammes
{
    font-weight:100;
    color:white;
    text-align: center;
    margin-top:35px;
    font-size: 20px;
background-image: url(http://www.ogres-storage.com/wp-content/uploads/2018/05/cercle_contour_blanc.png);
background-repeat:no-repeat;
}

#section1 #section1ZoneFlammes
{
       max-width: 95%;
    width: 1139px;
    margin: 10%;
    text-align: center;
    margin-left: -1%;
	 position: relative;
	left:2%;


	
}

#section1 #section1ZoneFlammes p
{
   display: inline-block;
    width: 33%;
    vertical-align: top;
    position: relative;
    padding-top: 18px;
    color: white;
    text-align: center;
    font-size: 20px;
    padding: 50px 67px;
    font-weight: 100;
    line-height: 26px;

}

#section1 #section1ZoneFlammes p span
{
    color: deepskyblue;
    font-size:26px;
    text-transform: uppercase;

}

.cercle1
{
       position: absolute;
    right: 633px;
    top: -8px;
    width: 22%

}
.cercle2
{
position: absolute; 
right: 340px; 
top: -12px; 
width: 22%;
}
.cercle3
{
       position: absolute;
    right: 56px;
    top: -10px;
    width: 22%;

}

#section1 #section1ZoneFlammes .radar
{
position: absolute;
    width: 4%;
    left: 14%;
    top: -1%;

}
.para
{
      position: absolute;
    width: 66%;
    font-size: 19px;
    right: 3%;
    top: 60%;
    color: darkslategray;
    display: inline-block;
}

#section1 #section1ZoneFlammes .optim
{
          position: absolute;
    width: 2%;
    left: 49%;
    top: -1%;

}
#section1 #section1ZoneFlammes .simul
{
    position: absolute;
    width: 3%;
    top: 3px;
    right: 133px;

}

#section1 #section1ZoneFlammes p + p
{
    margin-left:2%;
}

#section1 .boutonContact
{
        color: white;
    border: white 1px solid;
    width: 180px;
    margin: auto;
    padding: 12px;
    text-align: center;
    margin-top: 25px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 154px;
    background: deepskyblue;
    position: relative;
    left: -20px;
}


.html_header_top.html_header_sticky #main {
    padding-top: 0;
}


#section2 > .av-section-color-overlay-wrap .av-section-color-overlay:first-child
{
    background-size: contain;
}

#section2 .puitVertical
{
  width: 2px;
    background: white;
    /* border-left: 2px #53545E solid; */
    /* border-right: 2px #53545E solid; */
    height: 75.5%;
    position: absolute;
    left: 49.7%;
    top: 0;
}

#section2 .container
{
    max-width: none;
    padding:0;
}


.blocFonction h5
{
    color: white;
    font-weight: 100;
    font-size: 30px;
    font-variant: small-caps;  
    margin-top: 12%;
    margin-bottom: 5%;
	position:relative;
    
}

.blocFonction ul li
{
    color:white;
    list-style-image:url(http://www.ogres-storage.com/wp-content/uploads/2018/05/puce1.png);
    font-size: 15px;
    font-weight: 100;
    margin-top: 7px;
}

#section2Bloc1,
#section2Bloc2,
#section2Bloc3,
#section2Bloc4
{
    background-color:rgba(36, 38, 45,0.97);
    height:415px;
}
 
#section2Bloc2 div.av_one_third,
#section2Bloc4 div.av_one_third
{
    margin-top:0px;
}

#section2Bloc1 > div,
#section2Bloc2 > div,
#section2Bloc3 > div,
#section2Bloc4 > div
{
    max-width:1310px;
    width:100%;
    margin:auto;
    padding-left: 2%;
    padding-right: 2%;
}

#section2Bloc1 > div:after,
#section2Bloc1:after,
#section2Bloc2 > div:after,
#section2Bloc2:after,
#section2Bloc3 > div:after,
#section2Bloc3:after,
#section2Bloc4 > div:after,
#section2Bloc4:after
{
    display:block;
    content:'';
    visibility: hidden;
    clear:both;
}

/*
#section2 .container .entry-content-wrapper > *:nth-child(2)
{
    margin-top:200px;
}


#section2 .container .entry-content-wrapper > *:nth-child(3)
{
    margin-top:200px;
}


#section2 .container .entry-content-wrapper > *:nth-child(4)
{
    margin-top:200px;
}
*/

#section2 .container .entry-content-wrapper > div
{
    margin-top:250px;
}

#section2 .container .entry-content-wrapper > *:nth-child(5)
{
    margin-bottom:25%;
}

/*
*   CAROUSEL
*/

#slides,
#slides3
{
    display: none;
    margin-bottom:50px;
    
    position: relative;
    top: -30px;
}

#slides2,
#slides4
{
    display: none;
    margin-bottom:50px;
    
    position: relative;
    top: -78px;
}

.slidesjs-navigation 
{
    margin-top:3px;
}

.slidesjs-previous
{
    margin-right: 5px;
    float: left;
}

.slidesjs-next 
{
    margin-right: 5px;
    float: left;
}

.slidesjs-pagination
{
    margin: 6px 0 0;
    float: right;
    list-style: none;
}


.slidesjs-pagination li
{
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a 
{
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(http://www.ogres-storage.com/wp-content/themes/enfold_child/img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
    }

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active 
{
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover 
{
    background-position: 0 -26px
}

a:link,
a:visited 
{
    color: #333
}

a:hover,
a:active
{
    color: #9e2020
}

.navbar
{
    overflow: hidden
}


.slidesjs-previous
{
    position: absolute;
    top: 44%;
    z-index: 999;
}

#section2Bloc1 .slidesjs-previous,
#section2Bloc3 .slidesjs-previous
{
    position: absolute;
    top: 43%;
    z-index: 999;
}


.slidesjs-next
{
    position: absolute;
    top: 44%;
    z-index: 999;
    right:0;
}

#section2Bloc1 .slidesjs-next,
#section2Bloc3 .slidesjs-next
{
    position: absolute;
    top: 43%;
    z-index: 999;
    right:0;
}


ul.slidesjs-pagination
{
    position: absolute;
    bottom: 40px;
    z-index: 30;
    left: 48%;
}


ul.slidesjs-pagination li
{
    list-style: none;
}


#section3
{
    margin-top: -35%;
    background-color:rgba(0,0,0,0);
    
    z-index: 90;
    position: relative; 
    
   /* padding-top:30%;*/
}



#section3 .container
{
    max-width: initial;
    padding:0;
}

#section3 .puitVertical
{
  width: 2px;
    background: white;
    /* border-left: 2px #53545E solid; */
    /* border-right: 2px #53545E solid; */
    height: 93%;
    position: absolute;
    left: 53.7%;
    top: -25px;
}


#section3Contact
{
    margin-top: 25%;
}



#section3 #section3Bloc
{
    max-width:1310px;
    width:100%;
    padding-left:2%;
    padding-right:2%;
    margin:auto;
}

#section3 #section3Bloc:after
{
    visibility: hidden;
    content:'';
    display:block;
    clear: both;
}



#section3Contact .contactTitre
{
    color: black;
    text-transform: uppercase;
    font-size:25px;
    margin-bottom: 15px;
}



#section3Contact .contactTexte
{
    color: black;
    font-size:14px;
    margin-bottom: 30px;
}



#section3Contact p.ligneFormulaire
{
    display:flex !important; 
    margin: 0;
    margin-top: 12px;
}

#section3Contact .label
{
    border: 1px solid black;
    color: black;
    text-align: center;
    height: 40px;
    
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#section3Contact .ligneFormNom .label
{
    width: 17%;
}

#section3Contact .ligneFormRaison .label
{
    width: 32%;
}

#section3Contact .ligneFormEmail .label
{
    width: 23%;
}

#section3Contact .ligneFormSujet .label
{
    width: 20%;
}

#section3Contact .ligneFormMessage .label
{
    width: 20%;
    height: 200px;
}

#section3Contact p.ligneFormulaire .wpcf7-form-control-wrap
{
    width:100%;   
}

#section3Contact p.ligneFormulaire .wpcf7-form-control-wrap input
{
    height: 40px;
    color: black;
    background-color: rgba(0,0,0,0);
    border-color: black;
    border-left: none;
    padding-left: 18px;
    margin-bottom: 0;
}


#section3Contact p.ligneFormulaire .wpcf7-form-control-wrap textarea
{
    max-height: 200px;
    min-height: 200px;
    color: black;
    background-color: rgba(0,0,0,0);
    border-color: black;
    border-left: none;
    padding-left: 18px;
}


#section3Contact p.submitForm
{
    width:100%;
    background-color: rgba(0,0,0,0);
    border: black 1px solid;
    padding:3px;
    height:50px;
}

#section3Contact p.submitForm input
{
    width:100%;
    background-color: black;
    color:white;
    height:100%;
}


.wpcf7-validation-errors
{
    color: #882d0b;
}




/*
*   MENU RIGHT
*/

.bullets-container
{
}

.bullets-container 
{
    right: 45px;
    display: block;
    position: fixed;
    top: 50%;
    height:initial;
    z-index: 1049;
    font-weight: normal;
}

.section-bullets li span
{
    margin-right:10px;
    
}

.section-bullets li a {
    color: deepskyblue;
}


.section-bullets li a:before
{
    background-color:rgba(0,0,0,0);
}

.section-bullets li a:after
{
    background-color: #23262d;
    border: 1px solid white;
}

.section-bullets li.active a:after 
{
    background-color: deepskyblue;
    border: 1px solid white;
    width: 9px;
    height: 9px;
	color:blue;
}

.section-bullets li:last-child span
{
    color:deepskyblue;
}



/**
*   MENU
*/
.slideout-sidebar
{
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 99999;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #24262d;
    transition: all 300ms ease-in-out;
}

.slideout-sidebar ul 
{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    max-width: 200px;
    margin: 30px auto 0;
}

.slideout-sidebar ul li 
{
  cursor: pointer;
  padding: 18px 0;
  border-bottom: 1px solid rgba(244,244,244,0.4);
    color: white;
    font-size: 16px;
}

.slideout-sidebar ul li:last-child 
{
  border-bottom: 0;
}

.slideout-sidebar ul li:hover
{
  color: rgba(244,244,244,1);
}

#menu-toggle 
{
  display: none !important ;
}

.menu-icon 
{
    display:none;
  position: fixed;
  top: 40px;
  right: 30px;
  font-size: 24px;
    z-index: 999999;
  transition: all 300ms ease-in-out;
}

#menu-toggle:checked ~ .slideout-sidebar
{
  right: 0px;
}

#menu-toggle:checked + .menu-icon 
{
  right: 10%;
}

#menu-toggle:checked ~ .content-container
{
  padding-right: 190px;
}



#nav-icon1
{
  width: 40px;
  height: 45px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span
{
    
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.69);
  display: block;
  position: absolute;
    height: 5px;
  width: 100%;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1)
{
  top: 0px;
}

#nav-icon1 span:nth-child(2) 
{
  top: 14px;
}

#nav-icon1 span:nth-child(3) 
{
  top: 28px;
}

#nav-icon1.open span:nth-child(1)
{
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2)
{
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) 
{
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


div#footer
{
    
    max-width: 1310px;
    width:100%;
    margin: auto;   
    position: absolute;
    bottom:0;
    z-index: 999;
}

div#footer > div
{
    position:absolute;
    right:30px;
    bottom:20px;
}


div#footer > div span.boutonMentionLegales
{
    margin-left: 30px;
    cursor:pointer;
}

div#mentionLegales
{
    display:none;
    background: #23262d;
    padding-top: 100px;
    padding-bottom:100px;
}

div#mentionLegales > .entry-content
{
    max-width: 1310px;
    width:100%;
    padding-left:3%;
    padding-right:3%;
    margin:auto;
    color:white;
}


div#mentionLegales h2
{
    font-weight:100;
     margin-bottom: 35px;
}



div#mentionLegales .sousTitreMentionLegale
{
    font-weight:100;
    font-size: 20px;
    
}

div#mentionLegales .mentionLegalesEntreprise
{
    font-size: 17px; 
    margin-left: 20px; 
    margin-top: 5px;
    font-weight:bold;
    margin-bottom:5px;
}


div#mentionLegales .infoMentionLegales
{
    font-size: 15px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 3px;
}

div#mentionLegales .infoMentionLegales a
{
    color:white;
}


.fond
{
width: 100%;

}
.fondbleu
{
width: 100%;

}
.avia_image
{
    right: 3px;
}



.centered {
    position: absolute;
    top: 91px;
    left: 24%;
    font-size: 17px;
    width: 22%;
    transform: translate(-60%, 16%);

}


.centered1
{
       position: absolute;
    top: 45px;
    left: 84%;
    font-size: 17px;
    width: 12%;
    transform: translate(-157%, 55%);
    text-align: center;
}
.centered2 {
     position: relative;
    top: 6px;
    left: 86%;
    font-size: 16px;
    width: 25%;
    transform: translate(-210%, 63%);
}
.logo3
{
    position: absolute;
    width: 14%;
    float: right;
    left: 64%;
    display: inline-block;
    top: 23%;
}
.logo2 
{
        width: 14%;
    position: absolute;
    left: 39%;
    top: 21%;
}
.logo1
{
    width: 14%;
    position: absolute;
    top: 24%;
    float: left;
    left: 15%;
}
.container1 {
      position: relative;
    text-align: center;
    color: black;
    left: 4%;
    top: 87px;
    }
.container2
{
	position: relative;
    text-align: center;
    float: left;
    width: 49%;
	
}

#section6 {
margin-bottom:0px !important;
height:900px !important;
}
#section6 .modif
{
            position: absolute;
    text-align: center;
    float: left;
    width: 54%;
    margin-top: -1%;
    margin-left: -79%;
    color: deepskyblue;
    font-size: 14px;
}


.para2
{
position:relative;
margin-top:2%;
margin-left:-8%;	
}
.para3
{
        position: absolute;
    width: 54%;
    font-size: 20px;
    display: block;
    right: 8%;
    top: 28%;
    color: black;
    display: inline-block;
    font-size: 25px;
    color: deepskyblue;
}
{
position:relative;
margin-top:2%;
margin-left:-8%;	
}

.container3
{
	position: absolute;
    text-align: center;
    width: 152%;
    top: 126px;
    right: -142px;
	
}
.modif1 
{
    position: absolute;
    top: 75%;
    left: -6%;
    transform: translate(-30%, -820%);
    color: black;
    width: 166%;
}
.modif2 
{
          position: absolute;
    top: 75%;
    left: 15%;
    transform: translate(-33%, -838%);
    color: black;
    width: 166%;
}
.modif3 
{
      position: absolute;
    top: 74%;
    left: 46%;
    transform: translate(-33%, -818%);
    color: black;
    width: 166%;
}
.modif4 
{
	position: absolute;
    top: 98%;
    left: -45px;
    transform: translate(-23%, -169%);
    color: white;
    width: 100%;
    font-size: 9px;
}
.modif5 
{
    position: absolute;
    top: 98%;
    left: 625px;
    transform: translate(-18%, -185%);
    color: white;
    width: 5%;
    font-size: 8px;
}
.modif6 
{
   position: absolute;
    top: 97%;
    left: 1014px;
    transform: translate(-23%, -169%);
    color: white;
    width: 5%;
    font-size: 8px;
}
.cnpc
{

   position: absolute;
    margin-top: 38%;
    margin-left: -51%;
	

}

#section6 .edf
{
   position: absolute;
    margin-left: -134%;
    width: 134%;
    display: inline-block;
    margin-top: -7%;
}	
#section6 .carte
{
  margin-top: 12%;
    margin-left: -6%;
}
#baniernoire
{
	
  /*  margin-top: 605px;
    padding: 20%;
    margin-left: -35%;
    width: 151%;
    position: absolute;
*/
	 }

.baniereback 
{
  /*  background-image: url(http://www.ogres-storage.com/wp-content/uploads/2017/07/fond_bleu.jpg);
    background-repeat: no-repeat; */
}

#sectiontest .ensuite
{
width: 100%;
    position: absolute;
    top: 56%;
    left: 40%;
    font-size: 34px;
    transform: translate(-19%, -436%);
    color: white;
}

#sectiontest .implem
{
position: absolute;
    top: 13%;
    left: 43%;
}
#sectiontest .model
{
width: 100%;
    position: absolute;
    top: 55%;
    left: 70%;
    font-size: 18px;
    transform: translate(-19%, -436%);
    color: white;
}
#sectiontest .cloud
{
width: 100%;
    position: absolute;
    top: 54%;
    left: 70%;
    font-size: 17px;
    transform: translate(-19%, -436%);
    color: white;
}
#sectiontest .narma
{
width: 100%;
    position: absolute;
    top: 65%;
    left: 70%;
    font-size: 18px;
    transform: translate(-19%, -436%);
    color: white;
}
#sectiontest .mobile
{
width: 100%;
    position: absolute;
    top: 75%;
    left: 70%;
    font-size: 19px;
    transform: translate(-19%, -436%);
    color: white;
}

#sectiontest .solver
{
width: 100%;
    position: absolute;
    top: 85%;
    left: 70%;
    font-size: 20px;
    transform: translate(-19%, -436%);
    color: white;
}

.francais
{
    cursor: pointer;
    float: right;
    margin-top: -310px;
	 margin-right: 1px;
}
.anglais
{
    margin-top: -309px;
    cursor: pointer;
    float: right;
    right: 3px;
    margin-right: 25px;
}

#section7 .num
{
position : relative;
text-align:center;
margin-top:19%;

}
#section7 .une
{
    position: absolute;
    top: -285%;
    left: 36%;
}
#section7 .deux
{
position: absolute;
    top: -60%;
    right: 52%;
}
#section7 .licence
{
           position: absolute;
    top: -230%;
    text-align: left;
    right: 13%;
    font-size: 16px;
    color: white;
}
#section7 .investir
{
            position: relative;
    margin-top: 24%;
    right: -50%;
    text-align: justify;
    color: white;
    font-size: 16px;
}
#section7 hr
{
      height: 1px;
    width: 53%;
    position: absolute;
    top: 330%;
    right: 15%;

}
.sumuler
{
position: absolute;
left:36%;
top:14%;
   
}
.optimize
{
position: absolute;
    right: 81%;
}
.surveiller
{
position: absolute;
    left: 42%;
    top: 5%;
}
#section7 .cadre1
{
position:relative;
text-align:center;
}
.participer
{
           position: absolute;
    left: 38%;
    margin-top: -74px;
    font-size: 20px;
    color: white;
}
.participer2
{
    position: absolute;
    left: 37%;
    margin-top: -75px;
    font-size: 20px;
    color: white;

}
.triangle1
{
 position: absolute;
    width: 51%;
    top: -175px;
    left: 33%;
    display: inline-block;
} 
.triangle2
{
    position: absolute;
    width: 41%;
    margin-top: -149px;
    left: 33%;
   
} 


#section7 b 
{
color: deepskyblue;
}


.bordu
{
 
	    position: absolute;
    height: 3px;
    width: 100%;
    display: inline-block;
    bottom: -557px;
    border:none;
}

.borduanglais{
position: absolute;
    height: 3px;
    width: 100%;
    display: inline-block;
    top: 909px;
    border: none;
}
.puitVerticale
{
      width: 2px;
    background: deepskyblue;
    /* border-left: 2px #53545E solid; */
    /* border-right: 2px #53545E solid; */
    height: 66%;
    position: absolute;
    left: 49.7%;
    top: 668px;
}
.puitverticaleanglais
{
width: 2px;
    background: deepskyblue;
    /* border-left: 2px #53545E solid; */
    /* border-right: 2px #53545E solid; */
    height: 65%;
    position: absolute;
    left: 49.7%;
    top: 665px;
}
.puitVerticalee
{
        width: 2px;
    background: white;
    /* border-left: 2px #53545E solid; */
    /* border-right: 2px #53545E solid; */
    height: 261%;
    position: absolute;
    left: 45.7%;
    top: -200px;
}

.rep
{
cursor:pointer;

}
.opt
{
cursor:pointer;
}
.cercle3:hover
{
    cursor:pointer;
}

@media only screen and (max-width: 1000px)
{
.cercle1{
       position: absolute;
    right: 530px;
    top: -10px;
    width: 29%;
}

.puitverticaleanglais
{
     width: 2px;
    background: deepskyblue;
    /* border-left: 2px #53545E solid; */
    /* border-right: 2px #53545E solid; */
    height: 37%;
    position: absolute;
    left: 49.7%;
    top: 528px;
}

.cercle2
 {
   position: absolute;
    right: 276px;
    top: -10px;
    width: 29%;
}
.cercle3 
{
position: absolute;
    right: 22px;
    top: -10px;
    width: 29%;

}
.container1
{
top: 0px;
}
.puitVerticalee
{
width: 2px;
    background: white;
    /* border-left: 2px #53545E solid; */
    /* border-right: 2px #53545E solid; */
    height: 180%;
    position: absolute;
    left: 45.7%;
    top: -111px;
}

.logo3 {
    position: absolute;
    width: 24%;
    float: right;
    left: 65%;
    display: inline-block;
    top: 23%;
}

.centered1 {
    position: absolute;
    top: 42px;
    left: 104%;
    font-size: 17px;
    width: 25%;
    transform: translate(-157%, 55%);
    text-align: center;
}
.logo2
{
    width: 24%;
    position: absolute;
    left: 34%;
    top: 21%;
}
.centered2 {
    position: relative;
    top: 14px;
    left: 86%;
    font-size: 16px;
    width: 25%;
    transform: translate(-210%, 63%);
}
.logo1 {
    width: 24%;
    position: absolute;
    top: 24%;
    float: left;
    left: 2%;
}
.centered {
    position: absolute;
    top: 84px;
    left: 17%;
    font-size: 17px;
    width: 29%;
    transform: translate(-60%, 16%);
}
.puitVerticale
{
width: 2px;
    background: deepskyblue;
    /* border-left: 2px #53545E solid; */
    /* border-right: 2px #53545E solid; */
    height: 39%;
    position: absolute;
    left: 49.7%;
    top: 532px;
}
.bordu{
position: absolute;
    height: 3px;
    width: 100%;
    display: inline-block;
    top: 681px;
    border: none;
}
.borduanglais{
position: absolute;
    height: 3px;
    width: 100%;
    display: inline-block;
    top: 662px;
    border: none;
}
#section6 .modif {
    position: absolute;
    text-align: center;
    float: left;
    width: 57%;
   margin-left: -62px;
    margin-top: -9px;
    color: deepskyblue;
    font-size: 11px;
}
.para {
    position: absolute;
    width: 75%;
    font-size: 15px;
    right: -14%;
    top: 60%;
    color: darkslategray;
    display: inline-block;
    line-height: 17px;
}
#section6 .edf 
{
    position: absolute;
   margin-left: -256px;
    width: 88%;
    margin-top: -5%;
}
.cnpc
{
width: 88%;
}
#section7 .licence {
    position: absolute;
    top: -230%;
    text-align: left;
    right: 8%;
    font-size: 16px;
    color: white;
}
.triangle1 {
       position: absolute;
    width: 51%;
    top: -270px;
    left: 33%;
    display: inline-block
}
.participer {
    position: absolute;
    left: 36%;
    margin-top: -183px;
    font-size: 20px;
    color: white;

}
.participer2
{
    position: absolute;
    left: 35%;
    margin-top: -182px;
    font-size: 20px;
    color: white;

}
}