/* RESET.CSS */

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


html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

    display: block;

}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* CORRECTIF 16/03 --------------------------------*/



#description-event{

    font-family: 'Roboto';

    line-height: 28px;

    color: #5a5a5a;

    width: 95%;

    text-align: justify;

    font-size: 15px;

}



.choix-type-new-annonce{

    width: 9vw;

    float: left;

}



#container-evenement-left{

    padding-top: 50px;

    width: 54.5vw;

    float: left;

}



#container-evenement-right{

    width: 24.5vw;

    position: absolute;

	top: 450px;

    right: 10%;

}



#barre-onglet-date{

	width: 52.1vw;

	overflow-x: hidden;

	overflow-y: hidden;

	white-space: nowrap;

	float: left;

}



.container-bloc-info{

    font-family: 'Roboto';

    font-size: 13px;

    color: #414141;

    background: #FFF;

    padding: 2% 2%;

    min-height: 28px;

    max-height: 28px;

    margin-right: 1%;

    float: left;

    width: 10vw;

}



.container-bloc-identite-conducteur{

    font-family: 'Roboto';

    font-size: 13px;

    background: #FFF;

    padding: 2% 2%;

    max-height: 28px;

    color: #414141;

    min-height: 28px;

    float: left;

    margin-right: 1%;

    border-left: 5px solid #f26c4f;

    width: 8vw;

}



.container-bloc-identite{

    font-family: 'Roboto';

    color: #414141;

    font-size: 13px;

    background: #FFF;

    padding: 2% 2%;

    max-height: 28px;

    min-height: 28px;

    float: left;

    margin-right: 1%;

    border-left: 3px solid #FFFFFF;

    width: 8vw;

}



#left-date{

    display: none;

}



.radio-select{

    font-family: 'Roboto';

    margin-right: 1vw;

    color: #5a5a5a;

    font-size: 13px;

}



.search_input{

    font-family: 'Roboto';

    float: left;

    width: 13vw;

    font-size: 12px;

    padding-left: 1%;

    margin-right: 0.5vw;

    height: 35px;

    border: 1px solid #b4b4b4;

}



#rechercher{

    float: right;

}



#tri-annonce{

    font-family: 'Roboto';

    float: left;

    font-size: 12px;

    width: 11vw;

    color: #a9a9a9;

    padding-left: 1%;

    height: 39px;

    border: 1px solid #b4b4b4;

}



.onglet-date-no-driver{

    display: inline-block;

    margin-right: 0.5vw;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    cursor: pointer;

    color: #f26c4f;

    height: 0.95vw;

    opacity: 0.5;

    background: rgb(255, 255, 255);

    padding: 1.1vw;

    border: 1px solid #f26c4f;

    font-family: 'Montserrat';

    font-weight: 500;

    font-size: 12px;

}



.onglet-date-desactive{

    display: inline-block;

    margin-right: 0.5vw;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    cursor: pointer;

    color: #f26c4f;

    height: 0.95vw;

    background: rgb(255, 255, 255);

    padding: 1.1vw;

    border: 1px solid #f26c4f;

    font-family: 'Montserrat';

    font-weight: 500;

    font-size: 12px;

}



#left-date{

	display: none;

	background-image: url(../img/left-arrow-orange.png);

	background-size: 7px;

    background-repeat: no-repeat;

    background-position: center;

    float: left;

    height: 0.95vw;

    cursor: pointer;

    color: #f26c4f;

    background-color: rgb(255, 255, 255);

    padding: 1.1vw;

    border: 1px solid #f26c4f;

    font-family: 'Montserrat';

    font-weight: 500;

    font-size: 12px;

}



#left-date:hover{

	background-image: url(../img/left-arrow-white.png);

	background-size: 7px;

    background-color: rgba(242, 108, 79, 0.85);

    background-repeat: no-repeat;

    background-position: center;

    float: left;

    height: 0.95vw;

}



#right-date{

	background-image: url(../img/right-arrow-orange.png);

	background-size: 7px;

    background-repeat: no-repeat;

    background-position: center;

    float: left;

    height: 0.95vw;

    cursor: pointer;

    color: #f26c4f;

    background-color: rgb(255, 255, 255);

    padding: 1.1vw;

    border: 1px solid #f26c4f;

    font-family: 'Montserrat';

    font-weight: 500;

    font-size: 12px;

}



#right-date:hover{

	background-image: url(../img/right-arrow-white.png);

	background-size: 7px;

    background-color: rgba(242, 108, 79, 0.85);

    background-repeat: no-repeat;

    background-position: center;

    float: left;

    height: 0.95vw;

}



.onglet-date-active{

    display: inline-block;

    margin-right: 0.5vw;

    height: 0.95vw;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    cursor: pointer;

    background: #f26c4f;

    padding: 1.1vw;

    color: #FFF;

    border: 1px solid #f26c4f;

    font-family: 'Montserrat';

    font-weight: 500;

    font-size: 12px;

}



/* ------------------------------------------------------ */



.gm-style-iw + div {display: none;}



.message-glisser{

    margin-top: 20px;

    font-family: 'Roboto';

    font-style: italic;

    width: 100%;

    text-align: center;

    font-size: 16px;

    color:#b6b6b6;

}

.infowindow{

    overflow: auto;

    height: auto;

}



.identite-infowindow{

    color: #f26c4f;

    font-size: 15px;

    padding-bottom: 5px;

    font-family: 'Roboto';

    font-weight: 700;

}



.date-infowindow,.adresse-infowindow{

    font-size: 12px;

    padding-bottom: 5px;

    font-family: 'Roboto';

}

.alert-design{

    background-color: #FFFFFF;

    margin: 0 auto;

    border-radius: 5px;

    position: fixed;

    left: 50%;

    top: 2%;

    margin-left: -200px;

    overflow: hidden;

    display: none;

    z-index: 100;

}



.alert-design form{

    padding: 30px;

}



.mini-text{

    font-size: 12px;

}



.color-blue{

    color:#006385;

}



#title-bloc-passager{

    color: #414141;

    font-family: 'Roboto';

    font-size: 20px;

    padding-bottom: 15px;

    text-align: center;

}



