@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700');



body{
background:whitesmoke;
font-family: 'Poppins', sans-serif;
z-index: -3;

}

.clignotage{
    position:absolute;
    z-index: 2;
    margin-left: 45%;
    bottom:0;
    margin-right: 15%;
    
}

.hea{
    position:absolute;
    top:0;
    left:0;
    z-index: 2;
    display:inline-block;
    height:45%;
   
}

.mainLogo{
	width:150px;
	height:150px;
    top:0;
    position:relative;
    left:0;
    margin-left: 38%; /* si la position du logo ne te satisfait pas tu peux la déclaer avec cette ligne */
}

.logo{
    top:15%;
	position:absolute;
    z-index: 2;
}

.navbar{
    position:absolute;
	width:100%;
	top:0;
	text-align:center;
	z-index:5;
	padding:5%;
}

.navmenu{
	margin-left:12%;
	
}

.submenu{
	background:#3f4045;
}
#men{
	background:#3f4045;
	width:100%;
}
#menu-demo2, #menu-demo2 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu-demo2 li{
display:inline-block;
position:relative;
}
#menu-demo2 ul li{
display:inherit;
border-radius:0;
}
#menu-demo2 ul li:hover{
border-radius:0;
background:#3f4045;
}
#menu-demo2 ul li:last-child{
	background:#3f4045;
}
#menu-demo2 ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
/* -moz-transition: .8s all .3s; */
/* -webkit-transition: .8s all .3s; */
/* transition: .8s all .3s; */
}
#menu-demo2 li:hover ul{
max-height:15em;
}
/* background des liens menus */
#menu-demo2 li:first-child{

}
#menu-demo2 li:nth-child(2){

}

}
#menu-demo2 li:nth-child(3){
}
#menu-demo2 li:nth-child(4){
}
#menu-demo2 li:last-child{
}

 /* background des liens sous menus  */
#menu-demo2 li:first-child li{
background:#3f4045;
}
#menu-demo2 li:nth-child li{
background:#3f4045;
}
#menu-demo2 li:nth-child(2) li{
background:#3f4045;
}
#menu-demo2 li:nth-child(3) li{
background:#3f4045;
}
#menu-demo2 li:nth-child(4) li{
background:#3f4045;
}
#menu-demo2 li:last-child li{
background:#3f4045;
}
/* background des liens menus et sous menus au survol */
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
background-color:#ca067b;
}
#menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover{
background-color:#ca067b;
}
#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover{
background-color:#ca067b;
}
#menu-demo2 li:nth-child(4):hover, #menu-demo2 li:nth-child(4) li:hover{
background-color:#ca067b;
}
#menu-demo2 li:last-child:hover, #menu-demo2 li:last-child li:hover{
background-color:#ca067b;
}
/* les a href */
#menu-demo2 a{
text-decoration:none;
display:block;
padding:8px 32px;
color:white;
font-family:'poppins' sans-serif;
}
#menu-demo2 ul a{
padding:8px 0;
}
#menu-demo2 li:hover li a{
color:white;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#000;
}




.homeSlider{
    position:relative;
    display:block;
		width:100%;
		height:1080px;
		overflow:hidden;
		background:whitesmoke;
		top:0;
		left:0;
	}

#slider{
    width:100%;
    height:1080px;
}

.voile{ 
    position:absolute;
	 background:DimGray; 
	 z-index:-1; 
	 width:100%; 
	 height:1080px;
    	 z-index: 1;
	 opacity:0.5;
}

h1{
	text-align:center;
	color:#ca067b;
	font-family: 'Poppins:600', sans-serif;
}

h1b {
	text-align:left;
	color:#ca067b;
	font-size:20pt;
	font-family: 'Poppins:600', sans-serif;
}

p{
	color:black;
	font-family: 'Poppins', sans-serif;

}

.slogan{
	position:absolute;
	margin-left:35%;
	margin-top:25%;
    margin-right: 25%;
    z-index: 1;
	color:white;
	font-family: 'Poppins:700', sans-serif;
}
.contentUnD{
	margin-left:15%;
	margin-right:15%;
}
.contentUn{
	margin-top:3%;
	background:whitesmoke;
	text-align:left;

}

