@charset "UTF-8";
/* CSS Document */

body,td,th {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
}
body {
	background:#34495e;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}

img { border:0px; }

p {margin:0px; }

.centered { display:table; margin:auto; }

.left { float:left; }
.right { float:right; }

.top_10 { margin-top:10px; }
.top_20 { margin-top:20px; }
.top_30 { margin-top:30px; }
.top_40 { margin-top:40px; }
.top_50 { margin-top:50px; }

.right_10 { margin-right:10px; }
.right_20 { margin-right:20px; }
.right_30 { margin-right:30px; }
.right_50 { margin-right:50px; }
.no_right { margin-right:0px; }

.left_10 { margin-left:10px; }
.left_40 { margin-left:40px; }
.left_70 { margin-left:70px; }
.left_15 { margin-left:15px; }
.no_left { margin-left:0px; }

.clear { clear:both; height:0px; }
.clear_8 { clear:both; height:8px; }
.clear_10 { clear:both; height:10px; }
.clear_20 { clear:both; height:20px; }
.clear_30 { clear:both; height:30px; }
.clear_40 { clear:both; height:40px; }
.clear_50 { clear:both; height:50px; }
.clear_60 { clear:both; height:60px; }
.clear_70 { clear:both; height:70px; }
.clear_80 { clear:both; height:80px; }
.clear_90 { clear:both; height:90px; }
.clear_100 { clear:both; height:100px; }
.clear_110 { clear:both; height:110px; }
.clear_120 { clear:both; height:120px; }
.clear_150 { clear:both; height:150px; }
.clear_160 { clear:both; height:160px; }
.clear_170 { clear:both; height:170px; }
.clear_180 { clear:both; height:180px; }
.clear_190 { clear:both; height:190px; }
.clear_200 { clear:both; height:200px; }
.clear_210 { clear:both; height:210px; }
.clear_230 { clear:both; height:230px; }
.clear_240 { clear:both; height:240px; }
.clear_280 { clear:both; height:280px; }
.clear_305 { clear:both; height:305px; }
.clear_390 { clear:both; height:390px; }
.clear_5 { clear:both; height:5px; }
.clear_15 { clear:both; height:15px; }
.clear_25 { clear:both; height:25px; }
.clear_35 { clear:both; height:35px; }
.clear_45 { clear:both; height:450px; }
.clear_55 { clear:both; height:55px; }
.clear_65 { clear:both; height:65px; }
.clear_75 { clear:both; height:75px; }
.clear_85 { clear:both; height:85px; }
.clear_95 { clear:both; height:95px; }
.clear_8 { clear:both; height:8px; }
.clear_12 { clear:both; height:12px; }

.black { color:#000; }
.green { color:#68b72f; }
.blue { color:#2c99d9;  }
.white { color:#fff; }
.blue { color:#009ec6; }
.red { color:#3498db; }

.light { font-weight:300; }
.normal { font-weight:400; }
.medium { font-weight:500; }
.semibold { font-weight:600; }
.bold { font-weight:700; }
.extra_bold { font-weight:800; }
.italic { font-style:italic; }


.f_11 { font-size:11px; }
.f_12 { font-size:12px; }
.f_14 { font-size:14px; }
.f_16 { font-size:16px; }
.f_18 { font-size:18px; }
.f_20 { font-size:20px; }
.f_22 { font-size:22px; }
.f_24 { font-size:24px; }
.f_26 { font-size:26px; }
.f_28 { font-size:28px; }
.f_30 { font-size:30px; }
.f_32 { font-size:32px; }
.f_44 { font-size:44px; }

.container { margin:auto; width:1021px; }

.f_left { float:left; }
.f_right { float:right; }

.b_10 { width:10%; }
.b_20 { width:20%; }
.b_25 { width:25%; }
.b_50 { width:50%; }
.b_40 { width:40%; }
.b_45 { width:45%; }
.b_33 { width:33%; }
.b_66 { width:66%; }
.b_75 { width:75%; }
.b_100 { width:100%; }




/* LOGIN */
#login_box { background:#fff; width:400px; margin:auto; padding:20px; border-radius:6px; text-align:center; }
#login_box .input { line-height:40px; height:40px; width:388px; padding-left:10px; border:1px solid #dadada; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
#login_box .button { line-height:40px; height:40px; width:398px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; margin:auto; background-color: #3498db; }
#login_box .button:hover { background:#2980b9 }



/* ALERTS */
.error { float:left; width:100%; border:1px solid #ebccd1; border-radius:4px; line-height:40px; color: #a94442; background-color: #f2dede; display:none; margin-bottom:10px; text-align:center }
.success { float:left; width:100%; border:1px solid #d6e9c6; border-radius:4px; line-height:40px; color: #3c763d; background-color: #dff0d8; margin-bottom:10px; text-align:center }



/* LEFT */
#left { clear:both; width:200px; float:left; position:fixed; }
#left .title { font-size:16px; color:#fff; margin:18px; }

/* TOOLTIP */
a.tooltip { color:#fff; margin-left:20px; }
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:1000;display:none; padding:10px; position:absolute; left:50px; top:120px; width:120px; line-height:16px; background:#fff; border:1px solid #dadada; border-radius:4px; color:#333;
}
a.tooltip:hover span{
    display:inline; 
   }
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

#left .left_nav { background:#95a5a6; width:100%; }
#left .left_nav fa { margin-right:5px; margin-bottom:-2px; }
#left .left_nav .tab { line-height:40px; background:#efefef; color:#333; padding-left:10px;  }
#left .left_nav .expend { float:right; margin-right:10px; margin-top:12px; }
#left .left_nav .item { line-height:40px; color:#fff; padding-left:20px; background:#738384; }
#left .left_nav .head_item { cursor:pointer;}
#left .left_nav .clickable { cursor:pointer; background:#95a5a6; }
#left .left_nav .clickable:hover { background:#7f8c8d; }
#left .left_nav .active_item { background:#16a085; }
#left .left_nav .active_item:hover { background:#16a085; }


/* RIGHT */
#right { width:calc(100% - 200px); float:left; background:#2c3e50; position:absolute; left:200px; }
#right .ariane { float:left; color:#fff; margin-left:20px; cursor:pointer; padding-bottom:2px; border-bottom:1px solid #95a5a6; }
#right .ariane:hover { border-bottom:1px solid #fff; }
#right .logout { float:right; color:#fff; margin-right:20px; cursor:pointer; padding-bottom:2px; border-bottom:1px solid #95a5a6; }
#right .logout:hover { border-bottom:1px solid #fff; }
#right .loggedin { float:right; color:#fff; margin-right:10px; }
#right .header {  width:calc(100% - 20px); padding-left:20px; background:#ddd; color:#333; font-size:18px; line-height:60px; }
#right .main_container {  width:calc(100% - 40px); padding:20px; background:#efefef; color:#333; }
#right .search_message { border:1px solid #e2e2e2; width:calc(100%); background:#fff }
#right .search_message .firstline { background:#ddd;  width:calc(100% - 20px); padding-left:20px; line-height:40px; } 
#right .fiddy { width:calc(50% - 10px); float:left; margin-right:10px; }
#right .fiddy2 { width:calc(50% - 10px); float:left; margin-left:10px; }
#right .info { text-align:left; line-height:30px; padding-left:20px; } 
#right .label { float:left; width:120px; text-align:left; line-height:40px; padding-left:20px; }
#right .input { line-height:38px; height:38px; width:280px; padding-left:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
#right .inputlist { height:42px; width:280px; padding-left:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
#right .inputtext { line-height:20px; width:calc(100% - 60px); padding:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; margin-left:20px; }
#right .button { line-height:38px; height:38px; width:290px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; margin-left:140px; float:left; }
#right .button:hover { background:#2980b9 }
.button_delete { line-height:38px; height:38px; width:290px; border:1px solid #000; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #222; margin-left:20px; float:left; }
.button_delete:hover { background:#000 }
.button_view { border:1px solid #2980b9 !important; background-color:#2980b9 !important;}
.button_view:hover { background:#2980b9 !important }
#right .simple { width:auto; padding-left:20px; padding-right:20px; margin-left:20px; }

.hide_name { 
width: 120px;
    float: right;
    background: #fff;
    height: 12px;
    top: -15px;
    position: relative;
    z-index: 2;
}

#right .tab { float:left; padding:0px; padding-left:10px; height:53px; padding-right:10px; background:#f7f7f7; color:#333; margin-right:5px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; position:relative; bottom:-1px; z-index:2; }
#right .tab .inputlist { width:200px; margin-left:0px; background:transparent; border:0px; height:32px; margin-top:8px; margin-bottom:8px; }
#right .tab_selected { background:#fff; }
#right .full_content { background:#fff; border:1px solid #ddd; padding:20px; float:left; width:calc(100% - 40px); position:relative;  z-index:1; }

#right .firstline_results { background:#414141; width:100%; float:left } 
#right .firstline_results div { line-height:40px; padding-left:10px; padding-right:10px; float:left; color:#fff; width:100px; }
#right .otherline { background:#fff; width:100%; float:left } 
#right .otherline div { line-height:20px; padding:10px; float:left; width:100px; }
#right .line_1 { background:#efefef; }
#right .line_2 { background:#ffff; }
#right .otherline .fa { cursor:pointer; margin-right:5px; font-size:16px; }
#right .otherline .fa:hover { color:#3498db }


#right .firstline_results2 { background:#414141; float:left } 
#right .firstline_results2 div { line-height:40px; padding-left:10px; padding-right:10px; float:left; color:#fff; width:100px; }
#right .otherline2 { background:#fff; float:left } 
#right .otherline2 div { line-height:20px; padding:10px; float:left; width:100px; }
#right .otherline2 .fa { cursor:pointer; margin-right:5px; font-size:16px; }
#right .otherline2 .fa:hover { color:#3498db }


#source .button { line-height:38px; height:38px; width:290px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; margin-left:140px; float:left; }
#source .simple { width:auto; padding-left:20px; padding-right:20px; margin-left:20px; }


#email_popup_div .input { line-height:38px; height:38px; width:390px; padding-left:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
#email_popup_div .button { line-height:38px; height:38px; width:400px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; }
#email_popup_div .button:hover { background:#2980b9 }

#template_text_div .button { line-height:38px; height:38px; width:400px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; }
#template_text_div .button:hover { background:#2980b9 }

#edit_div .firstline { background:#ddd;  width:calc(100% - 20px); padding-left:20px; line-height:40px; } 
#edit_div .label { float:left; width:120px; text-align:left; line-height:40px; }
#edit_div .input { line-height:38px; height:38px; width:300px; padding-left:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
#edit_div .button { line-height:38px; height:38px; width:430px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; }
#edit_div .button:hover { background:#2980b9 }

#email_container .input { line-height:38px; height:38px; width:130px; padding-left:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
#email_container .button { line-height:38px; height:38px; padding-left:10px; padding-right:10px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; margin-left:0px; width:auto; }
#email_container .button:hover { background:#2980b9 }


#right .search_message .delete_file { float:left; color:red; cursor:pointer; display:none; margin-left:10px; }

#email_div .button { line-height:38px; height:38px; padding-left:20px; padding-right:20px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; float:left; margin-right:10px; }
#email_div .button:hover { background:#2980b9 }
#email_div .input { line-height:38px; height:38px; width:200px; padding-left:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
#email_div .delete_file { float:left; color:red; cursor:pointer; display:none; margin-left:10px; }

#right .received { background:#FDC345; color:#fff; padding:10px; margin-left:20px; margin-right:20px; margin-bottom:10px; border:1px solid #e7ac2b; cursor:pointer; } 
#right .sent { background:#286ebb; color:#fff; padding:10px; margin-left:20px; margin-right:20px; margin-bottom:10px; border:1px solid #1659a3; cursor:pointer; } 
#right .actions { background:#efefef; color:#333; padding:10px; margin-left:20px; margin-right:20px; margin-bottom:10px; border:1px solid #dadada; } 
#right .nothing { background:#fff; color:#333; padding:10px; margin-left:20px; margin-right:20px; margin-bottom:10px; border:1px solid #fff; } 





/* popup */
.popup { padding:20px; color:#5b5b5b; font-size:16px; width:800px }
.popup .button { line-height:38px; height:38px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; width:100%; }
.popup .button:hover { background:#2980b9 }
.popup .input { line-height:38px; height:38px; width:calc(100% - 17px); padding-left:15px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
.popup .inputlist { height:42px; width:100%; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; background:#fff; }
.popup .inputtext { line-height:20px; width:calc(100% - 22px); padding:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }

.popup_comment .button { line-height:38px; height:38px; border:1px solid #2980b9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #3498db; width:100%; }
.popup_comment .button:hover { background:#2980b9 }

/* TOP */
#top2 { clear:both; width:100%; float:left; background:#333; color:#fff; height:40px; line-height:40px; word-spacing:10px; text-align:right }
#top2 a { color:#fff; }
#top2 a:hover { text-decoration:underline }

/* FOOTER */
#footer { clear:both; width:100%; float:left; background:#017625; color:#efefef; height:40px; line-height:40px; text-align:right }
#footer a { color:#efefef; margin-left:20px;  }
#footer a:hover { color:#fff; }



/* HOME */
.left_home { width:698px; float:left; }
.right_home { width:323px; float:right; }

#steps { float:left; background:url(images/breadcrumb.png); width:678px; height:47px; color:#8d8d8d; line-height:47px;  }
.step1 { float:left; width:247px; }
.step2 { float:left; width:214px; }
.step3 { float:left; width:190px; }
#steps .active_step { color:#316089;}
#steps .number { float:left; margin-right:10px; margin-top:12px; margin-left:44px; width:24px; height:24px; color:#fff; background:#316089; line-height:24px; border-radius:100px; text-align:center; }
#steps .number_off { background:#fff; color:#8d8d8d; }

h1 { font-size:20px; color:#017625; margin:0px; padding:0px; line-height:32px }

#products { margin-left:17px; }
.bloc_home { float:left; width:420px; height:60px; color:#333; line-height:24px; font-size:16px; border:1px solid #000; cursor:pointer; background:#fff; padding:10px; margin-bottom:20px; margin-right:10px; margin-left:10px; }
.bloc_home:hover { background:#27ae60; color:#fff; border:1px solid #27ae60; font-weight:bold; }
.bloc_home .text { float:left; width:378px; }
.bloc_home .price { float:right; width:20px; margin-top:40px; }
.bloc_home_no_border { float:left; width:440px; height:80px; color:#333; font-size:12px; margin-bottom:20px; margin-right:10px; margin-left:10px; }


#form_home { float:left; width:634px; margin-left:1px; border:1px solid #DEDBDB; border-radius:4px; padding:20px; color:#222; background:#f0f0f0; } 
#form_home .label { float:left; width:220px; text-align:left; line-height:24px; }
#form_home .input { line-height:22px; height:22px; width:280px; padding-left:10px; border:1px solid #e2e2e2; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; float:left; }
#form_home .valid_check { background:url(images/check.png); margin-left:10px; float:left; width:16px; height:16px; margin-top:4px; display:none; }
#form_home .button { 
	line-height:40px; height:40px; width:447px; border:1px solid #fff; color:#fff; font-size:16px; text-align:center; cursor:pointer; margin:auto; 
	background-color: #017625;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#017625), to(#01B301));
	background: -webkit-linear-gradient(top, #017625, #01B301);
	background: -moz-linear-gradient(top, #017625, #01B301);
	background: -ms-linear-gradient(top, #017625, #01B301);
	background: -o-linear-gradient(top, #017625, #01B301);
	box-shadow:0px 0px 1px 1px #ccc;
}
#form_home .button:hover { 
	background-color: #01B301;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#01B301), to(#017625));
	background: -webkit-linear-gradient(top, #01B301, #017625);
	background: -moz-linear-gradient(top, #01B301, #017625);
	background: -ms-linear-gradient(top, #01B301, #017625);
	background: -o-linear-gradient(top, #01B301, #017625);
}

#form_home .label2 { float:left; width:200px; text-align:right; padding-right:20px; line-height:24px; }
#form_home .label3 { float:left; width:390px; text-align:left; line-height:24px; }

#form_home .button_payment { 
	line-height:40px; height:40px; width:231px; border:1px solid #fff; color:#fff; font-size:16px; text-align:center; cursor:pointer; margin:auto; 
	background-color: #EC1D1D;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EC1D1D), to(#B53131));
	background: -webkit-linear-gradient(top, #EC1D1D, #B53131);
	background: -moz-linear-gradient(top, #EC1D1D, #B53131);
	background: -ms-linear-gradient(top, #EC1D1D, #B53131);
	background: -o-linear-gradient(top, #EC1D1D, #B53131);
	box-shadow:0px 0px 1px 1px #ccc;
}
#form_home .button_payment:hover { 
	background-color: #B53131;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53131), to(#EC1D1D));
	background: -webkit-linear-gradient(top, #B53131, #EC1D1D);
	background: -moz-linear-gradient(top, #B53131, #EC1D1D);
	background: -ms-linear-gradient(top, #B53131, #EC1D1D);
	background: -o-linear-gradient(top, #B53131, #EC1D1D);
}



#left_box { width:303px; color:#484848; font-size:12px; border-radius:4px; border:1px solid #DEDBDB; padding:10px;  } 
#left_box .check { background:url(images/check.png) left no-repeat; line-height:30px; color:#484848; width:275px; padding-left:26px; text-align:left; clear:both; font-size:11px; }

#call_us { float:left; width:180px; border:2px solid #484848; border-radius:4px; padding:20px; padding-left:80px; padding-top:5px; color:#484848; background:url(images/operatice.png) left no-repeat; height:58px; } 

.bottom_box { float:left; width:240px; border:1px solid #e6e7e8; border-radius:4px; padding:20px; color:#476f97; background:#fff; margin-left:15px; margin-right:15px; text-align:center } 



/* STATISTIQUES */
.button_date { line-height:38px; height:38px; padding-left:20px; padding-right:20px; border:1px solid #2387c9; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color: #2980b9; margin-left:10px; float:right; }
.button_date:hover { background-color: #2387c9;  border:1px solid #2387c9; }

/* PAIEMENT */
.notice { background:#000; color:#fff; font-weight:500; text-align:center; line-height:50px; width:663px; margin-bottom:-10px; position:relative; font-size:16px; }
.label2 { float:left; width:180px; text-align:right; padding-right:20px; line-height:24px; }





/* CONVENTION */
#slide_convention { width:936px; min-height:407px; display:table; margin:auto; border:2px solid #e2e2e2; border-radius:6px; } 
h2 { margin:0px; padding:0px; color:#104b6e; font-weight:bold; text-align:center; line-height:24px; font-size:16px; }


#slide_convention .button { background:url(images/button.png); color:#fff; font-size:16px; text-align:center; width:290px; height:46px; line-height:40px; cursor:pointer; margin-left:400px; }
#slide_convention .button:hover { background:url(images/button_on.png); }




#slide_construction { width:936px; background:url(images/slide_construction.png); height:522px; display:table; margin:auto; border:2px solid #e2e2e2; border-radius:6px; } 



.centered { display:table; margin:auto; }
.comment_breadcrumb { font-size:18px; line-height:30px; }
.comment_breadcrumb .fa { font-size:22px; }
.comment_breadcrumb a { color:#4b4b4c; display:inline-block; margin-left:5px; margin-right:5px; cursor:pointer; padding-left:5px; padding-right:5px; }
.comment_breadcrumb a:hover { color:#5d8bc8; }


@media (max-width: 1024px) {
	#mosaique { width:700px; }
}

@media (min-width: 1640px) {
	#mosaique { width:1100px; }
}

@media (min-width: 1860px) {
	#mosaique { width:1320px; }
}

@media (min-width: 2080px) {
	#mosaique { width:1540px; }
}

@media (min-width: 2300px) {
	#mosaique { width:1760px; }
}

@media (min-width: 2520px) {
	#mosaique { width:1980px; }
}