#third-part-annonces{

    padding: 26px;

    background: #FFF;

    height: auto;

    width: 85%;

    overflow: hidden;

    padding-top: 35px;

    border-top: 1px solid #e8e8e8;

    border-right: 1px solid #e8e8e8;

    border-left: 1px solid #e8e8e8;

}



#bloc-liste-passagers .passager-drag .item-drag-passager{

    margin-bottom: 5%;

}



.item-drag-passager{

    border-radius: 3px;

    background: #f26c4f;

    cursor: move;

    float: left;

    font-family: 'Roboto';

    text-align: center;

    width: 92%;

    line-height: 20px;

    font-size: 13px;

    color: #FFF;

    padding: 4% 4%;

}



#logo-home{

  float: right;
  background:rgba(255, 255, 255, 0.8);
  padding: 30px;
  border-radius: 20px;
  margin-top: 53vh;

}



.item-drag-passager .float_left{

    width: 90%;

}



.item-drag-passager .float_right{

    width: 5%;

}



.alert-design p {

    color: #797979;

    font-size: 16px;

    text-align: center;

    font-weight: 300;

    position: relative;

    text-align: inherit;

    float: none;

    margin: 0;

    padding: 0;

    line-height: normal;

}



.alert-design{

    text-align: center;

}



#container-filtre-passager-attente{

    height: 50px;

}



#filtre-aller-passager{

    width: 49%;

    cursor: pointer;

    border-left: 1px solid #e8e8e8;

    font-family: 'Montserrat';

    text-align: center;

}



#filtre-retour-passager{

    width: 50%;

    cursor: pointer;

    border-left: 1px solid #e8e8e8;

    border-right: 1px solid #e8e8e8;

    font-family: 'Montserrat';

    text-align: center;

}



.filtre-active-aller{

    height: 5px;

    width: 100%;

    background: #FFF;

}



.filtre-active-retour{

    height: 5px;

    width: 100%;

    background: #FFF;

}



.filtre-active-aller.active{

    height: 5px;

    width: 100%;

    background: #f26c4f;

}



.border-filtre-aller.active{

    height: 5px;

    width: 100%;

    background: #f26c4f;

}



.border-filtre-retour.active{

    height: 5px;

    width: 100%;

    background: #f26c4f;

}



.text-filtre{

    height: 30px;

    color: #414141;

    padding-top: 20px;

}



.sweet-overlay {

    background-color: black;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

    background-color: rgba(0, 0, 0, 0.4);

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    display: none;

    z-index: 10000;

}



/* NEW DESIGN 2017 */

.div-horaire{

    height: 30px;

    margin-top: 11px;

}



.groupe-covoit{

    width: 100%;

    margin: 2% 0.3%;

}



.groupe-covoit .container-annonce{

    padding-bottom: 10px;

}



.container-type-bloc-annonce img {

    padding-top: 5px;

    padding-bottom: 4px;

}



#container-bloc-left {

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.8);

    width: 240px;

    margin-top: 45%;

    height: 280px;

    padding: 40px;

    text-align: center;

}



.container-places-restantes{

    height: auto;

    width: 93.5%;

    padding-bottom: 10px;

    overflow: auto;

}



.options-conducteur{

    padding-left: 10px;

    float: left;

}



.options-conducteur img{

    padding-right: 10px;

}



.nb-places-dispos{

    float: left;

    font-family: 'Roboto';

    padding-right: 10px;

    padding-left: 10px;

    font-size: 15px;

    margin-top: 5px;

    line-height: 15px;

    color: #414141;

    border-right: 2px solid #414141;

}



.entete-voiture{

    height: 142px;

}



.entete-voiture-complete{

    height: 90px;

}



.boutons-form-new{

    height: 36px;

    width: 250px;

    float: right;

}



.radio-select input{

	float: left;

}



.radio-select label{

	float: left;

	line-height: 18px;

}



#annonces-passagers-liste {

    background: #e3edf5;

    width: 96%;

    padding: 2%;

    margin: 0 0 20px 0;

}



input,select{

	outline: none;

}



.select-action-annonce option:nth-child(1){

    display: none;

}



.bp-passager-ajout{

    cursor: pointer;

    background-size: 25px 25px;

    background-image: url('../img/passager_off.svg');

    height: 25px;

    width: 25px;

    float: left;

}



.select-action-annonce{

	background: #d5d3d3;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

	color:#757070;

	width: 42px;

    height: 20px;

	border: none;

}



#annonces-passagers-liste .passager-drag .container-annonce{

    margin-top: 1%;

}



#annonces-passagers-liste .passager-drag:nth-child(1) .container-annonce{

    margin-top: 0;

}



.groupe-covoit .container-annonce:last-child{

    margin-top: 1%;

}



.groupe-covoit .container-annonce:nth-child(1){

    margin-top: 0;

}



.select-action-annonce option{

	background: #FFF;

	color: #000;

	text-align: center;

}



#info-glissez-deposez{

    font-family: 'Roboto';

    color: #414141;

    padding-bottom: 20px;

    line-height: 18px;

    font-size: 13px;

    text-align: center;

}



.bp-passager-ajout:hover{

    cursor: pointer;

    background-size: 25px 25px;

    background-image: url('../img/passager_on.svg');

    opacity: 0.65;

    height: 25px;

    width: 25px;

}



.bp-conducteur-ajout {

    margin-right: 5px;

    cursor: pointer;

    background-size: 25px 25px;

    background-image: url('../img/conducteur_off.svg');

    height: 25px;

    width: 25px;

    float: left;

}



#bouton-ajouter,#valider-suppression{

    width: 55px;

    float:right;

}



#bouton-ajouter-retour{

    width: 150px;

    display: none;

    float: right;

}



#modifier-aller{

    display: none;

    float: left;

}



.bp-conducteur-ajout:hover{

    cursor: pointer;

    background-size: 25px 25px;

    background-image: url('../img/conducteur_on.svg');

    opacity: 0.65;

    height: 25px;

    width: 25px;

}



.show-detail:hover, .hide-detail:hover{

    background: #9c9c9c;

    color: #FFF;

}



.show-detail,.hide-detail{

    float: right;

    cursor: pointer;

    background: #b2b2b2;

    padding: 1.4% 3.6%;

    border-radius: 5px;

    font-size: 12px;

    font-family: 'Roboto';

    color: #FFF;

}



.active-passager-ajout{

    background-size: 25px 25px;

    height: 25px;

    width: 25px;

    background-image: url('../img/passager_on.svg');

}