a{ 
text-decoration:none;
color:white;
}


table.redTable {
  margin-left:15%;
  border: 2px solid #000000;
  background-color: #EEEEEE;
  width: 75%;
  text-align: center;
  border-collapse: collapse;
}
table.redTable td, table.redTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.redTable tbody td {
  font-size: 16px;
}
table.redTable tr:nth-child(even) {
  background: #FF089B;
}
table.redTable thead {
  background: #CA067B;
  border-bottom: 2px solid #444444;
}
table.redTable thead th {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #000000;
}
table.redTable thead th:first-child {
  border-left: none;
}

table.redTable tfoot {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background: #CA067B;
}
table.redTable tfoot td {
  font-size: 13px;
}
.title_presta{
	text-align:center;
}
.temoin{
	background:whitesmoke;
	
}

.roundedImage{
	position:relative;
	float:left;
	overflow:hidden;
	webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	margin-left:18%;
	margin-right:5%;
	width:100px;
	height:100px;
	background:black;
	/* float:left; */
}

.roundedImage:hover{
	position:relative;
	float:left;
	overflow:hidden;
	webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	margin-left:18%;
	margin-right:5%;
	width:100px;
	height:100px;
	border: solid 8px;
	border-color:#ca067b;
}

.titre_tem{
margin-right:45%;
}


.contenuTem{
	position:relative;
	display:block;
	text-align:left;

}

.roundedTeam{
	overflow:hidden;
	webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	width:190px;
	height:190px;
	background:black;
	border: solid 0.75px;
	border-color:black;
}

.roundedTeam:hover{
	overflow:hidden;
	webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	border: solid 3px;
	width:190px;
	height:190px;
	/* background:white; */
	border-color:#ca067b;
}


.conteneur_team{
	background:url('../img/team_resize.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:1000px;
	/* position:relative; */
	/* float:left; */
	/* display:inline-block; */
}



.content_team{
	/*margin-left:5%;*/
	margin-right:5%;
	width:100%;
	height:250px;
	display:inline-flex;
	/* position:relative; */
	

}

.contact_team{
	margin-top:3%;
	margin-left:25%;
}

.contact_team2{
	margin-top:3%;
	margin-left:2%;
	
}

#shine:hover{
	color:#ca067b;
}

.bloc{
	margin-left:15%;
}
.nom{
	/* float:left; */
	/* display:inline-block; */
	color : #ca067b;
}



.contact_conteneur{
	background:#ca067b;
	width:100%;
	height:650px	;
	display:inline-block;
	height:900px;
}

.titre_contact{
	color:white;
	padding:3%;
	margin-right:50%;
}

.valider{
	width:250px;
	height:45px;
	text-align:center;
	background-color:#ca067b;
	border-radius:50px;
	border:solid 2px;
	border-color:white;
	color:white;
	margin-right:5%;
	font-size:1.2em;
}

.valider:hover{
	width:275px;
	height:60px;
	font-size:1.4em;
	border-color:white;
	background-color:Green;
}
.fa-users{
	margin-left:10%;
	position:relative;
	/* display:inline-block; */
	float:left;
}

.societe{
	margin-left:28%;
	margin-right:15%;
	position:relative;

}

.prestations{
	margin-left:14%;
	margin-right:15%;
	position:relative;

}

.btnPlus{
	position:relative;
	margin-left:75%;
	margin-bottom:2%;
	width:160px;
	height:50px;
	background-color:#ca067b;
	font-family: 'Poppins', sans-serif;

}

.btnPlus:hover{
	width:165px;
	height:55px;
	font-family: 'Poppins', sans-serif;
}



.ptn_fort{
	margin-left:15%;
	margin-top:5%;
	margin-bottom:5%;
}

.contentfrt{
	margin-right:10%;
	position:relative;
	float:left;
	display:inline-block;
	width:40%;
}

.contentfrt2{
	margin-right:10%;
	position:relative;
	float:left;
	display:inline-block;
	width:40%;
}

.fa-male{
	color:white;
	margin-top:15%;
}
.fa-video{
	color:white;
	margin-top:25%;
}

