* {    
	padding: 0;
	margin: 0;
}

html{
	background-color: #fff;
	height: auto;
  -webkit-text-size-adjust: 100%;
}
body{
	position: relative;
	display: block;
  width: 100%;
	min-width: 250px;
	height: auto;
	margin: 0 auto;
	padding: 0;
  	background: #FFF;
  	transition: background-color ease-in .2s;
	overflow-x: hidden;

}
body{
	font-family: "euclid_circular_a", "Arial", "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    word-wrap: break-word;
    color: #000;
    text-rendering: optimizeLegibility;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.04);
	line-height: 1.5;
	letter-spacing: 0.03em;

}
a{
	word-wrap: break-word;
	text-decoration: none;
}
a {
	font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
	word-wrap: break-word;
	color: #000;
	text-decoration: none;
}
p{
  	margin-top: 5px;
}
hr{
  	width: 100%;
  	height: 1px;
  	background: transparent;
  	border: 0px;
  	border-bottom: 1px solid #bdbdbd!important;
}
ol, ul {
  	list-style: none;
}
#header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid rgba(0,0,0,0);
    z-index: 100;
    transition: opacity .5s,padding-left .125s;
    background-color: rgba(0,65,165,.999999999999);
    color: rgba(249,249,249,.0700000000);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
}
#fixed-top {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1680px;
}
.row1 {
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    padding: 0;
    height: 100%;
    background: rgba(0,0,0,.0);
}
/*row1*/
.row1 > div {
  	display: flex;
  	align-items: flex-start;
	float: left;
	margin: 0px 0px;
	z-index: 1;
}
.wh-1 {
	width: 27%;
	padding-top: 5px;
	z-index: 1;
}
.r{
	width: 140px;
  	height: 70px; 
}
.logo{
  	float: left;
  	margin-top: -42px;
  	margin-left: -25px; 
	max-width: 400px;
  	height: 200px;
  	filter: brightness(.5);
  	filter: saturate(1);
  	filter: drop-shadow(0 0 0.25rem blue);
  	text-transform: uppercase;
  	z-index: 1008;
}
.nom{
  	width: 240px;
  	padding: 1px 15px;
   	font-weight: 800;color: rgba(249,249,249,1.0000000000);
   	/*color: #1155cc;*/
  	font-family: proxima-nova,sans-serif;
    line-height: 1;
   
}
.tLM{
  	float: left;
  	margin-right: 0;
  	padding: 0 2px;
  	width: auto;
  	font-size: 20px; 
}

.Lm{
  	padding-top: 5px;
  	margin: 0;
  	width: auto;
  	font-size: 12px;
  	font-weight: normal; 
}
.row1 #slogan {
	font-style: italic;
	font-size: 22px;
	text-align: center;
}
.wh-2 {
	width: 75%; 
	margin-right: 19px;
}

img {
	border-style: none;
}

