@charset "utf-8";
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
}
form {
	margin: 0px;
}
.form_50pc {
	clear: none;
	float: left;
	width: 45%;
	position: relative;
}

a:visited
{
	color:#C09;
}

.head_title {
	height: 60px;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.head_logo {
	background-repeat: no-repeat;
	width: 125px;
	background-position: center top;
	padding-top: 0px;
	padding-left: 5px;
}
.head_black {
	background-color: #000000;
	display: block;
	height: 20px;
	width: 100%;
	left: 0px;
	top: 60px;
	position: absolute;
}
.head_hour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #CCCCCC;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
}
.head_hour a{
	color: #CCCCCC;
}
.head_agenda {
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
}
.head_home {
	position: absolute;
	top: 5px;
	right: 90px;
	display: block;
}
.head_marge {
	position: absolute;
	top: 5px;
	right: 170px;
	display: block;
}
.head_marge2 {
	position: absolute;
	top: 5px;
	right: 170px;
	display: block;
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: auto;
	position: absolute;
	height: auto;
	top: 60px;
	left: 0%;
}
.menu_span a{
	line-height: 20px;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	display: block;
	float: left;
	height: 20px;
	width: 110px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	text-decoration: none;
}
.menu_cadre {
	display: block;
	position: absolute;
	width: auto;
	top: 60px;
	left: 0%;
}
.menu_show a, .menu_show a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:4px;
	padding-right:4px;
}
.menu_show a:hover{
	color: #000000;
	text-decoration: none;
	background-color: #EBEBEB;
}
.menu_c00 {
	position: relative;
	width: 110px;
	display: block;
	float: left;
	margin-top: 80px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0%;
	visibility: hidden;
}
.menu_c01 {
	position: relative;
	width: 110px;
	display: block;
	float: left;
	margin-top: 80px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	visibility: hidden;
}
.content {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.content_scroll {
	width: 85%;
	overflow: auto;
	position: absolute;
	height: auto;
	top: 80px;
	bottom: 20px;
	left: 15%;
}
.content_scroll p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 40px;
}
.content_scroll h1 {
	font-size: 14px;
	color: #D04544;
	padding: 20px;
}

.content_scroll h2 {
	font-size: 14px;
	color: #000;
	padding: 20px;
}


.content_scroll_menu {
	background-color: #EBEBEB;
	height: auto;
	width: 15%;
	overflow: auto;
	position: absolute;
	top: 80px;
	bottom: 0px;
	left: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.content_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #D04544;
	display: block;
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
	font-weight: bold;
	background-color : white;
}
.menu_noscroll {
	padding: 10px;
}
.menu_noscroll a {
	color: #333333;
}
.menu_total {
	position: absolute;
	bottom: 5px;
	border: 2px solid #666666;
	left: 20px;
	width: 75%;
	padding: 10px;
}



.right_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
}

#form1_2{
	width : 80%;
	margin : 0 0 0 40px;
	color : #565656;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
}

#form1_2 p{
	margin: 0 0 10px 10px;
}

#form1_2 input[type=text]{
	width : 350px;
}

#form1_2 select{
	width : 356px;
	color: #565656;
}

.label_form{
	width : 100px;
	float : left;
	font-weight: bold;
	margin : 3px 0 0 0;
}

.label_form_sujet{
	width : 50px;
	float : left;
	font-weight: bold;
	margin : 3px 0 0 0;
}

.label_form_2{
	font-weight: bold;
	margin : 0 0 5px 0;
}

.answer{
	background-color : #f5f4f4;
	padding : 5px;
	margin : 0 0 5px 0;
}

.answer p{
	margin: 0 0 10px 20px;
}

#frm_id{
	border-color : #a6a5a5;
}

.title_sujet{
	font-size: 13px;
	font-weight: bold;
}

.date_answer{
	color : #949292;
	font-weight: bold;
	font-size: 11px;
}

.return_link{
	margin : 0 0 0 40px;
}

.return_link_span a{
	color : #9D9D9E;
	font-weight: bold;
}

.user_answer{
	color : #D04544;
	font-weight: bold;
	font-size: 11px;
	border-bottom : 1px solid #eeeded;
	padding : 0 0 4px 0;
}

.fr_file a{
	text-decoration: none;
	color : #D04544;
	font-weight: bold;
}

.fr_file{
	color : #9d9d9e;
	font-weight: bold;
}

#title_message{
	margin : 0 0 0 40px;
	color : #4a4a4a;
	font-size: 14px;
}

