body{
  font-size:1em;
  color:#777777;
  font-family:'Lato',sans-serif;
  text-align:center;
}

div.topright{z-index:2;cursor:pointer;position:fixed;width:67px;height:67px;top:50%;right:10px;display:none;}

h1{color:#dd4f41;font-weight:900;font-size:30px;}
h2{color:#dd4f41;font-weight:900;font-size:20px;}

tr.liste{
  background-color:#ffffff;
}

tr.liste:hover{
  background-color:#eeeeee;
}

a{
  text-decoration:none;
  color:#8f8f8f;
  cursor:pointer;
}

select
{
  font-family: 'Lato', sans-serif;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border: 1px solid #8f8f8f;
  padding: 6px 10px;
  font-size:15px;
  color:#000000;
  height: 50px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color:#ffffff;
}

input[type="text"]
{
  border: 1px solid #8f8f8f;
  padding: 6px 10px;
  font-size:15px;
  nocolor:#000000 !important;
  color:#000000;
  height: 50px;
  -webkit-appearance:none;
  font-family: 'Lato', sans-serif;
}

input[type="password"]
{
  border: 1px solid #8f8f8f;
  padding: 6px 10px;
  font-size:15px;
  nocolor:#000000 !important;
  color:#000000;
  height: 50px;
  -webkit-appearance:none;
  font-family: 'Lato', sans-serif;
}

.input_montant{
  text-align:right;
}

input[type="submit"]
{
  background-color: #dd4f41;
  border: 1px solid #dd4f41;
  padding: 6px 10px;
  font-size:15px;
  color:#ffffff;
  border-radius:0;
  -webkit-appearance:none;
  cursor:pointer;
  font-family: 'Lato', sans-serif;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  height: 50px;
}

input[type="submit"]:hover
{
  opacity:0.8;
}

textarea
{
  border: 1px solid #777777;
  padding: 6px 10px;
  font-size:15px;
  color:#000000;
  font-family: 'Lato', sans-serif;
}

.map{
  width:100%;
  height:100vh;
  z-index:1;
}


.map_picto_geoloc{
  cursor:pointer;
  position:absolute;
  top:20px;
  z-index:19;
  right:2%;
  width:38px;
  height:38px;
}

input.yesno{position:relative;vertical-align:middle;margin-left:8px;display:none;}
label.yesno{margin-left:40px;padding-left:10px;position:relative;}
input.yesno:checked+label:before{background-color:hsl(119, 23%, 57%);}
input.yesno:checked+label:after{left:-20px;}
label.yesno:before{content:"";position:absolute;top:0;left: -38px;display: block;width: 38px;height: 16px;background-color: #e6703a;border-radius: 10px;margin-top: 0;margin-left: -6px;border: 2px solid hsl(0, 0%, 77%);box-shadow: inset 0 1px 3px hsla(0, 0%, 26%, 0.65);}
label.yesno:after{content: "";display: block;width: 16px;height: 16px;border-radius: 14px;background-color: #f5f5f5;box-shadow: 0 1px 5px #444;position: absolute;top: 2px;left: -42px;-webkit-transition: left .3s ease-in-out;-moz-transition: left .3s ease-in-out;-o-transition: left .3s ease-in-out;transition: left .3s ease-in-out;}
input.yesno[disabled]+label:after{display: none;}
input.yesno[disabled]+label:before{background-color: #fafaf8;box-shadow: inset 0 0 3px hsla(0, 0%, 26%, 0.65);opacity: .6;}

/*
.container-tabs
{
   margin: 0 auto;
   width: 90%;
   margin-left:5%;
   margin-right:5%;
   vertical-align:bottom;
   text-align:left;
}

.title-tab
{
   background: #8f8f8f;
   border-radius: .5em .5em 0 0;
   height: 2.5em;
   line-height: 2.5em;
   margin-right: .25em;
   padding: 0 1em;
   display:inline-block;
   color: #ffffff;
   border:1px solid #8f8f8f;
}

.content-tabs
{
   border:1px solid #8f8f8f;
   background: #ffffff;
   border-radius: 0 .5em .5em .5em;
   position: relative;
   width: 100%;
}

.content-tabs-padding{
   padding:30px;
}
*/

.bloc_1_2_left{
  margin-left:3%;
  margin-right:3%;
  vertical-align:top;
  width:24%;
  display:inline-block;
  nocolor:#ffffff;
  nobackground-color:#706764;
  font-size:1em;
  font-weight:300;
  margin-top:50px;
  text-align:left;
  vertical-align:top;
  min-height:100vh;
}

.bloc_1_2_right{
  margin-left:3%;
  margin-right:3%;
  vertical-align:top;
  width:60%;
  display:inline-block;
  nocolor:#000000;
  font-size:1em;
  font-weight:300;
  margin-top:50px;
  text-align:left;
  vertical-align:top;
}

.bloc_1_2_right_full{
  margin-left:0;
  margin-right:0;
  vertical-align:top;
  width:65%;
  display:inline-block;
  nocolor:#000000;
  font-size:1em;
  font-weight:300;
  margin-top:0;
  text-align:left;
  vertical-align:top;
}

table.list{
  margin:auto;
  border-collapse:separate;
  border-spacing:0px;
  border:0;
}

tr.list_even{
  background-color:#ffffff;
  font-weight:500;
}

tr.list_even:hover{
  background-color:#dd4f41;
  color:#ffffff;
}

tr.list_even:hover a{
  color:#ffffff;
}

tr.list_odd{
  background-color:#eeeeee;
  font-weight:500;
}

tr.list_odd:hover{
  background-color:#dd4f41;
  color:#ffffff;
}

tr.list_odd:hover a{
  color:#ffffff;
}

tr.list_selected{
  background-color:#3af384;
  color:#000000;
  font-weight:900;
}

tr.list_selected a{
  color:#000000;
}

tr.list_compte_2{
  background-color:#f8e0e0;
  color:#000000;
}

tr.list_compte_2 a{
  color:#000000;
}

tr.list_compte_3{
  background-color:#f8e0e0;
  color:#000000;
}

tr.list_compte_3 a{
  color:#000000;
}

td.list_head_left{
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  text-align:left;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  background-color:#dd4f41;
}

td.list_head_center{
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  background-color:#dd4f41;
}

td.list_head_right{
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  text-align:right;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  background-color:#dd4f41;
}

a.list_head{
  color:#ffffff;
}

a.list_head:hover{
  color:#ffffff;
}

a.list_link{
  border:1px solid #c33823;
  padding:5px;
  line-height:40px;
}

td.list_line_left{
  font-size:14px;
  text-align:left;
  vertical-align:middle;
  border-bottom:1px solid #eeeeee;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
}

td.list_line_center{
  font-size:14px;
  text-align:center;
  vertical-align:middle;
  border-bottom:1px solid #eeeeee;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
}

td.list_line_right{
  font-size:14px;
  text-align:right;
  vertical-align:middle;
  border-bottom:1px solid #eeeeee;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
}

.dropzone {float:left;text-align: center;}
.dropzone_carre{margin-left:auto;margin-right:auto;padding:0;position:relative;overflow:hidden;width:100px;height:100px;cursor:pointer;}
.dropzone_carre_image{max-width:100px;max-height:100px;}
.dropzone_carre_file{position:absolute;left:0;top:0;width:100px;height:100px;right:0;margin:0;padding:0;font-size:500px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.dropzone_carre_progress{display:none;position:absolute;bottom:0;left:0;width:100px;margin:0;padding:0;}

#mask_popup{
  z-index:9;
  display:none;
  position:fixed;
  left:0;
  width:100%;
  top:0;
  height:100%;
  background-color:#e1e1e1;
  opacity:0.6;
}

#popup{
  z-index:10;
  display:none;
  position:fixed;
  left:50%;
  width:800px;
  margin-left:-450px; /* width/2 + padding/2 */
  top:5%;
  margin-top:0px;
  max-height:80%;
  background-color:#ffffff;
  border:1px solid #cccccc;
  padding:50px;
  color:#000000;
  font-size:16px;
  overflow-y:auto;
}

#home_left
{
  position:absolute;
  left:0;
  top:0;
  width:30%;
  vertical-align:top;
}

#home_right
{
  position:absolute;
  left:30%;
  top:0;
  width:70%;
  min-height:100%;
  vertical-align:top;
}

#container-tabs {
    margin: 0 auto;
    width: 100%;
    margin-left:0%;
    margin-right:0%;
    color: #888888;
    text-align:center;
}

.container-input{
	height: 2em;
	visibility: hidden;
}

#container-tabs .container-label {
	background-color: #f9f9f9;
	border-radius: .3em .3em 0 0;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1em;
	height: 2.5em;
	line-height: 1em;
	margin-right: .25em;
	padding: 0 1em;
	padding-top:0.5em;
	text-align: center;
}

#container-tabs input:hover + .container-label {
	background: #eeeeee;
	color: #000000;
}

#container-tabs input:checked + .container-label {
	background: #eeeeee;
	color: #000000;
	position: relative;
	noz-index: 6;
}