img[Attributes Style] {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
/*row2 nav*/
.row2{
	width: 100%;
}
.Menu{
	line-height: 20px;
  	padding: 20px 0;
  	transition: transform .3s,-webkit-transform .3s;
    vertical-align: middle;
  	z-index: 1;
}
.Menu li{
  	float: left;
    width: auto;
    margin: 0;
}
.Menu li a {
  	font-family: "euclid_circular_a",Helvetica,Arial,sans-serif;
  	width: auto;
	color: rgba(249,249,249,1.0000000000);
  	font-size: 12.0pt;
  	box-sizing: border-box;
	text-decoration: none;
  	vertical-align: middle;
  	text-align: center;
  	transition: opacity 0ms .3s;
	padding: 0 10px;
	transition: 0.4s;
}




.row2 ul{
    list-style-type: none;
}

.row2 ul .deroulant{
    float: left;
    width: auto;
    text-align: left;
    position: relative;
}

.row2 ul::after{
    content: "";
    display: table;
    clear: both;
}

.row2 a{
    display: block;
    font-family: "euclid_circular_a",Helvetica,Arial,sans-serif;
	color: rgba(249,249,249,1.0000000000);
  	font-size: 12.0pt;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
}

.row2 a:hover{
    color: orange;
    border-bottom: 2px solid gold;
}

.sous{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: rgba(0,65,165,.999999999999);
    position: absolute;
    width: 450px;
    z-index: 1000;
}
.row2 > ul li:hover .sous{
    display: block;
}
.sous li{
	padding: 5px 0;
    float: left;
    width: 100%;
    text-align: left;
}
.sous li a{
    padding: 10px;
    border-bottom: none;
    text-align: left;
}
.sous li a:hover{
    border-bottom: none;
    background-color: rgba(200,200,200,0.1);
}
.deroulant > a::after{
    content:" ▼";
    font-size: 12px;
}
.activenav{

    border-bottom: 2px solid gold;
}





.show-menu-btn, .hide-menu-btn{
  	transition: 0.4s;
  	font-size: 30px;
  	cursor: pointer;
  	display: none;
}
.show-menu-btn{
  	float: right;
  	width: 50px;
  	height: 24px;
  	padding: 5px;
}
.show-menu-btn i{
  	line-height: 100px;
    color: #FFFFFF;
}
.Menu li a:hover,
.show-menu-btn:hover,
.hide-menu-btn:hover{
  	color: #3498db;
}


#chk{
  	position: absolute;
  	visibility: hidden;
  	z-index: 1;
}
/*le bouton du premier menu*/
.fa-ellipsis-h:before {
  	position: absolute;
  	top: -25px;
  	font-size: 50px;
  	float: right;
  	height: 24px;
	content: "...";
}
.fa-times:before {
	content: "X";
}
.fa, .fas {
  	width: 100px;
  	height: 24px;
	font-weight: 900;
}
.fa, .far, .fas {
	font-family: "robo";
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

#main{
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0rem;
	padding-top: 70px;
	zoom: 1;
    transition: opacity 255ms;
    transform: translate3d(0px, 0px, 0px);
}

#main:after { content: "\0020"; 
display:block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
#main .ligne{}
#main .ligne:before,.ligne:after { content: '\0020'; 
display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#main .ligne:after{clear: both; }
#main .ligne{zoom: 1;}
#main #volet, #main #voletF, #main .section, #main #footer{
      	float:left;
      	display: block;
}
#main #voletF{position: relative;margin: 0 auto; width:75%;height: 85px;box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);}

.bgimgs {
  position: relative;
  height: 155px;
  width: 100%;
  -webkit-animation: rotateHue infinite 20s linear;
          animation: rotateHue infinite 20s linear;
  -webkit-animation-delay: 0.825s;
          animation-delay: 0.825s;
          object-fit: cover;
    object-position: 50% 50%;
}

.bgimgs__fixes {
  position: absolute;
  height: 155px;
  width: 100%;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
          object-fit: cover;
    object-position: 50% 50%;
}
.bgimgs__fixe {
  position: absolute;
  height: 150px;
  width: 100%;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          object-fit: cover;
    object-position: 50% 50%;
}

.bgimgs__fixe:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index: 4;
}
.bgimgs__fixe .bgimgs__fixeBg {
  background-image: url(../images/P1.jpg);
}

.bgimgs__fixeBg {
  position: relative;
  height: 155px;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
    object-position: 50% 50%;
  background-size: cover;
  background-position: center;
  background-color: rgb(17 85 204 / 15%);
  background-blend-mode: soft-light;
  opacity: 1;
  z-index: -1;
  -webkit-animation: bgInOut 5s infinite;
          animation: bgInOut 5s infinite;
}
#main #volet{position: relative;margin: 0 auto; width:100%;height: 400px;box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);}
#main #voletap{position: relative;margin: 0 auto; width:100%;height: 270px;box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);}
#main #voletp{position: relative;margin: 0 auto; width:100%;height: 220px;background-image: url(../images/a.jpeg);box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);}
#main #ruban{position: relative; margin: 0 auto; width:100%;height: auto;
    color: rgba(249,249,249,.0700000000);
    box-shadow: inset 1px 0px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);z-index: 88;}