.container-input input:focus {

    outline: none;

    border-color: #337bbb;

}



.comment-area{

    border-radius: 3px;

}



.input-new-annonce-100:focus {

    outline: none !important;

    border-color: #337bbb;

}



.input-new-annonce-50-right:focus {

    outline: none !important;

    border-color: #337bbb;

}



.input-new-annonce-50-left:focus {

    outline: none !important;

    border-color: #337bbb;

}



textarea:focus {

    outline: none !important;

    border-color: #337bbb;

}



.container-type-bloc-annonce{

    width: 42px;

    text-align: center;

    background: #FFF;

}



#popup-suppression{

    top: 30% !important;

}



.active-conducteur-ajout{

    background-size: 25px 25px;

    height: 25px;

    width: 25px;

    background-image: url('../img/conducteur_on.svg');

}



#map-part{

    margin-bottom: 0;

}



#texte-popup{

    font-family: 'Roboto';

    padding-top:20px;

    padding-bottom: 40px;

    width: 296px;

}

.ligne-input-ajout{

    margin-bottom: 5%;

    height: 35px;

}



#adresse-event{

    padding-top: 15px;

    font-family: 'Roboto';

    color: #5a5a5a;

}



#titre-a-propos{

    font-family: 'Roboto';

    font-size: 25px;

    color: #5a5a5a;

    padding-bottom: 15px;

}



.complet{

    color: #414141;

    font-weight: 700;

    font-family: 'Roboto';

}



#tab-recherche{

    padding: 2%;

    height: auto;

    width: 96%;

    height: 39px;

    overflow: auto;

    background-color: #f0f0f0;

    margin-bottom: 3%;

}



.container-bloc-identite  div:nth-child(1){

    padding-bottom: 3px;

}



.container-bloc-identite-conducteur div:nth-child(1){

    padding-bottom: 3px;

}



.container-conducteur-bold{

    font-weight: 700;

}



.cursor-pointer{

    cursor: pointer;

}



#popup-commentaire{

    width: 25%;

}



.date-attente{

    color: #414141;

    font-family: 'Roboto';

    font-size: 16px;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

}



#texte-commentaire{

    font-family: 'Roboto';

    font-size: 14px;

    text-align: justify;

}



.line-height-16{

    line-height: 16px;

}



.lire-plus{

    font-weight: 700;

    font-size: 12px;

    cursor: pointer;

    text-decoration: underline;

}



.word-wrap{

   word-wrap: break-word;

   line-height: 16px;

}



.roboto-bold{

    font-family: 'Roboto';

    font-weight: 700;

}



#container-form-supp-conducteur{

    display: none;

}



.onglet-date-desactive:hover{

        color: #FFF;

    background: rgba(242, 108, 79, 0.85);

}



.bouton-new{

    background-color: #337bbb;

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 20px;

    color: white;

    padding: 15px;

    width: 100px;

    float: right;

    height: 20px;

    cursor: pointer;

    text-align: center;

}



.ligne-input-ajout-textarea{

    height: 65px;

}



.icone-preferences{

    float: left;

    margin-top: 2px;

    margin-left: 10px;

}



.container-evenement{

    width: 80%;

    height: auto;

    overflow: auto;

    margin: 0 auto;

}



#option-conducteur{

    float: right;

}



#contactez-nous, #prix-premium{

    margin-top: 20px;

}



#passer-premium,#contactez-nous{

    display: none;

}



#container-description h1 span{

    font-family: 'Montserrat';

    color: #005aab;

    float: right;

    font-size:

    font-weight: 700;

}



#link-passer-premium{

    color: #005aab;

    font-weight: 700;

    cursor: pointer;

    margin-top: 20px;

    font-size: 13px;

    text-decoration: underline;

    font-family: 'Montserrat';

}



.container-logo-pro{

    padding: 0 0 25px 0;

    height: 80px;

}



#link-pourquoi-premium{

    color: #005aab;

    font-weight: 700;

    cursor: pointer;

    margin-top: 15px;

    font-size: 13px;

    text-decoration: underline;

    font-family: 'Montserrat';

}



#title-ajout-annonce{

    background: #f26c4f;

    color: #FFF;

    font-size: 20px;

    padding: 5%;

    width: 91%;

    font-family: 'Roboto';

    text-align: center;

}

header#header-event {

    background-color: rgba(51, 123, 187, 0.8);

    height: 80px;

    position: absolute;

    top: 0;

    width: 100%;

}



.fixed-nouvelle-annonce{

    position: fixed !important;

    top: 0 !important;

}



#second-part-annonces{

    padding: 25px;

    background: #FFF;

    height: auto;

    overflow: auto;

    border: 1px solid #e8e8e8;

}



.select-action-passager option:nth-child(1){

    display: none;

}



.select-action-passager{

    background: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    color: #000000;

    cursor: pointer;

    width: 70px;

    border: none;

}



.container-inputs-new-left{

    width: 45%;

    float: left;

}



.container-inputs-new-right{

    width: 45%;

    float: right;

}



#center-second-part-annonce{

    width: 80%;

    margin: 0 auto;

}



.input-new-annonce-50-left{

    font-family: 'Roboto';

    float: left;

    width: 45%;

    border-radius: 3px;

    padding-left: 2%;

    height: 30px;

    border: 1px solid #b4b4b4;

}



.container-voiture{

	overflow: hidden;

    padding: 2%;

    margin-bottom: 3%;

    background: #f0f0f0;

}



.container-search-no-found{

    overflow: hidden;

    padding: 5%;

    margin-bottom: 3%;

    text-align: center;

    background: #f0f0f0;

}



.container-search-no-found #no-result{

    font-family: 'Roboto';

    color: #414141;

    padding-top: 4%;

    font-size: 25px;

}



.container-search-no-found #try-again{

    font-family: 'Roboto';

    font-weight: 700;

    color: #414141;

    padding-top: 2%;

    font-size: 15px;

}



.input-new-annonce-100{

    font-family: 'Roboto';

    width: 97.5%;

    border-radius: 3px;

    height: 30px;

    padding-left: 2%;

    border: 1px solid #b4b4b4;

}



