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

body,td,th {
	color: #333; 
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal; 
} 
body {
	background:#fff;
	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-top:0px; -webkit-margin-before:0em;  -webkit-margin-after:0em; line-height:normal; }


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

.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; }

.padding_10 { padding:10px; }
.padding_20 { padding:20px; }
.padding_30 { padding:30px; }
.padding_40 { padding:40px; }

.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_300 { clear:both; height:300px; }
.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 !important; }
.green { color:#8bba33 !important; }
.blue { color:#339fde !important;  }
.white { color:#fff !important; }
.dark { color:#333 !important; }
.purple { color:#36d7b6 !important }

.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; }
.uppercase { text-transform:uppercase; }
.underline { text-deoration:underline; }

.line_20  {line-height:20px; }
.line_24  {line-height:24px; }
.line_28  {line-height:28px; }
.line_32  {line-height:32px; }
.line_36  {line-height:36px; }
.line_40  {line-height:40px; }
.line_50  {line-height:50px; }

.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; }

.text_left { text-align:left; }
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_justify { text-align:justify; }

.container { margin:auto; width:100%; display:table; }
.container_main { margin:auto; width:100%; display:table; }
@media (max-width: 1500px) {
	.container_main { margin:auto; width:100%; display:table; }
}
.centered { display:table; margin:auto; }

.bloc_10 { float:left; width:10% }
.bloc_20 { float:left; width:20% }
.bloc_25 { float:left; width:25% }
.bloc_30 { float:left; width:30% }
.bloc_40 { float:left; width:40% }
.bloc_33 { float:left; width:33% }
.bloc_50 { float:left; width:50% }
.bloc_66 { float:left; width:66% }
.bloc_75 { float:left; width:75% }
.bloc_100 { float:left; width:100% }

.bg_efefef { background:#efefef; }




#home_top { clear:both; width:100%; float:left; background:#072240; height:1200px; padding-top: 100px; padding-bottom: 100px; background-image:url('/img/home-bg.jpg'); background-position: top center; background-repeat: no-repeat; }
#home_top .logo { float: left; margin-left: 100px; }
#home_navigation { float: right; margin-right: 100px; margin-top: 3px; }
#home_navigation .menu_item { float: left; font-family: 'Quattrocento Sans', sans-serif; font-size: 18px; font-weight: lighter; line-height: 24px; color:#002c76; padding-left: 25px; padding-right: 25px; position: relative; overflow: hidden; text-transform: uppercase; }
#home_navigation .arrow { height: 20px; width: 20px; position: absolute; left: -20px; top: 12px; transition: all 0.1s ease; }
#home_navigation a { display: table; color:#002c76; }

.logo_slider { display: table; margin: auto; }
.conseil { display: table; margin: auto; font-family: 'Quattrocento'; font-size: 40px; color:#002c76; text-align: center; }
.conseil2 { display: table; margin: auto; font-family: 'Quattrocento Sans', sans-serif; font-size: 24px; font-weight: bold; color:#002c76; text-align: center; }

.cta_home { display: table; margin: auto; padding: 12px 20px; background: #e31921; cursor: pointer; color: #fff !important; font-family: 'Quattrocento Sans', sans-serif; font-size: 20px; font-weight: bold;   }
.cta_home:hover { background: #072240; }


.etude_gratuite { float: left; margin-left: 100px; color: #fff; font-family: 'Quattrocento Sans', sans-serif; font-size: 30px; }
.etude_gratuite .arrow { float: left; margin-right: 10px; margin-top: 11px; }
.etude_gratuite .text { float: left; }






/* SIMULATION */
.simul_container { width:600px; padding: 0px; background:#fff; border:1px solid #ddd; float: right; margin-right: 100px; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4); }
.simul_container .tab { float:left; width:calc(50% - 40px); padding:20px; text-transform:uppercase; text-align:center; color:#b02b1e; font-size:16px }
.simul_container .tab_off { background:#efefef; color:#333; }
.simul_content { width:calc(100% - 40px); padding:20px; clear:both; }
.title_simul { font-size:16px; color:#263875; font-weight:bold; text-align:center }
.label { clear:both; float:left; width:200px; line-height:42px; }
.simul_content input { width:70px; padding-left:10px; background:#efefef; border:1px solid #dddddd; font-size:14px; color:#333; line-height:40px; height:40px; font-family: 'Open Sans', sans-serif; float:left; }
.simul_content .label2 { float:left; line-height:42px; margin-left:10px; }
.simul_content .choice { padding-left:15px; padding-right:15px; background:#efefef; border:1px solid #dddddd; font-size:14px; color:#333; line-height:40px; height:40px; font-family: 'Open Sans', sans-serif; float:left; margin-right:10px; cursor:pointer; }
.simul_content .choice_selected { background:#263875; color:#fff; }
.simul_content .button_simul { width:100%; text-align:center; background:#b02b1e; color:#fff; font-size:15px; line-height:42px; cursor:pointer; transition: background .1s linear; text-transform:uppercase; }
.simul_content .button_simul:hover { background:#d83a2a; }







/* POPUP SIMUL */
#popup_simul { width:600px; padding:25px; float:left; background:#fff; }
#popup_simul .title_simul { font-size:16px; color:#263875; font-weight:bold; text-align:center }
#popup_simul .subtitle { font-size:14px; color:#000; font-weight:bold; text-align:left }
#popup_simul .label { clear:both; float:left; width:200px; line-height:32px; }
#popup_simul .label2 { float:left; line-height:32px; margin-left:10px; }
#popup_simul .inputlist { width:70px; background:#efefef; border:1px solid #dddddd; font-size:14px; color:#333; line-height:30px; height:30px; font-family: 'Open Sans', sans-serif; float:left; }
#popup_simul input { width:70px; padding-left:10px; background:#efefef; border:1px solid #dddddd; font-size:14px; color:#333; line-height:30px; height:30px; font-family: 'Open Sans', sans-serif; float:left; }
#popup_simul .button_simul { width:100%; text-align:center; background:#b02b1e; color:#fff; font-size:15px; line-height:42px; cursor:pointer; transition: background .1s linear; text-transform:uppercase; }
#popup_simul .button_simul:hover { background:#d83a2a; }












/* section 1 */
#section_1 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background-image:url('/img/home-1.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#section_1 .bloc_qui { float: left; margin-left: 100px; width: 480px; padding: 50px; background: #072240; color: #fff; }
#section_1 .bloc_qui h2 { font-family: 'Quattrocento'; font-size: 21px; text-transform: uppercase; margin: 0px; padding: 0px; }
#section_1 .line_red { width: 90px; height: 4px; background: #e31921;   }
#section_1 .text { font-family: 'Quattrocento Sans'; font-size: 18px;   }
#section_1 .cta { display: table; margin: auto; padding: 12px 20px; background: #e31921; cursor: pointer; color: #fff !important; font-family: 'Quattrocento Sans', sans-serif; font-size: 18px; font-weight: bold;   }
#section_1 .cta:hover { background: #fff; color: #e31921 !important; }

#section_1 .bloc_texte { float: left; margin-left: 100px; color: #002c76; width: calc(100% - 800px) }
#section_1 .bloc_texte h2 { font-family: 'Quattrocento Sans'; font-size: 30px; text-transform: uppercase; margin: 0px; padding: 0px; }
#section_1 .bloc_texte .arrow { float: left; margin-right: 10px; margin-top: 9px; }
#section_1 .bloc_texte .line { float: left;  font-size: 24px; }





#section_2 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #fff; }
#section_2 h2 { font-family: 'Quattrocento Sans'; font-size: 30px; text-transform: uppercase; margin: 0px; padding: 0px; color: #002c76; margin-left: 100px; }
#section_2 .bloc_left { float: left; margin-left: 100px; width: calc(50% - 200px); color: #002c76 }
#section_2 h3 { font-family: 'Quattrocento'; font-size: 21px; text-transform: uppercase; margin: 0px; padding: 0px; color: #002c76; }
#section_2 .line_red { width: 90px; height: 4px; background: #e31921;   }
#section_2 .arrow { float: left; margin-right: 10px; margin-top: 5px; }
#section_2 .line { float: left;  font-size: 18px; width: calc(100% - 30px) }

#section_2 .bloc_right { float: right; margin-right: 100px; width: calc(50% - 200px); color: #002c76 }
#section_2 h3 { font-family: 'Quattrocento'; font-size: 21px; text-transform: uppercase; margin: 0px; padding: 0px; color: #002c76; }
#section_2 .pictos { background: url("/img/home-schema.png"); width: 434px; height: 430px; float: left; }
#section_2 .cta { display: table; margin: auto; padding: 12px 20px; background: #e31921; cursor: pointer; color: #fff !important; font-family: 'Quattrocento Sans', sans-serif; font-size: 18px; font-weight: bold; margin-top: 185px;   }
#section_2 .cta:hover { background: #072240; }






#section_3 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #eceef1; }
#section_3 .bloc_left { float: left; margin-left: 100px; width:572px; color: #002c76; text-align: center;}
#section_3 .exemple { display: table; margin: auto; padding: 25px; background: #fff; font-size: 21px; line-height: 30px; color: #002c76; font-family: 'Quattrocento Sans'; -webkit-box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4); 
box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4); margin-top: -150px; text-align: center; }

#section_3 .bloc_right { float: left; margin-left: 150px; width: calc(50% - 100px); color: #002c76 }
#section_3 h2 { font-family: 'Quattrocento Sans'; font-size: 30px; text-transform: uppercase; margin: 0px; padding: 0px; color: #002c76; }
#section_3 h3 { font-family: 'Quattrocento'; font-size: 21px; text-transform: uppercase; margin: 0px; padding: 0px; color: #002c76; }
#section_3 .line_red { width: 90px; height: 4px; background: #e31921;   }
#section_3 .line { float: left; width: 50%; font-family: 'Quattrocento Sans'; font-size: 20px; font-weight: bold; text-transform: uppercase; }
#section_3 .picto { float: left; width: 85px;  }
#section_3 .text { float: left; width: calc(100% - 85px); line-height: 75px;  }
#section_3 .description { font-family: 'Quattrocento Sans'; font-size: 21px; }
#section_3 .cta { float: left; padding: 12px 20px; background: #e31921; cursor: pointer; color: #fff !important; font-family: 'Quattrocento Sans', sans-serif; font-size: 18px; font-weight: bold;  }
#section_3 .cta:hover { background: #072240; }




/* FOOTER */
#footer { clear:both; float: left; width:calc(100% - 0px); padding-top: 50px; padding-bottom: 50px; background:#072240; color:#fff; }
#footer .bloc1 { float: left; margin-left: 200px; width: 300px; font-size: 24px; font-family: 'Quattrocento Sans'; text-align: right; line-height: 40px; padding-top: 60px; }
#footer .bloc1 span { font-family: 'Quattrocento';  }
#footer .bloc2 { float: left; width: calc(100% - 1000px); text-align: center}
#footer .bloc3 { float: right; margin-right: 200px; width: 300px; font-size: 24px; font-family: 'Quattrocento Sans'; text-align: left; padding-top: 60px; }
#footer .bloc3 span { font-family: 'Quattrocento';  }
#footer .arrow { float: left; margin-right: 10px; margin-top: 4px; }
#footer .line { float: left;  font-size: 22px; width: calc(100% - 30px) }
#footer a { color:#fff; }


#copyright { clear:both; float: left; width:calc(100% - 0px); padding-top: 30px; padding-bottom: 30px; background:#fff; color:#002c76; text-align: center; }
#copyright span { color:#e32120; }
#copyright a { color:#002c76; }










/* REGOUPEMENT */
.top_regroupement { height:600px !important; background-image:url('/img/regroupement-bg.jpg') !important; background-position: top left !important; padding-bottom: 0 !important }
.regroupement-credit { float: right; width: 600px; margin-right: 100px; color: #072240; font-family: 'Quattrocento Sans', sans-serif; font-size: 30px; }
.regroupement-credit .arrow { float: left; margin-right: 10px; margin-top: 7px; }
.regroupement-credit .text { float: left; width:570px; }
.regroupement-credit .text span { font-size: 24px;  }


#regroupement_1 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #fff; color: #002c76; font-family: 'Quattrocento Sans'; }
#regroupement_1 h1 {  font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; }
#regroupement_1 .icones { float: left; margin-left: 100px; width: calc(100% - 200px);  }
#regroupement_1 .icone { float: left; width:33%; text-align: center; font-size: 20px; margin-bottom: 40px; font-weight: bold;}
#regroupement_1 .icone img { margin-bottom: 10px; }


#regroupement_2 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #eceef1; color: #002c76; font-family: 'Quattrocento Sans'; }
#regroupement_2 h2 {  font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; }
#regroupement_2 h3 { font-family: 'Quattrocento'; font-size: 21px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; }
#regroupement_2 .line_red { width: 90px; height: 4px; background: #e31921; margin: auto}

#regroupement_2 .bloc_left { float: left; margin-left: 100px; width: calc(50% - 150px); color: #002c76 }
#regroupement_2 .bloc_right { float: right; margin-right: 100px; width: calc(50% - 150px); color: #002c76 }
#regroupement_2 .bloc { padding: 25px; width: calc(100% - 50px); background: #fff; font-size: 21px; -webkit-box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4); 
box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4); line-height: 26px;  }
#regroupement_2 .bloc .arrow { float: left; margin-right: 10px; margin-top: 7px; }
#regroupement_2 .bloc .title { float: left; width: calc(100% - 30px); font-weight: bold; text-transform: uppercase; }





/* RACHAT */
.top_rachat { height:600px !important; background-image:url('/img/rachat-bg.jpg') !important; padding-bottom: 0 !important }

#rachat_1 { clear:both; width:100%; float:left; padding-bottom: 100px; background: #fff; color: #002c76; font-family: 'Quattrocento Sans'; }
#rachat_1 .bloc_qui { float: left; margin-left: 100px; width: calc(50% - 250px); padding: 50px; background: #072240; color: #fff; margin-top: -400px; }
#rachat_1 .bloc_qui h1 { font-family: 'Quattrocento'; font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; }
#rachat_1 .line_red { width: 90px; height: 4px; background: #e31921;   }
#rachat_1 .text { font-family: 'Quattrocento Sans'; font-size: 18px;   }

#rachat_1 .bloc_left { float: left; margin-left: 100px; width: calc(50% - 150px); color: #002c76; font-size: 21px; line-height: 24px; }
#rachat_1 h2 {  font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: left; }
#rachat_1 .bloc_right { float: right; margin-right: 100px; width: calc(50% - 150px); color: #002c76; font-size: 21px; line-height: 24px; }
#rachat_1 .arrow { float: left; margin-right: 10px; margin-top: 5px; }
#rachat_1 .line { float: left;  width: calc(100% - 30px) }

#rachat_2 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #eceef1; color: #002c76; font-family: 'Quattrocento Sans'; }
#rachat_2 .bloc_right { float: right; margin-right: 100px; width: calc(50% - 150px); color: #002c76; font-size: 21px; line-height: 24px; }
#rachat_2 .arrow { float: left; margin-right: 10px; margin-top: 5px; }
#rachat_2 .line { float: left;  width: calc(100% - 30px) }

#rachat_3 { clear:both; width:100%; float:left; padding-bottom: 100px; background: #fff; color: #002c76; font-family: 'Quattrocento Sans'; }
#rachat_3 .bloc_qui { float: left; margin-left: 100px; width: calc(50% - 250px); padding: 50px; background: #072240; color: #fff; margin-top: -300px; }
#rachat_3 .bloc_qui h1 { font-family: 'Quattrocento'; font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; }
#rachat_3 .line_red { width: 90px; height: 4px; background: #e31921;   }
#rachat_3 .text { font-family: 'Quattrocento Sans'; font-size: 18px;   }
#rachat_3 .bloc_left { float: left; margin-left: 100px; width: calc(50% - 150px); color: #002c76; font-size: 21px; line-height: 24px; }
#rachat_3 h2 {  font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: left; }
#rachat_3 .bloc_right { float: right; margin-right: 100px; width: calc(50% - 150px); color: #002c76; font-size: 21px; line-height: 24px; }
#rachat_3 .bloc_right img { width: 80%; margin-top: -100px }




/* FIDEBE */
.top_fidebe { background: #072240 !important; color: #fff; padding-bottom: 0 !important; height: 750px !important; }
.top_fidebe .menu_item { color:#fff !important; }
.top_fidebe a { display: table; color:#fff !important; }

.top_fidebe .bloc_qui { float: left; margin-left: 200px; width: calc(50% - 350px); background: #072240; color: #fff; }
.top_fidebe .bloc_qui h1 { font-family: 'Quattrocento'; font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; }
.top_fidebe .line_red { width: 90px; height: 4px; background: #e31921;   }
.top_fidebe .text { font-family: 'Quattrocento Sans'; font-size: 18px;   }
.top_fidebe .img_right { float: right; width: calc(50% - 0px); background:url(/img/fidebe-bg.jpg) no-repeat center center; background-size:cover; height:500px;  }

#fidebe_1 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #fff; color: #002c76; font-family: 'Quattrocento Sans'; }
#fidebe_1 h1 {  font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; }
#fidebe_1 .subtitle {  font-size: 24px; line-height: 30px; text-align: center; width: 60%; margin: auto; }

#fidebe_1 .bloc_33 { float: left; width: calc(33% - 80px); margin: 25px; padding: 0 15px; font-size: 21px; line-height: 30px; }
#fidebe_1 .bloc_50 { float: left; width: calc(50% - 80px); margin: 25px; padding: 0 15px; font-size: 21px; line-height: 30px; }





/* JUSTIFICATIFS */
.top_justificatifs { height:500px !important; background-image:url('/img/justificatifs-bg.jpg') !important; padding-bottom: 0 !important }
.top_justificatifs h1 {  font-family: 'Quattrocento'; font-size: 44px; font-weight: 300; color: #002c76; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; }



#justif_1 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #fff; color: #002c76; font-family: 'Quattrocento Sans'; }
#justif_1 h2 {  font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; }
#justif_1 .subtitle {  font-size: 24px; line-height: 30px; text-align: center; width: 60%; margin: auto; }


#justif_2 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #eceef1; color: #002c76; font-family: 'Quattrocento Sans'; }
#justif_2 .bloc_left { float: left; margin-left: 100px; width: calc(50% - 150px); color: #002c76 }
#justif_2 .bloc_right { float: right; margin-right: 100px; width: calc(50% - 150px); color: #002c76 }
#justif_2 .bloc { padding: 25px; width: calc(100% - 50px); background: #fff; font-size: 21px; -webkit-box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4); 
box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4);  }
#justif_2 .bloc .arrow { float: left; margin-right: 10px; margin-top: 2px; }
#justif_2 .bloc .title { float: left; width: calc(100% - 30px); font-weight: bold; text-transform: uppercase; }
#justif_2 .bloc strong { color: #e30613; }






/* AGENCES */
.top_agences { background: #072240 !important; color: #fff; padding-bottom: 0 !important; height: 600px !important; }
.top_agences .menu_item { color:#fff !important; }
.top_agences a { display: table; color:#fff !important; }

.top_agences .bloc_qui { float: left; margin-left: 150px; width: calc(100% - 1000px); background: #072240; color: #fff; font-family: 'Quattrocento Sans'; }
.top_agences .bloc_qui h1 { font-family: 'Quattrocento'; font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; }
.top_agences .subtitle { font-size: 24px; margin: 0px; padding: 0px; }
.top_agences .line_red { width: 90px; height: 4px; background: #e31921;   }
.top_agences .arrow { margin-right: 5px; }
.top_agences .text {  font-size: 18px; }
.top_agences .text strong {  font-size: 24px; text-transform: uppercase;}
.top_agences .map_france { float: right; width:600px; height: 590px; margin-right: 200px; margin-top: -60px; background:url(/img/carte-france.png); position: relative;}
.top_agences .marker_lille { position: absolute; top: -20px; left: 260px; text-align: center; cursor: pointer;}
.top_agences .address { line-height: 20px; padding-top: 10px; padding-bottom: 10px; background: #e31921; color: #fff; text-align: center; font-size: 18px; width: 180px; opacity: 0.1 }
.top_agences .marker_bordeaux { position: absolute; top: 330px; left: 120px; text-align: center; cursor: pointer;}

#fidebe_1 .form_contact { width: 700px; margin: auto; }
#fidebe_1 .input { width: 680px; font-family: 'Quattrocento Sans'; padding-left: 20px; line-height: 40px; color: #fff; font-size: 18px; border: 0; background: #072240; -webkit-appearance:none; margin-bottom: 15px;   }
#fidebe_1 .inputtext { width: 660px; font-family: 'Quattrocento Sans'; padding: 20px; height: 120px; line-height: 24px; color: #fff; font-size: 18px; border: 0; background: #072240; -webkit-appearance:none; margin-bottom: 15px;   }
#fidebe_1 .btn_send { display: table; margin: auto; padding: 12px 20px; background: #e31921; cursor: pointer; color: #fff !important; font-size: 18px; font-weight: bold; }
#fidebe_1 .btn_send:hover { background: #072240; }





/* ETAPES */
#etapes_1 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #fff; color: #002c76; font-family: 'Quattrocento Sans'; }
#etapes_1 h2 {  font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; }
#etapes_1 .subtitle {  font-size: 24px; line-height: 30px; text-align: center; width: 60%; margin: auto; font-weight: bold;  }
#etapes_1 .bloc_left { float: left; margin-left: 200px; width: calc(50% - 250px); color: #002c76; font-size: 21px; }
#etapes_1 .bloc_left p, #etapes_1 .bloc_right p{ line-height: 26px !important; }
#etapes_1 .bloc_right { float: right; margin-right: 200px; width: calc(50% - 250px); color: #002c76; font-size: 21px; }
#etapes_1 .arrow { float: left; margin-right: 10px; margin-top: 10px; }
#etapes_1 .title { float: left; width: calc(100% - 30px); font-weight: bold; }
#etapes_1 .red { color: #e30613; font-style: italic; }

#etapes_2 { clear:both; width:100%; float:left; padding-top: 100px; padding-bottom: 100px; background: #eceef1; color: #002c76; font-family: 'Quattrocento Sans'; }
#etapes_2 h2 {  font-size: 34px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; }
#etapes_2 .subtitle {  font-size: 24px; line-height: 30px; text-align: center; width: 60%; margin: auto; font-weight: bold; }
#etapes_2 .bloc_left { float: left; margin-left: 200px; width: calc(50% - 250px); color: #002c76; font-size: 21px; line-height: 26px; }
#etapes_2 .bloc_right { float: right; margin-right: 200px; width: calc(50% - 250px); color: #002c76; font-size: 21px; line-height: 26px; }
#etapes_2 .bloc_left p, #etapes_2 .bloc_right p{ line-height: 26px !important; }
#etapes_2 .bloc { padding: 25px; width: calc(100% - 650px); text-align: center; margin: auto; background: #fff; -webkit-box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4); 
box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4); font-weight: bold; font-size: 24px; }





/* LEXIQUE */
.lexique { width: 1200px; margin: auto; font-family: 'Quattrocento Sans'; font-size: 18px; line-height: 24px; }
.lexique li { font-weight: bold; }







/* ABOUT */
#slide_about { clear:both; float:right; width:calc(100% - 0px); background:url(images/test.jpg) no-repeat center center; background-size:cover; height:300px; }
#slide_about h1 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:bold; text-align:center; width:100%; line-height:30px; margin-top:160px; color:#fff; text-transform:uppercase; text-shadow: 1px 1px 1px #000; position: relative; z-index: 999  }
#content_about h2 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:bold; text-align:left; width:100%; line-height:20px; color:#263875; text-transform:uppercase; }
#content_about h3 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:bold; text-align:left; width:100%; line-height:20px; color:#263875; text-transform:uppercase; }
#content_about { clear:both; float:right; width:calc(100% - 100px); padding:50px; font-size:14px; background:#fff; }
#bloc_about { clear:both; float:right; width:calc(100% - 0px); background:#fff; color:#333; }
.bloc_about { float:left; width:calc(50% - 0px);  color:#333; background:#fff; line-height:22px; font-size:14px; }
.content_bloc { width:calc(100% - 40px); padding:20px; }
#bloc_about .title { font-family: 'Cinzel', serif; font-size:24px; color:#263875; text-align:left; text-transform:uppercase; padding-left:0px; }
#content_about li { list-style:square; font-weight:bold; margin:0px; padding:0px; }













/* FAQ */
.question { width:calc(100% - 40px); padding-left:20px; padding-right:20px; line-height:40px; background:#fff; color:#000; font-family: 'Open Sans', sans-serif; font-size:14px; cursor:pointer } 
.question .fa { float:right; font-size:24px; margin-top:8px; }
.active_question { background:#263875; color:#fff; }
.answer { width:calc(100% - 46px); padding:20px; border:3px solid #263875; border-top:0px; background:#fff; color:#000; font-size:14px; display:none; } 












/* SLIDE */
#slide { float:left; width:100%; height:575px; background:no-repeat center top; background-image:url(images/slide-home.jpg); background-size: cover; transition: background 1s linear; }
#slide h1 { padding:0px; margin:0px; color:#fff; font-weight:700; font-size:60px; text-transform:uppercase; text-align:center; line-height:normal}
#slide h2 { padding:0px; margin:0px; color:#fff; font-weight:300; font-size:30px; text-transform:uppercase; text-align:center; line-height:normal}
#slide .button { padding:15px; padding-left:30px; padding-right:30px; background:#36d7b6; color:#fff; border-radius:4px; border:1px solid #fff; font-size:18px;; font-weight:300; cursor:pointer; transition: background .2s linear; text-transform:uppercase; letter-spacing:2px; }
#slide .button:hover { background:rgba(0,0,0,.7); }
.slide_contact { background-image:url(images/slide-contact.jpg) !important; }
.slide_contact h1 { color:#333 !important; }
.slide_contact h2 { color:#333 !important; }

/* ME */
#melissa_home { float:left; width:100%; background:#fff; color:#333333; font-size:16px; text-align:center }
#melissa_home h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#melissa_home .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
#melissa_home strong { color:#606060; font-size:18px; }



/* BESTSELLERS */ 
#bestsellers { float:left; width:100%; background:#eeeeee; color:#333333; font-size:16px; text-align:center }
#bestsellers h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#bestsellers .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
#bestsellers .products { display:table; margin:auto; width:1228px; }
#bestsellers .product { float:left; width:225px; padding:40px; background:#fff; margin:1px; cursor:pointer; position:relative; z-index:1; }
#bestsellers .product img { width:100%; position:relative }
#bestsellers .product:hover { -moz-box-shadow:0px 0px 5px 3px #ccc; -webkit-box-shadow: 0px 0px 5px 3px #ccc; box-shadow:0px 0px 5px 3px #ccc; z-index:999; }
#bestsellers .product .title_product { font-size:12px; text-transform:uppercase; color:#333; text-align:center; }
#bestsellers .product .price_product { font-size:12px; text-transform:uppercase; color:#999; text-align:center; }

#bestsellers .button { padding:15px; padding-left:30px; padding-right:30px; background:#bebebe; color:#fff; border-radius:4px; font-size:18px;; font-weight:300; cursor:pointer; transition: background .2s linear; text-transform:uppercase; letter-spacing:2px; }
#bestsellers .button:hover { background:#36d7b6; } 



/* LOGIN */
#login_container { float:left; width:100%; background:#eeeeee; color:#333333; font-size:16px; text-align:center }
#login_div { width:600px; background:#fff; display:table; margin:auto; }
#login_div .div_formulaire { width:500px; background:#fff; color:#666876; padding:50px; padding-top:0px; padding-bottom:0px; }
#login_div .label { clear:both; float:left; margin-bottom:5px; }
#login_div input { width:485px; padding-left:15px; background:#efefef; border:1px solid #dddddd; font-size:14px; color:#333; line-height:40px; height:40px; font-family: 'Open Sans', sans-serif; }
#login_div .inputtext { line-height:20px;  border:1px solid #dddddd; background:#eeeeee; color:#222; width:470px; padding:15px; font-family: 'Open sans', sans-serif; font-size:16px; float:left; height:108px; }
#login_div h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#login_div .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
#login_div .forgot { clear:both; float:right; }
#login_div .forgot a { color:#36d7b6;  }
#login_div .forgot a:hover { text-decoration:underline  }
#login_div .button { background:#36d7b6; width:100%; line-height:50px; color:#fff; font-size:18px; font-weight:300; cursor:pointer; transition: background .2s linear; text-transform:uppercase; letter-spacing:2px; }
#login_div .button:hover { background:rgba(0,0,0,.7); }
#login_div .sep_login { margin:auto; display:table; height:1px; width:300px; background:#ddd; }
#login_div .button_signup { background:#999; } 



/* LOGIN */
#login_div .top_formulaire { width:100%; height:40px; background:url(images/line-top-formulaire.png); }
#login_div .signin_button { padding-left:25px; padding-right:25px; line-height:40px; background:#157192; color:#fff; border-radius:28px; font-size:14px; font-weight:bold; cursor:pointer }
#login_div .signin_button:hover { background:#0c607e; }






/* NEWSLETTER */
/*#newsletter_box { width:450px; margin:auto; padding:20px; color:#999; }
#newsletter_box input { width:405px; padding-left:45px; background:#efefef; border:1px solid #dddddd; font-size:18px; color:#999; line-height:40px; height:40px; font-family: 'Open Sans', sans-serif; }
#newsletter_box h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#newsletter_box .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
#newsletter_box .button { background:#36d7b6; width:100%; line-height:50px; color:#fff; font-size:18px; font-weight:300; cursor:pointer; transition: background .2s linear; text-transform:uppercase; letter-spacing:2px; text-align:center }
#newsletter_box .button:hover { background:rgba(0,0,0,.7); }
#newsletter_box .fa { font-size:24px; color:#999; top:-35px; left:10px; position:relative; }*/

/* NEWSLETTER */
#newsletter_box { width:460px; margin:auto; padding:40px; color:#000; background:rgba(255,255,255,0.9); position:absolute; top:130px; left:50%; margin-left:-270px; display:none } 
#newsletter_box input { width:415px; padding-left:45px; background:transparent; border:1px solid #000; font-size:18px; color:#000; line-height:40px; height:40px; font-family: 'Open Sans', sans-serif; }
#newsletter_box h2 { padding:0px; margin:0px; color:#000; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#newsletter_box .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#000; margin-top:10px; }
#newsletter_box .button { background:transparent; width:100%; line-height:50px; color:#000; font-size:18px; font-weight:300; cursor:pointer; transition: background .2s linear; text-transform:uppercase; letter-spacing:2px; text-align:center; border:1px solid #000; }
#newsletter_box .button:hover { background:rgba(255,255,255,.7); }
#newsletter_box .fa { font-size:24px; color:#000; top:-35px; left:10px; position:relative; }
 


/* PRESS */
#press_container { float:left; width:100%; background:#eeeeee; color:#333333; font-size:16px; text-align:center }
#press_container h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#press_container .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
#press_container .presss { display:table; margin:auto; width:1228px; }
#press_container .press { float:left; width:295px; height:400px; border:6px solid #fff; background:no-repeat center top; background-size: cover; cursor:pointer; position:relative; z-index:1; }
#press_container .title_press { position:absolute; width:100%; bottom:0px; padding-top:20px; padding-bottom:20px; font-size:16px; color:#fff; background:rgba(0,0,0,0.6); text-transform:uppercase; }
#press_container .press:hover { -moz-box-shadow:0px 0px 5px 3px #ccc; -webkit-box-shadow: 0px 0px 5px 3px #ccc; box-shadow:0px 0px 5px 3px #ccc; z-index:999; }






/* WHATS NEW */
#whats_container { float:left; width:100%; background:#eeeeee; color:#333333; font-size:16px; text-align:center }
#whats_container h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#whats_container .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
.what_bloc { display:table; width:900px; margin:auto; font-size:14px; color:#333; line-height:18px; background:left top no-repeat; }
#whats_container h3 { padding:0px; margin:0px; color:#000; font-weight:500; text-align:center; font-size:24px; line-height:36px; letter-spacing:2px; }
.what_text { float:left; margin-left:400px; margin-top:100px; background:#fff; padding:20px; width:460px; }
.what_text img { margin:10px; height:100px; opacity:0.8; }
.what_text img:hover {  opacity:1; }



/* REGISTRATION */
#registration_div { float:left; width:100%; background:#137091; color:#ffffff; font-weight:normal; color:#666876; font-size:18px; }
#registration_div h1 { padding:0px; margin:0px; color:#fff; font-weight:bold; text-align:center; font-size:40px; line-height:normal}
#registration_div h2 { padding:0px; margin:0px; color:#fff; font-weight:normal; text-align:center; font-size:18px; line-height:normal }

#registration_div .step { width:70px; height:70px; line-height:70px; border:10px solid #fff; color:#137091; font-size:30px; font-weight:bold; text-align:center; background:#fff; border-radius:50%; float:left; margin-left:-1px; margin-top:25px; }
#registration_div .step_active { width:120px; height:120px;  border:10px solid #fff; color:#fff; font-size:30px; line-height:25px;; font-weight:bold; text-align:center; background:#f7bf24; border-radius:50%; float:left; margin-left:-1px; }
#registration_div .step_active span { font-size:18px; font-weight:normal; line-height:18px; text-transform:uppercase;  }
#registration_div .sep_step { width:40px; height:10px; background:#fff; float:left; margin-top:65px; margin-left:-1px; }

#registration_div .div_formulaire { width:calc(100% - 100px); background:#fff; color:#666876; font-size:18px; padding:50px; }
#registration_div .div_formulaire .left { min-width:515px; margin-right:30px; }

#registration_div .top_formulaire { width:100%; height:40px; background:url(images/line-top-formulaire.png); }
#registration_div h3 { padding:0px; margin:0px; color:#137091; font-weight:500; float:left; padding-right:20px; line-height:40px; background:#fff; font-size:24px; text-transform:uppercase; }
#registration_div .label { font-weight:bold; clear:both; float:left; padding-right:20px; font-size:18px; }
#registration_div .label span { color:#999999 }
#registration_div .input { width:485px; padding-left:15px; background:#eeeeee; font-size:16px; color:#222; line-height:40px; height:40px; border:1px solid #eeeeee; font-family: 'Open Sans', sans-serif; float:left; margin-right:15px; }
#registration_div .inputcity { width:220px; }
#registration_div .inputphone { width:370px; }
#registration_div .inputlist { line-height:40px; height:40px; border:1px solid #ddd; background:#fff; font-family: 'Open sans', sans-serif; font-size:16px; float:left; min-width:85px; margin-right:15px; }
#registration_div .list_country { max-width:100px; }
#registration_div .inputtext { line-height:20px; border:0px; background:#eeeeee; color:#222; width:470px; padding:15px; font-family: 'Open sans', sans-serif; font-size:16px; float:left; height:108px; }
#registration_div .inputtext2 { line-height:20px; border:0px; background:#eeeeee; color:#222; width:calc(100% - 30px); padding:15px; font-family: 'Open sans', sans-serif; font-size:16px; float:left; height:200px; }

#registration_div .check_item { float:left; line-height:45px; padding-left:25px; padding-right:25px; border:1px solid #ddd; background:#fff; color:#137091; font-size:18px; margin-right:15px; border-radius:25px; cursor:pointer; font-weight:500 }
#registration_div .checked_item { float:left; line-height:45px; padding-left:25px; padding-right:25px; border:1px solid #109ebc; background:#24afcd; color:#fff; font-size:18px; margin-right:15px; border-radius:25px; cursor:pointer; font-weight:500 }
#registration_div .checked_item img { margin-left:-15px; margin-bottom:-5px; margin-right:5px; }
#registration_div .check_item img { margin-left:-15px; margin-bottom:-5px; margin-right:5px; }
#registration_div .check_country { margin-bottom:15px; }

#registration_div .terms_agree { font-weight:bold; font-size:18px; text-align:center; }
#registration_div .terms_agree a { color:#137091; }
#registration_div .terms_agree a:hover { color:#24afcd }

#registration_div .signin_button { padding-left:25px; padding-right:25px; line-height:40px; background:#157192; color:#fff; border-radius:28px; font-size:14px; font-weight:bold; cursor:pointer; text-transform:uppercase }
#registration_div .signin_button:hover { background:#0c607e; }

#registration_div .left_language { width:calc(100% - 420px); float:left; }
#registration_div .spoken { float:left; margin-right:15px; margin-bottom:15px; position:relative }
#registration_div .spoken_first { float:left; line-height:45px; padding-left:25px; padding-right:25px; border:1px solid #ddd; background-color:#fff; color:#137091; font-size:18px; border-radius:25px; cursor:pointer; font-weight:500; position:relative; z-index:1; min-width:140px;  background:url(images/small-arrow-down-blue.png) no-repeat right 25px top 16px; }
#registration_div .checked_language { border:1px solid #109ebc; background:#24afcd url(images/small-arrow-down-white.png) no-repeat right 25px top 16px; color:#fff; }
#registration_div .spoken .flag { margin-left:-15px; margin-bottom:-5px; margin-right:5px; }
#registration_div .sep_spoken { width:calc(100% + 50px); height:1px; background:#ddd; margin-left:-25px; }
#registration_div .stars_spoken { display:table; margin:auto; padding-top:10px; padding-bottom:10px; width:calc(100% + 50px); margin-left:-15px; }
#registration_div .stars_spoken img { float:left; margin-left:6px; margin-right:6px; }

#registration_div .spoken_second { float:left; line-height:45px; padding-left:25px; padding-right:25px; border:1px solid #ddd; background-color:#fff; color:#137091; font-size:18px; border-radius:25px; cursor:pointer; font-weight:500; position:absolute; z-index:999; min-width:130px; display:none; background:#ffffff url(images/small-arrow-right-blue.png) no-repeat right 23px top 15px; }

#registration_div .description_language { width:390px; float:right; border:1px solid #ddd; }
#registration_div .description_language .header_desc { text-align:center; font-weight:bold; color:#197494; font-size:16px; padding-top:30px; padding-bottom:25px; line-height:normal; text-transform:uppercase; }
#registration_div .description_language .header_desc img { float:left; margin-left:6px; margin-right:6px; }
#registration_div .description_language .body_desc { color:#666876; font-size:12px; padding:20px; background:#eeeeee;}

#registration_div .input_img { margin-left:470px; margin-top:10px; position:absolute; z-index:999; }










/* SHOP */
#filters { width:calc(100% - 40px); padding:20px; background:#fff; border-top:1px solid #dadada; }  
#filters .bloc { float:left; padding-right:35px; color:#999; font-size:14px; line-height:24px; }
#filters .bloc a { color:#999; }
#filters .bloc a:hover { color:#36d7b6; }
#filters .bloc .active { color:#36d7b6; }
#filters .bloc strong { text-transform:uppercase; color:#333; }
#filters .bloc_s { padding-right:0px; float:right; }
#filters .input { width:170px; padding-left:15px; background:#efefef; border:1px solid #dddddd; font-size:14px; color:#333; line-height:40px; height:40px; font-family: 'Open Sans', sans-serif; }

#product { float:left; width:100%; background:#eeeeee; color:#333333; font-size:16px; text-align:center }
#product h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#product .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
#product .product_div { padding:25px; background:#fff; }
#product .img_product { width:calc(100% - 20px); }
#product .small_img_product { width:calc(100% - 10px); cursor:pointer; opacity:0.8; }
#product .small_img_product:hover { opacity:1; }
#product .description { line-height:30px; color:#777; text-align:center; font-size:16px; }
#product .caracteristiques { line-height:30px; color:#999; text-align:center; font-size:15px; }
#product .price { line-height:30px; color:#000; text-align:left; font-size:30px; font-family: 'Bree Serif', serif; }
#product .reference { line-height:30px; color:#999; text-align:left; font-size:16px; }
#product .inputlist { line-height:36px; height:36px; border:1px solid #ddd; background:#fff; font-family: 'Open sans', sans-serif; font-size:16px; min-width:85px; }
#product .button { line-height:50px; background:#36d7b6; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; text-transform:uppercase; width:calc(100% - 0px); }
#product .button:hover { background:#333; }

#added_to_cart { width:500px; padding:20px; }
.added_img { float:left; width:240px; }
.added_img img { width:100%; }
.added_text { float:right; width:200px; background:#efefef; padding:20px; }
.added_text .checkout { line-height:50px; background:#36d7b6; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; text-transform:uppercase; width:calc(100% - 0px); text-align:center }
.added_text .checkout:hover { background:#333; }
.added_text .continue { line-height:50px; background:#999; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; text-transform:uppercase; width:calc(100% - 0px); text-align:center }
#added_to_cart h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#added_to_cart .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }







/* CART */
#my_cart { float:left; width:100%; background:#eeeeee; color:#333333; font-size:16px; text-align:center }
#my_cart h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#my_cart .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
#my_cart .cart_div { padding:25px; width:1150px; background:#fff; }
#my_cart .steps { font-size:14px; font-weight:300; text-transform:uppercase; color:#9fa19f; line-height:16px; }
#my_cart .steps a { color:#9fa19f; margin-left:10px; margin-right:10px; line-height:16px; }
#my_cart .steps a:hover { color:#36d7b6; }
#my_cart .steps .fa { font-size:14px; margin-right:5px; }
#my_cart .bloc_100 { border-bottom:1px solid #efefef; }
#my_cart .inputlist { line-height:30px; height:30px; border:1px solid #ddd; background:#fff; font-family: 'Open sans', sans-serif; font-size:14px; width:75px; margin-right:5px; }
#my_cart .button { line-height:50px; background:#36d7b6; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; text-transform:uppercase; text-align:center }
#my_cart .button:hover { background:#333; }
#my_cart .button2 { background:#666; }
#my_cart .button2:hover { background:#333; }
#my_cart .label { clear:both; float:left; margin-bottom:5px; }
#my_cart input { width:calc(90% - 17px); padding-left:15px; background:#efefef; border:1px solid #dddddd; font-size:14px; color:#333; line-height:40px; height:40px; font-family: 'Open Sans', sans-serif; }
#my_cart .input_exp {  width:calc(90% - 30px); }
#my_cart .fa-payment { position:relative; color:#999; left:-33px; top:1px; }
#my_cart .fa-payment2 { position:relative; color:#999; right:-33px; top:-30px; }
	
.error_signup { width:100%; line-height:40px; border:1px solid #ee9494; color: #a94442; background-color: #f2dede; text-align:center; font-size:16px; display:none; margin-bottom:20px; }





/* ACCOUNT */
#my_account { float:left; width:100%; background:#eeeeee; color:#333333; font-size:16px; text-align:center }
#my_account h2 { padding:0px; margin:0px; color:#333333; font-weight:300; text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:2px;}
#my_account .sep_h2 { margin:auto; display:table; height:1px; width:50px; background:#333; margin-top:10px; }
#my_account .container { background:#999; }
.left_account { float:left; width:calc(25%); background:#999; }
.right_account { float:left; width:calc(75%); background:#fff; }
.message_edit { text-align:left; line-height:50px; padding-left:20px; }
.nav_account { line-height:50px; padding-left:20px; color:#fff; text-align:left; cursor:pointer; text-transform:uppercase }
.nav_account:hover { background:#333; }
.nav_account .fa { margin-right:10px; }
.active_item { background:#333; }
#my_account .label { clear:both; float:left; margin-bottom:5px; }
#my_account input { width:calc(90% - 17px); padding-left:15px; background:#efefef; border:1px solid #dddddd; font-size:14px; color:#333; line-height:40px; height:40px; font-family: 'Open Sans', sans-serif; }
#my_account .button { line-height:50px; background:#36d7b6; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; text-transform:uppercase; text-align:center }
#my_account .button:hover { background:#333; }
#my_account .bloc_100 { border-bottom:1px solid #efefef; }







.message_success { width:100%; line-height:50px; text-align:center; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; font-size: 15px; margin-bottom: 20px; border: 1px solid transparent; }
.message_error { width:100%; line-height:50px; text-align:center; color: #a94442; background-color: #f2dede; border-color: #ebccd1; font-size: 15px; margin-bottom: 20px; border: 1px solid transparent; display:none; }
.message_waiting { width:100%; line-height:50px; text-align:center; color: #31708f; background-color: #d9edf7; border-color: #bce8f1; font-size: 15px; margin-bottom: 20px; border: 1px solid transparent; }

@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; }
}










