.btn-custom {
  color: #fff;
  background-color: #FF7B00;  
  border-radius:20px !important;
  cursor:pointer;
  padding-right:40px !important;
  padding-left:40px !important;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
	width:100%;
	max-width: 100%;
	height: auto;
	}
.btn-custom:hover {
  color: #FF7B00 !important;
  background-color: #fff !important;
  border-color: #FF7B00 !important;
}
.btn-custom:focus, .btn-custom.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(140,59,81, 0.5);
          box-shadow: 0 0 0 2px rgba(140,59,81, 0.5);
}
.btn-custom.disabled, .btn-custom:disabled {
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-custom:active, .btn-custom.active,
.show > .btn-custom.dropdown-toggle {
  color: #fff;
  background-color: #D9A404;
  background-image: none;
  border-color: #D9A404;
}
.menu {
	color: #fff !important;
}
.titre
{
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
	/*color: #394D73;*/
	/*font-size: 2em;*/
}
.navbar {
    margin-bottom: 0px;
    margin-top: 0px;
}
.navbar-nav > li{
  margin-left:0px;
  margin-right:0px;
}
a:focus, a:hover {
  color: #A64672 !important;
  text-decoration: underline;
  background-color:rgba(0,0,0,0) !important;
}

#wrap{
  //min-height:100vh;
  position: relative;
}
#cookies-banner{ position:fixed; top:0; left:0; z-index:9999; width:100%; border-radius:0; padding:5px 10px; vertical-align:middle; margin:0; }
html {
	font-family: 'Roboto', sans-serif;
    position: relative;
	height: 100%;
    min-height: 100vh;	
}
#footer{
    position: absolute;
    color: #FFFFFF;
	bottom:0px;
	height:290px !important;
}
@media screen and (min-width: 768px) {
  #footer{	
	position: absolute;
    color: #FFFFFF;
	bottom:0px;
	height:360px !important;
  }
}
.rating a {
   float: right;
   color: #aaa;
   text-decoration: none;
   font-size: 1.5em;
   transition: color .4s;
}
.rating a:hover,
.rating a:focus,
.rating a:hover ~ a,
.rating a:focus ~ a {
   color: orange;
   cursor: pointer;
}
.textpres{
	padding:1em;
	background-image:linear-gradient(to right, rgba(241, 242, 244, 1) 0%, 37.67605721950531%, rgba(240, 243, 244, 1) 75.35211443901062%, 87.67605721950531%, rgba(163, 151, 139, .1) 100%);
}
@media screen and (min-width: 768px) {
.textpres{
	padding:5em;
	background-image:linear-gradient(to right, rgba(241, 242, 244, 1) 0%, 37.67605721950531%, rgba(240, 243, 244, 1) 75.35211443901062%, 87.67605721950531%, rgba(163, 151, 139, .1) 100%);
}	
}
.imgpres{
	background-image:url(../images/uagentphone.jpg);
	height:200px;
	background-size:cover;
	background-position : top, center;
}
@media screen and (min-width: 768px) {
.imgpres{
	background-image:url(../images/uagentphone.jpg);
	height:500px;
	background-size:cover;
}
}

.imgsupas{
	background-image:url(../images/top-view-of-people-at-the-meeting-3184287.jpg);
	height:350px;
	background-size:cover;
	background-position : top, center;
}
@media screen and (min-width: 768px) {
.imgsupas{
	background-image:url(../images/top-view-of-people-at-the-meeting-3184287.jpg);
	height:500px;
	background-size:cover;
	background-position : top, center;
}
}
@media screen and (min-width: 768px) {
.banhome{
	color:#fff;
	font-size:1.5em;
	padding:1em;
	margin-top:50px;
}	
}
.banhome{
	color:#fff;
	font-size:1.1em;
	padding:.5em;
	margin-top:10px;
}
.banhome:hover{
	color:#fff !important;
	font-size:1.5em;
	margin-top:50px;
	text-decoration: underline;
}
.banhome:focus{
	color:#fff !important;
	font-size:1.5em;	
	margin-top:50px;
	text-decoration: underline;
}
#main{
   position:relative;
   padding-bottom:290px !important;   /* Hauteur du pied de page */
}
@media screen and (min-width: 768px) {
  #main{	
	position:relative;
   padding-bottom:360px !important;   /* Hauteur du pied de page */
  }
}
body{
font-family: 'Roboto', sans-serif;
min-height: 100vh;
position:relative;
}

