body{font-size:12px;margin:0px;padding:0px;font-family:'Raleway';width:100%;}

input,select,textarea{font-family:'Raleway';-webkit-appearance:none;}

select.sub {outline:0;-webkit-appearance:none;border:0;font-weight:normal;background:#FFF;width:100%;border:1px solid #CCC;color:#666666;vertical-align:middle;padding:7px 5px;margin:0;border-radius: 4px;margin-top:.7em}
select.sub.green {border:1px solid green;color:green;}
input.txt, textarea.txt, select.txt {-webkit-appearance:none;outline:0;border:0;font-weight:normal;background:#FFF;width:calc(100% - 12px);border:1px solid #CCC;color:#666666;vertical-align:middle;padding:7px 5px;margin:0;border-radius: 4px;margin-top:.7em;}
input.txt::placeholder {color:#AAA;font-style:italic;font-weight:normal}
select:disabled{font-weight:normal;color:#CCC;font-style:italic}

input.button{cursor:pointer;border:0;font-weight:bold;color:#FFF;padding:.8em;font-size:1.2em;text-transform:uppercase;margin:0;border-radius: 4px;}

.clicked_opacity{display:none;font-style:italic;background:#EF94BF url('/i/phone_load.gif') 8px 5px no-repeat;background-size:20px 20px;padding-left:36px}
	
a.button, label.button{opacity:.9;text-decoration:none;border:0;cursor:pointer;font-weight:normal;color:#FFFFFF;vertical-align:middle;padding:6px;padding-bottom:5px;padding-left:10px;padding-right:10px;font-size:14px;margin:0;border-radius: 4px;margin-top:2px;margin-right:3px;font-size:1.4em}
a.button:hover{opacity:1}

p{line-height:1.4em;font-size:1.1em;margin:0px;margin-top:.6em;padding-left:.5em;color:#666}

p.etapes{margin:0px;padding:0px;text-align:center;}
.step2{display:none}

.center{text-align:center;justify-content:center}
.margintop{margin-top:2em}
.error_red{text-align:center;padding:1em;border-radius:4px;font-size:1.1em;line-height:1.4em;border:1px solid red;font-weight:bold;display:none;background:#ffc4c4;color:red;max-width:1180px;width:calc(100% - 2em - 2px);padding-left:1em;padding-right:1em;margin:auto;}
.error_red a{display:block;color:#FFF}
.error_green{text-align:center;padding:1em;border-radius:4px;font-size:1.1em;line-height:1.4em;border:1px solid green;font-weight:bold;background:#deffe0;color:green;max-width:1180px;width:calc(100% - 2em);padding-left:1em;padding-right:1em;margin:auto;}
.error_green a{display:block;color:#FFF}
header{background:#4f5860;width:100%;border-bottom:1px solid #333333;}
header div.content{display:flex;align-items:center;margin:auto;width:calc(100% - 2em);max-width:1180px;padding:2px;padding-left:1em;padding-right:1em}
header div.content div.content_left{margin-right:auto;}
header div.content div.content_left img{margin-top:-10px;margin-bottom:-10px}
header div.content div.content_left span{position:absolute;display:inline;margin-left:.3em;margin-top:.6em;color:#FFF;font-weight:bold;padding:.2em .5em;border-radius:4px;font-size:1.25em;}
header div.content div.content_right{color:#FFF;font-size:14px;}
header div.content div.content_right form span{display:flex;font-weight:bold;margin-bottom:.3em}
header input.login {border:0;font-weight:normal;background:#FFF;border:1px solid #DDD;width:150px;color:#666666;vertical-align:middle;padding:7px 5px;margin:0;border-radius: 4px;margin-top:3px;margin-right:3px}
header input.login::placeholder {color:#AAA;font-style:italic}
header input.login_sub {border:0;cursor:pointer;font-weight:bold;color:#FFFFFF;vertical-align:middle;padding:6px;padding-bottom:5px;padding-left:10px;padding-right:10px;font-size:14px;margin:0;border-radius: 4px;margin-top:2px;}


main{width:100%;min-height:800px;padding-bottom:3em}
main div.welcome{overflow:hidden;width:calc(100% - 2em);padding-bottom:30px;padding-top:20px;padding-left:1em;padding-right:1em}
main div.welcome h1{text-align:center}
main div.content{align-items: top;display:flex;padding:0px;padding-top:1em;margin:auto;width:calc(100% - 2em);max-width:1180px;height:100%;}
main div.content article{height:100%;width:calc(100% - 250px - 1em);margin-left:1em}
main div.content article h2{margin-top:.5em}

nav.desk{display:inline}
nav.mob{display:none}


main div.content nav.mob{width:100%;}
main div.content nav.mob ol{list-style-type:none;margin:0px;padding:.6em;margin-bottom:0em}
main div.content nav.mob ol li.title{margin-top:.5em}
main div.content nav.mob ol li a{text-decoration:none;padding:.0em .5em;border-radius:2px;width:100%;opacity:.6;font-weight:bold;font-size:1.2em;display:flex;align-items:center}
main div.content nav.mob ol li.active a{font-weight:bold;text-decoration:none;opacity:1;font-size:1.4em;padding:.5em;}
main div.content nav.mob ol li:hover a{font-weight:bold;text-decoration:none;opacity:1}
main div.content nav.mob ol li a i{font-size:2em}


main div.content nav.desk{height:100%;width:250px}
main div.content nav.desk ol{list-style-type:none;margin:0px;padding:1em;margin-bottom:1em}
main div.content nav.desk ol li{margin:0px;margin-bottom:.2em}
main div.content nav.desk ol li a{display:flex;text-decoration:none;padding:.5em;border-radius:2px;width:100%;opacity:.6}
main div.content nav.desk ol li.active a, main div.content nav.desk ol li:hover a{font-weight:normal;text-decoration:none;opacity:1}

main div.welcome p{margin:0px;padding:0px;text-align:center;font-size:1.3em;}

main div.barre{margin:auto;height:4px;width:300px;border-radius:4px;margin-top:0px;margin-bottom:1em}

form.margin{margin-left:0em;margin-right:0em}

main div.descript{margin-top:5px;overflow:hidden;margin:auto;width:calc(100% - 2em);max-width:1180px;padding-left:1em;padding-right:1em;display:flex;}
main div.descript.lost{margin-top:2.8em;}
main div.descript.lost form{padding:0em;padding-bottom:2em;border-radius:4px;width:calc(100% - 4em);max-width:600px;margin:auto;display:flex;flex-direction:column;border-top-left-radius:4px;border-top-right-radius:4px}
main div.descript.lost form h2{margin:0px;padding:0em 1.6em;margin-bottom:1em}
main div.descript.lost form input{margin:0em 2em;}
main div.descript.lost form input.button{margin:auto;margin-top:1em}
main div.descript.lost form input.txt{width:calc(100% - 4em - 10px);}

main div.descript div.bloc1{width:calc(50% - 1em);margin-right:1em;}
main div.descript div.bloc2{width:calc(50% - 1em);margin-left:1em;padding-top:.5em}

main div.descript div.bloc1 div.bloc_form{border-radius:6px;padding:1em;margin-top:2em;padding-bottom:2em}
main div.descript div.bloc1 div.bloc_form.nomargtop{padding:0em;padding-bottom:1em}
main div.descript div.bloc1 div.bloc_form.nomargtop p{border-top-left-radius:4px;border-top-right-radius:4px}
main div.descript div.bloc1 div.bloc_form h1{margin:0px;padding:0px;color:#444;font-weight:normal;margin-bottom:.2em;margin-left:1em}
main div.descript div.bloc1 div.bloc_form h1.margin{margin-top:1em}
main div.descript div.bloc1 div.bloc_form form {margin:0px;padding:0px;}
main div.descript div.bloc1 div.bloc_form form div.form_line{position:relative;margin-left:2em;margin-right:2em;}

form div.fleche2 select{margin:0;width:100%;}

form div.fleche::after { content: '';position: absolute;top: 50%; margin-top: 2px;right: .75em;  display: block; width: 0; height: 0;border-color: transparent;border-top-color: #888; border-width: 6px;border-style: solid;pointer-events: none;}
form div.fleche2::after { content: '';position: absolute;top: 50%; margin-top: -2px;right: .75em;  display: block; width: 0; height: 0;border-color: transparent;border-top-color: #888; border-width: 6px;border-style: solid;pointer-events: none;}
form div.fleche_disabled::after { content: '';position: absolute;top: 50%; margin-top: 2px;right: .75em;  display: block; width: 0; height: 0;border-color: transparent;border-top-color: #CCC; border-width: 6px;border-style: solid;pointer-events: none;}



main div.descript div.bloc2 h2{font-size:1.4em;color:#444;margin-bottom:0px;padding-bottom:0px;font-weight:bold;margin-top:1.5em;}

div.input{max-width:300px;margin:auto;display:flex;align-items:center;justify-content:center}

main div.checkbox{display: block; position: relative;  padding-left: 28px;  margin-bottom: 12px;  cursor: pointer;   -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;margin-top:1em}
main div.checkbox label{color:#666;line-height:1.4em}
main div.checkbox label a{color:#666;}
main div.checkbox .checkmark:after { border: solid green;border-width: 0 3px 3px 0;} 
main div.checkbox input[type=checkbox] {	position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.checkmark {  position: absolute;  top: 0;  left: 0;  height: 15px;  width: 15px;  background-color: #FFF;border:1px solid #ccc}
main div.checkbox:hover input ~ .checkmark {  cursor:pointer;} 
.checkmark:after {  content: "";  position: absolute;  display: none;}
main div.checkbox input:checked ~ .checkmark:after {  display: block;}
main div.checkbox .checkmark:after {  left: 4px;  top: 0px;  width: 5px;  height: 10px;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}


.del_link{text-decoration:none;display:flex;align-items:center;justify-content:center;color:#FFF;font-weight:bold;width:2em;height:2em;border-radius:1em;background:#DDD}
.del_link:hover{color:#F00;background:#CCC}
.topimg{text-decoration:none;display:flex;align-items:center;justify-content:center;color:#FFF;font-weight:bold;width:2em;height:2em;border-radius:1em;background:#DDD}
.topimg.selected{text-decoration:none;display:flex;align-items:center;justify-content:center;color:yellow;font-weight:bold;width:2em;height:2em;border-radius:1em;background:}
.topimg:hover{color:#F00;background:#CCC}

form div.line_form ul.list_chkbox{list-style-type:none;margin:0px;padding:0px;display:flex;flex-wrap:wrap; }
form div.line_form ul.list_chkbox li{margin:0px;padding:0px;min-width:180px;}

main div.line_form{display:flex;align-items:center;margin-bottom:.3em}
main div.line_form.mtop{align-items:start}
main div.line_form.mtop div.intitule{margin-top:.5em}
main div.line_form div.intitule{width:250px}
main div.line_form div.prix{width:150px;margin-left:.5em}
main div.line_form div.prix::after{position:absolute;content:'€';margin-top:.7em;margin-left:-1.6em;color:#666;}
main div.line_form div.prix.title::after{content:''}
main div.line_form div.prix input{width:calc(100% - 3em);padding-right:2em;text-align:right}
main div.line_form div.champ{margin-left:auto;width:100%}
main div.line_form div.champ i{margin:0;padding:0}
main div.line_form div.champ.center{text-align:center}
main div.line_form input{margin:0px;}

main div.line_form_pres{display:flex;align-items:center;margin-bottom:.3em;padding-left:2em}
main div.line_form_pres div.intitule{width:250px;padding-bottom:.2em;padding-right:.2em;border-bottom:1px solid #EEE;color:#888;}
main div.line_form_pres div.champ{font-weight:bold;margin-left:auto;padding-bottom:.2em;padding-left:.2em;width:100%;border-bottom:1px solid #EEE;color:#444;}
main div.line_form_pres div.champ i{font-weight:normal}

main div.line_form_pres.noborderb div{border:0px}

div.box_con_sub{padding:0px;margin:0px;position:relative; }

div.member_welcome{display:flex;align-items:center;}
div.member_welcome strong{display:flex;margin-left:0}
div.member_welcome a{display:flex;color:#FFF;text-decoration:none;margin-left:.5em}
div.member_welcome a:hover{color:#DDD}
div.member_welcome a i{font-size:1.4em}

div.member_loggued{background:#5C6670;white-space:nowrap;cursor:pointer;padding:0px;padding-left:10px;padding-top:3px;padding-bottom:3px;border-radius: 5px;}
div.member_loggued:hover{float:right;white-space:nowrap;cursor:pointer;padding:0px;padding-left:10px;padding-bottom:3px;padding-top:3px;background:#383F45;border-radius: 5px}
div.member_loggued.clicked{float:right;white-space:nowrap;cursor:pointer;padding:0px;padding-left:10px;padding-bottom:3px;padding-top:3px;background:#383F45;border-radius: 5px}
div.member_loggued.norad{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px}
div.member_loggued div p{float:right;font-size:10px;color:#FFF;background:#d91f76;padding:2px 0px;border-radius: 3px;width:20px;text-align:center;margin:0px;margin-left:7px;margin-top:-16px;}
div.member_loggued img{float:left;margin-right:8px}
div.member_loggued div{font-size:14px;color:#FFF;padding-bottom:0px;margin:0px;padding-top:2px;padding-right:0px;padding-bottom:2px;margin-right:8px;background:url('/i/arrow_down_white.png') right no-repeat;background-size:9px 5px}
div.member_loggued div strong{margin:0px;padding:0px;margin-right:24px;color:#FFF}
div.member.norad{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px}

div.member_down{z-index:100000;position:absolute;font-size:1em;top:1.9em;display:none;background:#383F45;width:100%;border-bottom-right-radius:5px;border-bottom-left-radius:5px;overflow:hidden;padding-bottom:6px;padding-top:6px;}
div.member_down div{text-align:right;margin:0px 16px;padding:5px 0px;border-top:1px solid #5C6670}
div.member_down div.noborder{border:0px;}
div.member_down div a span{text-align:center;float:right;font-size:10px;margin-right:6px;color:#FFF;background:#d91f76;padding:2px 0px;border-radius: 3px;width:20px}
div.member img{float:left;margin-right:8px}
div.member_down div a{color:#FFF;text-decoration:none}
div.member_down div a:hover{font-weight:normal;padding-left:10px;background:url('/i/arrow_down_right.png') left no-repeat;background-size: 5px 9px}
div.member_down div.light a{font-weight:bold;color:#d91f76}

footer{background:#4f5860;color:#EEE;width:100%;border-top:1px solid #333333;overflow:hidden;min-height:100px;}

@media (max-width:900px)
	{
	input,select,textarea{font-family:'Raleway';-webkit-appearance:none;font-size:1.2em}
	main div.descript{flex-direction:column}
	header div.content{flex-direction:column;margin:none;padding-bottom:.8em}
	main div.content{flex-direction:column;padding-top:0em;width:calc(100%);}
	main div.content article{width:calc(100% - 2em);margin-right:1em;margin-left:1em;}
	header div.content div.content_left{margin-right:0px;align-items:center}
	main div.descript div.bloc1{width:calc(100%);margin-right:0em;}
	main div.descript div.bloc2{width:calc(100%);margin-left:0em;}
	main div.barre{display:none}
	main div.welcome{padding-bottom:.5em}
	header div.content div.content_right input{margin:0px;margin-bottom:.2em;width:calc(100% - 1em)}
	header div.content div.content_right input.login_sub{width:100%}
	.step1{display:none}
	.step2{display:inline-block}
	.step2 img{max-width:376px;width:100%;}	
	nav.mob{display:inline}
	nav.desk{display:none}	
	main div.line_form{flex-direction:column}
	main div.line_form div.intitule{width:100%;margin-bottom:.25em}
	main div.line_form div.champ{width:100%;margin-bottom:.5em}
	
	form#horaires div.line_form {display:flex;flex-direction:row}
	div#prestations div.line_form {display:flex;flex-direction:row}
	div#prestations div.line_form div.prix{min-width:7em}
}