textarea {

    border: 1px solid #A9A9A9;

    max-height: 40px;

    min-height: 40px;

    font-family: 'Roboto';

    padding-left: 2%;

    padding-top: 2%;

    min-width: 96.5%;

    max-width: 96.5%;

    resize: none;

}



#description{

    height: 135px;

    min-height: 135px;

    min-width: 94%;

    max-width: 94%;

}



.choix-type-new-annonce div.text-choix{

    line-height: 25px;

    font-size: 12px;

    color: #5a5a5a;

    font-family: 'Roboto';

}



.input-new-annonce-50-right{

    font-family: 'Roboto';

    float: right;

    width: 45%;

    border-radius: 3px;

    padding-left: 2%;

    height: 30px;

    border: 1px solid #b4b4b4;

}



#first-part-annonces{

    height: auto;

    overflow: auto;

    margin-bottom: 3%;

}



#container-boutons-step{

    height: 36px;

    width: 99.9%;

}



.div-horaire .date{

    float: left;

    font-size: 15px;

    font-family: 'Roboto';

    padding: 0 20px;

    line-height: 25px;

}



.float_left_time{

    margin-top: 16px;

    padding-left: 0px !important;

}



.full-width-background{

    background-image: url(../img/home/1.jpg);

    height: 100vh;

    min-height: 750px;

    position: absolute;

    top: 0;

    z-index: -1;

    width: 100%;

    transition: background 2s linear;

    background-size: cover;

}



.full-width-home{

    height: 100vh;

    background: rgba(0, 0, 0, 0.3);

    min-height: 750px;

    width: 100%;

}



#home-left{

    height: 300px;

}



#container-logo{

    height: 80px;

    padding: 15px;

}



#premium-tarif, #premium-pourquoi{

    display: none;

    height: 350px;

}



.container-bloc-left{

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.8);

    width: 240px;

    margin-top: 45%;

    height: 280px;

    padding: 40px;

    text-align: center;

}



#container-description h1{

    font-family: 'Montserrat';

    color:#3d3d3d;

    font-weight: 700;

    padding: 15px;

}



.center-home-page{

    margin: 0 auto;

    padding-top: 5%;

    width: 80%;

}



.bloc-left-home{

    float: left;

    margin-top: 4vh;

}



.text-align-right{

    text-align: right;

}



#container-description h2{

    color:#3d3d3d;

    font-family: 'Montserrat';

}



.border-black-100 {

    width: 100px;

    margin: 0 auto;

    margin-top: 20px;

    margin-bottom: 20px;

    border-bottom: 2px solid #3d3d3d;

}



#container-logo-covoit{

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.8);

    width: 240px;

    margin-top: 20%;

    float: left;

    padding: 5px 40px;

    text-align: center;

}



.orange-button{

    background: #e4654a;

    padding: 12px 32px;

    color: #FFF;

    transition: all 1s;

    font-size: 13px;

    font-family: 'Roboto';

    text-transform: uppercase;

    border-radius: 50px;

}



.orange-button:hover{

    background: #c35b43;

}



.button:focus {

    outline: none;

}



#container-reseaux-sociaux{

    float: right;

    margin-top: 1%;

    width: 95px;

}



footer{

    font-family: 'Roboto';

    padding: 50px 0;

    width: 100%;

    position: absolute;

    background-color: #303030;

}



footer .container-center-footer{

    width: 80%;

    margin: 0 auto;

}



footer .container-center-footer ul.float_right li.float_right a{

    margin-left: 15px;

}



footer ul li{

    margin-bottom: 15px;

    font-size: 15px;

    color: #FFF;

}











































body{

    padding-bottom: 0;

}



/* CSS STYLE COVOIT.NET */



@font-face {

    font-family: 'roboto_light';

    src: url('../font/robotolight.eot');

    src: url('../font/robotolight.eot?#iefix') format('embedded-opentype'),

         url('../font/robotolight.woff') format('woff'),

         url('../font/robotolight.ttf') format('truetype'),

         url('../font/robotolight.svg') format('svg');



    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'roboto_regular';

    src: url('../font/robotoregular.eot');

    src: url('../font/robotoregular.eot?#iefix') format('embedded-opentype'),

         url('../font/robotoregular.woff') format('woff'),

         url('../font/robotoregular.ttf') format('truetype'),

         url('../font/robotoregular.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'roboto_medium';

    src: url('../font/robotomedium.eot');

    src: url('../font/robotomedium.eot?#iefix') format('embedded-opentype'),

         url('../font/robotomedium.woff') format('woff'),

         url('../font/robotomedium.ttf') format('truetype'),

         url('../font/robotomedium.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'roboto_bold';

    src: url('../font/robotobold.eot');

    src: url('../font/robotobold.eot?#iefix') format('embedded-opentype'),

         url('../font/robotobold.woff') format('woff'),

         url('../font/robotobold.ttf') format('truetype'),

         url('../font/robotobold.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'big_john';

    src: url('../font/bigjohn.eot');

    src: url('../font/bigjohn.eot?#iefix') format('embedded-opentype'),

         url('../font/bigjohn.otf') format('truetype'),

         url('../font/bigjohn.woff') format('woff'),

         url('../font/bigjohn.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



a{

    text-decoration: none;

    color: inherit;

}



.container-general{

    width: 1100px;

    border: 1px solid #c1c1c1;

    margin:0 auto;

}



.container-home{

    width: 80%;

    margin: 0 auto;

}





.logo{

    font-family: big_john;

    color:white;

    font-size: 20px;

    float:left;

    padding: 15px 0;

}



.logo a{

    color:white;

}



.logo a:visited{

    color:white;

}



.logo_isere a img{

    padding-top: 12px;

    padding-bottom: 14px;

    padding-right: 30px;

}



header{

    background-color: #337bbb;

    height:80px;

    width:100%;

}



#titles-home{

    padding-top: 50px;

    padding-bottom: 50px;

}



#bouton-planifier{

    background-color: #337bbb;

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 20px;

    color: white;

    padding: 15px;

    width: 208px;

    margin: 0 auto;

    height: 20px;

    cursor: pointer;

    margin-bottom: 50px;

}



.separation{

    border-bottom:1px solid #898989;

    height:5px;

}



.float_right{

    float:right;

}



.float_left{

    float:left;

}



#presentation-event{

    padding: 25px;

    height: auto;

    overflow: auto;

    padding-top: 30px;

    background-color: #e8e8e8;

    margin-bottom: 30px;

}



.title-event {

    height: 30px;

    font-size: 25px;

}



#container-infos-event{

    height: 30px;

    padding-top: 15px;

    padding-bottom: 30px;

}



.title-detail-event{

    vertical-align: middle;

    line-height: 28px;

    padding-left: 5px;

}



.bp-tri{

    font-family: 'Roboto';

    margin-left: 30px;

    border: none;

    background: none;

    font-size: 15px;

}



.bp-tri:hover{

    text-decoration:underline;

}



.clearboth_40{

    height:40px;width:100%;

}



#tab-annonces{

    height: auto;

}