.myheader{
	background-image:url(../images/pinscopwfp.jpg);
	background-attachment: fixed;
	//height:55vh;
	width:100%;
	background-size: cover;
	//background-position : bottom, center;
	padding-top:0px;
	position: relative;
}
@media screen and (min-width: 768px) {
  .myheader{	
	background-image:url(../images/pinscopwfp.jpg);
	background-attachment: fixed;
	width:100%;
	//height:55vh;
	background-size: cover;
	background-position : center, center;
	//padding-top:2%;
  }
}
.arrowprocess{
	height:50px;
}
.divborder{
	border: 2px solid #8C3B51;
	margin-left:auto;
	margin-right:auto;
	border-radius:50px;
}
.linerow{
	margin-bottom:100px;
}
.licenter{

	list-style-type :none;
}

.headerhomel{
	background-image:url(../images/mobile.png);
	height:350px;
	width:100%;
	background-size: cover;
	background-position : top, center;
	border-top-right-radius:0%;
	border-bottom-right-radius:50%;
	border-bottom-left-radius:50%;
}
@media screen and (min-width: 768px) {
.headerhomel{
	background-image:url(../images/mobile.png);
	height:380px;
	width:100%;
	background-size: cover;
	background-position : top, center;
	border-top-right-radius:0%;
	border-bottom-right-radius:50%;
	border-bottom-left-radius:50%;
}
}	