.right_form h1 {
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.right_form h2 {
	font-size: 12px;
	color: #000000;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight:normal;
}
.right_form form {
	padding-left: 10px;
	padding-right: 10px;
}
.right_form p {
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-weight:normal;
	color:#666;
}

.right_form_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #8d8d8d;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	width: 80%;
}
.right_form_input_lt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; text-align:center;
	color: #000000;
	text-decoration: none;
	width: 40px !important;
	margin: 0px;
	border: 1px solid #666666;
}
.right_form .acces a {
	margin: 0px;
	display: block;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.input01_lt {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #069;
	width: 20px;
	text-align: center;
	background-color: #EAF5FF;
}
.right_form_input_ltmed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	width: 30px;
	margin: 0px;
	border: 1px solid #666666;
}
.right_form_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 80%;
}
.right_form_submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 18px;
	width: 85%;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	border: 1px solid #999999;
}
.right_legende_table {
	width: 85%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.right_legende_table td {
	font-size: 11px;
	color: #333333;
	height: 30px;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}



.left_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	height: 25px;
	line-height: 25px;
	text-align: left;
	margin: 0px;
	padding-left: 10px;
	width: 140px;
	display: block;
}
.left_menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #CCCCCC;
	text-align: left;
	height: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin: 0px;
	padding-left: 20px;
	line-height: 20px;
	width: 130px;
	display: block;
}
.left_menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	text-align: left;
	height: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin: 0px;
	padding-left: 20px;
	line-height: 20px;
	width: 130px;
	display: block;
}
.left_sep_orange {
	background-color: #D04544;
	height: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	width: 150px;
}
.center_div_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 20px;
	margin-left: 2px;
}
.center_form_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 120px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.center_form_submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 18px;
	width: 120px;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	border: 1px solid #999999;
}
.center_message_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}

.center_table_legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}
.center_table_legende td {
	padding-right: 4px;
	padding-left: 4px;
}

.center_table_bdd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}
.center_table_bdd td {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.center_table_bdd2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #3d3d3d;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #EBEBEB;
}

.center_table_bdd2 a{
	color: #3b3b3b;
}

.center_table_bdd2 a:visited{
	color:#C09;
}

.center_table_bdd2 td {
	border-right:solid 1px #EBEBEB;
	border-bottom:solid 1px #EBEBEB;
    padding: 4px;
}
.center_table_bdd4 td {
	border-color: #EBEBEB #EBEBEB #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}

.planning table th {
	padding:10px 5px; background-color:#EBEBEB;
}
.planning table td {
	padding:0px;
}
.planning table table td {
	text-align:center;
	padding:15px;
	border-top:1px solid #CCC;
	background-color:#FFF; position:relative;
	cursor:pointer;
}
.planning table table td.indispo, .planning table table td.indispo .heure, .planning table table td.indispo:hover, .planning table table td.indispo:hover .heure {
	background-color:#CCC; color:#999; cursor:not-allowed;
}
.planning table table td:hover, .planning table table td:hover .heure {
	background-color:#edf4fa;
}
.planning table table td.selectTime, .planning table table td.selectTime .heure, .planning table table td.selectTime:hover, .planning table table td.selectTime:hover .heure {
	background-color:#CF9;
}
.planning table table td.selectTime, .planning table table td.selectTime .heure {
	border:none; cursor:default;
}
.planning table table td.selectTimeBorder{
	border-top:1px solid #CCC;
}
.planning table table td .heure {
	background-color:#FFF;
	display:block; position:absolute; top:-10px; left:0px; margin:auto; padding:0px 5px;
}
.planning .supPlanning {
	position: absolute; right:1px; top:1px;
	width:15px; height:15px; cursor:pointer;
}
#result {
	z-index:500;
}
#resultCorner {
	z-index:1000;
}
#result table, #recap table, .recap table, .planning table {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #3d3d3d;
	margin:20px 0px;
	padding:0px;
}
#result table, #recap table {
	width:95%;
}
#recap3 table a, #recap2 table a, .recap table a, #result table a{
	color: #3b3b3b;
}
#recap3 input, #recap3 textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#recap3 .bouton a {
	padding:10px;
	margin:5px 0px;
	background-color:#F60;
	color:#FFF;
	font-weight:bold;
	display:block;
	text-decoration:none;
	border:1px solid #FFF;
	border-radius:8px;
}
#recap3 .bouton a:visited {
	color:#FFF;
}
#recap3 .bouton a:hover {
	background-color:#333;
}
#recap3 table img, #recap2 table img {
	width:100%;
	box-sizing:border-box;
}
#recap3 table a:visited, #recap2 table a:visited, .recap table a:visited, #result table a:visited{
	color:#C09;
}
.recap input[type=text] {
	width:100%;
	box-sizing:border-box;
	border:1px solid #999;
	padding:5px;
}

#recap table td {
	border-top:solid 1px #333;
}
#recap2 table td {
	border-bottom:solid 1px #EBEBEB;
}
#recap2 table .total td {
	font-weight:bold; font-size:1.2em;
}
#recap2 table .trTitle td {
	font-size:1.2em; background-color:#CCC; border-top:2px solid #000;
}
#recap2 table .trSubtitle th {
	background-color:#EBEBEB !important;
}
#recap table tr:hover {
	background-color:#FFF;
}
#recap table tr:hover td {
	color:#175890;
}
#result table td, #result table th, #recap table td, #recap table th, #recap2 table td, #recap2 table th , .recap table td, .recap table th , #recap3 table td, #recap3 table th {
	padding:8px;
}
.recap, .recap table, .recap table tr, .recap table td {
	font-weight:normal;
}
.recap a {
	font-weight:normal;
	color:#000;
}
.recap table td img { width:100%; }

