@font-face {
  font-family:AvenirNextLTPro;
  src: url(fonts/AvenirNextLTPro-Regular.otf);
}

body{
font-family:AvenirNextLTPro;	
}

button, a {
cursor:pointer;
}


.espace-personnel{
background:#f0913d;
padding-bottom:120px;
}

.f-w{
font-weight:700;
}

.client-particluier{
text-align:center;
}

.client-particluier  img{
width:40px;
}

.lien-client-particluier {
    background: #333333;
    color: #fff;
    border: 0;
    border-radius: 50px;
    padding: 5px 20px;
    width: 100%;
	font-weight: 700;
    font-size: 13px;
    outline: none;
    margin: 0 auto;
    box-shadow: 0px 0px 15px rgba(29, 49, 82, 0.3);
}

.lien-client-particluier:hover , .lien-client-particluier:focus{
    box-shadow: 0px 0px 15px rgba(29, 49, 82, 0.6);
	outline:none;
}



.lien-client-particluier a{
color:#fff;
font-weight:700;
text-decoration:none;
}

.dividier{
height:20px;
}

.texte-espace-personnel{
width:100%;
text-align:center;
}

.texte-espace-personnel-modal{
text-align:left;
}

.texte-espace-personnel-modal .primary__texte p{
margin-bottom:0;
}

.texte-espace-personnel-modal .primary__texte .fa{
color:#333333;
font-size:10px;
}

.image__espace img{
width:100%;
margin-bottom:-75px;
}



.input-espace-personnel input {
    overflow: visible;
    border-radius: 30px;
    padding: 5px 20px;
    border: 0;
    width: 100%;
	box-shadow: 0px 0px 15px rgba(29, 49, 82, 0.3);
	outline:none;
	font-size:14px;
}

.input-espace-personnel input:hover {
	box-shadow: 0px 0px 15px rgba(29, 49, 82, 0.6);
	outline:none;
}

.block-souvenir-de-moi {
color: #fff;
font-size: 9px;
}

.block-souvenir-de-moi a {
color: #fff;
text-decoration: underline;
margin-left: 15px;
}

.espace-personnel input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.espace-personnel input[type="checkbox"]+span:before {
    font: 16pt FontAwesome;
    content: '\00f096';
    display: inline-block;
    width: 16pt;
    padding: 2px 0 0 3px;
    margin-right: 10px;
}

.espace-personnel input[type="checkbox"]:checked+span:before {
  content: '\00f046';
}
.espace-personnel input[type="checkbox"]:focus+span:before {
  outline:none;
}
.espace-personnel input[type="checkbox"]:disabled+span {
  color: #999;
}

.espace-personnel input[type="checkbox"]:not(:disabled)+span:hover:before {
  text-shadow: 0 1px 2px #77F;
}

.espace-personnel label {
    display: inline-block;
    cursor: pointer;
}


.btn-connectez{
background: #333333;
border-radius: 50px;
padding: 5px 20px;
width:100%;
font-weight: 700;
font-size: 16px;
margin:0 auto;
box-shadow: 0px 0px 15px rgba(29, 49, 82, 0.3);
font-size:14px;
}

.btn-connectez:hover, .btn-connectez:focus{
box-shadow: 0px 0px 15px rgba(29, 49, 82, 0.6);
outline:none;
}

.btn-connectez a{
color:#fff;
text-decoration:none;
}

.block-login{
text-align:center;
}


.chercher{
text-align:center;
}





footer{
background:#333333;
padding-top: 20px;
padding-bottom: 20px;
text-align:center;
}





.role{
margin-top: -145px;
border-bottom:1px solid #f0913d;
}



.role-sallekna{
background:white;
border:6px solid #f0913d;
border-radius:50%;
width:155px;
height:155px;
margin:0 auto;
text-align:center;
}

.image__role img{
width: 100%;
}

.description__role{
text-align:center;
}

.description__role a{
color:#f0913d;
text-decoration:none;
font-size:16px;
font-weight:700;
}