.fa-window-maximize{
	color:white;
	margin-top:25%;
	
}
.fa-discourse{
	color:white;
	margin-top:25%;
}
.fontFort{
	color:#ca067b;
	position:relative;
	display:inline;
	/* float:left; */
}

.roundedFort{
	float:left;
	overflow:hidden;
    webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	margin-left:5%;
	margin-right:5%;
	width:100px;
	height:100px;
	background:black;
	
}

.roundedFort:hover{
	background:#ca067b;
	
}




.contact_ico{
	color:white;
	margin-left:15%;
	position:relative;
	float:left;
	
}
#marge{
	margin-left:35%;
}

.formulairecont{ 
	 text-align:left;
	 margin-left:15%;
	 right:10%;
	 position:relative;
	 display:inline-block;
	 
}
.contact_formulaire{
}

.cover{
    background:#ca067b;
    position:absolute;
    z-index: -1;
    bot: 0;
    height: 250px;
    width: 100%;
    
}


.sep{
    background:#ca067b;

}

#scrollToTop a{
    background-image: url("../img/circular-button.png");
    background-repeat: no-repeat;
    bottom: 10px;
    height:100px;
    position: fixed;
    right:0%;
    /*text-indent: -50000px;*/
    width: 100px;
    z-index:2;
}


.footer_conteneur{
	font-size:12px;
	background:#ca067b;
	font-family: 'Poppins', sans-serif;
}



.ft{
	text-align:center;
	margin-left:12%;
	color:white;
	font-family: 'Poppins', sans-serif;
}
.cpr{
	text-align:center;
	margin-left:45%;
}


@media (max-width: 720px) 
{
    
    @import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700');



body{
background:whitesmoke;
z-index: -3;
font-family: 'Poppins', sans-serif;
    
}

 .clignotage{
opacity:0;
    
}
    
.hea{
   position:absolute;
   opacity:0;
    z-index: -9999;
   
}

.navbar{
	width:100%;
    text-align:center;
	z-index:5;
    left:0;
}

.navmenu{
	margin-left: 0%;
}

.submenu{
	background:#3f4045;
}
#men{
	background:#3f4045;
	width:75%;
}

.homeSlider{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    background:whitesmoke;
    top:0;
    left:0;
	}

#slider{
    width:100%;
    height:100%;
}

.voile{ 
    position:absolute;
	 background:DimGray; 
	 z-index:-1; 
	 width:100%; 
	 height:38%;
    	 z-index: 1;
	 opacity:0.5;
}

h1{
	text-align:center;
	color:#ca067b;
	font-family: 'Poppins:600', sans-serif;
}

h1b {
	text-align:left;
	color:#ca067b;
	font-size:20pt;
	font-family: 'Poppins:600', sans-serif;
}

p{
	color:black;
	font-family: 'Poppins', sans-serif;

}

.slogan{
	position:absolute;
    z-index: 1;
	color:white;
	font-family: 'Poppins:700', sans-serif;
    opacity: 0;
}
    
.contentUnD{
	margin-left:15%;
	margin-right:15%;
}
    
.contentUn{
	margin-top:3%;
	background:whitesmoke;
	text-align:left;

}

a{ 
text-decoration:none;
color:white;
}


table.redTable {
  margin-left:15%;
  border: 2px solid #000000;
  background-color: #EEEEEE;
  width: 75%;
  text-align: center;
  border-collapse: collapse;
}
table.redTable td, table.redTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.redTable tbody td {
  font-size: 16px;
}
table.redTable tr:nth-child(even) {
  background: #FF089B;
}
table.redTable thead {
  background: #CA067B;
  border-bottom: 2px solid #444444;
}
table.redTable thead th {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #000000;
}
table.redTable thead th:first-child {
  border-left: none;
}

table.redTable tfoot {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background: #CA067B;
}
table.redTable tfoot td {
  font-size: 13px;
}
.title_presta{
	text-align:center;
}
.temoin{
	background:whitesmoke;
	
}

.roundedImage{
	position:relative;
	float:left;
	overflow:hidden;
	webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	margin-left:18%;
	margin-right:5%;
	width:100px;
	height:100px;
	background:black;
	/* float:left; */
}

.roundedImage:hover{
	position:relative;
	float:left;
	overflow:hidden;
	webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	margin-left:18%;
	margin-right:5%;
	width:100px;
	height:100px;
	border: solid 8px;
	border-color:#ca067b;
}