#recap3 tbody tr:nth-child(even), #recap2 tbody tr:nth-child(even), .recap tbody tr:nth-child(even), #result tbody tr:nth-child(even) {
    background-color:#EBEBEB;
    color:#333;
}
#recap3 tbody tr:nth-child(odd), #recap2 tbody tr:nth-child(odd), .recap tbody tr:nth-child(odd), #result tbody tr:nth-child(odd) {
    background-color:#FFF;
    color:#333;
}
#recap2 tbody tr:hover, .recap tbody tr:hover, #result tbody tr:hover {
	/*background-color:#FFF;*/
	background-color:#edf4fa;
}
#result tbody tr:hover td {
	color:#007BE4;
}
#recap2 tbody tr:hover td, .recap tbody tr:hover td {
	color:#007BE4;
}
#recap3 tbody td, #recap2 tbody td, .recap tbody td, #result tbody td {
   border-left:solid #999 1px;
}
#recap3 tbody td:first-child, #recap2 tbody td:first-child, .recap tbody td:first-child, #result tbody td:first-child {
   border-left:0px;
}
#result table th, #recap2 table th, .recap table th, .recap th, #recap3 table th {
    background-color:#666;
	color:#FFF;
}
#recap2 .showWay, #recap3 .showWay {
	padding:4px; margin:2px 0px; border:solid 1px #999; background-color:#FFF;
	color:#666;
	position:relative;
}
#recap2 .showWay img, #recap3 .showWay img {
	width:auto; height:auto;
	cursor:pointer;
	position:absolute; right:2px; top:3px;
}
#recap2 tr:hover .showWay {
	color:#666;
}
#recap2 .showWay:hover, #recap3 .showWay:hover {
	color:#007BE4;
}
#recap2 .valid_button {
	border-radius:8px;
	background-color:#007BE4;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px 10px;
	cursor:pointer;
}
#recap2 .valid_button:hover {
	background-color:#D04544;
}
#recap2 span.nom {
	text-transform:uppercase;
}
#recap2 span.prenom {
	text-transform:lowercase capitalize;
}
#recap2 .detailTable td {
	border-bottom:1px solid #FFF;
}

.sousrecap {
	width:100%;
	margin:0px !important;
	font-size:11px;
	border:none;
}
.sousrecap th {
	background-color:#CCC !important;
	color:#333  !important;
	border-bottom:1px solid #EBEBEB;
}
.sousrecap td {
	background-color:#FFF !important;
	border-bottom:1px solid #EBEBEB;
	font-size:12px;
}
.sousrecap td img {
	width:100%;
}

.form_create_50 {
	background-color:#EBEBEB;
	border:1px solid #CCC;
	box-sizing:border-box;
	padding:10px;
}
.form_create_50 input[type=text] {
	width:50%;
}

#lien_create{
	color: #666666;
	padding : 0 0 0 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.intro_forum{
	width : 70%;
	padding : 20px 0 20px 40px;
	color : #4f4f4f;
	text-align: justify;
	font-size: 1.05em;
}

.center_table_bdd4 {
    border-left: 1px solid #EBEBEB;
    border-style: none none none solid;
    border-top: 0 none #CCCCCC;
    border-width: 0 0 0 1px;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 10px 10px 10px 40px;
}
.result_corner {
	position:fixed;
	bottom:0px;
	right : 20px;
	background-color:#FC0;
	color:#333;
	font-style:italic;
	padding:30px 50px;
	font-size:1.2em;
	font-weight:bold;
	border-radius:10px 10px 0px 0px;
	box-shadow:0px 0px 5px #666;
}
.result_ok {
	background-color:#6C0;
}
.result_ko {
	background-color:#C00;
}
#result table .st_titre {
	background-color: #EBEBEB;
	display: block;
	margin: 0px;
	color: #333;
	clear: both;
	float: left;
	width: 100%;
	line-height: 15px;
	font-size: 11px;
	height: 15px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#result table .st_ctn  {
	display: block;
	margin: 0px;
	clear: none;
	float: left;
	height: 20px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EBEBEB;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	border-left-color: #EBEBEB;
}
#result table .st_ctn strong {
	color: #369;
}
#result table .st_sep {
	height: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EBEBEB;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	border-left-color: #EBEBEB;
	margin: 0px;
	clear: both;
	float: left;
	width: 100%;
}

#result table .table_liste {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 4px;
}

.center_table_bdd3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #EBEBEB;
}
.center_table_bdd3 td {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EBEBEB;
	border-right-color: #EBEBEB;
	border-bottom-color: #CCCCCC;
	border-left-color: #EBEBEB;
	padding: 4px;
}

.center_table_ajout_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}

.center_table_ajout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
	border: 1px solid #CCCCCC;
}
.center_table_ajout td {
	padding: 5px;
}

.center_ajout_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 16px;
	width: 400px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin: 0px;
}
.center_ajout_submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 18px;
	width: 404px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin: 0px;
}

.form_select_big {
	font-size: 11px;
	color: #666666;
	width: 450px;
	border: 1px solid #CCCCCC;
}
.form_select_med {
	font-size: 11px;
	color: #666666;
	width: 250px;
	border: 1px solid #CCCCCC;
}
.form_select_med2 {
	font-size: 11px;
	color: #666666;
	width: 130px;
	border: 1px solid #CCCCCC;
}
.form_select_min {
	font-size: 11px;
	color: #666666;
	width: 70px;
	border: 1px solid #CCCCCC;
	margin-left: 20px;
}
.form_select_min2 {
	font-size: 11px;
	color: #666666;
	width: 70px;
	border: 1px solid #CCCCCC;
}
.form_select_noborder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px none #FFF;
	background-color: #EAF5FF;
	color: #369;
}