.primary__title{
font-size: 26px;
line-height: 30px;
font-weight: 700;
}

.secondary__title{
font-size:19px;
font-weight:700;
}

.primary__texte{
font-size:13px;
line-height:16px;
}

.secondary__texte{
font-size:12px;
line-height:18px;
}

.orange--color{
color:#f0913d;
}

.black--color{
color:#333333;
}

.white--color{
color:#fff !important;
}

.form-informer-footer input {
display: inline-block !important;
vertical-align: middle;
background-color: transparent;
color: #fff;
border: none;
border-bottom: 1px solid #f0913d;
font-size: 20px;
width: 100%;
outline: none;
position: relative;
}

.form-informer-footer a {
position: absolute;
padding-bottom: 8px;
right: 5%;
}

.buton-newsletter {
background: url(images/env.png);
width: 29px;
height: 21px;
border: 0;
}

.buton-newsletter:focus {
outline:none;
}

.politique__footer{
text-align:center;
width:100%;
}

.bordure-2{
background: url(images/back-icon.png);
border-radius: 50%;
width: 35px;
height: 35px;
margin:0 auto;
}

.bordure-1{
background: url(images/back-icon.png);
border-radius: 50%;
width: 35px;
height: 35px;
display: inline-block;
}

.icon-footer {
text-align:center;
}


.icon-footer .fa{
font-size: 15px;
margin-top: 10px;
color:#333333;
}








.espace-personnel-modal{
background:#f0913deb;
padding:20px;
}


.modal-content {
background:0;
border:0;
}

.modal-dialog {
margin:0;
}

@media (min-width: 576px){
.modal-dialog {
max-width:100%;
margin:0;
}
}


.modal-body {
padding: 0;
}

.modal-open .modal {
padding-right: 0 !important;
}

.close {
background:url("images/close-modal.png");
width:72px;
height:72px;
opacity:1 !important;
margin-bottom:20px;
}

.close:focus {
outline:none;
}

.close span{
opacity:0;
}

.image-modal{
text-align:center;
}

.image-modal img{
width:300px;
padding-top:10px;
}


.copyright{
color:#c5bfbf;
font-size:12px;
text-align:center;
}





@media screen and (min-width:768px){


footer{
background:#333333;
padding-top: 20px;
padding-bottom: 20px;
text-align:left;
}


.politique__footer{
text-align:center;
width:100%;
}

.l-s-2{
letter-spacing: 2px;
}

.dividier{
height:70px;
}

.texte-espace-personnel{
width:100%;
text-align:left;
}

.texte-espace-personnel-modal{
text-align:left;
}

.texte-espace-personnel-modal .primary__texte p{
margin-bottom:0;
}

.espace-personnel-modal{
background:#f0913deb;
padding:15px;
}

.close {
background:url("images/close-modal.png");
width:72px;
height:72px;
opacity:1 !important;
margin-bottom:20px;
}

.texte-espace-personnel-modal .primary__texte .fa{
color:#333333;
font-size:10px;
}

.image-modal img{
width:300px;
padding-top:60px;
}


.chercher{
text-align:left;
}

}


@media screen and (min-width:992px){
.espace-personnel-modal{
background:#f0913deb;
padding:20px;
}

.close {
background:url("images/close-modal.png");
width:72px;
height:72px;
opacity:1 !important;
margin-bottom:20px;
}

}


@media screen and (min-width:1200px){
.espace-personnel-modal{
background:#f0913deb;
padding:50px 20px;
}

.close {
background:url("images/close-modal.png");
width:72px;
height:72px;
opacity:1 !important;
margin-bottom:50px;
}

}



.cherche-select{
background: #fff;
border: 0;
height: 35px;
width:100%;
display: inline-block;
padding: 0 30px;
border-radius: 20px;
font-size: 14px;
outline:none;
}


.chercher .form-group{
display:inline-block;
}



.chercher .fa{
background: #fff;
padding: 9.5px;
height: 35px;
margin-left: 10px;
border-radius: 20px;
display: inline-block;
}