.devis-t{ mix-blend-mode: hard-light;
  color: #fff;
  background: #000091;
    font-family: "Libre Baskerville", Helvetica, Arial, sans-serif;
    font: normal normal bold 48px / 70px sans-serif;
  line-height: 1.2;
  font-size: 4vmin;
  font-weight: 900;
  letter-spacing: -0.025em;text-shadow: 1 2 0.5em rgba(179, 64, 26, 0.85);
  mix-blend-mode: hard-light; text-align: center;vertical-align: baseline;}

#main #rubanBG{position: relative; margin: 0 auto;padding: 0; width:100%;height: auto;
   
    color: rgba(249,249,249,.0700000000);
    z-index: 88;}

  .devis-tbg{ 
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 75%;
    left: auto;
    clear: both;
    mix-blend-mode: hard-light;
  background-color: rgb(0 65 165 / 70%);
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 10px;
    text-shadow: 0 3px 0 #000;
    font-weight: 800;
    font-family: "Libre Baskerville", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 4vmin;
  font-weight: 900;
  letter-spacing: -0.025em;padding: 15px 8px;text-shadow: 1 2 0.5em rgba(29, 29, 29, 0.05);
  mix-blend-mode: hard-light; text-align: center;vertical-align: baseline;}


.devis-st{font-size: 18.0pt;font-family: 'Raleway'; text-align: center; font-weight: 800; vertical-align: baseline;color: #1c469d;}
#main #section{position: relative;margin: 0 auto; width:100%;z-index: 88;}
#main .section1{position: relative;margin: 0px auto;padding: 50px 0; width:100%;z-index: 88;}
#main .section2{position: relative;margin: 0 auto;padding: 50px 0;  width:100%;margin-top: 0px;z-index: 88;}
#main .section2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 21.875rem;
    max-height: 100%;    
    background-size: cover;
    z-index: -1;
}
#main .section3{position: relative;margin: 0 auto; padding: 50px 0; width:100%;height: auto; z-index: 88;}
#main .section4{position: relative;margin: 0 auto; padding: 50px 0; width:100%;height: auto; z-index: 88;background: linear-gradient(221deg, #e5dddd, #ebe5e5) 0% 0% no-repeat padding-box;}
#main #footer{width:100%;height: auto;background:#000091;}
.glasse{
	z-index: 2;
	background: rgba(0,0,0,.2);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
	block-size:100%;
	margin-top: -100%;

}

#main #section{position: relative;margin: 0 auto; width:100%;z-index: 88;}
#main .section1p{position: relative;margin: 0 auto; width:75%;background: #fff;z-index: 88;}
#main .section2p, .section2pC {position: relative;margin: 0 auto; width:75%;margin-top: 0px;z-index: 88;}
#main .section2pC {position: relative;margin: 0 auto; width:75%;margin-top: 0px;z-index: 88;c}
#main .section2p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 21.875rem;
    max-height: 100%;
    background: #fff url(../images/BKG.png) no-repeat;
    background-size: cover;
    z-index: -1;
}
#main .section2pC:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 21.875rem;
    max-height: 100%;
    background-color: rgb(17 85 204 / 1%);
    background-size: 100% 120%;
    z-index: -1;
}
#main .section3p{position: relative;margin: 0 auto; width:75%;height: auto; background-color: #FFF;z-index: 88;}
#main .section4p{display: flex;
    flex-direction: column;margin: 0 auto; width:75%;height: auto; z-index: 88;background: linear-gradient(359deg, #FFF, rgba(249, 249, 249, 1.0000000000)) 0% 0% no-repeat padding-box;}

#main #volet #section, #main #volet #aside{
	float:left;
    display: block;
}