.big-title{

    color:#337bbb;

    font-size: 35px;

    font-family: big_john;

    padding-bottom: 15px;

}



.medium-title{

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 35px;

    color:#676767;

    padding-bottom: 15px;

}



.liste-home{

    padding-top: 50px;

    padding-bottom: 50px;

    height: 200px;

}



.liste-home li{

    width: 165px;

    float: left;

    padding-left: 80px;

    padding-right: 80px;

}



.title-icone{

    text-align: center;

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 18px;

}



.big-john-title{

    font-family: 'Montserrat';

    font-weight: 900;

    text-transform: uppercase;

    font-size: 26px;

    color: #5a5a5a;

}



.big-roboto-title{

    font-family: 'Roboto';

    font-size: 25px;

    color:#373737;

    padding-left: 10px;

}



.fil-ariane{

    font-family: 'Roboto';

    font-size: 20px;

    color:#b0afaf;

}



.active-ariane{

    color:#373737;

}



.title{

    padding-bottom: 30px;

    font-size: 25px;

}



.mini-title{

    color:#337bbb;

    font-family: 'Roboto';

    font-weight: 500;

    padding-bottom: 5px;

    font-size: 20px

}



.container-bloc-annonce{

    background-color: white;

    float: left;

    font-size: 14px;

    margin-right: 3px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 10px;

    height: 50px;

    width: 120px;

}



.container-bloc-annonce-mail-tel{

    background-color: white;

    float: left;

    font-size: 14px;

    overflow-wrap: break-word;

    margin-right: 4px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 10px;

    padding-right: 10px;

    height: 50px;

    width: 150px;

}



.container-bloc-annonce-identite{

    background-color: white;

    float: left;

    font-size: 14px;

    overflow-wrap: break-word;

    margin-right: 4px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 10px;

    padding-right: 10px;

    height: 50px;

    width: 120px;

}



.container-bloc-annonce-date-heure{

    background-color: white;

    float: left;

    font-size: 14px;

    margin-right: 4px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 7px;

    padding-right: 7px;

    height: 50px;

    width: 86px;

}



.container-bloc-bouton{

    float: left;

}



.clearboth_13{

    height: 13px;

    clear: both;

}



.annonce-edition{

    display: none;

}



.bouton_delete {

  background: url("../img/delete.png");

  border: none;

  width: 16px; /* largeur à spécifier */

  height: 16px; /* longueur à spécifier */

  cursor: pointer;

}



.container-bloc-annonce-title{

    float: left;

    font-size: 13px;

    margin-right: 3px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    height:25px;

    width: 130px;

}



.container-bloc-annonce-title-date-heure{

    float: left;

    font-size: 13px;

    margin-right: 3px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    height:25px;

    width: 100px;

}



.container-bloc-annonce-title-coordonnees{

    float: left;

    font-size: 13px;

    margin-right: 3px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    height:25px;

    width: 158px;

}



.container-bloc-annonce-lieu-title{

    float: left;

    font-size: 13px;

    margin-right: 3px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 10px;

    height:25px;

    width: 210px;

}



.container-inputs-modif-big {

    float: left;

    width: 216px;

}



.bp-edit{

    display: none;

    float: left;

}



.container-inputs-modif-big .lieu-area {

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    padding-top: 15px;

    height: 48px;

    max-height: 48px;

    min-height: 48px;

    min-width: 201px;

    max-width: 201px;

    resize: none;

    margin-top: 0;

    padding-left: 9px;

    border: none;

}



.container-inputs-modif-big .comment-area {

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    height: 55px;

    max-height: 55px;

    min-height: 55px;

    min-width: 212px;

    max-width: 212px;

    resize: none;

    margin-top: 0px;

    border: 0;

    padding: 10px 0px 0px 10px;

}



.container-inputs-modif{

    float:left;

    width: 133px;

}



.container-inputs-modif input {

    width: 120px;

    font-family: 'Roboto';

    font-weight: 300;

    color: rgb(169, 169, 169);

    padding-left: 10px;

    height: 40px;

    margin-bottom: 3px;

    border: none;

}



.container-inputs-modif-identite{

    float:left;

    width: 144px;

}



.container-inputs-modif-identite input {

    width: 129px;

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    padding-left: 11px;

    height: 29px;

    margin-bottom: 3px;

    border: none;

}



.container-inputs-modif-date-heure{

    float:left;

    width: 104px;

}



.container-inputs-modif-date-heure input {

    width: 90px;

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    padding-left: 10px;

    height: 29px;

    margin-bottom: 3px;

    border: none;

}



.container-inputs-modif-mail-tel{

    float:left;

    width: 173px;

}



.container-inputs-modif-mail-tel input {

    width: 160px;

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    padding-left: 9px;

    height: 29px;

    margin-bottom: 3px;

    border: none;

}



.container-bloc-annonce-lieu{

    background-color: white;

    float: left;

    font-size: 14px;

    margin-right: 4px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 10px;

    padding-right: 10px;

    height: 50px;

    width: 192px;

}



.partage_email{

    margin-bottom: 10px;

}



.container-bloc-annonce-commentaire{

    background-color: white;

    float: left;

    overflow: auto;

    font-size: 14px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 10px;

    padding-right: 10px;

    height: 50px;

    width: 202px;

}



.container-bloc-annonce-commentaire-title{

    float: left;

    font-size: 13px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 10px;

    height:25px;

    width: 230px;

}



.container-bloc-annonce-type-title {

    float: left;

    font-size: 13px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-top: 15px;

    padding-left: 10px;

    height: 25px;

    width: 50px;

}



.label-title-new-annonce{

    padding-bottom: 20px;

    font-family: 'Roboto';

    font-size: 15px;

}