#content-tabs {
	background: #eeeeee;
	noborder-radius: 0 .5em .5em .5em;
	nomin-height: 500px;
	position: relative;
	nowidth: 100%;
	noz-index: 5;
	padding:20px;
	text-align:left;
}

#container-select {
        cursor: pointer;
	display: block;
	float: right;
	font-size: 0.8em;
	height: 2.5em;
	line-height: 1em;
	padding-right: 15px;
}

/*
.arrow_box_droite { position: relative; background: #88b7d5; border: 4px solid #c2e1f5;border-radius:8px;-webkit-border-radius:8px; }
.arrow_box_droite:after, .arrow_box_droite:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box_droite:after { border-color: rgba(136, 183, 213, 0); border-right-color: #88b7d5; border-width: 30px; margin-top: -30px; }
.arrow_box_droite:before { border-color: rgba(194, 225, 245, 0); border-right-color: #c2e1f5; border-width: 36px; margin-top: -36px; }
.arrow_box_gauche { position: relative; background: #88b7d5; border: 4px solid #c2e1f5;border-radius:8px;-webkit-border-radius:8px; }
.arrow_box_gauche:after, .arrow_box_gauche:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box_gauche:after { border-color: rgba(136, 183, 213, 0); border-left-color: #88b7d5; border-width: 30px; margin-top: -30px; }
.arrow_box_gauche:before { border-color: rgba(194, 225, 245, 0); border-left-color: #c2e1f5; border-width: 36px; margin-top: -36px; }
.arrow_contenu{color:#ddf8c6;text-align:center;}
.black_arrow_contenu{color:#000000;text-align:center;font-size:14px;vertical-align:middle;}
.white_arrow_contenu{color:#ffffff;text-align:center;font-size:14px;vertical-align:middle;}
.red_arrow_contenu{color:#ff0000;text-align:center;font-size:14px;line-height:14px;}
*/