#main #volet #section{ display: flex; flex-direction: column;background: #f8f8f9;background-image: linear-gradient(#bfb5e7, #dfd9f3 50%); width:100%;height: auto;}
#main #ruban{ display: flex; flex-direction: column;
 transition: opacity .5s;
 background: #eee;
    color: rgba(249,249,249,.0700000000);
    width:100%;height: auto;}
#main #volet #aside{width:22%;height: 100%;background: #e6e6e6;}


#main .section1 .article1{position: relative;margin: 0 auto; width:auto;height: auto;}
#main .section2 .article1{position: relative; margin: 0px auto; margin-top: 1.5rem !important; width:100%;height: auto;
}
#main .section3 .article1{position: relative; margin: 0px auto; margin-bottom: 4.5rem !important; width:100%;height: auto;
}
#main .section3 .article5{position: relative; margin: 0px auto; margin-top: 4.5rem !important;margin-bottom: 4.5rem !important; width:100%;height: auto;
}

#main .section1p .article1p{position: relative;margin: 0 auto;padding-top: 1.5rem !important; width:auto;height: auto;}
#main .section1p .article1p2{background-color:rgb(221, 221, 221);position: relative;margin: 0 auto;padding-top: 1.5rem !important; width:auto;height: auto;}
#main .section2p .article1p{position: relative; margin: 0px auto; width:100%;height: auto;
}
#main .section3p .article1p{position: relative; margin: 0px auto; margin-top: 4.5rem !important;margin-bottom: 4.5rem !important; width:100%;height: auto;
}
#main .section3p .article5p{position: relative; margin: 0px auto; margin-top: 4.5rem !important;margin-bottom: 4.5rem !important; width:100%;height: auto;
}
.article2> div {
float: left;
margin: 0px 0px;
}

div.box2 {
	height: auto;
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
	justify-content: space-around;	
margin: 4px;
}

div.b {
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
padding-left: 15px;
}

div.box2p {
  width: 100%;
    height: auto;
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 4px;
}

div.box2p2 {
  height: auto;
  display: flex;/*
  flex-wrap: wrap;
  justify-content: space-around; */ 
padding: 20px 0px;
}
.box{ 
  position: relative;
  margin: 0 auto;
    max-width: 1280px;
  height: auto;
  display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 1rem !important;
}

.boxqs{ 
  position: relative;
  margin: 0 auto;
  height: auto;
  display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 1rem !important;
}

.boxsp{ 
  position: relative;
  margin: 0 auto;
    max-width: 1280px;
  height: auto;
  display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 1rem !important;
}
div.box3 {
	height: auto;
	display: flex;
	padding: 0;
	flex-direction: row;  
    flex-wrap: wrap;
	justify-content: space-around;	
margin: 4px;
}

div.box3p {
  height: auto;
  display: flex;
  padding: 0;
  flex-direction: row;  
    /*flex-wrap: wrap;*/
    justify-content: space-around;  
margin: 4px;
}
div.box4 {
	height: auto;
	display: flex;
	padding: 0;
	flex-direction: row;
  flex-wrap: wrap;
	justify-content: space-around;	
margin: 4px;
}
div.box div.Aheader {
	height: auto;
	text-align: left;
}


.content{
  width: 100%;
    max-width: 390px;
  height: auto;
  margin: 15px 0px;
  padding: .75rem;
  word-wrap: break-word;
}

.contentC{
  width: 100%;
    max-width: 250px;
  height: auto;
  margin: 15px 0px;
  padding: .75rem;
  word-wrap: break-word;
}

.contentT{
  width: 100%;
  max-width: 600px;
  height: auto;
  word-wrap: break-word;
}
.contentTp{
  width: 100%;
  max-width: 30%;
  height: 250px;
  margin: 0;
  word-wrap: break-word;
}