.container-type-bloc-title{

    float: left;

    width: 25px;

    height:25px;

}



.container-annonce{

    height: 58px;

}



.cursor{

    cursor: move;

}



.container-annonce-title{

    height: 30px;

}



#map-canvas{

    height:300px;

    width:300px;

}



#map-canvas-width-100{

    height:500px;

    width:100%;

}



#map-canvas-big{

    height: 262px;

    width: 100%;

}



.mini-sub-title{

    color:#373737;

    font-style: italic;

    font-size: 15px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-bottom: 40px;

}



#container-mentions{

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 15px;

}



#creation-step{

    height: auto;

}



#creation-step-2{

    display: none;

}



#creation-step-3{

    display: none;

}



.container-input-500{

    width: 540px;

    margin-bottom: 30px;

}



.container-input-500 input {

    width: 390px;

    border: 1px solid #A9A9A9;

    padding: 8px;

}



#step{

    height: 680px;

}



#step-2{

    height: 300px;

}



#step-3{

    height: 300px;

}



#container-formulaire{

    padding: 5%;

    height: auto;

    overflow: auto;

    background-color: #e8e8e8;

    margin-bottom: 30px;

}



#container-partage{

    display: none;

    padding: 5%;

    background-color: #e8e8e8;

    margin-bottom: 30px;

}



.container-input{

    width: 420px;

    margin-bottom: 30px;

}



#bouton_copier{

    margin: 0 auto;

    padding: 1em 2em;

    border: none;

    background: none;

    vertical-align: middle;

    position: relative;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    color: white;

    border-radius: 40px;

    background-color: #f26c4f;

    text-transform: uppercase;

    font-size: 12px;

    font-family: 'Montserrat';

    font-weight: 700;

    text-align: center;

    cursor: pointer;

    float: right;

}



#bouton_copier:hover{

   background-color: #e6664a;

}



#bouton_plus{

    margin: 0 auto;

    padding: 1em 2em;

    border: none;

    background: none;

    vertical-align: middle;

    position: relative;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    color: white;

    border-radius: 40px;

    background-color: #f26c4f;

    text-transform: uppercase;

    font-size: 12px;

    font-family: 'Montserrat';

    font-weight: 700;

    text-align: center;

    cursor: pointer;

    float: right;

}



#bouton_plus:hover{

   background-color: #e6664a;

}



#bulle-help .float_left{

    padding-left: 5px;

}



#bulle-help .float_left:nth-child(1){

    margin-top: 5px;

}



#info-event{

    height: auto;

    width: 100%;

}



#bulle-help{

    cursor: pointer;

    height: 32px;

    font-size: 13px;

    line-height: 35px;

    width: 120px;

    color: white;

    font-family: roboto;

    bottom: 0;

    position: fixed;

    left: 0;

    padding: 8px;

    border-radius: 0 100px 0 0;

    background-color: #337BBb;

}



.container-invit{

    width: 540px;

    font-size: 20px;

    font-family: 'Roboto';

}



#go_step_3{

    display: none;

}



#go_step_4{

    display: none;

}



#recapitulatif{

    display: none;

}



.label{

    font-family: 'Roboto';

    font-size: 15px;

    padding-bottom: 10px;

}



.label-bold{

    font-family: 'Roboto';

    font-weight: 700;

    font-size: 15px;

    padding-bottom: 10px;

}



.label-light {

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 15px;

    padding-bottom: 10px;

    padding-top: 10px;

}



.container-inputs-new-date-heure{

    float: left;

    width: 105px;

}



.container-inputs-new-date-heure input{

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    padding-left: 10px;

    margin-left: 1px;

    height: 36px;

    margin-bottom: 3px;

    border: none;

    width: 90px;

}



#go_step_1, #retour_recap{

    display: none;

}



.container-inputs-new-mail-tel{

    float: left;

    width: 173px;

}



.container-inputs-new-mail-tel input{

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    padding-left: 10px;

    height: 36px;

    margin-bottom: 3px;

    border: none;

    width: 159px;

}



.container-input input{

    width: 390px;

    border: 1px solid #A9A9A9;

    padding: 8px;

}



.container-input-divise input{

    width: 50px;

    border: 1px solid #A9A9A9;

    padding-top: 5px;

    padding-left: 10px;

    padding-bottom: 5px;

}



.coordonnees-non-visible{

    cursor: pointer;

    color: #337BBb;

    font-weight: bold;

}



.float_left_time{

    padding-left: 72px;

    float:left;

}



.container-modification-evenement{

    width: 80%;

    height: auto;

    padding-top: 50px;

    margin: 40px auto;

}



.bp-passager{

    margin-top: 5px;

    margin-left: 5px;

    cursor: pointer;

    background-size: 25px 25px;

    background-image: url('../img/passager_off.svg');

    height: 25px;

    width: 25px;

}



.bp-passager:hover{

    cursor: pointer;

    background-size: 25px 25px;

    background-image: url('../img/passager_on.svg');

    opacity: 0.65;

    height: 25px;

    width: 25px;

}



.active-passager{

    background-size: 25px 25px;

    height: 25px;

    width: 25px;

    background-image: url('../img/passager_on.svg');

}



.bp-conducteur{

    margin-top: 5px;

    margin-left: 5px;

    cursor: pointer;

    background-size: 25px 25px;

    background-image: url('../img/conducteur_off.svg');

    height: 25px;

    width: 25px;

}



.bp-conducteur:hover{

    cursor: pointer;

    background-size: 25px 25px;

    background-image: url('../img/conducteur_on.svg');

    opacity: 0.65;

    height: 25px;

    width: 25px;

}



.active-conducteur{

    background-size: 25px 25px;

    height: 25px;

    width: 25px;

    background-image: url('../img/conducteur_on.svg');

}



.hover-conducteur{

    background-size: 25px 25px;

    height: 25px;

    width: 25px;

    background-image: url('../img/conducteur_on.svg');

}





.bouton-next{

    background-color: #337bbb;

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 20px;

    color: white;

    padding: 15px;

    width: 100px;

    margin-right: 4px;

    margin-top: 10px;

    float: right;

    height: 20px;

    cursor: pointer;

    text-align: center;

}



.clearboth_10{

    height:10px;

    width: 100%;

}