#bullegauche { background-color:#ffffff;border:1px solid #aaaaaa;position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding:15px; }
#bullegauche:before { content:""; position: absolute; left: 100%; top: 20px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 20px solid #aaaaaa; border-bottom: 10px solid transparent; }
#bullegauchecloture { background-color:#dd4f41;color:#ffffff;border:1px solid #dd4f41;position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding:15px; }
#bullegauchecloture:before { content:""; position: absolute; left: 100%; top: 20px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 20px solid #aaaaaa; border-bottom: 10px solid transparent; }

#bulledroite { background-color:#ffffff;border:1px solid #aaaaaa;position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding:15px; }
#bulledroite:before { content:""; position: absolute; right: 100%; top: 20px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 20px solid #aaaaaa; border-bottom: 10px solid transparent; }
#bulledroitecloture { background-color:#dd4f41;color:#ffffff;border:1px solid #dd4f41;position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding:15px; }
#bulledroitecloture:before { content:""; position: absolute; right: 100%; top: 20px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 20px solid #aaaaaa; border-bottom: 10px solid transparent; }

.onoffswitch {
position:relative;
width:80px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
box-shadow: inset 10px 10px 5px 0px #cfcfcf;
border-radius: 10px;
}

.onoffswitch-checkbox {
display:none;
}