.titre_tem{
margin-right:45%;
}


.contenuTem{
	position:relative;
	display:block;
	text-align:left;

}

.roundedTeam{
	overflow:hidden;
	webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	width:190px;
	height:190px;
	background:black;
	border: solid 0.75px;
	border-color:black;
}

.roundedTeam:hover{
	overflow:hidden;
	webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	border: solid 3px;
	width:190px;
	height:190px;
	/* background:white; */
	border-color:#ca067b;
}


.conteneur_team{
	background:url('../img/team_resize.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:1500px;
	position:relative;
	float:left;
	display:block; 
}
    
    .commentaires{
        display:block;
        position:relative;
        float:left;

    }
.content_team{
	margin-left:5%;
	margin-right:5%;
	width:100%;
	height:250px;
	display:block;
	/* position:relative; */
	

}

.contact_team{
	margin-top:3%;
	margin-left:25%;
}

.contact_team2{
	margin-top:3%;
	margin-left:2%;
	
}

#shine:hover{
	color:#ca067b;
}

.bloc{
	margin-left:15%;
}
.nom{

	color : #ca067b;
}



.contact_conteneur{
	background:#ca067b;
	width:100%;
    height:100%;
	display:block;
	position:relative;
    float:left;
}

.titre_contact{
	color:white;
	padding:3%;
	margin-right:50%;
}

.valider{
	width:250px;
	height:45px;
	text-align:center;
	background-color:#ca067b;
	border-radius:50px;
	border:solid 2px;
	border-color:white;
	color:white;
	margin-right:5%;
	font-size:1.2em;
}

.valider:hover{
	width:275px;
	height:60px;
	font-size:1.4em;
	border-color:white;
	background-color:Green;
}
.fa-users{
	margin-left:10%;
	position:relative;
	/* display:inline-block; */
	float:left;
}

.societe{
	margin-left:28%;
	margin-right:15%;
	position:relative;

}

.prestations{
	margin-left:14%;
	margin-right:15%;
	position:relative;

}

.btnPlus{
	position:relative;
	margin-left:75%;
	margin-bottom:2%;
	width:160px;
	height:50px;
	background-color:#ca067b;
	font-family: 'Poppins', sans-serif;

}

.btnPlus:hover{
	width:165px;
	height:55px;
	font-family: 'Poppins', sans-serif;
}



.ptn_fort{
	margin-left:15%;
	margin-top:5%;
	margin-bottom:5%;
}

.contentfrt{
	position:relative;
	float:none;
	display:block;
	width:100%;
}

.contentfrt2{
	position:relative;
	float:none;
	display:block;
	width:100%;
}

.fa-male{
	color:white;
	margin-top:15%;
}
.fa-video{
	color:white;
	margin-top:25%;
}

.fa-window-maximize{
	color:white;
	margin-top:25%;
	
}
.fa-discourse{
	color:white;
	margin-top:25%;
}
.fontFort{
	color:#ca067b;
	position:relative;
	display:inline;
	/* float:left; */
}

.roundedFort{
	float:left;
	overflow:hidden;
    webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	margin-left:5%;
	margin-right:5%;
	width:100px;
	height:100px;
	background:black;
	
}

.roundedFort:hover{
	background:#ca067b;
	
}




.contact_ico{
	color:white;
    margin-left:0%;
    width:35%;
    height:35%;
	float:left;
	
}

.formulairecont{ 
	 text-align:left;
	 margin-left:15%;
	 right:10%;
	 position:relative;
	 display:inline-block;
	 
}


.sep{
    background:#ca067b;

}

#scrollToTop a{
    background-image: url("../img/circular-button.png");
    background-repeat: no-repeat;
    bottom: 10px;
    height:100px;
    position: fixed;
    right:0%;
    width: 100px;
    z-index:2;
}


.footer_conteneur{
	font-size:0.4em;
	background:#ca067b;
	font-family: 'Poppins', sans-serif;
    margin-left: 0%;
}



.ft{
	color:white;
	font-family: 'Poppins', sans-serif;
}
.cpr{
	margin-left: 5%;
}
    
    
    
    
}