.form_input_100, .form_input_50 {
	font-size: 12px;
	color: #666666;
	border: 1px solid #CCCCCC;
	box-sizing:border-box;
	padding:6px; margin:5px 0px;
	border-radius:5px;
}
.form_input_100 {
	width:100%;
}
.form_input_50 {
	width:50%;
}

.form_input_min {
	font-size: 11px;
	color: #666666;
	width: 30px;
	border: 1px solid #CCCCCC;
}

.form_input_mind {
	font-size: 11px;
	color: #666666;
	width: 30px;
	border: 1px solid #CCCCCC;
	font-style: italic;
	background-color: #EBEBEB;
}
.form_input_min2 {
	font-size: 11px;
	color: #666666;
	width: 40px;
	border: 1px solid #CCCCCC;
}
.form_input_min2d {
	font-size: 11px;
	color: #666666;
	width: 40px;
	border: 1px solid #CCCCCC;
	font-style: italic;
	background-color: #EBEBEB;
}
.form_input_med {
	font-size: 11px;
	color: #666666;
	width: 250px;
	border: 1px solid #CCCCCC;
}
.form_input_medd {
	font-size: 11px;
	color: #666666;
	width: 250px;
	border: 1px solid #CCCCCC;
	font-style: italic;
	background-color: #EBEBEB;
}
.form_input_big {
	font-size: 11px;
	color: #666666;
	width: 300px;
	border: 1px solid #CCCCCC;
}
.form_input_big2 {
	font-size: 11px;
	color: #666666;
	width: 400px;
	border: 1px solid #CCCCCC;
}
.form_input_noborder_wh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #369;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF;
	box-sizing:border-box;
	padding:4px;
}
.form_input_noborder, .form_input_noborder_recap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #369;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EAF5FF;
	padding:4px;
	box-sizing:border-box;
}
.form_input_noborder_recap {
	background-color:inherit !important;
	cursor:pointer;
	min-height:150px;
}
.form_input_noborder_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:inherit !important;
	border:0px none;
	width: 100%;
	cursor:pointer;
	box-sizing:border-box;
	padding:4px;
	color: #369;
}
.form_input_noborder_nb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 60px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EAF5FF;
	box-sizing:border-box;
	padding:4px;
}
.form_input_noborder_nb2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EAF5FF;
	box-sizing:border-box;
	padding:4px;
}
.form_input_noborder_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EAF5FF;
	box-sizing:border-box;
	padding:4px;
}
.form_input_noborder_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #369;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EAF5FF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: both;
	float: left;
	position: relative;
}
.form_input_noborder_listnum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #369;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EAF5FF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: both;
	float: left;
	position: relative;
}
.form_input_noborder-st {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #369;
	width: 96%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EAF5FF;
	clear: left;
	float: left;
}




.form_submit_grey {
	color: #333;
	background-color: #D6D6D6;
	line-height: 22px;
	height: 24px;
	width: 150px;
	border: 1px solid #808080;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.form_submit_red {
	color: #FFF;
	background-color: #C00;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 25px;
	height: 25px;
	width: 150px;
}



.prod_legende {
	width: 700px;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 5px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #D04544;
	text-decoration: none;
}
.input_2colonnes {
	display: block;
	clear: none;
	float: left;
	width: 50%;
}

.input_3colonnes {
	display: block;
	clear: none;
	float: left;
	width: 30%;
}
.radiobox {
	display: block;
	width: 60px;
	float: left;
	line-height: 20px;
}
.radiobox-title {
	display: block;
	float: left;
	width: 90px;
	line-height: 20px;
	clear: left;
	color: #369;
	font-weight: bold;
}

.filtre {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.agenda_table_legende {
	font-size: 12px;
	color: #000000;
	margin-left: 40px;
	clear: both;
	float: left;
	position: relative;
	margin-bottom: 5px;
}
.agenda_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	margin-right: 2px;
	margin-left: 2px;
	height: 30px;
}
.agenda_list a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.agenda_zone {
	color: #000000;
	background-color: #66FFCC;
	width: 121px;
	height: 22px;
	display: block;
	padding-top: 8px;
}
.btm_black {
	display: none;
	background-color: #000000;
	position: absolute;
	height: 20px;
	width: 100%;
	left: 0px;
	bottom: 0px;
}
.btm_pdf {
	position: absolute;
	height: 60px;
	width: 189px;
	right: 0px;
	bottom: 0px;
}
.textfield_adjust {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #CCC;
}
.inactive {
	font-style: italic;
	color: #999;
	background-color: #EBEBEB;
}


.span_blue {
	color: #336699; 
}
.span_blue12 {
	color: #336699;
	font-size: 12px;
}
.span_blue14 {
	color: #336699;
	font-size: 14px;
}
.span_blue16 {
	color: #336699;
	font-size: 16px;
}
.span_mauve {
	color: #993399;
}
.span_mauve12 {
	color: #993399;
	font-size: 12px;
}
.span_mauve16 {
	color: #993399;
	font-size: 16px;
}
.span_white {
	color: #FFFFFF;
}
.span_grey {
	color: #CCC;
}
.span_red {
	color: #CC0000;
}
.span_red12 {
	color: #CC0000;
	font-size: 12px;
}
.span_red16 {
	color: #CC0000;
	font-size: 16px;
}
.span_10 {
	font-size: 10px;
}
.span_12 {
	font-size: 12px;
}
.span_14 {
	font-size: 14px;
}
.span_16 {
	font-size: 16px;
}
.span_18 {
	font-size: 18px;
}