.headerhomerc{
	background-image:url(../images/woman-wearing-earpiece-using-white-laptop-computer-210647.jpg);
	height:280px;
	background-size: cover;
	background-position : bottom, right;
	border-top-left-radius:50%;
	border-bottom-left-radius:0%;
}
@media screen and (min-width: 868px) {
.headerhomerc{
	background-image:url(../images/woman-wearing-earpiece-using-white-laptop-computer-210647.jpg);
	height:380px;
	background-size: cover;
	background-position : top, center;
	border-top-left-radius:50%;
	border-bottom-left-radius:0%;
	
}	
}
.headerhomelc{
	background-image:url(../images/photo-of-woman-using-mobile-phone-3756682.jpg);
	height:280px;
	background-size: cover;
	background-position : bottom, right;
	border-top-left-radius:0%;
	border-bottom-right-radius:50%;
}
@media screen and (min-width: 868px) {
.headerhomelc{
	background-image:url(../images/photo-of-woman-using-mobile-phone-3756682.jpg);
	height:380px;
	background-size: cover;
	background-position : top, center;
	border-top-left-radius:0%;
	border-bottom-right-radius:50%;
	
}	
}
.headerhomer{
	background-image:url(../images/business-1839876_1920.jpg);
	height:280px;
	background-size: cover;
	background-position : bottom, right;
	border-top-left-radius:50%;
	border-bottom-left-radius:0%;
}
@media screen and (min-width: 868px) {
.headerhomer{
	background-image:url(../images/business-1839876_1920.jpg);
	height:380px;
	background-size: cover;
	background-position : top, center;
	border-top-left-radius:50%;
	border-bottom-left-radius:0%;
	
}	
}
.myheaderh{
	background-image:url(../images/pinscopwfp.jpg);
	background-attachment: fixed;
	
	width:100%;
	//background-size: cover;
	//background-position : top, center;
	padding-top:0px;
	position: relative;
}
@media screen and (min-width: 768px) {
  .myheaderh{	
	background-image:url(../images/pinscopwfp.jpg);
	background-attachment: fixed;
	width:100%;
	height:600px;
	background-size: cover;
	//background-position : center, center;
	padding-top:0%;
  }
}
.entcon{
	background-image:url(../images/photowoman.jpg);
	background-attachment: fixed;
	height:55vh;background-size: cover;
	background-position : bottom, center;
	padding-top:0px;
	position: relative;
	
}
@media screen and (min-width: 768px) {
  .entcon{	
	background-image:url(../images/photowoman.jpg);
	background-attachment: fixed;
	height:40vh;background-size: cover;
	background-position : bottom, center;
	padding-top:2%;
  }
}
h1 {
font-family: 'Roboto', sans-serif;
font-size:4em;
color:#122459;
}
.titrelogo {
font-family: 'Roboto', sans-serif;
font-size:2.2em;
font-weight: 300 !important;
color:#fff;
margin-top:30px;
margin-left:5px;
}
.titrelistew {
font-family: 'Roboto', sans-serif;
font-size:1.2em;
font-weight: 400 !important;
color:#4e5054;
padding:10px !important;
}
@media screen and (min-width: 768px) {
  .titrelistew {
font-family: 'Roboto', sans-serif;
font-size:2em;
font-weight: 400 !important;
color:#4e5054;
padding-top:150px !important;
padding-left:40px;
}
}
.listew {
font-family: 'Roboto', sans-serif;
font-size:1em;
font-weight: 300 !important;
color:#4e5054;
padding:10px;
}
@media screen and (min-width: 768px) {
 .listew {
font-family: 'Roboto', sans-serif;
font-size:1.3em;
font-weight: 400 !important;
color:#4e5054;
padding-top:30px;
padding-left:30%;
}
}
.listesol {
font-family: 'Roboto', sans-serif;
font-size:1em;
font-weight: 400 !important;
color:#4e5054;
padding:10px;
}
@media screen and (min-width: 768px) {
 .listesol {
font-family: 'Roboto', sans-serif;
font-size:1.2em;
font-weight: 400 !important;
color:#4e5054;
padding:10px;
}
}
.listetabl {
font-family: 'Roboto', sans-serif;
font-size:1em;
font-weight: 400 !important;
color:#4e5054;
padding:10px;
}
@media screen and (min-width: 768px) {
 .listetabl {
font-family: 'Roboto', sans-serif;
font-size:1em;
font-weight: 400 !important;
color:#4e5054;
padding:10px;
}
}
.titrefooter {
font-family: 'Roboto', sans-serif;
font-size:1.3em;
font-weight: 300 !important;
color:#fff;
margin-top:30px;
margin-left:5px;
}
ul li {
color:#122459;
}
a {
font-family: 'Roboto', sans-serif;
font-style : italic;
color:#8C3B51;
}
.swiper-container {
    width: 100% !important;
    height: 150px !important;
}
@media screen and (min-width: 768px) {
  .swiper-container{	
	width: 100% !important;
    height: 300px !important;
  }
}
h2 {
font-family: 'Roboto', sans-serif !important;
font-size: 2.222rem !important;
margin: 1em 1em 1em 1em !important;
font-weight: 400 !important;
line-height: 1.3em !important;
color: #4e5054 !important;
//font-variant: normal !important;
//text-transform: lowercase;
}
.titreh2 {
font-family: 'Roboto', sans-serif !important;
font-size: 1.2rem !important;
font-weight: 400 !important;
line-height: 1.1em !important;
color: #4e5054 !important;
}
@media screen and (min-width: 768px) {
.titreh2 {
font-family: 'Roboto', sans-serif !important;
font-size: 2.222rem !important;
font-weight: 400 !important;
line-height: 1.3em !important;
color: #4e5054 !important;
}	
}
#slogan {
font-family: 'Roboto', sans-serif;
font-size:1.3em;
font-style : italic;
font-weight:400;
color:#fff;
}
h3 {
font-family: 'Roboto', sans-serif;
font-size:2em;
line-height: 1.3em !important;
color:#4e5054;
margin-top : 1.5em;
font-weight: 400 !important;
}
h4 {
font-family: 'Roboto', sans-serif;
font-size:1.5em;
color:#122459;
margin-top : 1em;
}
h5 {
font-family: 'Roboto', sans-serif;
font-size:1.25em;
color:#122459;
}
p {
font-family: 'Roboto', sans-serif;
color: #122459;
font-size:1em;	
}
.titresupport{
font-family: 'Roboto', sans-serif;
color: #fff;
font-size:2em;
font-weight:300;
}
@media screen and (min-width: 768px) {
	.titresupport{
font-family: 'Roboto', sans-serif;
color: #fff;
font-size:4em;
font-weight:300;
}
}
.colmodule {
font-family: 'Roboto', sans-serif;
color: #fff !important;
font-size:1.3em !important;	
font-weight:400 !important;
}
@media screen and (min-width: 768px) {
.colmodule {
font-family: 'Roboto', sans-serif;
color: #fff !important;
font-size:1.3em !important;	
font-weight:400 !important;
}	
}
.navbar-toggler{
width: 47px;
height: 34px;
color: white;
border: none;
}
.navbar-toggler .line{
width: 100%;
float: left;
height: 1.5px;
background-color: #122459;
margin-bottom: 5px;
}
.navbar-toggler:focus{
border: none;
color: white;
}
ul li a:hover {
  /*background:#D9A404 !important;*/
  color: #FF7B00 !important;
  background-color:rgba(0,0,0,0) !important;
  text-decoration: underline !important;
}
ul li a:focus {
  /*background:#D9A404 !important;*/
  color: #FF7B00 !important;
  background-color:rgba(0,0,0,0) !important;
  text-decoration: underline !important;
}
.radiustop{
border-top-right-radius : 0px;
border-top-left-radius : 0px;
}
.banniere{
	/*background-image:url(../images/green-1340075_640.jpg);*/
	
	/*background-color:red;*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position : center, center;
	height:100px;
	border-radius : 0px;

}
.bimagefw{
	background-image:url(../images/woman-in-white-long-sleeve-shirt-using-smartphone-3803232.jpg);
	background-size: cover;
	//background-attachment: fixed;
	background-repeat: no-repeat;
	width:100%;
	background-position : top, right;
	height:300px;
}
@media screen and (min-width: 768px) {
  .bimagefw{	
	background-image:url(../images/woman-in-white-long-sleeve-shirt-using-smartphone-3803232.jpg);
	background-attachment: fixed;
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position : top, right;
	height:600px;
  }
}
.bimagefsup{
	background-image:url(../images/supportps.jpg);
	background-size: cover;
	//background-attachment: fixed;
	background-repeat: no-repeat;
	width:100%;
	background-position : top, right;
	height:300px;
}
@media screen and (min-width: 768px) {
  .bimagefsup{	
	background-image:url(../images/supportps.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position : bottom, right;
	height:70vh;
  }
}
.backimage{
text-shadow: white 0px 0px 2px;
background-size: 350px;
background-repeat: no-repeat;
background-color:white;
height:200px;
background-position : center, center;
border-top-right-radius : 20px;
border-top-left-radius : 20px;
/*border-bottom-left-radius : 0px;
border-bottom-right-radius : 0px;*/	
}
.identite {
transition:background-image 0.5s ease-in-out;	
}
.bold {
font-weight: bold;	
}
.identite:hover {
background-image: linear-gradient(to top, rgba(166,70,114, 0.5), rgba(166,70,114, 0.1)); 
}
.emoticone{
	background-color:yellow;
	color:#D95D30;
	border-radius:50%;
}
.navbar-toggler:focus{
	border-style:none;
}
.navbar-toggler.active{
	border-style:none;
}
.backimagecnx{
text-shadow: white 0px 0px 2px;
background-size: 350px;
background-repeat: no-repeat ;
background-color:white;
height:200px;
background-position : center, center;
border-top-right-radius : 20px;
border-top-left-radius : 20px;
/*border-bottom-left-radius : 0px;
border-bottom-right-radius : 0px;*/	
}
.backimagecarre{
text-shadow: white 0px 0px 2px;
background-size: 150px;
background-repeat: no-repeat;
background-color:white;
height:150px;
background-position : center, center;	
}
.radiusdiv{
border-top-right-radius : 20px;
border-top-left-radius : 20px;
border-bottom-left-radius : 20px;
border-bottom-right-radius : 20px;	
border-width:0px;	
border-color:#D95D30;
border-style:solid;
}
.formdivs{
border-top-right-radius : 20px;
border-top-left-radius : 20px;
border-bottom-left-radius : 20px;
border-bottom-right-radius : 20px;	
border-width:2px;
border-color:#D95D30;	
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #FEC22E #FEC22E #FEC22E;
  background-color:rgba(255, 255, 255,0) !important;
}
.nav-item:hover{
	background-color:rgba(255, 255, 255,0);
}
.lnr-mustache {
  color: #D95D30;
  /* We can use "color" for setting the color
  of the SVG because we set its "fill" to
  "currentColor" */
  font-size: 40px;
  /* We can use "font-size" for changing the size
  of the SVG because its width and height were
  set 1em.
  To get crisp results, use sizes that are
  a multiple of 20; because Linearicons was
  designed on a 20 by 20 grid. */
} 
.lien{
	color:#D95D30;
	text-decoration: none !important;
font-family: 'Roboto', sans-serif;
font-weight:strong;
	font-size:1em !important;
	
}
.lien:hover{
	color:#fff !important;
	background-color:(0,0,0,0) !important;
}
.lien:focus{
	color:#fff !important;
	background-color:(0,0,0,0) !important;
}
.sexecb {
  width: 7em;
}
.actif {
  width: 12em;
}
.datelen {
  width: 12em;
}
.formation{
	margin-top:30px;
	height:50vh;
	width:100%;
	padding-left:5%;
	padding-right:5%;
	justify-content:space-between;

}
.etiquette3{
	
	justify-content:space-between;
	margin-left:10px;
	margin-right:10px;

}
.formations{
	background-image:url("imgages/photowoman.jpg");
	background-size:cover;
	background-attachment:fixed;
	margin-top:5%;
}
.forma{
 border:1px solid #394D73;
 border-radius : 20px;
 text-align:center;
 height:80%;
 margin-top:5%;
 margin-bottom:20px;
 background-color:rgba(255,255,255,0.9);
 transition: background 0.5s ease-in-out;
}
.formames{
 border-bottom:1px solid #D95D30;
 border-top:0px ;
 border-left:0px ;
 border-right:0px ;
 border-radius : 20px;
 text-align:left;
 margin-left:0px; 
 background-color:rgba(255,255,255,0.9);
 transition: background 0.5s ease-in-out;
}
.dropdown-item {
  font-weight: lighter !important;
  font-size:0.9em !important;
}
.formames:hover{
	background:rgba(84, 23, 24,0.2);
	/*color:#fff;*/
}
.imgform{
  width: 100px;
  height:100px;
  overflow:hidden;
  border:1px solid #394D73;
  margin-top:-10%;
  text-align:center;
  margin-left:5%;
  transition: width 0.5s ease-in-out,height 0.5s ease-in-out;
 }
 .imgprocess{
  width: 150px;
  height:150px;
  overflow:hidden;
  border:0px solid  #394D73;
  margin-top:0%;
  text-align:center;
  margin-left:0%;
  transition: width 0.5s ease-in-out,height 0.5s ease-in-out;
 }
 .imgprocess:hover{
  width: 200px;
  height:200px;
  
 }
 .imgformes{
  width: 64px;
  height:64px;  
  margin-left:0px;
 }
 
 .forma:hover>.imgform{
	width: 150px;
	height: 150px;
}
.forma:hover{
	background:rgba(84, 23, 24,0.2);
	/*color:#fff;*/
}
.zoom {

}
.zoom p {
text-align:center;
}
.zoom img {
width:70%;

}
.zoom img:hover {
width:100%;

}
.inputen[type=radio] {
		display:none;
	}
	.inputen[type=radio] + label {
		display:inline-block;
		margin:-2px;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	}
	.inputen[type=radio]:checked + label {
		   background-image: none;
		outline: 0;
		-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
			background-color:#e0e0e0;
	}
.boxes {
  margin: 15px;
  
  margin-bottom: 20px;
  padding: 10px;
  border-radius:2%;
  background: rgba(84, 23, 24, 0.1);
}
/*Checkboxes styles*/
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px 'Open Sans', Arial, sans-serif;
  color: #0D0D0D;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
input[type="checkbox"] + label:last-child { margin-bottom: 0; }
input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #0D0D0D;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}
input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#message{
background-color:rgba(84, 23, 24, 0.1);
padding:0 10px;
height:300px;
width:100%;
box-sizing:border-box;
border-radius:5px;
overflow-y:scroll;
border:1px solid rgba(84, 23, 24, 0.5);
}
#utilisateur{list-style:none;padding:0;background-color:#f3f2f7;height:100px;width:100%;box-sizing:border-box;border-radius:5px;overflow-y:scroll;margin-bottom:10px;border:1px solid #cccccc;}
#send{margin-top:10px;width:100%;padding:5px;border-radius:5px;border:1px solid rgba(84, 23, 24, 0.5);box-sizing:border-box;}

.message{border-bottom:1px solid #cccccc;padding:10px 0;font-size:0.9em;}
.message img{float:left;margin-top:-5px;margin-right:5px;}
.utilisateur{padding:5px;font-size:0.9em;}
.utilisateur{color:#3e3e3e;cursor:default;}
.utilisateur:hover{cursor:pointer;background-color:#cccccc !important;}
.utilisateur:nth-child(2n+2){background-color:#ffffff;}
.utilisateur .usr{width:100%;padding-right:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.utilisateur .usr img{float:left;margin-right:5px;}
.utilisateur-action{position:absolute;box-shadow:1px 1px 3px #cccccc;padding:5px;background-color:#ffffff;border-radius:5px;}
.utilisateur-action-close{position:absolute;left:130px;top:0px;}
				
.button{cursor:pointer;padding:10px 15px;font-weight:bold;border-radius:5px;color:#ffffff;border:0px;background:#3e679b;box-sizing:border-box;text-align:center;text-decoration:none;}
.button-blue:hover{background:#5980B8;}
				
.clear{clear:both;}
.titreh {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2em;
    color: #4e5054;
}
.Cardp{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2em;
    color: #4e5054;
}
@media screen and (min-width: 768px) {
	.Cardp{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.556em;
    color: #4e5054;
	padding-left:5em;
	padding-right:5em;
}
}
.textp{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2em;
    color: #4e5054;
}
@media screen and (min-width: 768px) {
	.textp{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.556em;
    color: #4e5054;	
	padding-left:1em;
}
}
@media screen and (min-width: 768px) {
	.titreh {
    font-size: 1.778rem;
    font-weight: 400;
    line-height: 1.3em;
    color: #4e5054;
}
}

.table-bordered td {
    border: 1px solid rgba(17, 35, 89, 1) !important;
	font-size: 1.1rem;
  }
  .table th {
    background-color: rgba(17, 35, 89, 1) !important;
	color:rgba(201, 230, 242, 1) !important;	
	font-size: 1.1rem;
  }
 .table tr {
	height:15px !important;
  }
  .trmod {
    background-color: rgba(17, 35, 89, .9) !important;
	color:rgba(201, 230, 242, 1) !important;	
	height:20px !important;
  }