.clearboth_5{

    height:5px;

    width: 100%;

}



.float_left_notif .label{

    font-family: 'Roboto';

    font-size: 15px;

    padding-bottom: 10px;

}



.float_left_notif input{

    float: left;

    margin-top: 8px;

    height: 15px;

    width: 15px;

}



.float_left_form{

    float: left;

    width: 50%;

}



.float_left_notif .texte-check {

    width: 92%;

    float: left;

    padding-top: 5px;

    line-height: normal;

    font-family: roboto_regular;

    font-weight: 300;

    font-size: 15px;

    margin-left: 2%;

}



.container-input-divise{

    padding-top: 10px;

    height: 300px;

}



.container-center-header{

    width: 80%;

    margin: 0 auto;

}

.clearboth_7{

    height:7px;

    width: 100%;

}



.label-medium{

    font-family: 'Roboto';

    font-weight: 500;

}



.label-regular{

    font-family: 'Roboto';

    font-weight: 400;

    font-size: 15px;

    padding-bottom: 10px;

    padding-top: 10px;

}



#text-behind-map{

    font-family: 'Roboto';

    font-weight: 300;

    line-height: 32px;

    font-size: 14px;

    width: 460px;

}



.container-inputs-new{

    float: left;

    width: 142px;

}



#form-new-supp-conducteur{

    display: none;

}



.container-inputs-new input{

    width: 130px;

    font-family: roboto_regular;

    padding-left: 8px;

    font-style: italic;

    height: 36px;

    margin-bottom: 3px;

    border: none;

}



#container-edit-number-place {

    float: left;

    background: white;

    width: 80px;

    height: 65px;

    margin-right: 4px;

}



.container-inputs-new {

    float: left;

    width: 142px;

}



.container-inputs-commentaire-light{

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    height: 55px;

        float: left;

    max-height: 55px;

    min-height: 55px;

    min-width: 133px;

    max-width: 133px;

    resize: none;

    margin-top: 0px;

    border: 0;

}



.container-inputs-commentaire-light .comment-area {

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    height: 55px;

    max-height: 55px;

    min-height: 55px;

    min-width: 128px;

    max-width: 128px;

    resize: none;

    margin-top: 0px;

    border: 0;

    padding: 10px 0px 0px 10px;

}



#container-edit-number-place input{

    width: 40px;

    height: 24px;

    text-align: center;

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 14px;

    padding: 0px 10px 5px 30px;

    border: none;

}



#container-number-place {

    float: left;

    background: white;

    width: 80px;

    height: 79px;

    margin-right: 4px;

}



#container-number-place input{

    width: 40px;

    height: 30px;

    text-align: center;

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 14px;

    padding: 0px 10px 5px 30px;

    border: none;

}



#container-type-new{

    float: left;

    background: white;

    width: 130px;

    height: 79px;

    margin-right: 4px;

}



#container-type-new img{

    padding-top: 8px;

}



#container-type img{

    padding-top: 8px;

}



#container-type{

    float: left;

    width: 45px;

    margin-left: 20px;

}



.container-inputs-new-big .comment-area{

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    height: 69px;

    max-height: 69px;

    min-height: 69px;

    min-width: 218px;

    max-width: 218px;

    resize: none;

    margin-top: 0px;

    border: 0;

    padding: 10px 0px 0px 10px;

}



.container-inputs-new .comment-area{

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    height: 69px;

    max-height: 69px;

    min-height: 69px;

    min-width: 133px;

    max-width: 133px;

    resize: none;

    margin-top: 0px;

    border: 0;

    padding: 10px 0px 0px 10px;

}



.container-inputs-new-big .lieu-area{

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    padding-top: 15px;

    height: 63px;

    max-height: 63px;

    min-height: 63px;

    min-width: 200px;

    max-width: 200px;

    resize: none;

    padding-left: 10px;

    margin-top: 0;

    border: 0;



}



.bouton-prev{

    display: none;

    background-color: #337bbb;

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 20px;

    color: white;

    font-size: 20px;

    margin-top: 10px;

    padding: 15px;

    width: 100px;

    float: left;

    height: 20px;

    cursor: pointer;

    text-align: center;

}



.img-float{

    float: left;

    padding-right: 10px;

}



.icone{

    padding-bottom: 20px;

}



#div-aucune-annonce{

    font-family: 'Roboto';

    padding-top: 10px;

    font-size: 15px;

        text-align: center;

    padding-bottom: 40px;

}



#title-choix-type{

    font-family: 'Roboto';

    font-weight: 300;

    color: #aaa;

    text-align: center;

    font-style: italic;

    font-size: 13px;

}



.align-middle{

    vertical-align: middle;

}



.link-footer{

    padding-top: 25px;

    padding-left: 30px;

    padding-right: 30px;

    color: #373737;

    font-family: 'Roboto';

    font-size: 15px;

}



.link-footer a{

    color: #373737;

}



.link-footer a:visited{

    color: #373737;

}



.success {

    background-color: #e0f7df;

    color: #5cad5c;

    padding: 10px;

}



#copyParticipation {

    width: 280px;

    display: none;

    font-family: 'Roboto';

    font-weight: 300;

    margin-top: 10px;

    margin-bottom: 10px;

    padding: 5px 10px;

}



.smallText {

    font-size: 13px;

    line-height: 17px;

}



.tile {

    font-family: 'Roboto';

    font-weight: 300;

    width: 100%;

    text-align: center;

    display: inline-block;

    vertical-align: top;

}



.tile__name {

    padding-bottom: 10px;

}



.tile__list {

    margin-left: 20px;

    margin-top: 10px;

}



.conducteur-draggable{

    min-height: 200px;

    width: 100%;

    background-color: #c1c1c1;

}



.form-edition{

    width: 99%;

}



.etat-groupe-covoit{

    height: 20px;

    background-color: #004EA0;

    padding: 5px 5px 5px 20px;

    margin-bottom: 10px;

    color: #FFFFFF;

    font-size: 13px;

    font-family: 'Roboto';

}



.texte-complet{

    font-family: 'Roboto';

    font-weight: 700;

    line-height: 20px;

    margin-left: 10px;

    float: left;

}



.etat-groupe-covoit .float_right div{

    line-height: 20px;

    margin-right: 110px;

}



.etat-groupe-covoit .float_left img{

    float: left;

}