.contentTp1{
  width: 100%;
  height: 300px;
  margin: 0;
  word-wrap: break-word;
}
.contentTpl{
  width: 100%;
  padding-bottom: 35px;
  height: auto;
  margin: 0;
  word-wrap: break-word;
}
.contentTqsn{
  width: 100%;
  height: auto;
  margin: 15px 0px;
  word-wrap: break-word;
}
.content2{
  width: 100%;
    max-width: 270px;
  height: auto;
  background: #003a8f96;
  margin: 15px 0px;
}
.content2t{
  width: 100%;
    max-width: 270px;
  height: auto;
  margin: 15px 0px;
}
.content2p{
  width: 120px;
  height: auto;
  margin: 5px;
}
.content2pqsn{
  width: 105px;
  height: auto;
  margin: 5px;
}
.nl{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
    word-wrap: break-word;
}


.nlp{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
  height: 100%;
    word-wrap: break-word;
    background-color: #FFF;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.nlT{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: auto;
    word-wrap: break-word;
    background-clip: border-box;
}

.nl2{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f3f4f9;
  box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.1);
}
.nl3{
  display: flex;
  flex-direction: column;
  height: auto;
}
.ml1{
  display: flex;
  align-items: flex-start;
  float: left;
  width: auto;
  margin: 0;
  margin-bottom: 5px;
  padding: 15px 10px;
  border-right: 1px solid #ccc;
}
.Aheader{
  font-size: 2rem;
        line-height: 2.5rem;
        padding: 0rem 1.5rem;
  color: #161616;
    font-family: Marianne, arial, sans-serif;
    vertical-align: baseline;
  
}

.Aheaderp{
  font-size: 2rem;
        line-height: 2.5rem;
  color: #161616;
    font-family: Marianne, arial, sans-serif;
    font-weight: 700!important;
    vertical-align: baseline;
  
}

.Aheaderp2{
  font-size: 2rem;
        line-height: 2.5rem;
  color: #161616;
    font-family: Marianne, arial, sans-serif;
    font-weight: 700!important;
    vertical-align: baseline;
    margin-left: 2.5rem !important;
  
}
h2{
  color: #1c469d;
  font-size: 2rem;
        line-height: 2.5rem;
}
.box-item {
    flex-grow: 1;
    padding: 20px 10px;
    margin: 5px;
    flex-basis: 18%;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    border: 1px solid #E8E8E8;
    background: #FFF;
    border-radius: 10px;
}

.box-item2 {
  width: 60%;
    flex-grow: 1;
    padding: 20px 0px;
    flex-basis: 48%;
    display: flex;
    flex-direction: column;
}
.box-item3 {
    /*padding: 20px 90px;*/
    margin: 5px;
    /*flex-basis: 1%;*/
    display: flex;
    flex-direction: column;
}

.box-item4 {
    padding: 20px 0px;
    margin: 5px;
    flex-basis: 1%;
    display: flex;
    flex-direction: column;
}
.Ia{
  width: 320px;
    height: 280px;
    text-align: center;
}

.Ia2{
  width: 280px;
    height: 280px;
    text-align: center;
    border-radius: 0%;
}
.Is{
  width: 100%;
    height: 320px;
    max-height: 429px;
    text-align: center;
}
.I{
  width: 100%;
    height: 100%;
    max-height: 429px;
    text-align: center;
}

.tail{
  width: 100%;
    height: 309px;
    text-align: center;
}

.II{
  width: 90%;
    height: 100%;
    max-height: 329px;
    text-align: center;
    border-radius: 50%;
}
 .eg{
 	height: 55px;
 }
 .eg1{
 	padding: 30px 0px;
 }

.IT{
  width: 100%;
    max-width: 600px;
    height: 100%;
    max-height: 337px;
    padding: .75rem;
}

.ITp{
  width: 100%;
    max-width: 600px;
    height: 100%;
    max-height: 337px;
    padding: 0;
}