/***** ADD ********/

/*Export PDF*/

.checkbox_center{
	text-align : center;
}

/** tableau scroll **/
#entete{
	background-color : white;
}

#entete img{
	margin : 0 0 0 1px;
}

#tablescroll{
	overflow : scroll;
	height : 700px;
	width : 340%;
}

#tablescroll input[type="checkbox"]{
	margin : 0 7px 0 7px;
}

.picto_min img{
	width : 2.7em;
	margin : 0 0 4px 0;
}

.line_color{
	background-color : #dbe3ee;
}

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.autocomplete-suggestions{
	background-color: #FFF;
	border : 1px solid #d7d7d7;
	overflow:scroll;
}
.autocomplete-suggestion{
	background-color: #FFF;
	border : 1px solid #d7d7d7;
}
.autocomplete-suggestion:hover{
	background-color: #EBEBEB;
	border : 1px solid #d7d7d7;
}


/********* Formulaire créa code promo ********/

#zone_modif{
	width : 95%;
	margin: 10px 10px 10px 40px;
	background-color: #EBEBEB;
	padding : 8px;
	color: #666666;
    font-size: 12px;
    font-weight: bold;
    overflow : hidden;
}

#zone_modif #promo_left{
	float : left;
	width : 350px;
	height : 130px;
}

#zone_modif #promo_right{
	height : 130px;
}


#zone_modif h4{
	font-size: 13px;
	margin-top: 0px;
}

#zone_modif .label{
	width : 110px;
	float : left;
}

#zone_modif input[type=text]{
	margin : 0 0 2px 0;
	width : 150px;
}

#zone_modif select{
	margin : 0 0 2px 0;
	width : 200px;
}

#zone_modif #warning{
	 font-size: 12px;
	color: #D04544;
	font-weight: bold;
}

#zone_modif input[type=checkbox]{
	margin-left: 0;
}

#new_code a{
	color : #666666;
}

#new_code{
	border-top: 1px dotted #666666;
	padding : 10px 0 10px 0px;
}

#new_code img{
	vertical-align: middle;
}

/************** EXPORT ANNUAIRE ****************/

#annuaire_choix{
	margin : auto;
	margin-top : 40px;
	color : #787878;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
}

#annuaire_choix a{
	color : #787878;
	text-decoration: none;
}

#annuaire_choix td{
	padding-top: 50px;

}

.img_annuaire{
	height: 80px;
}

#lien_deco a{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

#lien_deco{
	margin : 39px 0 0 0;
	width: 60px;
	height: 20px;
	 display: block;
    position: absolute;
    right: 330px;
}


/************** HOME PAGE ***************/

#table_home_1{
	margin : 45px 0 10px 40px;
	border : solid 1px white;
}
#table_home_1 .total td{
	font-size:16px;
}

#table_home_2{
	margin : 20px 0 30px 40px;
	border : solid 1px white;
}


#table_home_1 td, #table_home_1 tr, #table_home_1 th, #table_home_2 td, #table_home_2 tr, #table_home_2 th{
	border : solid 1px white;
}

.legend_table_home_1{
	background-color : #4ECDC4;
}

.legend_table_home_12{
	background-color: #cbecea;
}

.table_legend_blue1 th, .table_legend_blue1 td {
	font-size:16px;
	background-color:#369 !important;
}
.table_legend_blue2 th, .table_legend_blue2 td {
	font-size:14px; font-weight:normal;
	background-color:#9CC !important;
}

#recap3 tbody td, #recap2 tbody td, .recap tbody td, #result tbody td {
   border-left:solid #CCC 1px !important;
}
#recap3 tbody td:first-child, #recap2 tbody td:first-child, .recap tbody td:first-child, #result tbody td:first-child {
   border-left:0px;
}

.color_bg_home{
	background-color: #efefef;
}

.link_home{
	margin : 10px 0 0 44px;
}

.link_home img{
	width : 25px;
}

#table_home_1 tr{
	text-align: right;	
}

#table_home_1 tr:nth-child(even) {

	background-color: #efefef;
}

#table_home_1 th {
	text-align: center;
	font-size: 1.2em;
}


.link_home a{
	color : #666666;
	font-weight: bold;
}

.add_besoin{
	background-image: url('images/icons/add.png');
	width: 20px;
	height: 20px;
}

.cl_submit {
	border:none;
	border-radius:8px;
	padding:8px 20px;
	margin:20px 0px 20px 10px;
	background-color:#333;
	color:#FFF;
	box-sizing:border-box;
	float:right;
	cursor:pointer;
}
.cl_submit:hover {
	background-color:#D04544;
}
.hideme {
	display:none;
}

.click_table{
	height:35px;
	overflow:hidden;
	margin:30px 0px 10px 0px;
}
.click_table_show{
	height:auto;
}
.click_table h2 {
	cursor:pointer;
}
.legende_bloc {
	width:25px;
	height:25px;
	border:1px solid #999;
	box-sizing:border-box;
	margin:5px;
}

