/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
img{max-width:100%;}
.verttop{vertical-align: top}
.mauto{margin:0 auto}.mt60{margin-top:60px;}.mt40{margin-top: 40px}.mt30{margin-top: 30px}.mt20{margin-top: 20px}
.center{text-align: center}.txtleft{text-align: left}.txtright{text-align: right}

.right a:hover{color:#0097ad!important;}
.c-menu__item > ul > li > a:hover{color:#0097ad!important;}


.acces{border: 1px solid #b8d6dc;color: #525252;border-radius: 5px;margin-left: 20px;margin-right: 20px;background-color: white;text-align:center;padding-bottom: 20px}
.acces >h2{font-size:24px;padding-left:30px;padding-top:20px;letter-spacing: 1px;text-align:left;}
.acces .bloc >.bloc-left >a{position: relative;font-size:16px;}

.bloc{text-align: left;}

.directorbloc a{line-height: 1.2;border-bottom: 1px solid #dbdbdb;vertical-align: top;display: inline-block;position: relative;background:#fbfbfb;padding:10px 10px;width:250px;height:75px;box-sizing:border-box;border-radius: 3px;margin-right: 10px;text-align: left;}
.directorbloc a>span{display: block;line-height: 1.2;color:#525252;position: relative;top:50%;transform: translate(0,-50%)}
.directorbloc img{position: relative;float:left;padding-right: 20px}

.directorbloc a:hover{background:#eeeeee;}

.logo{text-align: center;background:#0097ad;padding:0 0 10px;}
.logo img{width:150px;height:auto;}
header{background:#0097ad;height:105px;box-sizing:border-box;padding:30px 0;color:#fff;}
div.ariane{background:#fff;border-bottom:#f0f3f4 1px solid;padding:5px 0;}
.ariane a{color:#525252!important;}
.ariane a:hover{color:#999999!important;}
.ariane> a:last-child{color:#999999!important;}

.courtier a{background-color:#04b1ca;height: 25px;display: inline-block;border-radius: 5px;width: 264px;color: white!important;text-align: center;float: right;border: 1px solid #0097ad;}
.courtier a:before{content:url('../img/fleche-courtier.png');float: left;padding-left: 16px;}

.ten.columns.content{margin-left:0;}
.ten.columns.content>div,.ten.columns.content>header,.ten.columns.content>h1{padding-left: 1.4583%;}
.ten.columns.content > h1{font-size:28px;padding:20px 0;}

.ten.columns.content.infos{background:#f1f5f9;height:812px;}
.ten.columns.content.infos > .bloc-1{border: 1px solid #b8d6dc;color:#525252;border-radius: 5px;margin-left:20px;margin-right:20px;background-color:white;}
.ten.columns.content.infos > .bloc-entreprise{padding-right: 1.4583%;border: 1px solid #b8d6dc;color:#525252;border-radius: 5px;margin-left:20px;margin-right:20px;background-color:white;}
.ten.columns.content.infos > .bloc-produit{padding-right: 1.4583%;border: 1px solid #b8d6dc;color:#525252;border-radius: 5px;margin-left:20px;margin-right:20px;background-color:white;}
.ten.columns.content.infos > .caracteristique-devis{padding-right: 1.4583%;border: 1px solid #b8d6dc;color:#525252;border-radius: 5px;margin-left:20px;margin-right:20px;background-color:white;margin-bottom: 40px;}
.ten.columns.content.infos > .bloc-1-contenu{border: 1px solid #b8d6dc;color:#525252;border-radius: 5px;margin-left:20px;margin-right:20px;background-color:white;}
.ten.columns.content.infos > .bloc-2-contenu{border: 1px solid #b8d6dc;color:#525252;border-radius: 5px;margin-left:20px;margin-right:20px;margin-top: 15px;background-color:white;}
.ten.columns.content.infos > .bloc-2{border: 1px solid #b8d6dc;color:#525252;border-radius: 5px;margin-left:20px;margin-right:20px;background-color:white;}


.deco{float:left;width: 128px;line-height: 1}
.deco a >li:before{content:url('../img/deconnecter.png');padding-right: 7px;position: relative;top: 1px;}
.deco a >li{color: #525252;font-size: 13px;background-color: white;width: 128px; height: 26px;border-radius: 5px;text-align: center;list-style:none;line-height: 26px}
.deco a >li:hover{background-color:#cccccc;opacity:0.8;}

.espace{float: left;position: relative; top: 9px;margin-left: 30px;width:calc(50% - 158px);}
.espace a >li{color: #25737f;font-size:18px;background-color:white;width:100%;height:42px;border-radius:0;text-align:center;list-style:none;line-height: 40px;font-weight: 600;}


.buttons{line-height: 40px;float:left;margin-left:10px;margin-top:10px;width:48%;}
.buttons >a{height: 41px;display:inline-block;border-radius: 5px;width:calc(33% - 14px);vertical-align: top;position:relative;}
/*.buttons >a:nth-child(1):hover{background-color:#ccb600;opacity:0.8;}*/
.buttons >a:nth-child(2):hover{background-color:#00bbcc;opacity:0.8;}
.buttons >a:nth-child(3):hover{background-color:#56b21a;opacity:0.8;}
.buttons >a:nth-child(1){background-color:#ffee63;border:1px solid #e2cc1b;color:#7c5a07;}
.buttons >a:nth-child(1):before{content:url('../img/icon-jaune.png');position: absolute;left:11px;}
.buttons >a:nth-child(2){background-color:#21edff;border:1px solid #0ac5d6;margin-left: 5px;margin-right:5px;color:#06767d;vertical-align: top;}
.buttons >a:nth-child(2):before{content:url('../img/icon-bleu.png');position: absolute;left:11px;}
.buttons >a:nth-child(3){background-color:#a3eb74;border:1px solid #71d132;color:#3a7412;}
.buttons >a:nth-child(3):before{content:url('../img/icon-vert.png');position: absolute;left:11px;}
.buttons a >li{text-align: center;list-style:none;display:inline-block;vertical-align:top;font-weight: 600;width:100%;}

.conteneur{text-align: center;line-height: 40px;padding:0 20px 12px!important;}
.conteneur >a{height: 41px;display:inline-block;border-radius: 5px;width:202px;}
.conteneur >a:before{float: left;}
.conteneur >a:nth-child(1):hover{background-color:#ccb600;opacity:0.8;}
.conteneur >a:nth-child(2):hover{background-color:#00bbcc;opacity:0.8;}
.conteneur >a:nth-child(3):hover{background-color:#56b21a;opacity:0.8;}
.conteneur >a:nth-child(1){background-color:#ffee63;border:1px solid #e2cc1b;color:#7c5a07;}
.conteneur >a:nth-child(1):before{content:url('../img/icon-jaune.png');margin-left: 10px;}
.conteneur >a:nth-child(2){background-color:#21edff;border:1px solid #0ac5d6;color:#06767d;}
.conteneur >a:nth-child(2):before{content:url('../img/icon-bleu.png');margin-left: 11px;}
.conteneur >a:nth-child(3){background-color:#a3eb74;border:1px solid #71d132;color:#3a7412;}
.conteneur >a:nth-child(3):before{content:url('../img/icon-vert.png');margin-left: 11px;}
.conteneur a >li{list-style:none;display:inline;vertical-align:top;font-weight: 600;}

select.entreprise{width: 175px;}
.button-entreprise{border:1px solid #d8d8d8;width:38px;height:38px;display:inline-block;vertical-align: top;}
.button-date{border: 1px solid #d8d8d8;position: relative;top: 8px;left: 15px;}

.bloc-entreprise >h2{color:#043e46;font-size:24px;padding-top:20px;letter-spacing: 0px;margin-bottom:1rem;}
.bloc-entreprise >ul{margin:0;}
.bloc-entreprise >ul >li{font-size:15px;list-style:none;display: inline-block;height:100%;margin:0;line-height:0px;padding: 20px 0 20px 10px;vertical-align: top;}
.blue{background-color:#edf8fa;}
.bloc-entreprise >ul >li:nth-child(1){width:30%;}
.bloc-entreprise >ul >li:nth-child(2){width:60%;}
.bloc-entreprise{margin-top: 10px;}

.produit,.risque,.option,.contrat,.college,.cadre,.age,.cotisation,.chargement{width: 200px;}


#marge{position: relative;top: -8px;}
#hidden{visibility: hidden;}
#top{position: relative;top: -12px;}

.text-devis{position: relative;top: -31px;}
.tex-devis ul >li{position:relative;top: 5px;}

.li-top{top: 11px!important;font-size: 13px;}
.li-bot{top: -8px!important;font-size: 13px;}

input[type="text"]:focus{border:1px solid #83d5e4!important;}

::-webkit-input-placeholder {color:black;}
::-moz-placeholder {color:black;} /* firefox 19+ */
:-ms-input-placeholder {color:black;} /* ie */
input:-moz-placeholder {color:black;}

.bloc-produit >h2{color:#043e46;font-size:24px;padding-top:20px;letter-spacing: 0px;margin-bottom:1rem;}
.bloc-produit >ul{padding-left: 29px;margin:0;}
.bloc-produit >ul >li{font-size: 15px;list-style: none;display: inline-block;height: 100%;margin: 0;line-height: 18px;padding: 20px 0 20px 10px;vertical-align: top;}
.bloc-produit >ul >li:nth-child(1){width:30%;}
.bloc-produit >ul >li:nth-child(2){width:60%;}
.bloc-produit{margin-top: 10px;}

.caracteristique-devis >h2{color:#043e46;font-size:24px;padding-top:20px;letter-spacing: 0px;margin-bottom:1rem;}
.caracteristique-devis >ul{padding-left: 29px;margin:0;}
.caracteristique-devis >ul >li{font-size: 15px;list-style: none;display: inline-block;height: 100%; margin: 0;line-height: 18px;padding: 20px 0 20px 10px;vertical-align: top;}
.caracteristique-devis >ul >li:nth-child(1){width:34%;}
.caracteristique-devis >ul >li:nth-child(2){width:65%;}
.caracteristique-devis{margin-top: 10px;}

#min-height{min-height: 91px;}

.select-prod{background-color: #edf8fa;position: relative;min-height: 60px;width: 60%;display: inline-flex;top: 0px;height: 60px;}
.select-prod-white{background-color: white;position: relative;min-height: 60px;width: 60%;display: inline-flex;top: 0px;height: 60px;}
.select-prod li{position:relative;top:11px;list-style-type: none;left: 10px;}
.select-prod-white li{position:relative;top:11px;list-style-type: none;left: 10px;}

.end{text-align: center;list-style-type: none;color: red;font-style: italic;margin-top: 20px;margin-bottom: 30px;}
.green{background-color:#209d5e;height: 44px;width: 112px;display: inline-block;line-height: 44px;color: white;font-style: initial;font-weight: 600;border: 1px solid rgb(19, 130, 74);border-radius: 4px;}
.green:hover{color:white;background-color:#115533;}
.red:hover{color:white;background-color:#8e0b1e;}
.red{background-color:#f0455d;height: 44px;width: 112px;display: inline-block;line-height: 44px;color: white;font-style: initial;font-weight: 600;border: 1px solid rgb(205, 51, 72);border-radius: 4px;}
.bloc-1 >h2{font-size:24px;padding-left:30px;padding-top:20px;letter-spacing: 1px;}
.bloc-1 >ul >li{font-size:15px;padding-left:30px;list-style:none;margin-bottom:0;}
.bloc-1 >ul >li:before{content:url('../img/fleche.png');padding-right: 10px;}
.bloc-1 >p{color:#525252;padding-left:30px;}
.bloc-1{margin-top: 10px;}

.bloc-1-contenu >h2, .bloc-2-contenu > h2{font-size:24px;padding-left:30px;padding-top:20px;}
.bloc-1-contenu >ul >li,.bloc-2-contenu > ul > li {font-size:14px;padding-left:30px;list-style:none;}
.bloc-1-contenu >ul >li:before, .bloc-2-contenu > ul >li:before{content:url('../img/check.png');padding-right: 10px;}
.bloc-1-contenu >p, .bloc-2-contenu > p{color:#525252;padding-left:30px;}

.bloc-2{min-height: 350px;margin-top: 10px;}
.bloc-2 >h2{font-size:24px;padding-left:30px;padding-top:20px;letter-spacing: 1px;margin-bottom: 0}

.left {padding-left:32px;float: left;margin-top: 20px;}
.left img{float: left;}
.left a {color: #525252;font-size: 15px;}
.left li:before {content:url('../img/pdf.png');padding-right:7px;margin-left: 10px;}
.left li {list-style:none;}
.left select{margin-left: 10px;}

.right{float: left;margin-left: 32px;margin-top: 20px;display: inline-block;position: relative;left: 92px;}
.right img{float: left;}
.right a {color: #525252;font-size: 15px;}
.right ul{float: left;}
.right li:before {content:url('../img/pdf.png');padding-right:7px;margin-left: 10px;position: relative;top:3px;}
.right li {list-style:none;margin-left: 10px;}
.right li:nth-child(4):after {content:url('../img/new.png');padding-left:5px;}

#c-menu--push-left,#c-menu--push-left>div,#c-menu--push-left>ul,.two.columns.contlogo{width:243px;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
#c-menu--push-left a{padding-left:0;transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.c-menu__close{padding-left:4px!important;transition:all 0.5s ;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}

#c-menu--push-left li>ul>li>a{padding-left:60px;position: relative;}


#c-menu--push-left.active{width:50px;overflow:hidden;}
#c-menu--push-left.active a,#c-menu--push-left.active .c-menu__close{color:transparent!important;}

#c-menu--push-left.active li>ul>li>a{padding-left:19px;transition:all 0.5s ;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}

.ten.columns.content{width:calc(100% - 243px);}
.ten.columns.content.infos{transition:all 0.5s ;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.ten.columns.content.infos.active{width: calc(100% - 50px);}
.bloc-2-devis{border: 1px solid #b8d6dc;color: #525252;border-radius: 5px;margin-left: 20px;margin-right: 20px;background-color: white;margin-top:10px;}

.buttons-directeur{text-align: left;line-height: 40px;float:left;margin-left:10px;margin-top:10px;width:48%;}

.buttons-directeur >a{text-align: right;height: 41px;display:inline-block;border-radius: 5px;width:160px;vertical-align: top;position:relative;}
.buttons-directeur >a:nth-child(1){background-color:#a3eb74;border:1px solid #71d132;color:#3a7412;}
.buttons-directeur >a:nth-child(1):before{content:url('../img/icon-vert.png');position: absolute;left:11px;}
.buttons-directeur >a:nth-child(1):hover{background-color:#56b21a;opacity:0.8;}

.buttons-directeur a >li{text-align: center;list-style:none;display:inline-block;vertical-align:top;font-weight: 600;width:100%;}

.espace-directeur{float: left;position: relative; top: 9px;margin-left: 30px;width:calc(50% - 158px)}
.espace-directeur a >li{color: #25737f;font-size:18px;background-color:white;width:100%;height:42px;text-align:center;list-style:none;line-height: 40px;font-weight: 600;}


.libelle-devis a{position: relative;right: 25px;}
.inline{text-align:center;display:block;margin-top:20px;}
.inline >.liste-entreprise,.liste-produit,.liste-garantie{width: 180px;}
.inline >.liste-risque,.liste-etat{width: 140px;}
.liste-entreprise,.liste-produit,.liste-garantie,.liste-risque,.liste-villes,.liste-siret{margin-right: 10px;}
.button-date-devis{border: 1px solid #d8d8d8;display:inline-block;height:38px;width:38px;vertical-align: top;margin-left: 7px;}
.a{position: relative;margin-left: 9px;}
input[type="text"].calendrier-devis{margin-left:7px;}
.inline-date{text-align:center;font-weight: 600;}
.inline-date li{color: white;font-size: 13px;background-color: rgb(32, 157, 94);width: 128px;height: 41px;border-radius: 5px;text-align: center;list-style: outside none none;font-weight: 600;display: inline-block;position: relative;margin-left: 22px;line-height: 41px;}
.button-recherche li:hover{background-color:#115533;opacity:0.8;}
.button-recherche li{color: white;font-size: 13px;background-color: rgb(32, 157, 94);width: 128px;height: 41px;border-radius: 5px;text-align: center;list-style: outside none none;font-weight: 600;display: inline-block;position: relative;margin-left: 5px;line-height: 41px;margin-right:10px;}
.button-reinitialiser{margin-left:15px;font-size:13px;font-weight:bold;}
.tri{margin-top:20px;font-weight:600;}
.liste-tri{margin-right: 5px;margin-left: 10px;}
.liste-tri:last-child{margin-left: 0;}
.none{display:none;}

table:not(.withoutblue) thead{background-color: rgb(0, 151, 173);color: white;}
thead >tr >th{border-right: 1px solid white;text-align:center;}
table{width: 98%;}
th >select{color:#043e46;margin: 0px auto;}
tr >td{text-align: center;}
tbody >tr:nth-child(odd){background-color:#edf8fa; }
tbody >tr:nth-child(even){background-color:#f6feff;}
tbody >tr >td{border-right:1px solid white;}

.numeros{text-align:center;}
.numeros button{background:#f8f8f8;border:1px solid #d8d8d8;border-radius: 3px;color:#525252;padding:0 10px;font-size: 1rem}
.numeros button.active{color:white!important;border-color: #888;background-color:#0097ad;outline: 0; }

h1{line-height: 1}
.ten.columns.content >h1.big{padding:0 0 40px;color:#525252;text-transform: uppercase;}

.bloc-left-login{border: 1px solid #b8d6dc;background: #fff;;max-width:800px;width:calc(70% - 200px);margin:30px 50px;padding:20px 0;display: inline-block;vertical-align: top;margin-right:20px;}
.bloc-left-login li{margin:0;}

.bloc-right-login{line-height:1.2;text-align: center;max-width:320px;width:30%;margin:30px;display: inline-block;vertical-align: top;background:#0097ad;color:#fff;padding:25px 20px;border-radius:5px;margin-left: 0}
.bloc-right-login form{max-width:275px;margin:0 auto 20px;}
.bloc-right-login input{width:100%!important;background:#fff url(../img/login.png)no-repeat 95% 50%;padding-right:20px!important;}
.bloc-right-login input[type="password"]{background-image: url(../img/mdp.png)}
.bloc-right-login input,form.headerconnect input{text-align: left!important;margin:0;border-radius: 0!important;border-color:#e1e4e6!important;height:36px!important;color:#878787;padding:2px 10px!important;max-width: 200px;width:100%;}
.bloc-right-login button,form.headerconnect button{display:block;background:#cbd400;margin:10px auto;max-width: 200px;width:100%;color:#fff!important;border-radius:0!important;border:none!important;height:36px;}
.bloc-right-login a{color:#fff;text-decoration: underline;}
.bloc-right-login a:hover,form.headerconnect a:hover{color:#333;}
form.headerconnect{text-align: right;margin-bottom:0;padding-right:20px;}
form.headerconnect input{border: 1px solid #d8d8d8;height:35px!important;max-width:200px;width:calc(40% - 60px);background:#fff url(../img/login.png)no-repeat 95% 50%;padding-right:20px!important;}
form.headerconnect input:last-of-type{margin-left:-3px;background:#fff url(../img/mdp.png)no-repeat 95% 50%}
form.headerconnect button{margin:0;display:inline-block;max-width:none;width:auto;padding:0px 15px;vertical-align:top;height:35px;line-height:35px}
form.headerconnect a{float:right;color:#fff;text-decoration: underline;margin-right:75px;}
.bloc-right-login input::-webkit-input-placeholder,form.headerconnect input::-webkit-input-placeholder {text-align: left;}
.bloc-right-login input:-moz-placeholder,form.headerconnect input:-moz-placeholder { /* Firefox 18- */text-align: left;}
.bloc-right-login input::-moz-placeholder,form.headerconnect input::-moz-placeholder {  /* Firefox 19+ */text-align: left;}
.bloc-right-login input:-ms-input-placeholder,form.headerconnect input:-ms-input-placeholder {text-align: center;}
.espacecourtier{position: relative;width:115px;background:#fff;padding:5px 10px;display:inline-block;color:#0097ad;text-align: center;margin-right:5px;}
.espacecourtier:before{content:"";position: absolute;top:calc(50% - 7px);right:-7px;width: 0; height: 0; border-top: 7px solid transparent; border-left: 8px solid #fff; border-bottom: 7px solid transparent;}

.withoutblue{margin-top:-70px;}
.totalgrey td{background:transparent;}
.totalgrey td.grey{background:#d9e5e7;color:#525252;border-right: 1px solid white;border-top: 1px solid white;padding-left:0;padding-right:0;}
.totalgrey td.grey.small{padding:2px 0;}
.withoutblue thead tr:last-of-type th{background-color: rgb(0, 151, 173);color: white;}

.table-add-devis{width:100%;margin:0 auto 30px;}
.table-add-devis td{text-align: left;padding:5px 10px!important;font-size:1.2rem }
.table-add-devis td:first-child{width:250px;font-weight:600;}
.table-add-devis td:nth-of-type(2){border:0px;width:20%;min-width: 220px}
.table-add-devis td:nth-of-type(3){font-size: 1rem;line-height: 1.4;width:calc(70% - 250px);}



/*.table-add-devis a:not(.green,.red){vertical-align: top;display: inline-block;height:38px!important;width:38px!important;margin-left:10px!important;}*/
.table-add-devis a.green,.table-add-devis a.red{text-align: center;margin-top:10px;}
.table-add-devis a img{position: static!important;}
.table-add-devis td input,.table-add-devis td select{width:100%;max-width:200px;}
.button-date-input{width:calc(100% - 52px)!important;vertical-align: top;}
.table-add-devis input,.table-add-devis select{margin:0;}

.table-add-devis.first-table td:nth-of-type(2){width:calc(100% - 250px);}

.ten.columns.content >header{padding-left:0;}

.bloc-2 li{margin-bottom:0;}

#c-menu--push-left.active li > ul > li > a::before {
    left:18px;
  }
  #c-menu--push-left li > ul > li > a::before {
    left:40px;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    -moz-transition:0.5s all;
  }

 table select{width:100%!important;}
 table th:first-child,table tr>td:first-child{padding-left:15px;}
  table td:not(.center){text-align: left;}
  .souligne{text-decoration: underline;}
  table tr.lasttr td{background:#fff!important;padding-top:20px!important;}
  a.courtier{color:#fff;}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  box-sizing: border-box;
   }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 100%; }
  .column,
  .columns {
    margin-left: 1.4583%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 6.97084917617237%; }
  .two.columns                    { width: 15.42036121673004%; }
  .three.columns                  { width: 23.86987325728771%;            }
  .four.columns                   { width: 32.31938529784537%; }
  .five.columns                   { width: 40.76890367553866%; }
  .six.columns                    { width: 49.21841571609632%;            }
  .seven.columns                  { width: 57.66792775665399%; }
  .eight.columns                  { width: 66.11744613434728%; }
  .nine.columns                   { width: 74.56695817490494%;          }
  .ten.columns                    { width: 83.01647021546261%; }
  .eleven.columns                 { width: 91.46598859315589% }
  .twelve.columns                 { width: 100%; margin-left: 0; }

/*
  marge :23.3333px
  .one.column,
  .one.columns                    { width: 110px; }
  .two.columns                    { width: 243.3333px; }
  .three.columns                  { width: 376.6666px;            }
  .four.columns                   { width: 509.9999px; }
  .five.columns                   { width: 643.3333px; }
  .six.columns                    { width: 776.6666px;            }
  .seven.columns                  { width: 909.9999px; }
  .eight.columns                  { width: 1043.3333px; }
  .nine.columns                   { width: 1176.6666px;          }
  .ten.columns                    { width: 1309.9999px; }
  .eleven.columns                 { width: 1443.3333px; }
  .twelve.columns                 { width: 100%; margin-left: 0; }*/


  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */



html {

  font-size: 62.5%;}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif!important;
  min-width: 600px;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 600; }
h1 { color:#043e46;font-size:2.8rem;border-bottom:1px solid #b8d6dc;text-align: center;background:#fff;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 2.8rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 28px;
  padding: 0 18px;
  color: #555!important;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #d8d8d8;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: disc inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
   }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Smaller than Desktop HD */





@media (max-width: 1250px) {
  .deco{position: relative;display: inline-block;}

  .espace{position: relative;display: inline-block;}


  #c-menu--push-left {
    width: 50px;
    overflow: hidden;
  }

   #c-menu--push-left.active {
    width: 243px;
    overflow: hidden;
  }

  #c-menu--push-left.active .c-menu__close {
    color: #444604 !important;
  }

  #c-menu--push-left.active li > ul > li > a{
    color:white;
    padding-left: 60px;
  }

  #c-menu--push-left li > ul > li > a {
    padding-left: 19px;
    color:transparent!important;
  }
  #c-menu--push-left li > ul > li > a::before {
    left:18px;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    -moz-transition:0.5s all;
  }
  #c-menu--push-left.active li > ul > li > a::before {
    left:40px;
  }

  #c-menu--push-left.active li > ul > li > a:hover {color:#0097ad!important;}

  #c-menu--push-left.active a{color:white!important;}

  #c-menu--push-left .c-menu__close::before {content:url('../img/icon-menu-bis.png')!important;}
  #c-menu--push-left.active .c-menu__close::before {content:url('../img/icon-menu.png')!important;}

  .c-menu--push-left .c-menu__link{color:transparent!important;}
  .c-menu--push-left .c-menu__close{color:transparent!important;pointer-events:visible;}

  .ten.columns.content.infos{width: calc(100% - 50px);}
  .ten.columns.content.infos.active{width: calc(100% - 243px) !important;}
  .ten.columns.content.infos.active >.bloc-2 >.left select{margin-top:10px;margin-left:0;}
  .ten.columns.content.infos.active >.bloc-2 >.right ul{margin-top:10px;}

  .buttons,.buttons-directeur{position: relative;display:inline;}

  .conteneur >a{width: 100%;margin-bottom: 7px;}

  .ten.columns.content.infos.active >.bloc-entreprise > ul > li{line-height:12px;}




}





@media (min-width: 1181px) and (max-width: 1244px) {

 .buttons,.buttons-directeur{display:inherit;}
 .buttons >a:before,.buttons-directeur>a:before{padding-right:0px!important;}
 .buttons-directeur a >li,.buttons a >li{text-align: right;padding-right:10px;}
}

/* Smaller than tablet */
@media (max-width: 1180px) {
	.buttons-directeur a >li,.buttons a >li{text-align: right;padding-right:10px;}
  .buttons,.buttons-directeur{display:inherit;margin-left:5px;width:48%;}
  .buttons >a:before,.buttons-directeur>a:before{padding-right:0px!important;left:5px;}
  .ten.columns.content.infos.active >.bloc-2{height:72%;}
  .buttons >a>li{text-align: right;padding-right:2px;}
  .buttons >a{text-align: right;}
  .bloc-right{margin-top:50px;}

  .a-1 > a{top:0px;left:0px;display:block;}
  .a-2 > a{top:0px;left:0px;display:block;}
  .a-3 > a{top:0px;left:0px;display:block;}
  .a-4 > a{top:0px;left:0px;display:block;}
  .a-5 > a{top:0px;left:0px;display:block;}
  .a-6 > a{top:0px;left:0px;display:block;}

  .a-1{width:28%;left:0px;}
  .a-2{width:28%;}
  .a-3{width:28%;}
  .a-4{width:28%;}
  .a-5{width:28%;}
  .a-6{width:28%;}

  .a-1 img{top:0px;}
  .a-2 img{top:0px;}
  .a-3 img{top:0px;}
  .a-4 img{top:0px;}
  .a-5 img{top:0px;}
  .a-6 img{top:0px;}

}

@media (max-width: 1128px){
 .espace-directeur{width: calc(70% - 158px) !important;}
.buttons-directeur{width:30px;}

  

}
 

@media (max-width: 1072px) {
   .right{left: 0px;}

    .text-devis li{position: relative;width: 100%;}
    .caracteristique-devis > ul > li:nth-child(1) {width: 30%!important;}
    .select-prod{width: 68%!important;}
    .bloc-produit > ul > li:nth-child(1) {width: 30%;}
    .select-prod-white{width: 68%!important;}
    .caracteristique-devis ul >.select-prod >.text-devis li{display:none!important;}
    .caracteristique-devis ul >.select-prod-white >.text-devis li{display:none!important;}
    .buttons >a:nth-child(1):before,.buttons >a:nth-child(2):before,.buttons >a:nth-child(3):before{left:5px;}


}

@media (max-width: 1061px) {
  th, td,table th:first-child {padding: 11px 2px!important;}
  th >select.liste-entreprise{margin:0;width: 107px;}
  th >select.liste-risque{margin:0;width: 85px;}
  th >select.liste-etat{margin:0;width: 68px;}
  table{font-size: 12px;}
  .buttons >a:nth-child(1) >li,.buttons >a:nth-child(2) >li,.buttons >a:nth-child(3) >li{left:0;padding-left:5px;margin:0;width:calc(100% - 30px);}
  }

@media (max-width: 985px) {
  .conteneur >a{display: block;margin-bottom: 8px;}
  .conteneur >a:before{margin-left: -26px;float: left;}
  .conteneur >a:nth-child(2):before{content:url('../img/icon-bleu.png');margin-left: -27px;}
  .conteneur >a:nth-child(3):before{content:url('../img/icon-vert.png');margin-left: -27px;}
  .buttons >a:nth-child(1):before,.buttons >a:nth-child(2):before,.buttons >a:nth-child(3):before{left:0px!important;}

  .buttons a>{font-size:0.7em;}

  .buttons a>:nth-child(1):before{float:left;padding-right:0;}
  .buttons a>:nth-child(2):before{float:left;padding-right:0;}
  .buttons a>:nth-child(3):before{float:left;padding-right:0;}
  .ten.columns.content.infos.active >#min-height{min-height: 91px;}

  .bloc-2{height: 66%;}

  .buttons >a:nth-child(1) >li,.buttons >a:nth-child(2) >li,.buttons >a:nth-child(3) >li{left:0;padding-left:5px;margin:0;width:calc(100% - 22px);}
  .bloc-left-login{max-width:none;width:calc(100% - 100px);margin:50px;}

  .bloc-right-login{max-width:300px;width:calc(100% - 100px);margin:0 50px;}
}

@media (max-width:930px) {
	.buttons-directeur a >li,.buttons a >li{text-align: center;padding-right:0px;}
  .buttons,.buttons-directeur{margin-left: 0px;top: -33px;position:relative;display: inline-block;float:none;width: 100%;}
  .buttons-directeur{padding-left:0px;}
  .buttons >a,.buttons-directeur>a{ overflow:hidden;width: 32.8%!important;margin: 5px 0!important;height: 25px;line-height: 25px;}
  .buttons >a:nth-child(1):before{content:url('../img/icon-jaune-small.png');top: -8px;}
  .buttons >a:nth-child(1) >li{border-left: 1px solid rgb(243, 200, 71);display: inline-block;height: 1.7em;padding-left: 3px;}
  .buttons >a:nth-child(2):before{content:url('../img/icon-bleu-small.png');top: -8px;}
  .buttons >a:nth-child(2) >li{border-left: 1px solid #06ccd7;display: inline-block;height: 1.7em;padding-left: 1px;left:-19px;}
  .buttons >a:nth-child(3):before,.buttons-directeur>a:before{content:url('../img/icon-vert-small.png');top: -8px;}
  .buttons >a:nth-child(3) >li{border-left: 1px solid #75d434;display: inline-block;height: 1.7em;margin-left: 6px;left: -17px;}
  
  .buttons >a:nth-child(1) >li,.buttons >a:nth-child(2) >li,.buttons >a:nth-child(3) >li{left:0;padding-left:5px;margin:0;width:calc(100% - 35px);}
  .espace-directeur{top: -10px;position: relative;width: calc(100% - 158px) !important;}
  .espace{top:-10px;width: calc(100% - 158px) !important;}
  .espace a >li{width: 100%!important;}
  .deco{top:-18px;}

  .ten.columns.content.infos.active >.bloc-2{height:72%;}

  .listeselect{text-align: left;}
  .listeselect select,.listeselect input{width:47%!important;text-align: left;}
  .directorbloc div{display:inline;}
  .directorbloc a{margin-top: 10px}

  .acces{height:350px;}
  a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }
    a[tel] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

}



@media (max-width:765px){
  .buttons,.buttons-directeur{margin-left: -1px;}
  .withoutblue{margin-top:0px;}
  .espace a >li{width: 100%!important;}
  .espace-directeur{width: 51%;}
  .produit, .risque, .option, .contrat, .college, .cadre, .age, .cotisation, .chargement {width: 158px;}
  input[type="text"]{width:158px;}
  table:not(.table-add-devis) table,table:not(.table-add-devis) tbody { display: block; }
  table:not(.table-add-devis) thead{display: none;}
  table:not(.table-add-devis) thead >tr >th{display: block;border-bottom: 1px solid white;}
  table:not(.table-add-devis) tr {display: table;width: 100%;}
  table:not(.table-add-devis) td,table:not(.table-add-devis) th { display: table-row; }
  table:not(.table-add-devis) tr{border-bottom: 1px solid black;}
  table:not(.table-add-devis) td:before {content: attr(data-headers);display: table-cell;width: 60%;border-right:1px solid black;font-weight: bold;}
  table.table-add-devis td:nth-of-type(2),table.table-add-devis td:nth-of-type(1){display:inline-block;width:49%;box-sizing:border-box;}
  table.table-add-devis td:nth-of-type(3){width:100%!important;display:inline-block;border-top:1px solid #fff;box-sizing:border-box;}
  /*
    td:before {content: attr(data-headers);display: table-cell;width: 60%;border-right:1px solid black;font-weight: bold;}
  */
  .buttons-directeur a >li{text-align: right;padding-right:10px;}

    table td:not(.center){text-align: center;}
}

@media (max-width: 700px) {
  
  .buttons > a:nth-child(1)::before {left: -26px;}
  .buttons > a:nth-child(2)::before {left: -10px;}
  .buttons > a:nth-child(3)::before {left:-9px;float: left;}

  .courtier{width: 274px;}
  .bloc-entreprise > ul > li{line-height:12px;}

  
  .espace-directeur a>li,.espace a>li{font-size:1rem;}
  .buttons-directeur a>li,.buttons a>li{font-size:0.9rem;}
}



/* Smaller than phablet (also point when grid becomes active) */



@media (max-width:640px){
  .calendrier-devis[type="text"]{width:100px;}

  .acces{height:650px;}
}





@media (max-width:550px){
  .container {width: 114%; }
  .buttons {margin-left: 1px;top: -37px;}
  .ten.columns.content.infos > .bloc-2 {height:100%;}

}




*{font-family: 'Source Sans Pro', sans-serif!important;}




/* Smaller than desktop */