.ITpL{
  width: 100%;
    height: 100%;
    padding: 0;
}
.Iqs{
  width: 75px;
    height: 60px;
    text-align: center;
}
.ITqsn{
  width: 100%;
    height: 100%;
    max-height: 337px;
    padding: .75rem 0;
}
.Aheaderp span {
    color: #06C7F2;
}
.ITimA{
  width: 100%;
    max-width: 448px;
    height: 100%;
    max-height: 437px;
}
.ITim{
  width: 100%;
    max-width: 248px;
    height: 100%;
    max-height: 237px;
}
.ITim1{
  width: 250px;
    height: 257px;
}
.ITimL{
  width: 100%;
    height: 100%;
}
.ITimqsn{
  width: 100%;
    height: 100%;
    max-height: 337px;
}
.ITimqsn1{
  width: 100%;
    height: 100%;
    max-height: 317px;
    border-radius: 10%;
}
.I2{
  width: 100%;
    max-width: 120px;
    height: 100%;
    max-height: 110px;
}
.I2qsn{
  width: 100%;
    max-width: 90px;
    height: 100%;
    padding: 5px 0px 5px 0px;
    max-height: 70px;    
    text-align: center;
}

.para {
  background-color: #fff;
  height: auto;
  margin-top:10px;
  text-align: center!important;
  flex: 1 1 auto;
  padding-bottom: 5rem !important;
  padding: 2rem;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}


.paraT {
  background-color: #fff;
  height: auto;
}

.paraTptxt {
  background-color: #fff;
  height: auto;
  text-align: justify;
  max-width: 100%;
  flex: 1 1 auto;
}


.paraTp {
  height: auto;
  max-width: 60%;
  flex: 1 1 auto;
  padding: 0 .75rem;
}
.paraTpsp {
  height: auto;
  flex: 1 1 auto;
  padding: 0 .75rem;
}
.paraTpL {
  height: auto;
  max-width: 90%;
  flex: 1 1 auto;
  padding: .75rem;
}
 .Tp{font: normal normal normal 16px arial;
    letter-spacing: 0.2px;
    color: #373c45;
  font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    margin: 0px 0px 25px 0px;
    text-align: justify;
 }
 .Tpl{font: normal normal normal 16px arial;
    letter-spacing: 0.2px;
    color: #373c45;
  font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    margin: 0px 0px 25px 0px;
 }
 .Tp2{font: normal normal normal 16px arial;
    letter-spacing: 0.2px;
    color: #021F5A;
  font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    text-align: justify;
 }
.ttp{
  font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    margin-top: 25px;
}
.para a{ 
  font-size: 1.25rem;
        line-height: 1.75rem;
  color: rgb(8, 82, 148);
    font-family: Marianne, arial, sans-serif;
    font-variant: normal;
    font-weight: 700;
    vertical-align: baseline;
}
.para-white {
  height: auto;
  margin-top:10px;
}
.para-white a{ 
  color: #f1f2f5;
    font-family: Arial;
    font-size: 13.999999999999998pt;
    font-variant: normal;
    font-weight: 700;
    vertical-align: baseline;
}
.para2{
  height: auto;
  margin:2px 0; 
  margin-top:10px;
  flex: 1 1 auto;
    padding: 1rem 1rem;
  text-align: center;
  vertical-align: middle;

}
.para2 a{
  color: #1155cc;
    font-family: Roboto, Arial;
    font-weight: 900;
    vertical-align: middle;
    padding: 5px;
    font-size: 18.0pt;
    text-align: center;
}
.para2tp{
  color: #3a3a3a;
    font-family: Roboto, Arial;
    font-weight: 700;
    margin-top: 10px;
    padding: 2px 0;
    vertical-align: baseline;
    font-size: 13.0pt;

}
.para2t{
  color: #3a3a3a;
    font-family: Roboto, Arial;
    font-weight: 700;
    margin-top: 10px;
    padding: 2px 0;
    vertical-align: baseline;
    font-size: 15.0pt;

}
.Tl{
  height: auto;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    padding: 15px;
    vertical-align: middle;
    font-size: 12.0pt;
    background: #3a3abcb8;
}