.title-annonces-non-affecter{

    color: white;

    width: 30%;

    text-align: center;

    font-family: 'Roboto';

    background-color: #000000;

    padding: 10px;

}



.conducteur-drag{

    padding-left: 20px;

    padding-bottom: 3px;

}



@-moz-document url-prefix()

{

    .container-inputs-modif-big .lieu-area {

        font-family: 'Roboto';

        font-weight: 300;

        font-style: italic;

        padding-top: 15px;

        height: 85px;

        max-height: 70px;

        min-height: 70px;

        min-width: 201px;

        max-width: 201px;

        resize: none;

        margin-top: 0px;

        padding-left: 10px;

        border: medium none;

        padding-bottom: 2px;

    }



    .container-inputs-new-big .lieu-area {

        font-family: 'Roboto';

        font-weight: 300;

        font-style: italic;

        padding-top: 15px;

        height: 63px;

        max-height: 63px;

        min-height: 63px;

        min-width: 202px;

        max-width: 202px;

        resize: none;

        padding-left: 10px;

        margin-top: 0px;

        border: 0px none;

        padding-bottom: 1px;

    }

}



.link-sociaux {

    padding-top: 20px;

    padding-left: 30px;

    padding-right: 30px;

    color: #373737;

    font-family: 'Roboto';

    font-size: 15px;

}



#facebook-link {

    padding: 0px 25px 5px 0px;

    margin-right: 20px;

    background-image: url(../img/fb.svg);

    background-size: 25px;

}



#twitter-link {

    padding: 0px 25px 6px 0px;

    background-image: url(../img/tw.svg);

    background-size: 25px;

}



#title-options{

    color: #373737;

    font-size: 15px;

    float:left;

    font-family: 'Roboto';

    font-weight: 300;

}



.mini-sub-title-options {

    color: #373737;

    font-style: italic;

    font-size: 15px;

    font-family: 'Roboto';

    font-weight: 300;

    padding-bottom: 20px;

}



.identite-voiture-title{

    font-family: 'Montserrat';

    font-weight: 500;

    height: 25px;

    font-size: 18px;

    padding: 10px 0px;

    color: #414141;

}



.covoit-complet {

    padding: 81px 0px 10px 2px;

    margin-left: 20px;

    width: 990px;

    margin: -15px 0 0 0;

    /* border: 2px solid #337BBb; */

    /* background: #FFFFFF; */

}



.covoit-complet .container-annonce {

    padding-left: 18px;

}



.height-80{

    height:76px;

}



.display-none{

    display: none;

}



.etat-groupe-covoit-complet {

    height: 20px;

    background-color: #BCBCBB;

    padding: 5px 5px 5px 20px;

    margin-bottom: 10px;

    color: #FFFFFF;

    font-size: 13px;

    font-family: 'Roboto';

}



.etat-groupe-covoit-complet .float_right div{

    line-height: 20px;

    margin-right: 110px;

}



.etat-groupe-covoit-complet .float_left img{

    float: left;

}



.container-voiture-complete {

    border: 2px solid #BCBCBB;

    overflow: hidden;

}



.options-conducteur-right img{

    margin-left: 5px;

}



.bouton-delete{

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 20px;

    border: 1px solid #337bbb;

    color: #337bbb;

    padding: 15px;

    width: 210px;

    margin-right: 4px;

    margin-top: 10px;

    float: left;

    height: 20px;

    cursor: pointer;

    text-align: center;

}



.container-inputs-search-big {

    float: left;

    width: 365px;

}



.container-inputs-search-date-heure {

    float: left;

    width: 104px;

}



.container-inputs-search-date-heure input {

    font-family: 'Roboto';

    font-weight: 300;

    font-style: italic;

    padding-left: 10px;

    margin-left: 1px;

    height: 36px;

    margin-bottom: 3px;

    border: none;

    width: 90px;

}



#bouton-rechercher{

    background-color: #337bbb;

    font-family: 'Roboto';

    font-weight: 300;

    font-size: 16px;

    color: white;

    padding: 4px 0 5px 0;

    width: 136px;

    /*float: right;*/

    height: 38px;

    cursor: pointer;

    border: none;

    text-align: center;

}



.container-inputs-new-annonce{

    height: 110px;

}



.container-selection-direction{

    margin-top: 15px;

    height: 110px;

}



#container-retour{

    display: none;

}



.title-type-annnonce{

    color:#000000;

    font-family: 'Roboto';

    padding-bottom: 10px;

}



#container-radio-button-direction div{

  float: left;

}



#container-radio-button-direction div > input + img{

  cursor:pointer;

  border:2px solid transparent;

}



#container-title-first-ajout-annonce{

    height: 35px;

}



#form-new-supp-conducteur-retour {

    display: none;

}



#div-aucune-annonce-conducteur {

    font-family: 'Roboto';

    padding-top: 10px;

    background: #f0f0f0;

    padding: 30px;

    font-size: 15px;

}



#formulaire-recherche{

    height: 40px;

}



.container-annonce-title div div{

    margin-left: 5px;

    cursor: pointer;

    float: left;

}



.container-annonce-title div div:hover{

    text-decoration: underline;

}



.container-inputs-search-min{

    width: 136px;

    margin-left: 15px;

    float: left;

}



.container-inputs-search-big{

    width: 272px;

    margin-left: 15px;

    float: left;

}



#scrollToTop a {

    position: fixed;

    right: 20px;

    bottom: 10px;

    padding: 7px 10px;

}



#export-frame{

    position: relative;

    float: left;

    margin-right: 15px;

    height: 20px;

    padding: 1px 8px 1px 6px;

    font-weight: 500;

    color: #fff;

    cursor: pointer;

    background-color: #edc03d;

    border-radius: 3px;

    box-sizing: border-box;

    width: 130px;

}



#export-frame .float_left{

    font-size: 12px;

    font-family: 'Roboto';

    font-weight: 300;

    line-height: 18px;

}



#export-frame img{

    vertical-align: middle;

    margin-top: 2px;

}



#export-frame span{

    margin-left: 3px;

    white-space: nowrap;

}



.cursor-pointer{

    cursor: pointer;

}



.options-conducteur-edit-right {

    margin-right: 110px;

    display: none;

    float: right;

}



.options-conducteur-edit-right label{

    margin-left: 5px;

}