.relative {
	position:relative;
}
.center_result {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	padding:40px;
	vertical-align:middle;
	display:none;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:2000;
	overflow:scroll;
}
.center_result h1 {
	font-size:3.4em;
	padding:0px;
	margin:0px;
}
.center_result .closegif {
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}
.loading {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	vertical-align:middle;
	display:none;
	background-color:rgba(255, 255, 255, 0.7);
	z-index:2000;
}
.loading img, loading_img {
	width:100px !important;
	height:100px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px auto 0px -50px;
}
#loader {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	vertical-align:middle;
	display:none;
	background-color:rgba(0, 0, 0, 0.3);
	z-index:2000;
}
#loader img {
	margin-top:25%;
}

.tableOngletBig {
	color:#FFF; background-color:#666; padding:10px; float:none; clear:both; font-size:1.2em; text-transform:uppercase; margin:10px 1px 0px 0px; cursor:pointer;
}
.tableOngletOn {
	color:#FFF; background-color:#666; padding:10px; float:left; font-size:1.2em; text-transform:uppercase; margin:10px 1px 0px 0px; cursor:pointer;
	/*float:left; padding:10px 30px; margin:10px 1px 0px 10px; background-color:#666; font-size:1.2em; color:#FFF;cursor:pointer;*/
}
.tableOngletOff {
	color:#FFF; background-color:#999; padding:10px; float:left; font-size:1.2em; text-transform:uppercase; margin:10px 1px 0px 0px; cursor:pointer;
	/*float:left; padding:10px 30px; margin:10px 1px 0px 0px; background-color:#CCC; font-size:1.2em;cursor:pointer;*/
}

.color_red {
	background-color:#F55;
}
.color_blue {
	background-color:#55F;
}
.color_yellow {
	background-color:#FF5;
}
.color_orange {
	background-color:#D04544;
}
.pointer {
	cursor:pointer;
}
.sortby{
	width:12px !important;
	vertical-align:middle;
	margin:0px 0px 2px 0px;
}
.attribute_value {
	float:left; border:1px solid #22639b; background-color:#b0c8dd; padding:5px 5px 5px 10px; margin:0px 0px 4px 4px; border-radius:8px; color:#333; cursor:pointer;
}
.attribute_value .eraseme {
	width:10px !important; 
	cursor:pointer; margin:0px 0px 0px 5px; vertical-align:middle;
}
.attribute_value:hover {
	background-color:#FFF;
}
.attribute_default {
	background-color:#b5f4f3; color:#333;
}

#comprod, .autosearch {
	display:none;
	position:absolute;
	z-index:1000;
}
#comprod .searchResult,  .autosearch .searchResult {
	padding:5px 10px;
	color:#000;
	background-color:#FFF;
	cursor:pointer;
	border-bottom:1px solid #CCC;
}
#comprod .searchResult span, .autosearch .searchResult span {
	color:#666;
	font-weight:normal;
}

.comprod, .autosearch {
	display:none;
	position:absolute;
	z-index:1000;
}
.comprod .searchResult,  .autosearch .searchResult {
	padding:5px 10px;
	color:#000;
	background-color:#FFF;
	cursor:pointer;
	border-bottom:1px solid #CCC;
}
.comprod .searchResult span, .autosearch .searchResult span {
	color:#666;
	font-weight:normal;
}

.exportBloc {
	padding:10px 10px 20px 10px; margin:10px 10px 20px 10px; background-color:#CCC; border:#FFF 1px solid; box-shadow:0px 3px 3px #999;
}
.exportBloc:hover {
	box-shadow:0px 5px 5px #999;
}
.exportBloc .title {
	padding:0px 0px 15px 0px; font-size:14px; font-weight:bold;
}
.exportBloc .field {
	padding:12px 0px 5px 0px; font-size:11px; font-weight:bold; border-top:1px solid #BBB; margin-top:10px; color:#069;
}
.exportBloc input, .exportBloc select {
	width:100%; box-sizing:border-box; margin-bottom:5px;
}
.exportBloc label {
	clear:both; display:block;
}
.exportBloc label input {
	width:auto;
}
.exportBloc .link {
	padding:5px; cursor:pointer; background-color:#EBEBEB; margin-bottom:2px;
}
.exportBloc .link:hover {
	background-color:#D04544; color:#FFF;
}

.arrow_add_on, .arrow_add_off {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:30px; height:30px;
	cursor:pointer;
}
.arrow_add_on {
	background-image:url('images/arrow-add-on.png');
}
.arrow_add_off {
	background-image:url('images/arrow-add-off.png');
}
.arrow_add_off:hover {
	background-image:url('images/arrow-add-on.png');
}

.form_display{
	display:none;
	position:fixed; top:0px; bottom:0px; left:0px; right:0px;
	background-color:rgba(0,0,0,0.8);
	z-index:1000;
}
.form_content{
	position:absolute; top:40px; bottom:40px; left:20%; right:20%;
	background-color:#EBEBEB;
	padding:20px; box-sizing:border-box;
}
.form_content .title{
	color:#D04544; font-weight:bold; font-size:16px; padding:20px 0px;
}

.error_display{
	display:none;
	position:fixed; top:0px; bottom:0px; left:0px; right:0px;
	background-color:rgba(0,0,0,0.8);
	z-index:1000;
}
.error_content{
	position:absolute; top:40px; bottom:40px; left:20%; right:20%;
	background-color:#EBEBEB;
	padding:20px; box-sizing:border-box;
}