.Tll{
  width: 382px;
  height: auto;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    color: #FFFFFF;
    text-align: left;
    font-weight: 400;
    padding: 15px;
    vertical-align: middle;
    font-size: 11.0pt;
    background: #3a3abcb8;
}
.Tls{
  height: auto;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    color: #FFFFFF;
    text-align: left;
    font-weight: 400;
    padding: 15px;
    vertical-align: middle;
    font-size: 12.0pt;
    background: #3a3abcb8;
}

.Tlt{
  height: auto;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    padding: 15px;
    vertical-align: middle;
    font-size: 12.0pt;
    background: #003a8f;
}
.Tlqsn{
  height: auto;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    padding: 15px;
    vertical-align: middle;
    font-size: 11.0pt;
    background: #003a8f;
}
.Tltxt{
  height: auto;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    color: #FFFFFF;
    font-weight: 400;
    padding: 15px;
    text-align: justify;
    vertical-align: middle;
    font-size: 12.0pt;
    background: #003a8f00;
}

.TltxtC{
  height: auto;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    color: #000;
    font-weight: 400;
    padding: 15px;
    vertical-align: middle;
    font-size: 12.0pt;
    background: #003a8f00;
}

.Tl2{
  height: 20px;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    text-align: left;
    color: #FFFFFF;
    font-weight: 600;
    padding: 10px 0;
    vertical-align: baseline;
    font-size: 16.0pt;
}
.floue{
width: 100%;
    height: auto;
    padding: 25px 0px 0px 0px;
    text-align: center !important;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.floue a{
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #000091;
    outline-color: #0a76f6;
    outline-offset: 2px;
    font-family: Marianne, arial, sans-serif;
    font-variant: normal;
    font-weight: 900;
    vertical-align: baseline;
}
}
.lgfoot{
  /*filter: drop-shadow(0 0 0.75rem blue);*/
}
.Tl3{
  height: auto;
font-family: "euclid_circular_a","Arial","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 0;
    text-align: left;
    color: #FFF;
    font-weight: 500;
    line-height: 1.5;
    padding: 20px 0;
    vertical-align: baseline;
    font-size: 11.0pt;
}
hr{
  width: 100%;
  height: 1px;
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #bdbdbd!important;
}
.para3{
  height: auto;
  margin-top:2px;

}
.para3 a{
  color: #1155cc;
    font-family: Roboto, Arial;
    font-weight: 700;
    vertical-align: baseline;
    font-size: 13.999999999999998pt;
    text-align: center;
}
p{
  margin-top: 5px;
  color: #212529;
}

.para-white p{
  color: #fff;
  line-height: 1.2;
    font-family: Roboto, Arial;
    font-size: 12.0pt;
    font-variant: normal;
    font-weight: 400;
    vertical-align: baseline;
}

.foot{
  text-align: center;
  height: auto;
  padding: 25px;
  color: #FFF;
  background-color: rgba(225, 225, 225, .5);
}


.foot a{
  text-align: center;
  height: auto;
  padding: 25px;
  color: #FFF;
}

/*responsive designe*/
      @media only screen and (min-width: 1120px) and (max-width: 3500px) {
        #main{
          width: 100%;
        }

      }

      @media only screen  and (min-width: 386px) and (max-width: 690px) {
        #main{
          width: 100%!important;
        }
        .wh-1 {
    width: 75%;
    padding-top: 5px;
    z-index: 1;
}
.wh-2 {
    width: 25%;
    margin-right: 19px;
}
        .nom {
    width: 340px;
    padding: 1px 15px;
    font-weight: 800;
    color: rgba(249, 249, 249, 1.0000000000);
    /* color: #1155cc; */
    font-family: proxima-nova, sans-serif;
    line-height: 1;
}
            .show-menu-btn,.hide-menu-btn {
              display: block;
            }
            .show-menu-btn2,.hide-menu-btn2{
              display: block;
            }
            .Menu{
              position: fixed;
              width: 100%;
              height: 100vh;
              background: #0041a5;
              right: -100%;
              top: 0;
              text-align: center;
              padding: 80px 0;
              line-height: normal;
              transition: 0.7s;
          z-index: 10;
            }
            .Menu li {
    float: center;
    width: 100%;
    margin: 0;
}
.row2 ul .deroulant {
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
}
.sous {
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: rgba(0, 65, 165, .999999999999);
    position: absolute;
    right: 0;
    width: 250px;
    z-index: 1000;
}
            .Menu a{
              display: block;
              padding: 15px;
              width: 100%;
            }
            .row2 a {
              width: 100%;
            }
.Menu li a {
    font-family: "euclid_circular_a", Helvetica, Arial, sans-serif;
    width: 100%;
    color: rgba(249, 249, 249, 1.0000000000);
    font-size: 12.0pt;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    transition: opacity 0ms .3s;
    padding: 25px 10px;
    transition: 0.4s;
}
            .Menu2{
              position: fixed;
              width: 100%;
              height: 100vh;
              background: rgba(26, 44, 65, 0.8);
              left: -100%;
              top: 0;
              text-align: center;
              padding: 80px 0;
              line-height: normal;
              transition: 0.7s;
          z-index: 10;
            }

        .Menu2 a{
          display: block;
          padding: 15px;
        }

            .hide-menu-btn{
              position: absolute;
              top: 40px;
              right: 40px;
              color: #FFFFFF;
            }

            #chk:checked ~ .Menu{
              right: 0;
            }

        .hide-menu-btn2{
          position: absolute;
          top: 40px;
          right: 40px;
        }
        #chk2:checked ~ .Menu2{
          left: 0;
        }

      }


      @media only screen  and (min-width: 250px) and (max-width: 386px) {
        #main{
          width: 100%!important;
        }
        .wh-1 {
    width: 75%;
    padding-top: 5px;
    z-index: 1;
}
.wh-2 {
    width: 25%;
    margin-right: 19px;
}
        .nom {
    width: 340px;
    padding: 1px 15px;
    font-weight: 800;
    color: rgba(249, 249, 249, 1.0000000000);
    /* color: #1155cc; */
    font-family: proxima-nova, sans-serif;
    line-height: 1;
}
            .show-menu-btn,.hide-menu-btn {
              display: block;
            }
            .show-menu-btn2,.hide-menu-btn2{
              display: block;
            }
            .Menu{
              position: fixed;
              width: 100%;
              height: 100vh;
              background: #0041a5;
              right: -100%;
              top: 0;
              text-align: center;
              padding: 80px 0;
              line-height: normal;
              transition: 0.7s;
          z-index: 10;
            }
            .Menu li {
    float: center;
    width: 100%;
    margin: 0;
}
.row2 ul .deroulant {
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
}
.sous {
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: rgba(0, 65, 165, .999999999999);
    position: absolute;
    right: 0;
    width: 250px;
    z-index: 1000;
}
            .Menu a{
              display: block;
              padding: 15px;
              width: 100%;
            }
            .row2 a {
              width: 100%;
            }
.Menu li a {
    font-family: "euclid_circular_a", Helvetica, Arial, sans-serif;
    width: 100%;
    color: rgba(249, 249, 249, 1.0000000000);
    font-size: 12.0pt;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    transition: opacity 0ms .3s;
    padding: 25px 10px;
    transition: 0.4s;
}
            .Menu2{
              position: fixed;
              width: 100%;
              height: 100vh;
              background: rgba(26, 44, 65, 0.8);
              left: -100%;
              top: 0;
              text-align: center;
              padding: 80px 0;
              line-height: normal;
              transition: 0.7s;
          z-index: 10;
            }

        .Menu2 a{
          display: block;
          padding: 15px;
        }

            .hide-menu-btn{
              position: absolute;
              top: 40px;
              right: 40px;
              color: #FFFFFF;
            }

            #chk:checked ~ .Menu{
              right: 0;
            }

        .hide-menu-btn2{
          position: absolute;
          top: 40px;
          right: 40px;
        }
        #chk2:checked ~ .Menu2{
          left: 0;
        }

      }