.onoffswitch-label {
display:block;
overflow:hidden;
cursor:pointer;
border:1px solid #DBD9D9;
width:80px;
}

.onoffswitch-inner {
width:200%;
margin-left:-100%;
-moz-transition:margin 0.3s ease-in 0s;
-webkit-transition:margin 0.3s ease-in 0s;
-o-transition:margin 0.3s ease-in 0s;
transition:margin 0.3s ease-in 0s;
}

.onoffswitch-inner > div {
float:left;
position:relative;
width:50%;
height:20px;
padding:0;
line-height:20px;
font-size:14px;
color:white;
font-family:Helvetica,Arial,sans-serif;
font-weight:bold;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.onoffswitch-inner .onoffswitch-active {
padding-left:15px;
background-color:#F9F9F9;
color:#FFFFFF;
}
.onoffswitch-inner .onoffswitch-inactive {
padding-right:15px;
background-color:#F9F9F9;
color:#FFFFFF;
text-align:right;
}
.onoffswitch-switch {
width:40px;
margin:0;
text-align:center;
border:0 solid #999999;
border-radius:0;
position:absolute;
top:0;
bottom:0;
}
.onoffswitch-active .onoffswitch-switch {
background:#BFD63B;
left:0;
}
.onoffswitch-inactive .onoffswitch-switch {
background:#dd4f41;
right:0;
}
.onoffswitch-active .onoffswitch-switch:before {
content:"";
position:absolute;
top:0;
left:40px;
border-style:solid;
border-color:#BFD63B transparent transparent #BFD63B;
border-width:15px 10px;
}
.onoffswitch-inactive .onoffswitch-switch:before {
content:" ";
position:absolute;
top:0;
right:40px;
border-style:solid;
border-color:transparent #dd4f41 #dd4f41 transparent;
border-width:15px 10px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left:0;
 }

/*
-----------------------------------------------------------------------------------------------------------------------------------
en dessous de 875 pixels de largeur
-----------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-device-width: 875px), screen and (max-width: 875px)
{

.container-tabs
{
   margin: 0 auto;
   width: 90%;
   margin-left:5%;
   margin-right:5%;
}

#popup{
  left:10%;
  margin-left:0;
  width:80%;
  top:20%;
  margin-top:0px;
  padding:0;
  padding-top:20px;
  padding-bottom:20px;
}

.bloc_1_2_left{
  margin-left:5%;
  margin-right:5%;
  width:89%;
  nomargin-bottom:50px;
  min-height:1vh;
}

.bloc_1_2_right{
  margin-left:5%;
  margin-right:5%;
  width:89%;
  nomargin-bottom:50px;
}

table.list {
  width:100%;
}

table.list thead {
  display: none;
}

table.list tr {
  margin-bottom: 10px;
  display: block;
  border-bottom: 1px solid #ddd;
}

table.list td {
  display: block;
  text-align: right;
  font-size: 13px;
  border-bottom: 1px dashed #ccc;
}

table.list td:last-child {
  border-bottom: 0;
}

table.list td:before {
  content: attr(data-label);
  float: left;
  font-weight: 900;
}

td.list_line_left{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
}

td.list_line_center{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
}

td.list_line_right{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
}

#bullegauche { padding:5px; }
#bullegauchecloture { padding:5px; }

#bulledroite { padding:5px; }
#bulledroitecloture { padding:5px; }

}

/*
-----------------------------------------------------------------------------------------------------------------------------------
impression
-----------------------------------------------------------------------------------------------------------------------------------
*/
@media print
{

}