.button_top_right {
	padding:10px; border-radius:5px; background-color:#069; color:#FFF; font-weight:bold; position:absolute; right:40px; top:40px; cursor:pointer;
}
.button_top_right:hover {
	background-color:#D04544;
}
a.button_form {
	color:#FFF;
}
.button_form {
	padding:10px; border-radius:5px; background-color:#069; color:#FFF; font-weight:bold; cursor:pointer; float:left; margin:10px 10px 10px 0px;
}
.button_form:hover {
	background-color:#D04544;
}
.cmd_case_rouge{
	background-color:#F00;
}
.cmd_case_vert{
	background-color:#0C6;
}


.popup {
	position:absolute;
	padding:2em;
	background-color:#FFF; color:#333;
	right:-200px; top:0px;
	border:1px solid #CCC;
	width:200px; z-index:1000;
}


.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #999;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}

.frontfilter { font-size:15px; }
.frontfilter .filtretitle{color:#666;font-size:0.889em;text-transform:uppercase;padding:0px 0px 0.4em 0px;}
.frontfilter .padd{padding:0.5em 0.667em 0px 0.667em;}
.frontfilter .sep{border-top:solid 1px #CCC;margin-top:0.5em;}
.frontfilter li{color:#666;font-size:0.778em;background-position:left 0.26em;font-weight:normal; list-style:none;}

.coche, .nocoche, .radio, .noradio{background-repeat:no-repeat;background-position:left center;padding:0.2em 0px 0.3em 22px;cursor:pointer;}
.coche{background-image:url('../images/checkbox_ok.png');}
.nocoche{background-image:url('../images/checkbox.png');}
.radio{background-image:url('../images/radio_ok.png');}
.noradio{background-image:url('../images/radio.png');}
.radioSize{height:0.944em;width:0.944em;background-size:cover;padding:0em;box-sizing:border-box;display:inline-block;}


.search{width:100%; background-color:#EBEBEB; padding:40px;margin-bottom:30px; box-sizing:border-box; position:relative;}
.search .inputText{color:#333;border:0px none;border-right:1px solid #CCC;width:100%;margin:0.2em 0px 0px 0px;padding:10px;box-sizing:border-box;font-size:0.8em;font-style:italic;box-sizing:border-box;}
.search .searchResult{display:none;z-index:1;position:absolute;left:0px;top:130px;width:100%; padding:0px 40px; box-sizing:border-box;border-bottom:10px solid #666; background-color:#FFF;}
.search .searchResult .produit{clear:both;border-bottom:1px solid #EBEBEB;padding:0.6em 0.3em;background-color:#FFF;}
.search .searchResult .produit:hover{background-color:#EBEBEB;}
.search .searchResult .produit .prodimg{float:left;width:15%;border:1px solid #EBEBEB;}
.search .searchResult .produit:hover .prodimg{border:1px solid #CCC;}
.search .searchResult .produit .prodimg img{width:100%;}
.search .searchResult .produit .title{float:left;width:50%;font-size:0.9em;margin-left:5%;}
.search .searchResult .produit .description{float:left;width:50%;font-size:0.778em;margin-left:5%;}
.search .searchResult .produit .stock{float:right;width:25%;text-align:right;margin-top:1em;}
.search .searchResult .produit .prix{float:right;width:25%;font-size:0.778em;text-align:right;}
.search .searchResult .produit .prix .prixHT{font-weight:bold;font-size:1.2em;}
.search .searchResult .produit .prix .prixTTC{}
.search .searchResult .guide{clear:both;padding:0.778em 0.5em;}
.search .searchResult .guide .text{text-transform:uppercase;margin-left:0.778em;margin-top:0.2em;color:#99c95e;}
.search .searchResult .guide img{width:1.2em;}
.search .searchResult .page{clear:both;background-color:#EBEBEB;padding:0.5em;margin-top:1px;}
.search .searchResult .page:hover{background-color:#99c95e;}
.search .searchResult .searchMsg{color:#99c95e;text-align:right;padding:0.778em;}
.search .inputButton{border:0px none;background-color:#FFF;background-image:url(images/header-picto-search.png);background-repeat:no-repeat;background-size:cover;border:none 0px;width:2.6em;height:2.6em;padding:0px;margin:0.5em 1.2em 0px 0px;cursor:pointer;float:right;}
.header .buttonClick{width:100%;padding-left:50px;line-height:103px;box-sizing:border-box;background-repeat:no-repeat;cursor:pointer;}

.panier{font-size:14px; position:fixed; bottom:0px; left:0px; right:0px; background-color:#369;padding:10px;text-align:center;color:#FFF; z-index:2;}
.panierShow{top:0px; overflow:scroll;}
#panier{margin:20px 0px 0px 0px;color:#666;text-align:left;}
.panier .navPicto{margin:1em 0em 0.3em 0em;}
.panier .detail{width:100%;color:#333;box-sizing:border-box;background-color:#EBEBEB;border:#EBEBEB solid 0.556em;border-bottom:none 0px;}
.panier .detail .white{height:0.2em;}
.panier .detail .whiteBorder{height:0.2em;border-top:solid 1px #CCC;}
.panier .detail tr{}
.panier .detail th{color:#666;font-size:0.9em;font-weight:600;text-transform:uppercase;border-bottom:1px solid #CCC;border-left:1px solid #CCC;padding:0.778em 0em;}
.panier .detail th:first-child{border-left:none;}
.panier .detail td{background-color:#FFF;border-right:none;border-left:1px #CCC solid;padding:10px;vertical-align:middle;}
.panier .detail td:first-child, .panier .detail td:last-child{border-left:none;}
.panier .detail tr td{border-bottom:1px solid #CCC;}
.panier .detail .noborderBottom{border-bottom:#EBEBEB solid 10px !important;}
.panier .detail .noborderLeft{border-left:none;}
.panier .detail .prod_img{box-sizing:border-box;border:#CCC solid 1px;padding:0.556em;}
.panier .detail .prod_img img{width:90%;}
.panier .detail .prod_nom{box-sizing:border-box;margin:0em 0.556em;padding:10px;border-bottom:1px solid #CCC;}
.panier .detail .ht{font-family:'Titillium Web', sans-serif;font-size:1.1em;font-weight:600;line-height:0.8em;}
.panier .detail .ttc{font-family:'Titillium Web', sans-serif;font-size:0.9em;font-weight:normal;line-height:0.9em;}
.panier .detail .prod_p, .panier .detail .stock_p{color:#333;font-weight:600;font-size:0.9em;}
.panier .detail .prod_opt, .panier .detail .stock_opt{color:#666;font-size:0.7em;}
.panier .detail .stock_p, .panier .detail .stock_opt{padding:0.8em 0.8em;text-align:center;}
.panier .detail .stock_p img, .panier .detail .stock_opt img{height:0.8em;}
.panier .detail .prod_p, .panier .detail .prod_opt{border-left:none;}
.panier .detail .stock_p, .panier .detail .stock_opt{border-left:1px solid #CCC !important;}
.panier .detail .total{color:#007BE4;}
.panier .detail .qt{border:#CCC 1px solid;padding:5px;width:1.667em;text-align:center; font-size:14px;}
.panier .detail .prod_gar{font-size:0.8em;text-align:center;}
.panier .totalBloc{background-color:#EBEBEB;padding-bottom:0.556em;width:100%;}
.panier .totalBloc .btn{background-color:#369; color:#FFF; padding:5px 10px; text-align:center; width:150px; line-height:30px; display:inline-block; margin:10px 10px 0px; cursor:pointer;}
.panier .totalBloc .btn:hover{background-color:#39C;}
.panier .totalBloc .promo{width:100%;font-size:18px;}
.panier .totalBloc .promo label{float:right;margin:0em 0.556em 0em 0em;padding:1em;}
.panier .totalBloc .promo label span{font-size:0.778em;}
.panier .totalBloc .promo input{height:39px;border:#CCC 1px solid;padding:0.8em;box-sizing:border-box;}
.panier .totalBloc .pub{margin:0em 0em 0em 0.35em;width:51.875%;float:left;}
.panier .totalBloc .pub img{width:100%;}
.panier .totalPrix{background-color:#FFF;width:40%;float:right;box-sizing:border-box;margin:20px 0px;font-family:'Titillium Web', sans-serif;font-size:0.9em;font-weight:normal;color:#333;border:#FFF solid 0.4em;}
.panier .totalPrix .totalTable{width:100%;background-color:#FFF;font-size:1.1em;}
.panier .totalPrix .totalTable td{vertical-align:top;}
.panier .totalPrix .commander {background-color:#693; color:#FFF; padding:5px 10px; text-align:center; width:200px; line-height:30px; display:inline-block; margin:10px 10px 0px; cursor:pointer;}
.panier .totalPrix .commander:hover {background-color:#6C6;}
.panier .totalBloc .ht{font-family:'Titillium Web', sans-serif;font-size:1.1em;font-weight:600;line-height:0.8em;}
.panier .totalBloc .ttc{font-family:'Titillium Web', sans-serif;font-size:0.9em;font-weight:normal;line-height:0.9em;color:#666;}
.panier .totalBloc .bigTotal{color:#007BE4;font-weight:bold;font-size:1.4em;}
.panier .totalBloc .bigTotal .ht, .panier .totalBloc .bigTotal .ttc{color:#007BE4;}
.panier .totalBloc .totalTable .TotalTitle{padding-right:6%;border-right:1px solid #CCC;}
.panier .totalBloc .totalTable .TotalNum{padding-right:8%;}
.panier .totalBloc .totalTable .Total{padding:8px;text-align:left;line-height:1.2;}
.panier .totalBloc .totalTable .white{height:0.2em;}
.panier .totalBloc .totalTable .whiteBorder{height:0.2em;border-top:solid 1px #CCC;}
.transportTable{width:95%;margin-left:2.5%;margin-top:1.5em; margin-bottom:1.5em;border:1px solid #CCC;}
.transportTable tr{}
.transportTable td{padding:0.778em;font-size:0.778em;color:#333;border-bottom:1px solid #CCC;}
.transportTable td strong{font-size:1.2em;color:#333;}
.transportTable tr:last-child td{border-bottom:none;}
.transportTable .prixHT{font-weight:600;font-size:1.2em;}

/* css for timepicker */
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }