.float-container {

 margin-top:15px; 

 margin-bottom:15px;

    padding: 2px;

}

.float-child {

    width: 50%;

    float: left;

    padding: 2px;



}  

.green{

	background-color:green;

	padding-top:8px;

	padding-right:8px;

	padding-bottom:8px;

	text-align:center;

}

.blue{

	background-color:blue;

	padding-top:8px;

	padding-right:8px;

	text-align:center;

	padding-bottom:8px;

}

h2{margin-bottom:20px}



.btn-get-started:hover {

    background: #3194db;

}

	

.btn-get-started {

    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-size: 14px;

    letter-spacing: 0.5px;

    display: inline-block;

    padding: 14px 50px;

    border-radius: 5px;

    transition: 0.5s;

    margin-top: 30px;

    color: #fff;

    background: #2487ce;	

}

.col-lg-20 {

    flex: 0 0 auto;

    width: 20%;

}

.col-md-20 {

    flex: 0 0 auto;

    width: 20%;

}

.col-20 {

    flex: 0 0 auto;

    width: 20%;

}

.rond{
	width:40px;
	height:40px;
	border-radius: 50%;
	background-color:#6a87bf;
	display:inline-block;
	text-align:center;
	font-size: 26px;
	font-weight:bold;
	margin-left:2px;
	margin-right:2px;
	opacity:0.25;
	color:#000;
}
.rond.active{
	opacity:1;
}

.conteneurRond{
	margin : 300px auto 0 auto;
	text-align:center;
	background:#000;
	padding-top:10px;
}

.align-items-md-stretch label{margin-left:10px;}

.blocBienvenue{

	
	width: 100%!important;

	height:565px!important;

}


.containerBienvenue{
	background-image: url("../img/home/bg_centre.jpg");
	background-repeat: no-repeat;
	background-position: left;
	background-color: #000;
	width:100%;	
	background-size: contain;
}

.titreHome{
	padding:5px;
	border-radius:20px;
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 32px!important;
}
.titreHome2{
	padding:5px;
	border-radius:10px;
	background-color: rgba(0, 37, 63, 0.5);
	font-size: 22px!important;
	color:#fff!important;
}

.font_fff{
	color:#fff;
}
.taille08{
	font-size:0.8em;
}
.font_grisClair{
	color: #e1e1e1;
}
.blocForm{
	background-color:#fff;
	border-radius:10px;
	margin-top:20px;
	padding: 15px 0 15px 0;
	
}

.espaceHautBas4{
		padding: 4px 0 4px 0;
}
#menu{
	margin-top:15px;
	background:#000;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
}
#menu a{
	color:#fff;
	text-decoration:none;
	font-size: 18px
}

#menu a:hover{
	color:#a8bee8;
}
#baseLine{
	color:#6a87bf;
	font-size:1.4em;
	margin-top:20px;
}
.btn-primary{
	background:#F29561 !important;
	border-color: #ffffff;
	border-radius:10px;
	margin: 0 15px;
	width:150px;
	font-family:"Oppificio", sans-serif;
	font-size:1.3rem;
	font-weight:bold;
}
.btn-primary:hover{
	border:none;
}
.btn-primary-fondvert{
	background:#9DBF55 !important;
	border-color: #ffffff;
	border-radius:10px;
	margin: 0 15px;
	width:150px;
	font-family:"Oppificio", sans-serif;
	font-size:1.3rem;
	font-weight:bold;
	color:#ffffff
}
.btn-danger{
	border-radius:8px;
	margin: 0 15px;
	width:150px;
}
.btn-primary:hover{
	background:#6D5163;	
}
.explications{
	color:#b2c7ee;
	font-size:1.2em; 
}
.message{
	font-size:1.2em;
}
.form-control{
	font-size:1.2em;
}
.fondBleu{
	background-color: #000;
}
.listeEvt h2{
	color:#fff;
}
.listeEvt .table{
	background:#fff;
	border-radius:20px;
	border:none;
}
.table .intitule{
	background-color:#6a87bf;
}
.infoForfait{
	padding:5px;
	background-color: #6a87bf;
	border-radius:8px;
	margin-bottom: 20px;
	color:#fff;
	text-align:center;
	font-size:1.2em;
	margin-top:-30px; 
}
#etape5 h3{
	font-size:1em;
}

.offrePrix{
	background-color:#6a87bf;
	width:90%;
	margin:auto;
	border-radius:20px;
}
.offrePrix h2{
	color:#fff;
	font-size:1.5em;
	text-align:center;
	padding-top:10px;
}
.desc{
	color:#000;
	padding-left:8px;
		padding-right:8px;
}
.prix{
	text-align:center;
	color:#fff;
	font-size:2em;
}
.condVente{
		padding-left:20%;
		padding-right:20%;
		font-size:0.8em;
}
.fondBlanc{
	padding:3px;
	background-color:#fff;
	border-radius:5px;
}
#formContact{
	margin-top:-40px;
}

#signature {
	animation : none;
	animation-delay : 0;
	animation-direction : normal;
	animation-duration : 0;
	animation-fill-mode : none;
	animation-iteration-count : 1;
	animation-name : none;
	animation-play-state : running;
	animation-timing-function : ease;
	backface-visibility : visible;
	background : 0;
	background-attachment : scroll;
	background-clip : border-box;
	background-color : transparent;
	background-image : none;
	background-origin : padding-box;
	background-position : 0 0;
	background-position-x : 0;
	background-position-y : 0;
	background-repeat : repeat;
	background-size : auto auto;
	border : 0;
	border-style : none;
	border-width : medium;
	border-color : inherit;
	border-bottom : 0;
	border-bottom-color : inherit;
	border-bottom-left-radius : 0;
	border-bottom-right-radius : 0;
	border-bottom-style : none;
	border-bottom-width : medium;
	border-collapse : separate;
	border-image : none;
	border-left : 0;
	border-left-color : inherit;
	border-left-style : none;
	border-left-width : medium;
	border-radius : 0;
	border-right : 0;
	border-right-color : inherit;
	border-right-style : none;
	border-right-width : medium;
	border-spacing : 0;
	border-top : 0;
	border-top-color : inherit;
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	border-top-style : none;
	border-top-width : medium;
	bottom : auto;
	box-shadow : none;
	box-sizing : content-box;
	caption-side : top;
	clear : none;
	clip : auto;
	color : inherit;
	columns : auto;
	column-count : auto;
	column-fill : balance;
	column-gap : normal;
	column-rule : medium none currentColor;
	column-rule-color : currentColor;
	column-rule-style : none;
	column-rule-width : none;
	column-span : 1;
	column-width : auto;
	content : normal;
	counter-increment : none;
	counter-reset : none;
	cursor : auto;
	direction : ltr;
	display : inline;
	empty-cells : show;
	float : none;
	font : normal;
	font-family : inherit;
	font-size : normal;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	height : auto;
	hyphens : none;
	left : auto;
	letter-spacing : normal;
	line-height : normal;
	list-style : none;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : disc;
	margin : 0;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	max-height : none;
	max-width : none;
	min-height : 0;
	min-width : 0;
	opacity : 1;
	orphans : 0;
	outline : 0;
	outline-color : invert;
	outline-style : none;
	outline-width : medium;
	overflow : visible;
	overflow-x : visible;
	overflow-y : visible;
	padding : 0;
	padding-bottom : 0;
	padding-left : 0;
	padding-right : 0;
	padding-top : 0;
	page-break-after : auto;
	page-break-before : auto;
	page-break-inside : auto;
	perspective : none;
	perspective-origin : 50% 50%;
	position : static;
	/* Vous devrez modifier les quotes selon le langage de la page (ici il s'agit du Langage Français) */
	quotes : '201C' '201D' '2018' '2019';
	right : auto;
	tab-size : 8;
	table-layout : auto;
	text-align : inherit;
	text-align-last : auto;
	text-decoration : none;
	text-decoration-color : inherit;
	text-decoration-line : none;
	text-decoration-style : solid;
	text-indent : 0;
	text-shadow : none;
	text-transform : none;
	top : auto;
	transform : none;
	transform-style : flat;
	transition : none;
	transition-delay : 0s;
	transition-duration : 0s;
	transition-property : none;
	transition-timing-function : ease;
	unicode-bidi : normal;
	vertical-align : baseline;
	visibility : visible;
	white-space : normal;
	widows : 0;
	width : auto;
	word-spacing : normal;
	z-index : auto;
	}

#signature h3 {
    font-family: Arial!important;
    font-weight: bold;
}
#signature p {
    font-family: Arial!important;
    font-weight: inherit;
}

.float-right{
	float:right;
}

.dropdown .btn-primary{ width:auto!important;}

.intitule{
	color:#fff;
	font-weight:500;
}
.textBlanc{
	color:#fff;
	margin-top: 2rem !important;
}
.txtBleu{
	color:#6a87bf;
}
#myfile{
	border: 1px solid #000000;
	border-radius:5px;
}
.containerBienvenue{
	border-top : 3px solid #d02217;
	border-bottom : 3px solid #d02217;
}
.fixed-top {
  position: relative !important;
}

/* --------------------AJOUT ANNE-LISE REVOL-------------------*/

/* BASELINE */
p.baseline{
	font-weight:bold;
	font-size:1.8rem;	
	color:#6E5365;
	margin-bottom:70px;
	font-family: "Oppificio", sans-serif;
}

/* NAVIGATION */
nav {
  width: 100%;
  margin: 0 auto;
  background: #F6F4F7;
  border-top:solid 3px #F79566;
  border-bottom:solid 3px #F79566;
  font-family: "Oppificio", sans-serif;
 }
nav ul {
  list-style: none;
  text-align: center;
  margin-bottom:0;
}
nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  padding: 10px 50px 10px 50px;
  text-decoration: none;
  color: #F79566;
  font-weight: bold;
  font-size:1.5rem;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #F6F4F7;
}

/* NAVIGATION SHIFT */
nav.shift ul li a {
  position:relative;
  z-index: 1;
}
nav.shift ul li a:hover {
  color: #F6F4F7;
}
nav.shift ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: #6D5163;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
nav.shift ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

/* Icône Header */
img.contact{
	max-width:100%;
	width:50px;
	float:right;
	position: absolute;
	right: 20px;
	top: 50px;
}

/* Slider */
img.widthmax100{
	max-width:100%
}


/*--------------*/
.bold{
	font-weight:bold;
}
p{
	font-family:"Oppificio", sans-serif;
	font-size:1.3rem;
}
.violet{
	color:#6E5365;
}
.heightpx{
	height:170px;
}
.heightpxbis{
	height:149px;
}
.heightpxter{
	height:150px;
}
.heightpxquadri{
	height:170px;
}
div.picto{
	width:100%;
	display: flex;
	justify-content:center;
	margin-bottom:50px;
}
.majuscule{
	font-style:uppercase;
}
div.colonne, div.colonnebis{
	text-align:center;
	margin-bottom:30px;
}
div.colonne img, div.colonnebis img{
	margin-bottom:20px;
}
div.colonne{
	width:34%;
}
.widthpxbis{
	margin:auto;
}
div.colonnebis{
	margin-left:50px;
	margin-right:100px;
}
.titre{
	font-size:1.4rem;
}
p.padding-top{
	padding-top:80px;
}

/* FOOTER */
#footer{
	background:#6E5365;
	color:#F6F4F7;
	font-family:"Oppificio", sans-serif;
}
#footer a{
	color:#F6F4F7;
}
#footer div.footerALR{
	position:relative;
}
.logo-footer{
	max-width:100%;
	height:150px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
	padding-top: 20px;
}
.gauche{
	display:block;
	margin-left:30px;
	padding-top:20px;
}
#footer div.footerALR div.gauche a{
	color:#F6F4F7;
	font-size:1.3rem;
	margin-left:20px;
	padding-bottom:20px;
	line-height:45px;
}
div.centre{
	position:absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%,-50%);
}
div.center img{
	margin:auto;
}
div.centre p.besoin a{
	text-decoration:underline;
}
#footer div.solution p{
	font-size: 1.1rem;
	font-style: italic;
	margin-left: 50px;
}
div.solution{
	margin-top: 50px;
	padding-bottom: 5px;
}
#footer div.solution p, #footer div.solution a{
	color:#9DBF55;

}
#footer div.solution a.underline{
	text-decoration:underline;
}

/* Découvrir nos solutions */
div.bouton-solution{
	text-align:center;
	display: flex;
	justify-content:center;
	padding-top: 50px;
}
div.bouton-solution a{
	background: #F29561;
	border-radius: 30px;
	display: flex;
	width: 17%;
	margin: auto;
	font-family: "Oppificio", sans-serif;
	font-size: 2rem;
	color: #ffffff;
	font-weight: bold;
	justify-content: center;
	box-shadow: 5px 5px 3px #000000;
}
div.block-solution{
	background-image:url('https://signadev.bubbl-com.com/assets/img/home/fondvert.jpeg');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius:35px;
	width: 54%;
	margin: -30px auto 100px auto;
	font-family: "Oppificio", sans-serif;
	font-size: 1rem;
	color: #000000;
	font-weight: bold;
	padding:50px 0px 15px 0px;
}

/* Connexion-Compte*/ 
div.connexion-compte{
	width:100%;
	display: flex;
	justify-content:center;
	margin-bottom:50px;
	position:relative;
}
div.connexion{
	width:52%;
}
div.compte{
	width: 25%;
	margin-right: 100px;
}

/* Connexion */
.containerBienvenue{
	display:none;
}
div p.titre{
	color:#6E5365;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
	padding-bottom: 50px;
}
section.section{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	padding:0;
}
section.section div.form-group{
	width:1200px;
}

/* Compte */
div.compte a{
	background: #F29561;
	width:200px;
	border-radius: 10px;
	display: flex;
	margin: auto;
	font-family: "Oppificio", sans-serif;
	font-size: 1.3rem;
	color: #ffffff;
	font-weight: bold;
	justify-content: center;
	padding: 5px 10px;
}


/*--------------------PAGE ADMINISTRATEUR----------------------*/

/* HEADER-ADMIN */
header#header-admin .img-fluid{
	max-width: 100%;
	height: 80px;
	margin-top: 12px;
	display: flex;
	margin-left: 12px;
}
header#header-admin img.contact{
	max-width: 100%;
	width: 40px;
	float: right;
	position: absolute;
	right: 20px;
	top: 0;
}
header div#contact{
  display: flex;
  top: 30px;
  right: 20px;
  position: absolute;
}
header div#contact a img{
	position:absolute;
	width:45px;
	left: 50%;
	transform: translate(-50%, -50%);
}
header div#contact a.deconnexion{
	position: relative;
	top: 30px;
	font-family: "Oppificio", sans-serif;
	font-weight: bold;
	color: #F29561;
	font-size: 1.1rem;
}
header#header-admin  div.logo-entreprise img{
	margin-bottom:50px;
	width: 300px;
}
nav.navbar{
	border-bottom:none;
	border-top:none;
}
.navbar a{
	padding:0;
}
nav.navbar ul{
	width:100%;
	justify-content:space-between;
}

/* HEADER-SALARIE */
header#header-salarie .img-fluid{
	max-width: 100%;
	height: 80px;
	margin-top: 12px;
	display: flex;
	margin-left: 12px;
}
header#header-salarie img.contact{
max-width: 100%;
width: 40px;
float: right;
position: absolute;
right: 20px;
top: 0;
}
header#header-salarie div#contact{
  display: flex;
  top: 10px;
  right: 20px;
  position: absolute;
}
header#header-salarie div#contact a img{
	position:absolute;
	width:45px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
header#header-salarie div#contact a.deconnexion{
	position: relative;
	top: 42px;
	font-family: "Oppificio", sans-serif;
	font-weight: bold;
	color: #F29561;
	font-size: 1.1rem;
}
header#header-salarie  div.logo-entreprise img{
	margin-bottom:50px;
	width: 300px;
}
header#header-salarie p.baseline{
	padding-bottom:50px;
	border-bottom: 2px solid #F29561;
}

/* Autres */
section{
	padding: 40px 0 80px 0;
	margin-top: -40px;
}
span.bgvert{
	background:#9DBF55 !important;
}
div.jauge img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8%;
}
.divjauge{
	margin-bottom: 40px;
	margin-top: 40px;
}
div.jauge p.jaugep{
	color: #6D5163;
	font-size: 1.3rem;
	position: absolute;
	top: -120%;
	left: 50%;
	transform: translate(-50%, -50%);
}
span.bgorange{
	background:#F29561;
}
div.row{
	margin-bottom:15px;
}

/* Tableau */
form{
	font-family:"Oppificio", sans-serif;
	color:#6D5163;
}
.table .intitule{
	font-weight:bold;
	background-color:#9DBF55;
	font-size:1.1rem;
}
td.text-center.voir a img{
	width:26px;
}
td.text-center.modifier a img{
	width:18px;
}
td.text-center.envoyer a img{
	width:23px;
}
td.text-center.supprimer a img{
	width:17px;
}
img.fleche{
	width:20px;
}
.back-to-top{
	background:#9DBF55;
}
.back-to-top:hover{
	background:#F29561;
}

/* Signature */
.listeEvt h2{
	color: #6D5163;
	font-family: "Oppificio", sans-serif;
	padding-bottom: 20px;
}
div.col-sm-6.offset-sm-3{
	margin-bottom:50px;
}
#copy-signature.btn-primary,
#signaler-erreur.btn-primary{
	width:217px;
}
.fondvert{
	background:#9DBF55 !important;
}

	
/* Edition profil */
section#etape1.step{
}
div.container h2{
	color: #6D5163;
	font-family: "Oppificio", sans-serif;
	padding-bottom: 20px;
}
div.col-md-4.form-group{
	font-weight:bold;
}
div.col-md-4.form-group span{
	color:#9DBF55;
}
div.row{
	justify-content:center;
}
div.row.mt-lg-3{
	justify-content:center;
}
input#email.form-control{
	background-color:#ffffff;
}

/* Mon compte */
h2.margin-top{
	margin-top:100px;
}
div#modele{
	width:100%;
	background:#ffffff;
	margin-bottom:30px;
}		
div#modele img.modele{
	width:290px;
	border:1px solid #000000;
	margin:15px;
	margin-bottom:40px;
}
.margin-left{
	margin-left:10px;
}
.width-100{
width:100%;
}
label.texte{
  font-size: 1.3rem;
  font-weight: bold;
}
.margin-auto{
	margin:auto;
}
.margin-bottom{
	margin-bottom:20px;
}
p.top{
	margin-top:30px;
}
.ajoutreseau{
width: 200px;
background: #9DBF55 !important;
line-height:1;
}

	/* HIDE RADIO */
	[type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
		}

	/* IMAGE STYLES */
	[type=radio] + img {
	cursor: pointer;
	}

	/* CHECKED STYLES */
	[type=radio]:checked + img {
	outline: 7px solid red;
	}

/* Import csv */
button.download{
	border: 1px solid #000000;
	border-radius: 5px;
}
h2.marginbot0{
	margin-bottom:0;
}