/***************************************************************/
/* PERSONNALISATION */
/***************************************************************/

html {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 0;
	height: 100%;
	scroll-padding-top: 100px;
}

@media screen and (min-width: 1025px) {
	html {
		background: url("contenu/image/backgrounds/background_actual_v2.jpg") no-repeat top center fixed;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
	}
}

body {
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	color: black;
	background-color: transparent;
	min-height: 100%;
}

label.error { color: red; font-size: 12px; font-weight: 700; font-family: "Roboto", sans-serif; }

a, .btn-link { color: #e7670e; text-decoration:none; }
a:focus, .btn-link:focus { color: #e78642; text-decoration:none; }
a:hover, .btn-link:hover { color: #ffbb50; text-decoration:none; }
/*a:visited { color: #b14f0b; }*/

.test { background-color: rgba(255,0,0,.5); }
.test1 { background-color: rgba(0,255,0,.5); }
.test2 { background-color: rgba(0,0,255,.5); }

.xs { font-size: 70%; }

.container {
	background-color: white;
	padding: 0;
}

#main_content {
	min-height: 1200px;
	padding: 0 15px 45px 15px;
}

.pp_cell {
	background-color: white;
	text-align: center;
	overflow: hidden;
	min-height: 178px;
	margin-bottom: 15px;
	border-radius: 7px;
	width: 100%;
	max-width: 300px;
	border: 1px solid black;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}
.pp_cell img { margin-bottom: 7px; }
.pp_cell table { width: 100%; max-width: 300px; margin: 0 auto; }
.pp_cell td { padding: 3px 10px; }
.pp_cell strong { padding: 0 10px; display: block; }

select.form-control { max-width: 100% !important; width: auto; display: inline-block !important; }
.input-group select.form-control { max-width: 100% !important; width: auto; }

/***************************************************************/
/* BALISES TITRE : H1, H2, H3, H4  */
/***************************************************************/

h1, h2, h3, h4, h5 { font-family: 'Roboto Slab', sans-serif; }
h1, h2, h3, h4, h5 { font-weight: 700; color: black; line-height: normal; }
h1 { font-size: 35px; }
h2 { font-size: 25px; }
h3 { font-size: 20px; font-family: 'Roboto Condensed', sans-serif; }
h4 { font-size: 18px; font-family: 'Roboto Condensed', sans-serif; }
h5 { font-size: 16px; font-family: 'Roboto Condensed', sans-serif; }
.subtitle { color: #e7670e; margin: -20px 0 15px 50px; }

blockquote {
	font-family: "Kalam", cursive;
	background-color: #EFEFEF;
	border-radius: 5px;
	color: black;
	border: 0 solid transparent;
	font-size: 15px;
	padding: 15px;
}
blockquote h4 { color: #e7670e; margin: 0 0 10px 0; }

#fb_sharings td { padding: 0 15px 0 0; }

/***************************************************************/
/* QUEST EVENT : The Rabbit Curse   */
/***************************************************************/

#rabbit {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 15px;
	left: 20%;
	background: url("img/rabbit_evil.png") no-repeat;
	opacity: 0;
	z-index: 1000;
}

#rabbit_curse {
	position: absolute;
	top: -5px;
	right: -15px;
	background: url("img/rabbit_curse.png") no-repeat;
	width: 50px;
	height: 50px;
	z-index: 100;
}

/***************************************************************/
/* QUEST EVENT : Dragon wants you   */
/***************************************************************/

#dragon_ask {
	position: fixed;
	bottom: 5px;
	left: 5px;
	width: 285px;
	height: 422px;
	font-family: "Kalam", cursive;
	z-index: 1000;

	background: url("img/note/background.png") no-repeat;
}

#dragon_txt {
	font-size: 15px;
	font-weight: bold;
	text-shadow: 2px 1px 3px rgba(0,0,0,.9);
	padding: 10px;
	color: #e8ab32;
	margin: 117px 55px 0 41px;
	/*background-color: rgba(255,255,255,.2);*/
	text-align: center;
}

#dragon_txt #form_star_ratings {
	background-color: transparent;
	margin-left: 8px;
}

#dragon_btn {
	display: block;
	background: url("img/note/btn.png") no-repeat;
	width: 163px;
	height: 117px;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #efddab;
	text-shadow: 2px 1px 3px #4a361c;
	padding: 20px 0 0 0;
}

#dragon_btn b {
	display: block;
	margin-top: 19px;
	color: #b68c3a;
	font-size: 17px;
	text-shadow: none;
}

#dragon_close {
	position: absolute;
	top: 353px;
	left: 123px;
	display: block;
	background: url("img/note/close.png") 0 -24px no-repeat;
	width: 24px;
	height: 24px;
}

#dragon_close:hover {
	background: url("img/note/close.png") 0 -0 no-repeat;
}


/***************************************************************/
/* BootStrap  */
/***************************************************************/

label { clear: both !important; }
#btn-tri { padding: 20px 15px 0 0; }
@media screen and (max-width: 767px) {
	#btn-tri { padding: 0 15px 15px 15px; }
	#btn-tri a { width: 100%; }
}

label.radio_title { padding: 7px 14px 0 0; font-weight: 700; display: inline-block; vertical-align: middle; box-sizing: border-box; min-height: 20px; }
.label-actu { font-family: "Roboto Condensed",sans-serif; font-weight: 400; font-size: 11px; background-color: #333333; color: #ffbb50; padding: 2px 5px 1px 5px; }

/***************************************************************/
/* Projets Participatifs (crowdfunding) */
/***************************************************************/

.trio td { padding: 5px; width: 33%; vertical-align:top; }
.duo td { padding: 5px; width: 50%; vertical-align:top; }

.trio a, .duo a { color: black; }

/***************************************************************/
/* Class génériques  */
/***************************************************************/

.table_no_border>tbody>tr>td.add_border_right, .table_no_border>tbody>tr>th.add_border_right, .add_border_right { border-right: 2px solid black !important; }

.rgpd { font-size: 11px; }
.rgpd_in_newsletter { font-size: 11px; padding-left: 10px; }
.rgpd_in_form { font-size: 11px; padding-top: 9px; color: grey; }

.selecteur_page { margin: 0; clear: both; text-align: center; }
.btn { font-family: "Roboto Condensed", sans-serif; font-weight: 400; }
.clear { clear: both; }

.on  { display: block; }
.off { display: none; }

.aR { text-align: right !important; }
.aC { text-align: center !important; }
.aL { text-align: left !important; }

.padtop5 { padding-top: 5px; }
.padtop10 { padding-top: 10px; }
.padtop15 { padding-top: 15px; }

/* Auto hide for table cell */
.aH { display: table-cell; }
@media screen and (max-width: 550px) { .aH { display: none; } }

/* Auto Show for text-info in the menu  */
.aS { display: none; }
@media screen and (max-width: 767px) { .aS { display: inline; } }

/* Auto hide for div */
/* .auto_hide { } */
@media screen and (max-width: 767px) { .auto_hide { display: none; } }

/* Auto hide for button texte */
.BaH { display: inline; }
@media screen and (max-width: 768px) { .BaH { display: none; } }

.mini { width: auto; height: 30px; }
.verso { display: none; }

/* Mandatory fields in forms */
.mandatory::after {
	content: "*";
	color: #e7670e;
}

/***************************************************************/
/* Les badges  */
/***************************************************************/

.badge { font-family: "Roboto Condensed", sans-serif; font-weight: 400; }
.badge .danger  { background-color: #f3dde0; }
.badge .warning { background-color: #fdf8e3; }
.badge_success { background-color: #dff0d9 !important; }
.badge .info    { background-color: #d9edf7; }
.badge-red { background-color: #d9231f; } /*#b94a48*/

.imbig, .big { font-size: 20px; }
.no_margin { margin: 0 !important; }

.img { width: 100%; height: auto; }
.img220 { width: 100%; height: auto; max-width: 220px; margin: 0 auto; display: block; }
.img40  { width: 100%; height: auto; max-width: 40px;  margin: 0 auto; display: block; }

.unlocked_icon { position: absolute; top:15px; left: 15px; }
.unlocked_msg { text-align: left; font-size: 17px; font-family: "Roboto Condensed", sans-serif; font-weight: 400; height: 50px !important; display: table-cell; vertical-align: middle; padding: 0 0 0 60px; }

.achievements {
	list-style: none;
	list-style-type: none;
	margin: 15px 0 15px 0;
	padding: 10px 0 10px 0;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	max-height: 200px;
	overflow: auto;
	border: 1px solid #EFEFEF;
	border-radius: 5px;
}
.achievements li { display: block; position: relative; width: 100%; min-height: 50px; padding: 5px 0 0 60px; margin: 0 0 10px 0; }
.achievements img { position: absolute; top:0; left: 0; }
.achievements p { font-size: 12px; }
@media screen and (min-width: 768px) and (max-width: 991px) {
	.achievements { min-width: 170px; }
	.achievements p { display: none; }
}

.table_no_border td,
.table_no_border th,
.table_no_border>tbody>tr>td,
.table_no_border>tbody>tr>th,
.table_no_border>tfoot>tr>td,
.table_no_border>tfoot>tr>th,
.table_no_border>thead>tr>td,
.table_no_border>thead>tr>th { border: 0; padding: 0; }

.table_no_border>tbody>tr>td.text-center, .table_no_border>tbody>tr>th.text-center, .text-center { text-align: center !important; }
.table_no_border>tbody>tr>td.text-right, .table_no_border>tbody>tr>th.text-right, .text-right { text-align: right !important; }

#txt_date_pub { margin: -12px 0 15px 50px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; color: #666666; }

ul.liste_inline {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.liste_inline li {
	display: inline;
	padding-right: 5px;
	margin-bottom: 5px;
}

.no_puce
{
	list-style: none;
	list-style-type: none;
}

.buttons, .buttons_small
{
	list-style: none;
	list-style-type: none;
	margin:0;
	padding:0;
}

.buttons li, .buttons_small li { margin-bottom: 5px; }

.buttons_small { display: none; }

@media screen and (max-width:767px) {
	.buttons_small { display: block; }
}

.gbox {
	padding: 14px 14px 0 14px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.1);
	box-shadow: 0 0 2px rgba(0,0,0,.1);
	box-shadow: 0 0 2px rgba(0,0,0,.1),0 1px 0 #fff inset;
	border: 1px solid #c5c5c5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #f4f3f3;
}
.gbox h3 {
	margin: 0 0 8px 0;
	font-size: 20px;
	color: #454545;
	text-align: left;
}

/***************************************************************/
/* BOUTON BACK TO TOP  */
/***************************************************************/

#back_to_top {
	position: fixed;
	bottom: -5px;
	right: 20px;
	text-decoration: none;
	color: rgba(127,127,127,.9);
	background-color: transparent;
	font-size: 100px;
	display: none;
}

#back_to_top:hover { color: #ffbb50; }

/***************************************************************/
/* ADMIN */
/***************************************************************/

#tool_admin {
	position: fixed;
	top: 5px;
	left: 15px;
	text-decoration: none;
	background-color: transparent;
	font-size: 40px;
	text-shadow: 3px 3px 5px #000000;
	z-index: 1000;
}

#tool_admin a { color: rgba(204,204,204,.75); }
#tool_admin a:hover { color: rgba(255,255,255,.85); }

/***************************************************************/
/* SMS  */
/***************************************************************/

.sms_avatar { width: 100%; height: auto; max-width: 40px; display: block; float: left; margin: 0 5px 5px 0; }
#member_finder { position: relative; }
#member_suggestion {
	display: none;
	position: absolute; top: 33px; left: 24px;
	border: 1px solid #cccccc;
	border-top: 1px solid white;
	padding: 5px 15px 10px 15px;
	width: 50%;
	min-width: 270px;
	max-height: 300px;
	overflow: auto;
	background-color: white;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	z-index: 110;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 8px 8px 10px rgba(0,0,0,.3);
}
#member_finder ul {
	list-style: none;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#member_finder small { color: #a599a5; font-size: 14px; font-family: "Roboto", sans-serif; padding-left: 5px; display: block; }
#member_finder a { display: block; color: black; height: 40px; padding-top: 10px; }
#member_finder a:hover { background-color: #efefef; }
#member_finder img { height: auto; width: 36px !important; display: block; float: left; margin: -8px 5px 5px 2px; }

#sms_interlocuteur { position: relative; font-size: 35px; height: 70px; padding: 12px 0 0 85px; width: 100%; font-family: "Roboto Slab", sans-serif; margin-bottom: 10px; }
#sms_interlocuteur img { height: auto; width: 70px !important; display: block; position: absolute; top: 0; left: 0; }

.sms_from, .sms_to { border-radius: 7px; padding: 7px 15px; margin-bottom: 10px; }
.sms_date { font-weight: bold; }
.sms_from { background-color: #c3e5fc; }
.sms_to { background-color: #e9e9e9; }

/***************************************************************/
/* ALERTIFY  */
/***************************************************************/

.ajs-header, .ajs-commands { display: none; }
.alertify-notifier a { color: white; font-weight: 700; }
.ajs-message h3 { color: white; margin: 0; }

/***************************************************************/
/* MON COMPTE  */
/***************************************************************/

#mc_avatar {
	max-width: 220px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: auto;
}
#mc_avatar img { border-radius: 7px; border: 0;}

#mc_level {

	width: 133px;
	height: 143px;
	position: absolute;
	top: 52%;
	left: -56px;
	background: url("img/level.png") no-repeat;
	padding: 52px 0 0 0;
	font-family: "Roboto Slab", sans-serif;
	color: white;
	font-size: 45px;
	text-align: center;
	text-shadow: 2px 2px #000000;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
#mc_niveau {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: -50px;
	right: -40px;
	padding: 0;
}
#mc_pseudo {
	text-align: center;
	margin: 15px 0 15px 0;
}
#mc_menu h2 { margin: 0 0 0 0; }
#mc_menu p { margin-top: -5px; padding: 0 20px 0 60px; }

.mc_produit_note {
	width: 52px;
	height: 58px;
	color: white;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 20px;
	font-weight: bold;
	/* background: url("img/bg_note.png") 0 0 no-repeat; */
  display: inline-block;
	text-align: center;
	padding: 7px 6px 0 0;
	bottom: -25px;
	right: -15px;
	z-index: 10;
}

.filtre { margin: 15px 0 15px 0; }

.zoom_img {
	width: 200px;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	text-align: center;
	border: 1px solid black;
	-moz-border-radius: 3px;
		 border-radius: 3px;
}

.zoom_img i {
	z-index: 5;
	position: absolute;
	font-size: 30px;
	left: 45%;
	top: 40%;
	color: black;
}

.zoom_img img {
	opacity: 1;
	z-index: 10;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
			transition: all 0.2s linear;
	position: relative;
	vertical-align: middle;
}

.zoom_img img:hover {
	opacity: 0.5;
	  -moz-transform: scale(1.1,1.1);
	   -ms-transform: scale(1.1,1.1);
	    -o-transform: scale(1.1,1.1);
		   transform: scale(10,10);
}

/***************************************************************/
/* Date & time picker  */
/***************************************************************/

.datepicker, .datetimepicker { width: 40% !important; min-width: 130px; max-width: 180px; display: inline; }
.ui-datepicker-trigger {
	margin: 6px 0 0 5px;
}

.ui-datepicker { font-size: 11px; }
.ui-datepicker-year { color: black; }

/***************************************************************/
/* Fil info Casus Belli HP  */
/***************************************************************/

#fil_info_title { margin: 0 0 5px 0; font-size: 20px; }
#a_la_une { text-align: justify; margin: 15px 0 15px 0 !important; min-height: 245px; }

#fil_info { font-size: 13px; }
#fil_info td.aR { font-weight: 700; }
#fil_info>tbody>tr>td, #fil_info>tbody>tr>th, #fil_info>tfoot>tr>td, #fil_info>tfoot>tr>th, #fil_info>thead>tr>td, #fil_info>thead>tr>th { border: 0; padding: 0 0 2px 5px; }
#fil_info a { color: #000000; }
#fil_info a:hover { color: #e78642; }

#fil_info_container { height: 25px; overflow: hidden; }
#fil_info_menu { height: 20px; border-bottom: 3px solid #dbdbdb !important; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; font-weight: 700; margin-bottom: 5px; font-size: 13px; }
#fil_info_filtre a { height: 25px; color: #999999; padding: 0 5px; display: inline-block; }
#fil_info_filtre a:hover { color: #e7670e; }

#fil_info_filtre a.actif { color: #e7670e; background: url("img/ico/barre_menu_actif.png") center bottom no-repeat; }

/***************************************************************/
/* Fil info News projets participatifs  */
/***************************************************************/

#fil_info_ks_title { margin: 15px 0 5px 0; font-size: 20px; }
#fil_info_ks { font-size: 13px; }
#fil_info_ks td.aR { font-weight: 700; }
#fil_info_ks>tbody>tr>td, #fil_info_ks>tbody>tr>th, #fil_info_ks>tfoot>tr>td, #fil_info_ks>tfoot>tr>th, #fil_info_ks>thead>tr>td, #fil_info_ks>thead>tr>th { border: 0; padding: 0 0 2px 5px; }
#fil_info_ks a { color: #000000; }
#fil_info_ks a:hover { color: #e78642; }

@media screen and (min-width:768px) and (max-width: 991px) {
	#news12, #news13, #news14, #news15, #news16 { display: none; }
}

@media screen and (min-width:992px) and (max-width: 1199px) {
	#news13, #news14, #news15, #news16 { display: none; }
}

/***************************************************************/
/* Sondages  */
/***************************************************************/

.sondage input[type=radio] { margin: 3px 0 0 -25px; float: left; }
.sondage label { padding-left: 25px; font-weight: 400; width: 100%; }
.sondage span.badge { float: right; margin-left: 5px; background-color: #3073ac; color: white; }
.sondage .active span.badge { float: right; margin-left: 5px; background-color: white; color: #3073ac; }

/***************************************************************/
/* ... Infos internes ... ex pub  */
/***************************************************************/

.infos_int { width: 100%; height: auto; }
/*#hp_infos_int { padding-right: 0; }*/
#hp_infos_int, #hp_infos_int2 { padding-top: 10px; padding-left: 0; }
#hp_infos_int img, #hp_infos_int2 img { margin-top: 5px; }

.infos_int_container { position: relative; }
.infos_int_txt {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 3%;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
	font-weight: 400;
	padding: 2px 5px;
	text-shadow: 2px 1px 3px rgba(0,0,0,.9);
	width: 94%;
}

.infos_int_txt p, .infos_int_txt h2, .infos_int_txt h3, .infos_int_txt h4, .infos_int_txt h5 { margin: 0 !important; padding: 0 !important; }

#hp_sondage { margin: -37px 0 15px 0; }
#hp_sondage h3 { margin: 0 0 0 0; }
#hp_sondage img { margin-top: 15px; }
#hp_sondage h3 small { font-family: "Roboto Condensed", sans-serif; font-size: 13px; font-weight: 400; padding-top: 4px; }
#hp_sondage .btn { margin-top: 5px; }

@media screen and (min-width: 768px) and (max-width: 991px) { #hp_infos_int2 { display: none; } }
@media screen and (max-width: 767px) {
	#hp_infos_int  { padding-left: 15px; padding-right: 2px; }
	#hp_infos_int2 { padding-left: 2px; padding-right: 15px; }
	#fil_info_title { margin-top: 15px; }
	#hp_sondage .btn { margin-top: 0; }
}

/***************************************************************/
/* Publicités  */
/***************************************************************/

.pub { width: 100%; height: auto; }
/*#hp_pub { padding-right: 0; }*/
#hp_pub, #hp_pub2 { padding-top: 10px; padding-left: 0; }
#hp_pub img, #hp_pub2 img { margin-top: 5px; }

.pub_container { position: relative; }
.pub_txt {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 3%;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
	font-weight: 400;
	padding: 2px 5px;
	text-shadow: 2px 1px 3px rgba(0,0,0,.9);
	width: 94%;
}

.pub_txt p, .pub_txt h2, .pub_txt h3, .pub_txt h4, .pub_txt h5 { margin: 0 !important; padding: 0 !important; }

@media screen and (min-width: 768px) and (max-width: 991px) { #hp_pub2 { display: none; } }
@media screen and (max-width: 767px) {
	#hp_pub  { padding-left: 15px; padding-right: 2px; }
	#hp_pub2 { padding-left: 2px; padding-right: 15px; }
}

/***************************************************************/
/* COLONNE DE GAUCHE  */
/***************************************************************/

#colonne_gauche { padding-bottom: 50px; }
#colonne_gauche iframe { max-width: 100% !important; }
.image_auto_size img { max-width: 100% !important; height: auto !important; border: 0 !important; }

@media screen and (max-width: 767px)  { .image_auto_size img { max-width: 60% !important; } }
@media screen and (max-width: 1200px) { .image_auto_size img { max-width: 50% !important; } }

/***************************************************************/
/* COLONNE DE DROITE / FOCUS */
/***************************************************************/

#colonne_droite { position: relative; }
#colonne_droite img {
	width: auto !important;
	max-width: 100% !important;
	border: 0 !important;
}
#colonne_droite h4 { margin-top: 30px; clear: both; }
#colonne_droite h4:first-of-type { margin-top: 0; }

.items_focus { margin: 0 auto; width:100%; max-width: 200px; }
.items_focus li.item { width: 100% !important; }
#focus_preco_title {
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #005aac;
	color: white;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 17px;
	font-weight: 700;
	padding: 5px 0 5px 10px;
	width: 95%;

	-webkit-box-shadow: 5px 5px 10px rgba(0,90,172,.5);
	   -moz-box-shadow: 5px 5px 10px rgba(0,90,172,.5);
			box-shadow: 5px 5px 10px rgba(0,90,172,.5);
}

#focus_actu {
	font-family: "Roboto Condensed", sans-serif;
}
#focus_actu b { color: #333333; }
#focus_actu h5 { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 400; }


@media screen and (max-width: 767px) { #colonne_droite { display: none; } }

/***************************************************************/
/* CHEMIN DE FER  */
/***************************************************************/
.breadcrumb {
	clear:both;
	background-color: transparent;
	margin: 0;
	padding: 5px 0 0 13px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: normal;
}

.breadcrumb a, .breadcrumb strong { color: #777777; }
.breadcrumb a:hover { color: #e7670e; }

/***************************************************************/
/* PANIER  */
/***************************************************************/

.panier_qt input, .panier_qt a { padding-left: 5px; padding-right: 5px; min-width: 25px; }
#formAddCoupon { width: 210px; display: inline-block; }
#commande_step_view { text-align: center; margin: 15px 0 30px 0; }
#selection_paiement { width: 75%; min-width: 300px; margin: 15px auto; }
.btn_payment { text-align: left; margin-bottom: 15px; width: 100%; white-space: normal; }

/***************************************************************/
/* HEADER  */
/***************************************************************/

#header { margin: 10px 0 3px 0; height: 85px; }
#logo { z-index: 300; }
#logo img { width: 100%; max-width: 450px; height: auto; }
#header_content { padding-left: 0; }

/* PANIER  */

#info_mon_panier {
	cursor: pointer;
	text-align: left;
	padding: 5px;
	background-color: #333333;
	color: white;
	position: relative;
}
#info_mon_panier b { display: block; text-align: center; font-size: 17px; font-family: "Roboto Condensed", sans-serif; }
#info_mon_panier div { display: inline; position: relative; padding: 0; font-size: 17px; }
#info_mon_panier i { font-weight: normal; color: #ffbb50; }
#info_mon_panier span,
#info_sms span { font-size: 12px; padding: 2px 3px 2px 3px; border-radius: 8px; min-width: 16px; height: 16px; text-shadow: none; }
.fa-grey { color: #999999 !important; }

/* Mon compte  */

#info_connexion { padding: 0; margin-bottom: 3px; width: 65%; max-width: 270px; }
#info_connexion a { width: 100%; }

#info_mon_compte {
	position: relative;
	width: 65%;
	max-width: 270px;
	background-color: #EFEFEF;
	padding: 5px 2px 3px 53px;
	/*overflow: hidden;*/
}
#info_mon_compte a { font-size: 13px; }

#info_mon_compte img { position: absolute; top:4px; left: 5px; width: 40px; height: auto; border-radius: 3px; }

#info_block2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 135px;
}

/* Réseaux sociaux  */

#social_network {
	float: right;
	text-align: right;
}
#social_network a { margin-left: 5px; color: #999999; font-size: 16px;}
#social_network a:hover { margin-left: 5px; color: #ffbb50; }

#info_sms {
	margin: 3px 0 2px 0;
	background-color: #666666;
	padding: 3px 2px 3px 5px;
	text-shadow: 2px 1px 3px rgba(0,0,0,.9);
	text-align: center;
}

#info_sms a { color: white; }

#info_publicite { position: absolute; top: 0; left: 275px; width: 250px; height: 80px; }
@media screen and (max-width: 1199px) { #info_publicite { width: 132px; } }
@media screen and (max-width: 991px) { #info_publicite { display: none; } }

/***************************************************************/
/* QUICK SEARCH */
/***************************************************************/

#quick_search_main {
	position: absolute;
	z-index: 200;
	width:62%;
	max-width: 270px;
	color: white;
	margin-top: 5px;
}

#quick_search_cell { width: 100%; max-width: 270px; }
#quick_search_cell input, #quick_search_cell a { line-height: 1; font-size: 13px; }


.search_active {
	width: 100% !important;
	max-width: 100% !important;
	/*background-color: rgba(255,255,255,.75);*/
	border-radius: 5px;
}
.search_active #quick_search {
	background-color: #333333;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 5px 5px 20px rgba(0,0,0,.5);
}
#quick_search {
	padding: 10px;
	margin-top: 5px;
	border-radius: 3px;
	display: none;
}
#quick_search h4 { color: white; margin: 5px 0 5px 0; }
#quick_search a { color: #e7670e; text-decoration:none; }
#qs_arbo, #qs_produit, #qs_actu, #qs_pdf {
	list-style: none;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}
#qs_arbo li, #qs_actu li {
	padding: 0;
}

#qs_produit img,
#qs_pdf img { max-width: 60px; height: auto; }

#qs_produit li,
#qs_pdf li {
	display: inline-block;
	width: 70px;
	height: 70px;
	background-color: white;
	overflow: hidden;
	margin: 0 10px 10px 0;
	padding: 5px;
	text-align: center;
}

#qs_pdf li { height: 90px !important; }

#qs_produit li:hover,
#qs_pdf li:hover {
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 5px 5px 20px rgba(0,0,0,.5);
}

#quick_search h4 .label { font-weight: 400 !important; font-size: 11px; }


/***************************************************************/
/* FOOTER */
/***************************************************************/

#footer {
	font-size: 12px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif;
	width:100%;
	padding: 10px 0 5px 0;
	text-align: center;
	background-color: black;
}
#footer ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
	margin: 0 5px;
	padding: 0;
}
#footer a { color: white; }
#footer a:hover { color: #e7670e; text-decoration: none; }

#footer_mention_prix{
	margin: 10px 0 0;
	color: #FFFFFF;
	font-weight: 400;
	font-style: italic;
}

/***************************************************************/
/* ACCORDEON - Pages intérieures */
/***************************************************************/

.accordion_hp_gamme .accordion-group {
	padding: 14px 14px 0 14px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.1);
	box-shadow: 0 0 2px rgba(0,0,0,.1);
	box-shadow: 0 0 2px rgba(0,0,0,.1),0 1px 0 #fff inset;
	border: 1px solid #c5c5c5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #f4f3f3;
}

.accordion_hp_gamme .accordion-inner {
	background-color: white;
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 2px;
	border: 1px solid #c5c5c5;
}

.accordion-heading h3 {
	margin: 0 0 0 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

.accordion-heading h4 {
	margin: 0 0 8px 15px;
	color: #333333;
	font-family: "Kalam", cursive;
	font-weight: normal;
	font-size: 15px;
}

/***************************************************************/
/* HOMEPAGE */
/***************************************************************/

#hp_boutique { margin-top: 15px; }
#hp_boutique #colonne_droite { padding-top: 37px; }

/* HP Selector */


#hp_cell_4 { width: 90px; }
#hp_cell_5 { vertical-align: middle; }
#hp_catalogue_select table { margin: 5px 0 5px 0; }
#hp_catalogue_select table td { border: 0; padding-right: 5px; }
#hp_catalogue_select select { padding-left: 5px; padding-right: 0; }


@media screen and (max-width: 570px) { #hp_cell_4 { display: none; } }
@media screen and (max-width: 470px) { #hp_cell_3 { display: none; } }
@media screen and (max-width: 370px) { #hp_catalogue_select .input-group-addon { display: none; } }

/* HP Catalogue */

.pr_preview { height: 140px; width: 100%; padding: 7px 5px 0 5px; text-align: center; position: relative; }
.pr_preview img { width: auto; max-width: 100%; height: auto; max-height: 130px; margin: 0 auto; }
.pr_label { position: absolute; top: 30px; left: 10%; user-select: none; pointer-events: none;}
.pr_label_2 { position: absolute; top: 15px; left: 0; user-select: none; pointer-events: none;}
.pr_variantes { position: absolute; bottom: 15px; right: 10%; }
.pr_prix {
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	height: 22px;
	line-height: 22px;
	color: black;
	margin-top: 5px;
}
.pr_prix strike { font-weight: normal; color: #E0733A; font-size: 11px; }

.pr_lib {
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	padding: 0 10px;
	text-align: center;
}

.pr_detail { text-align: center; }

.pr_stock, .pr_btn_buy , .pr_btn_preview { margin-top: 5px; }
.btn_buy { font-weight: normal !important; margin: 0 auto; }
.btn_preview { margin: 0 auto; }

.items {
	list-style: none;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#hp_catalogue ul:after {
	content: "";
	display: table;
	clear: both;
}

.gbox .item { border: 1px solid #CCCCCC; }
.item, .item_lot {
	border: 1px solid transparent;
	height: 260px;
	position: relative;
	margin: 15px auto;
	overflow: hidden;
	background-color: white;
}
.item:hover {
	border: 1px solid #EFEFEF;
	background-color: white;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 5px 5px 20px rgba(0,0,0,.5);
}

@media only screen and (min-width: 350px) and (max-width: 599px)  {
	.item { float: left; width: 45%; margin: 0 5% 5% 0; }
	.item:nth-child(2n) { margin-right: 0; }
}
@media only screen and (min-width: 600px) and (max-width: 1023px)   {
	.item { width: 31%; float: left; margin: 0 15px 2% 0; }
	.item:nth-child(3n) { margin-right: 0; }

	.item.empty-box::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #392c3f; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#hp_catalogue .aH { display: none !important; }
}

@media only screen and (min-width: 1024px) {
	.item { width: 23%; float: left; margin: 0 15px 2% 0; }
	.item:nth-child(4n) { margin-right: 0; }
	.item.empty-box::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #392c3f; }
}

@media only screen and (min-width: 600px) and (max-width: 767px)  {
	.gbox .item { width: 31%; float: left; margin: 0 15px 2% 0; }
	.gbox .item:nth-child(3n) { margin-right: 0; }
	.gbox .item:nth-child(4n) { display:none; }
}

@media only screen and (min-width: 768px) and (max-width: 991px)  {
	.gbox .item { float: left; width: 45%; margin: 0 5% 5% 0; }
	.gbox .item:nth-child(2n) { margin-right: 0; }
}

@media only screen and (min-width: 992px) and (max-width: 1023px)   {
	.gbox .item { width: 31%; float: left; margin: 0 15px 2% 0; }
	.gbox .item:nth-child(3n) { margin-right: 0; }
	.gbox .item:nth-child(4n) { display:none; }
}

.item_lot { width: 31%; float: left; margin: 0 15px 2% 0; height: 200px; }
.item_lot:nth-child(3n) { margin-right: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px)  {
	.item_lot { float: left; width: 45%; margin: 0 5% 5% 0; }
	.item_lot:nth-child(2n) { margin-right: 0; }
}

@media only screen and (max-width: 500px)  {
	.item_lot { float: left; width: 45%; margin: 0 5% 5% 0; }
	.item_lot:nth-child(2n) { margin-right: 0; }
}


#catalogue_intro { margin-top: 15px; }

/***************************************************************/
/* FORM NEWSLETTER - ajout Justine */
/***************************************************************/
.wrap-form-newsletter{
	background-color: rgba(231, 103, 14, .05);
	border: 1px solid #e7670e;
	border-radius: 15px;
	padding: 25px 25px 20px;
	font-size: 16px;
	margin: 10px 0;
	color: #e7670e;
}
.wrap-form-newsletter .alert{
	margin-bottom: 0;
}
.form-newsletter>div{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.form-newsletter input{
	border-radius: 10px;
	padding: 9px 19px;
	color: #e7670e;
	border: none;
	background-color: #FFFFFF;
	outline: none;
	flex: auto;
	margin: 0 10px 10px;
	width: 100%;
}

.form-newsletter input[type="text"],
.form-newsletter input[type="email"]{
	box-shadow: 0px 0px 6px 1px rgba(231, 103, 14, .6);
	transition: box-shadow .5s;
}
.form-newsletter input[type="text"]:focus,
.form-newsletter input[type="email"]:focus{
	box-shadow: 0px 0px 6px 1px rgba(255, 255, 255, .6);
}
.form-newsletter input::-webkit-input-placeholder{
   color: #e7670e;
}
.form-newsletter input:-moz-placeholder{
   color: #e7670e;
}
.form-newsletter input::-moz-placeholder {
   color: #e7670e;
}
.form-newsletter input:-ms-input-placeholder {
   color: #e7670e;
}
.form-newsletter input::placeholder {
   color: #e7670e;
}
.form-newsletter input:focus::-webkit-input-placeholder{
   opacity: .5;
}
.form-newsletter input:focus:-moz-placeholder{
   opacity: .5;
}
.form-newsletter input:focus::-moz-placeholder {
   opacity: .5;
}
.form-newsletter input:focus:-ms-input-placeholder {
   opacity: .5;
}
.form-newsletter input:focus::placeholder {
   opacity: .5;
}
.form-newsletter input[type="submit"]{
	background-color: #FFFFFF;
	color: #e7670e;
	border-radius: 10px;
	padding: 5px 15px;
	font-weight: bold;
	outline: none;
	margin: 0 10px 10px;
	flex: auto;
	opacity: 1;
	box-shadow: 0px 0px 6px 1px rgba(231, 103, 14, .6);
	transition: background-color .5s, color .5s, box-shadow .5s;
}
.form-newsletter input[type="submit"]:hover{
	background-color: #e7670e;
	color: #FFFFFF;
	box-shadow: 0px 0px 6px 1px rgba(255, 255, 255, .6);
}

@media only screen and (min-width: 767px)  {
	.form-newsletter input{
		width: initial;
	}
	.form-newsletter input[type="email"]{
		min-width: 300px;
	}
}

@media only screen and (min-width: 1024px) {
	.form-newsletter input[type="email"]{
		min-width: 500px;
	}
}

.alert-form-newsletter-validated{
	border: 3px solid #e7670e;
	border-radius: 15px;
	padding: 25px 25px 20px;
	font-size: 16px;
	margin: 10px 0;
	color: #e7670e;
}

/***************************************************************/
/* Quick View */
/***************************************************************/

#qv_pic { text-align: center; position: relative; }
#qv_pic img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 500px;
	margin: 0 auto;
	border-radius: 5px;
}
#qv_txt { text-align: left; }
#qv_txt #produit_resume { margin-bottom: 15px; }

#qv_txt #produit_zone_achat { text-align: right; margin-left: 30%; }
@media only screen and (max-width: 500px) { #qv_txt #produit_zone_achat { margin-left: 0;   } }
@media only screen and (min-width: 768px) { #qv_txt #produit_zone_achat { margin-left: 0;   } }
@media only screen and (min-width: 990px) { #qv_txt #produit_zone_achat { margin-left: 30%; } }

#qv_txt #produit_fiche { text-align: right; margin-top: 15px; }
#qv_close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 30px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	z-index: 100;
	text-align: center;
	color: rgba(0,0,0,.5);
}
#qv_close:hover { color: rgba(0,0,0,1); cursor: pointer; }
td.qv_img { width: 30px; text-align: center; }
td.qv_img img { width: auto; max-width: 100%; height: auto; max-height: 30px; margin: 0 auto; }
@media screen and (max-width: 550px) {
	td.qv_img img { max-height: 60px; }
	td.qv_img { width: 60px; }
	#qv_txt #produit_resume { display: none; }
}

.alert_commentaire { padding: 5px; margin-top: 5px; text-align: center}
.alert_commentaire .close { display: none; }

/***************************************************************/
/* Rating system : 5 stars ! */
/***************************************************************/
/**/

#form_star_ratings {
	position: relative;
	padding: 10px;
	background-color: #333333;
	color: #CCCCCC;
	font-family: "Kalam", cursive;
}

#produit_stars { width: 130px; height: 26px; background: url("img/ico/stars.png") 0 0 repeat-x; position: relative; }
#produit_stars input { display: none; }
#produit_stars label { display: none; position: absolute; top: 0; left: 0; height: 26px; width: 130px; cursor: pointer; }
#produit_stars:hover label { display: block; }
#produit_stars label:hover { background: url("img/ico/stars.png") 0 -52px repeat-x; }
#produit_stars label + input + label { width: 104px; }
#produit_stars label + input + label + input + label { width: 78px; }
#produit_stars label + input + label + input + label + input + label { width: 52px; }
#produit_stars label + input + label + input + label + input + label + input + label { width: 26px; }
#produit_stars input:checked + label { display: block; background: url("img/ico/stars.png") 0 -26px repeat-x; }
#produit_stars input:checked + label:hover { background: url("img/ico/stars.png") 0 -52px repeat-x; }

/***************************************************************/
/* PAGE PRODUIT */
/***************************************************************/

#produit_infos { background-color: #EFEFEF; padding: 10px; position: relative; }
#produit_infos_note {
	width: 52px;
	height: 58px;
	color: white;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 20px;
	font-weight: bold;
	background: url("img/bg_note.png") 0 0 no-repeat;
	position: absolute;
	text-align: center;
	padding: 7px 6px 0 0;
	bottom: -25px;
	right: -15px;
	z-index: 10;
}
#produit_infos h2 { font-size: 20px; margin: 0; }
#produit_free_pdf { font-size: 11px; font-style: italic; }
#produit_expedition { margin-bottom: 15px; }
.produit_mention_prix { font-size: 11px; margin: 5px 0; }
#produit_zone_achat { text-align: right; margin-bottom: 15px; }
#produit_zoom { width: 100%; height: auto; }
#produit_descriptif img { width: auto !important; max-width: 100% !important; height: auto !important; }
#produit_zone_achat strike { font-weight: normal; font-size: 11px; }
#produit_en_bref { font-family: 'Kalam', cursive; font-size: 15px; padding: 10px; background-color: #EFEFEF; border-radius: 5px; margin-bottom: 15px; }
#produit_en_bref .title { font-weight: 700; color: #e7670e; }

#produit_zone_achat select { margin-bottom: 5px; }
#produit_zone_achat .alert { text-align: center; }
@media screen and (min-width: 600px)  and (max-width: 1023px) { .qv_4 { display: none; } }

#stars { font-size: 30px; }

#pr_picture, #pr_order { position: relative; }

#pr_ico_promo {
	position: absolute;
	top: -50px;
	left: -30px;
	font-weight: 700;
	font-size: 22px;
	color: white;
	font-family: "Roboto Condensed", sans-serif;
	background: url("img/ico/ico_promo.png") center bottom no-repeat;
	width: 65px;
	height: 70px;
	padding: 15px 6px 0 1px;
	text-align: center;
	text-shadow: 2px 2px rgba(0,0,0,.3);
}

#pr_ico_new { position: absolute; top: 30px; left: -10px; }
/*#pr_ico_preco { position: absolute; top: -10px; right: -15px; }*/
#pr_btn_pdf { margin-top: 5px; }

/***************************************************************/
/* PAGE 404 NOT FOUND */
/***************************************************************/

#page-not-found h2 { font-size: 120px; }
#page-not-found h3 { font-size: 45px; color: #e7670e; }

@media screen and (max-width: 768px) {
	#page-not-found h2 { font-size: 60px; }
	#page-not-found h3 { font-size: 20px; color: #e7670e; }
}

/***************************************************************/
/* Commentaires */
/***************************************************************/

.com_avatar { width: 37px !important; height: auto; border-radius: 5px; margin: -2px 5px 5px 0; float: left; }

#commentaires { position: relative; clear: both; margin: 15px 0 15px 0; }
#commentaires table { width: 100%; border-spacing: 5px !important; }
#commentaires table td { padding: 3px; }

/***************************************************************/
/* MENUZORD */
/***************************************************************/

.menuzord { padding: 0; }

.menuzord-menu ul.dropdown li a,
.menuzord-menu ul.mega_dropdown li a,
.mega_zone2, .mega_zone3, .mega_zone4,
.menuzord-menu > li > a { font-weight: 400 !important; font-family: 'Roboto Condensed', sans-serif !important; font-size: 14px !important; }

.menuzord-menu > li > a { padding: 8px 8px; }
#menuzord .indicator { display: none; }
#menuzord .dropdown .indicator { display: block; }
#menuzord .mega_dropdown .indicator { display: block; }
.icon_only { padding-right: 1px !important; }
.hide_if_big { display: none !important; }
.hide_if_small { display: block; }

.megamenu, .menuzord-menu ul.dropdown {
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 5px 5px 20px rgba(0,0,0,.5);
}
.menuzord-menu ul.dropdown li a { padding: 6px 25px 6px 10px; }

.menuzord-menu ul.dropdown li:hover > a { padding-left: 10px; background-color: #222; }
.menuzord-menu ul.dropdown li ul.dropdown { left: 35%; top: 15px; }

.megamenu { color: white; }
/*#menuzord .img { width: 100%; height: auto; }*/

.mega_zone3, .mega_zone4 { margin-top: 20px; }

/* 4 - MEGA_DROPDOWN (extend dropdown)
======================================*/
.menuzord-menu ul.mega_dropdown, .menuzord-menu ul.mega_dropdown li ul.dropdown{
	list-style: none;
	margin: 0;
	padding: 0;
	/*min-width: 180px;*/
	/*white-space: nowrap;*/
}
.menuzord-menu ul.mega_dropdown { position: relative; }

.menuzord-menu ul.mega_dropdown li ul.dropdown {
	left: 35%; top: 15px; z-index: 200 !important; position:absolute;
}
/* Dropdown items */
.menuzord-menu ul.mega_dropdown li{
	width: 100%;
	border: 0;
	position: relative;
	padding: 0;
	height: 32px;
}
.menuzord-menu ul.mega_dropdown li a {
	white-space: nowrap;
	padding: 6px 25px 6px 10px;
	margin: 0;
	overflow: hidden;
	width: 100%;
	background: none;
	color: white;
	background-color: #333;
	text-decoration: none;
	display: block;
	float: left;
	clear: both;
	position: relative;
	outline: 0;
	-o-transition: padding .2s linear;
	-moz-transition: padding .2s linear;
	-webkit-transition: padding .2s linear;
	transition: padding .2s linear;
}
/* Hover state (dropdown items) */
.menuzord-menu ul.mega_dropdown li:hover > a{
	padding-left: 10px;
	color: white;
	background-color: #222;
}

/* Dropdown left alignment */
.menuzord-menu ul.mega_dropdown.dropdown-left{
	left: none;
}
.menuzord-menu ul.mega_dropdown li ul.dropdown.dropdown-left{
	left: -100%;
}

/* 5 - DROPDOWN/MEGAMENU INDICATORS
======================================*/
.menuzord-menu li .indicator{
	margin-left: 3px;
}
.menuzord-menu li ul.mega_dropdown li .indicator{
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 13px;
}

/***************************************************************/
/* ROYAL SLIDER */
/***************************************************************/
.royalSlider {
	width: 100%;
	max-width: 1080px;
	max-height: 540px;
}
.royalSlider * {
	backface-visibility:inherit;
	-webkit-backface-visibility: inherit;
}
#royalSliderHP {
	width: 100%;
	max-width: 1140px;
	max-height: 350px;
	color: #FFF;
}

#royalSliderHP * {
	backface-visibility:inherit;
	-webkit-backface-visibility: inherit;
}
.infoBlock {
	position: absolute;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	/*font-size: 13px;*/
	top: 12px;
	right: 12px;
	left: auto;
	max-width: 40%;
	background: #FFF;
	background: rgba(255, 255, 255, 0.8);
	overflow: hidden;
	padding: 10px 10px 0 10px;
	border-radius: 3px;
}

.infoBlock h1,
.infoBlock h2,
.infoBlock h3,
.infoBlock h4,
.infoBlock h5 {
	margin: 0 0 5px 0 !important;
}

/* ****************************** Petit bloc centré */
.infoBlock_centre {
	width: 80%;
	margin: 0;
	bottom: 8px;
	top: auto;
	left: 10%;
	right: 10%;
	max-width: none;
	text-align: center;
	text-shadow: 2px 1px 3px rgba(0,0,0,.9);
}

/* ****************************** Petit bloc à GAUCHE */
.infoBlock_gauche {
	left: 12px;
	right: auto;
}

/* ****************************** Petit bloc à DROITE */
.infoBlock_droite {
	right: 12px;
	left: auto;
}

/* ****************************** Petit bloc en BAS */
.infoBlock_bas {
	line-height: 21px;
	left: 12px;
	bottom: 12px;
	top: auto;
	right: auto;
	z-index: 25;
}

/* ****************************** Bloc sur tout le slide */
.infoBlock_slide_entier {
	margin: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 12px;
	max-width: none;
	font-size: 15px;
}

.fullWidth {
	max-width: 1140px;
	margin: 0 auto 24px;
}

/* ****************************** Modif style par défaut RS */
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs { background-color: transparent !important; }

.rsMinW .rsBullets { line-height: 11px; }
.rsMinW .rsBullet { width: 11px; height: 11px; padding: 2px 0 0 2px; }
.rsMinW .rsBullet span { border-radius: 3px; background: rgba(255,255,255,0.5); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4); }
.rsMinW .rsBullet.rsNavSelected span { background: rgba(0,0,0,.6); }

@media screen and (max-width: 767px) {
	#royalSliderHP .heroSlider,
	#royalSliderHP .heroSlider .rsOverflow { height: 200px !important; }
	.infoBlock {
		padding: 5px 5px 0 5px;
		height: auto;
		max-height: 100%;
		min-width: 40%;
		font-size: 11px;
	}
	.infoBlock h1,
	.infoBlock h2,
	.infoBlock h3,
	.infoBlock h4,
	.infoBlock h5 { font-size: 15px; font-weight: 700; margin: 0; }
	.infoBlock_slide_entier { padding: 5px; zoom:50%; }
}

@media screen and (min-width:768px) and (max-width: 991px) {
	.heroSlider .rsOverflow,
	#royalSliderHP .heroSlider { height: 220px !important; }
}

@media screen and (min-width:992px) {
	.heroSlider .rsOverflow,
	#royalSliderHP .heroSlider { height: 350px !important; }
}


/***************************************************************/
/* LOGIN  */
/***************************************************************/

#login_admin { margin-top: 50px; }

.form-signin {
	width: 100%;
	max-width: 450px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin .form-signin-heading { margin-bottom: 10px; }
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}
.form-signin .form-control:focus { z-index: 2; }
.form-signin #inputLogin 	{ margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin #inputPassword { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.form-signin #inputEmail, .form-signin .btn	{ margin-bottom: 10px; }

/***************************************************************/
/* ACTUALITES */
/***************************************************************/

.actu { clear: both; height: 55px; overflow: hidden; margin-bottom: 10px; line-height: 17px; position: relative; }
.actu span.date {
	color: #666666;
	font-family: "Roboto Slab", sans-serif;
	line-height: 35px;
	text-align: center;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	border: 1px solid #999999;
	padding: 0 5px 5px 5px;
	font-size: 30px;
	margin-right: 15px;
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.3);
	   -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.3);
			box-shadow: 2px 2px 10px rgba(0,0,0,.3);
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.actu span.date small { font-size: 13px; margin-top: -20px; display:block; line-height: 15px; font-family: "Roboto", sans-serif; }
.actu h3 { margin: 0; padding: 0 0 0 65px; line-height: 15px; }
.actu p { padding: 0 0 0 65px; margin: 0; font-size: 13px; }
.actu h3 a { font-size: 15px; }
/*.actu h3 a:hover { color: #e7670e; }*/


#client_old label { padding-top: 7px; }
#author { font-size: 14px; color: #333333; margin: -15px 0 15px 0; }
#bbe_approved { float: right; margin: 0 0 15px 15px; }

/***************************************************************/
/* FORUMS */
/***************************************************************/

.troll_msg {
	background-position: right 22px bottom 30px;
	background-image: url("img/troll.jpg");
	background-repeat: no-repeat;
}

#forum_nb_files {
	position: relative;
	width: 100%;
}
#forum_nb_files img {
	width: 100%;
}
#forum_nb_files div {
	position: absolute;
	top:20%;
	left:0;
	text-align:center;
	font-size: 100px;
	color: white;
	width: 100%;
	text-shadow: 2px 1px 3px rgba(0,0,0,.9);
	font-family: "Roboto Condensed", sans-serif;
}

.forum_file {
	width: 50%;
	min-width: 300px;
	margin: 15px auto;
	border: 1px solid #CCCCCC;
	border-radius: 7px;
	background-color: #EFEFEF;
	padding: 17px 7px 7px 7px;
	height: 79px;
	font-family: "Roboto Condensed", sans-serif;
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.3);
	   -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.3);
			box-shadow: 2px 2px 10px rgba(0,0,0,.3);
}
.forum_file img { float: left; margin: -17px 0 0 -7px; }
.forum_file a { font-weight: 600; }
.forum_file small { font-weight: 400; }

.forum_direct b a { color: #333333; }
.forum_direct b a:hover { color: #ffbb50; }
.author { font-weight: bold; }
.author:hover { cursor: pointer; }
a.lnk_msg_written { color: #ffbb50 !important; }
a.lnk_msg_written:hover { color: #e78642; }

h2.forum { color: #777777; margin: -15px 0 15px 50px; font-size: 16px; }

#board_liste .label-warning, #topic_liste .label-warning { background-color: #e7670e !important; }

#board_cover_body {
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	padding: 8px 15px;
	font-family: "Kalam", cursive;
	color: #333333;
	border-radius: 5px;
	margin: 0 0 5px 0;
}

#board_liste {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333333;
}

#board_liste li {
	border: 1px solid #EFEFEF;
	background-color: #FAFAFA;
	height: 200px;
	position: relative;
	width: 48%;
	min-width: 200px;
	overflow: hidden;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 10px 15px 10px 150px;
	border-radius: 5px;
}
#board_liste li:nth-child(2n) { margin: 0 0 10px 15px; }

#board_liste li:hover {
	border: 1px solid #999999;
	background-color: #f0f0f0;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 5px 5px 20px rgba(0,0,0,.5);
}

#board_liste h3 { margin: 0 0 7px 0; color: #333333; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 18px; }
#board_liste p { margin: 0 0 7px 0; }

#board_liste a { color: #333333; }
#board_liste a:focus { color: #e78642; text-decoration:none; }
#board_liste a:hover { color: #ffbb50; text-decoration:none; }

#board_liste .cover { height: 172px; border: 1px solid #999999; position: absolute; top: 10px; left: 15px; display: block; }
#board_liste .cover img { width: auto !important; height: 170px !important; border: 5px solid white; }
#board_liste .shadow { position: absolute; top: 168px; left: 5px; width: 140px; height: 26px; background: url("img/cover_shadow.png") no-repeat center center; }
#board_liste .compteur { border-radius: 3px; background-color: #f0f0f0; padding: 3px 8px 3px 8px; }
#board_liste hr { margin: 0 0 7px 0; }
#board_liste table { width: 100%; }

/* FORUMS : Colonne FOCUS */

#forum_focus .cover { width: 100% !important; height: auto; margin-bottom: 5px; }

#forum_focus ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #333333;
	font-family: "Roboto Condensed", sans-serif;
}
#forum_focus li a { padding: 3px 8px 3px 8px; display: block; color: #666666; margin-bottom: 5px; }
#forum_focus li a:hover { color: #ffbb50; text-decoration:none; }

/* FORUMS : Liste des sujets */

#topic_liste {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #333333;
	border: 0;
	font-family: "Roboto Condensed", sans-serif;
}
#topic_liste td { border: 0; }
#topic_liste a { display: block; }
#topic_liste h4 { margin: 0; color: #333333; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 14px; }
#topic_liste h4.unread { font-weight: bold; }
.icon_big {
	font-size: 15px;
	color: white;
	border-radius: 10px;
	border: 2px solid #efefef;
	width: 21px; height: 21px;
	line-height: 17px;
	text-align: center;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
		   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
				box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}

.forum_avatar {
	width: 100%;
	max-width: 150px;
	height: auto;
}
.forum_avatar:hover { cursor: pointer; }

/* FORUMS : Liste des messages */
#message_liste img { max-width: 100%; }
#message_liste .alerte_rouge { border: 5px solid #d80101 !important; padding: 10px 10px 30px 10px !important; background-color: #ffdede; }
#message_liste .alerte_orange { border: 5px solid #ff9c00 !important; padding: 10px 10px 30px 10px !important; background-color: #ffe0ae; }

#message_liste { width: 100%; }
#message_liste .msg { position: relative; clear:both; }
#message_liste .msg_pic ,#message_liste .msg_txt { padding: 15px 0 25px 0; border:0; vertical-align: top; position: relative; float: left; }
#message_liste .msg_pic { width: 12%; min-width: 75px; font-weight: 400; border-bottom: 0; padding-right: 15px; }
#message_liste .msg_txt { border-bottom: 1px solid #efefef; width: 88%; min-height: 70px; }
.message_header { font-family: "Roboto Condensed", sans-serif; color: #777777; margin: 5px 0; position: relative; }
#message_liste .msg_title { color: white; background-color: #333333; padding: 5px 15px; margin-bottom: 10px; }
#message_liste .msg_title a { color: #ffbb50; }
.message_header a { color: #777777; font-weight: 700; }
.message_header time { margin-left: 20px; }
.forum_label { border-radius: 3px; background-color: #333333; padding: 3px 8px 3px 8px; color: #ffbb50; }

#forum_search_results .msg_warning {
	text-align: center;
	color: rgba(0,0,0,.3);
	font-size: 20px;
}

#message_liste blockquote {
	width: 75%;
	min-width: 200px;
	font-size: 13px;
	font-style: italic;
	margin: 15px 15px 15px 5%;
	padding: 10px 15px 10px 10px;
	border-left: 7px solid #777777;
	font-family: "Roboto Condensed", sans-serif;
	color: #777777;
	line-height: 1em;
	background-color: rgba(0,0,0,.05);
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.15);
	   -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.15);
			box-shadow: 5px 5px 10px rgba(0,0,0,.15);
}
#message_liste blockquote p { margin-bottom: 5px; }
#message_liste cite { display: block; text-align: right; font-weight: 700; margin-top: 5px; padding: 5px 20px 0 0; }
#message_liste cite::before { content: '- '; }
#message_liste cite::after { content: ' -'; }

/*.msg_txt p:first-of-type { display: inline; }*/

/* FORUMS : Bouton is a reply to */

.msg_is_a_reply_to {
	background-color: #333333;
	border-radius: 5px;
	padding: 3px 8px;
	margin-right: 15px;
	margin-left: 15px;
	font-family: "Roboto Condensed", sans-serif;
	color: #ffbb50;
	font-weight: 700;
	cursor: pointer;
	z-index: 90;
}

.msg_preview {
	position: absolute;
	background-color: rgba(255,255,255,.9);
	margin: 3px 0 0 0;
	padding: 10px 15px;
	border-radius: 5px;
	border: 3px solid #333333;
	z-index: 110;
	width: 70%;
	min-width: 250px;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.25);
	   -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.25);
			box-shadow: 5px 5px 10px rgba(0,0,0,.25);
}

.msg_has_reply {
	color: #777777;
	border-radius: 5px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
	margin: 7px 10% 7px 15px;
	padding: 10px 10px 10px 10px;
	z-index: 90;
	position: relative;
}

.msg_has_reply ul {
	list-style: none;
	list-style-type: none;
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 0;
}

.msg_has_reply li { display: inline-block; margin: 3px 3px 0 0; font-weight: 700; }

.msg_has_preview {
	cursor: pointer;
	z-index: 90;
}

/* FORUMS : Bouton Envoyer un message privé */

#author_send_message {
	position: absolute;
	top: 20px;
	left: 5px;
	border-radius: 10px;
	padding: 2px 5px;
	background-color: rgba(255,255,255,.9);
	z-index: 90;
	font-size: 10px;
	display: block;
	text-align: center;
	border-bottom: 3px solid #ffbb50;
	opacity: 0;
}

/* FORUMS : Fiche auteur */

#author_detail {
	position: absolute;
	top: -15px;
	left: -102px;
	border-radius: 5px;
	width: 100%; max-width: 500px;
	height: 200px;
	padding: 10px 10px 10px 200px;
	background-color: #333333;
	color: white;
	font-weight: 400;
	z-index: 100;
	opacity: 0;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	   -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
			box-shadow: 5px 5px 10px rgba(0,0,0,.3);
}
#author_detail h4 { color: #ffbb50; margin: 0 0 5px 0; }
#author_detail .signature { margin-bottom: 5px; height: 85px; overflow: auto; font-family: "Kalam", cursive; color: #CCCCCC; }
#author_detail time { margin-left: 0; }
#author_detail .fa { margin: 0 5px; }

#author_detail .forum_avatar {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 180px !important;
	width: 180px !important;
	max-width: none;
}

/* FORUMS : Boutons actions */

.msg_direct_link {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 15px;
}
.msg_direct_link a { font-weight: 400; color: #333333; }
.msg_direct_link a:hover { color: #ffbb50; }

.msg_actions {
	position: absolute;
	bottom: 4px;
	right: 130px;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	background-color: rgba(255,255,255,.9);
}

.msg_actions ul, .msg_likes ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
}
.msg_actions li, .msg_likes li {
	display: inline-block;
	margin-left: 15px;
	min-width: 42px;
}

.msg_actions a { color: #333333; }
.msg_actions a:hover { color: #e7670e; }
.msg_actions .fa-exclamation-circle { color: #d80101; }

/* FORUMS : Boutons likes */

.msg_likes {
	position: absolute;
	bottom: -3px;
	right: 0;
	font-weight: 400;
	font-family: "Roboto Condensed", sans-serif;
}

.msg_likes a.selected { color: #ffbb50 !important; }
.msg_likes a.selected:hover { color: #e7670e !important; }
.msg_likes a.like, .msg_likes a.dislike { color: #777777; }
.msg_likes a.like:hover, .msg_likes a.dislike:hover { color: #333333; }
.msg_likes i.fa { font-size: 20px; }

/* FORUMS : Formulaire public */

.msg_form { clear: both; margin-left: 12%; }
#form_reply div.col-xs-6 { margin: 10px 0; }
#commentaire { clear: both; }
#switch_reply { font-size: 25px; }
#commentaire_info { font-size: 16px; margin-bottom: 10px; }

.forum_cover { max-height: 200px; max-width: 150px; width: 100%; height: auto; }
.forum_cover img { width: 100%; height: auto; }

#moderators, #users_with_access {
	list-style: none;
	list-style-type: none;
	margin: 10px 0 0 15px;
	padding: 0;

	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	   -moz-column-count: 2; /* Firefox */
			column-count: 2;

	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
	   -moz-column-gap: 30px; /* Firefox */
			column-gap: 30px;
}

#forum_search_form {
	width: 60%;
	min-width: 300px;
	margin: 0 auto;
	margin-bottom: 30px;
	background-color: #333333;
	color: white;
	padding: 10px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	   -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
			box-shadow: 5px 5px 10px rgba(0,0,0,.3);
}

#forum_search_form td { padding: 10px; }
#forum_search_form td:first-of-type { padding: 10px 10px 0 10px; }
#forum_search_results b { border-bottom: 2px dotted #ffbb50; }
#forum_search_results .msg_txt { position: relative; }
#forum_search_results .msg_actions { background-color: transparent; bottom: 2px; right: 10px; }
#forum_search_results td { padding-bottom: 15px; }

#forum_search_form_mini { margin-bottom: 15px; }

/* FORUMS : Ajustements de taille */

@media screen and (max-width: 1199px) {
	#message_liste .msg_pic .forum_avatar { width: 68px; height: 68px; }
	#author_send_message { top: 65px; }
}

@media screen and (max-width: 991px) {
	#board_liste li:nth-child(2n) { margin: 0 0 10px; }
	#board_liste li { width: 100%; }
	#author_send_message { top: 57px; }
	#message_liste .msg_pic { width: 17%; }
	#message_liste .msg_txt { width: 83%; }
}

@media screen and (max-width: 767px) {
	#message_liste .msg_pic { width: 15%; }
	#message_liste .msg_txt { width: 85%; }
}

@media screen and (max-width: 550px) {
	.forum_avatar { display: none; }
	#author_detail { left: -5px; top: -5px; padding: 10px; height: auto; }
	#message_liste .msg_pic, #forum_search_results .msg_pic { display: none; }
	#message_liste .msg_txt, #forum_search_results td  { width: 100%; }
	.msg_form { margin-left: 0; }
	.msg_actions { z-index: 110; }
}

/***************************************************************/
/* ICON SYSTEM */
/***************************************************************/

.icone {
	font-size: 13px;
	color: white;
	border-radius: 10px;
	border: 2px solid #efefef;
	width: 21px; height: 21px;
	line-height: 17px;
	text-align: center;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}

a.icone { color: white; }

.red 		{ background-color: #d80101; }
.grey 		{ background-color: #333333; }
.yellow 	{ background-color: #ffde01; }
.orange 	{ background-color: #ff9c00; }
.green 		{ background-color: #6ebc2c; }
.blue 		{ background-color: #2080a9; }
.pink 		{ background-color: #ffb4d6; }

.floating {
	position: absolute;
	top: 8px;
	right: 6px;
	text-align: center;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}

/***************************************************************/
/* ASSOCIATION */
/***************************************************************/

#asso_liste { margin: 0 0 0 5%; }

.asso_mini {
	width: 30%;
	height: 330px;
	padding: 15px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin: 0 15px 15px 0;
	text-align: center;
	float: left;
	overflow: hidden;
	position: relative;
}

.asso_mini:hover {
	border: 1px solid #000000;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
	   -moz-box-shadow: 5px 5px 20px rgba(0,0,0,.5);
			box-shadow: 5px 5px 20px rgba(0,0,0,.5);
}

.asso_avatar { cursor: pointer; }
.asso_mini h3 { text-align: center; margin: 8px 0 8px 0; }
.asso_baseline {
	font-family: "Kalam", cursive;
	font-size: 25px;
	color: #333333;
}

.asso_title { clear: both; }
.asso_btn_admin {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: rgba(216,1,1,.5);
	border-radius: 17px;
	padding: 3px 5px 0 5px;
	color: rgba(255,255,255,.8);
	-webkit-box-shadow: 1px 3px 7px rgba(0,0,0,.5);
	   -moz-box-shadow: 1px 3px 7px rgba(0,0,0,.5);
			box-shadow: 1px 3px 7px rgba(0,0,0,.5);
}
.asso_btn_admin:hover { background-color: #d80101; color: white; }

.asso_nb_users {
	position: absolute;
	top: 5px;
	left: 0;
	background-color: #d80101;
	color: white;
	padding: 3px 10px 1px 10px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.asso_nb_news {
	position: absolute;
	top: 35px;
	left: 0;
	background-color: #015cd8;
	color: white;
	padding: 3px 10px 1px 10px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

/***************************************************************/
/* [SSO] POPUP VALIDATION CODE MAIL
/***************************************************************/

input.sso_code {
	margin: 0 5px;
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	border: solid 1px #ccc;
	box-shadow: 0 0 5px #ccc inset;
	padding: 0 !important;
	outline: none;
	width: 60px;
	transition: all .2s ease-in-out;
	border-radius: 3px;
}

#sso_formCode {
	max-width: 300px;
	margin: 15px auto;
	text-align: center;
}

/***************************************************************/
/* [COOKIES] POPUP ACCEPTATION COOKIES
/***************************************************************/


#cookies-popup {
	position: fixed;
	color: #FFFFFF;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	padding: 2%;
}

#cookies-popup > div {
	background-color: rgba(231, 103, 14, 0.9);
	padding: 10px 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow-y: auto;
}

#cookies-popup > div > div {
	max-width: 600px;
	border-left: 1px solid #FFFFFF;
	padding: 20px 20px 0;
	margin: 0 auto;
}

#cookies-popup h2, #cookies-popup h3 {
	color: #FFFFFF;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 15px;
}

#cookies-popup p {
	color: #FFFFFF;
	line-height: auto;
}

#cookies-popup a {
	color: #FFFFFF;
	text-decoration: underline;
}

#cookies-popup a:hover {
	color: #ffbb50;
	text-decoration: underline;
}

#cookies-popup strong {
	font-weight: 700;
}

#cookies-popup form{
	text-align: center;
}

#cookies-popup button {
	border: 3px solid #FFFFFF;
	border-radius: 50px;
	background-color: #ffbb50;
	padding: 10px 20px;
	color: #FFFFFF;
	margin: 0 10px 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.3em;
}

#cookies-popup button:hover {
	cursor: pointer;
	background-color: #FFFFFF;
	color: #ffbb50;
}

.input-name-cookies {
	display: none;
}

/***************************************************************/
/* [COOKIES] PAGE GESTION COOKIES
/***************************************************************/
#cookies-page form{
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	padding-top: 20px;
	margin: 20px 0;
}

#cookies-page form .wrap-switches{
	max-width: 400px;
}

#cookies-page form .wrap-switches > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}

#cookies-page form .wrap-switches h3{
	margin: 0;
}

.flipswitch {
	position: relative;
	display: inline-block;
	background-color: grey;
	width: 50px;
	height: 28px;
	border-radius: 40px;
	overflow: hidden;
}

.flipswitch .switch-circle{
	display: block;
	position: absolute;
	background-color: white;
	top: 2px;
	left: 2px;
	width: 24px;
	height: 24px;
	border: 1px solid white;
	border-radius: 13px;
	transition: all 0.2s ease-in 0s;
}

.flipswitch .switch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.2s ease-in 0s;
}

.flipswitch .switch-inner:before,
.flipswitch .switch-inner:after{
	 float: left;
	 width: 50%;
	 height: 28px;
	 color: white;
	 display: block;
	 content: '';
 }

.flipswitch .switch-inner:before{
	 background-color: #02C4B3;
 }

.flipswitch .switch-inner:after{
	 background-color: #bfbfbf;
 }


.flipswitch > label{
	display: block;
	overflow: hidden;
	cursor:pointer;
}

.flipswitch input[type="checkbox"] {
	display: none;
}
.flipswitch input[type="checkbox"]:checked + label .switch-circle{
	left: inherit;
	right: 2px;
}
.flipswitch input[type="checkbox"]:checked + label .switch-inner{
	margin-left: 0;
}

#cookies-page button {
	border-radius: 50px;
	border: none;
	background-color: rgba(231, 103, 14, 0.9);
	padding: 10px 20px;
	color: #FFFFFF;

	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.3em;

}
#cookies-page button.button-manage{
	background-color: #bfbfbf;
	float: right;
}
#cookies-page button.button-active{
	background-color: #02C4B3;
	float: right;
	margin-bottom: 20px;
	margin-left: 5px;
}
#cookies-page button.button-deactive{
	background-color: #FF3333;
	float: right;
	margin-bottom: 20px;
}

#cookies-page button:hover {
	cursor: pointer;
	opacity: .75;
}

/***************************************************************/
/* BANNIÈRE D'ENVIRONNEMENT (POUR NON-PROD) */
/***************************************************************/

#env {
	z-index: 99999;
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

#envClose {
	z-index: 99999;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99;
  border: 2px solid white;
  outline: 2px solid black;
  border-radius: 10px;
  background-color: darkorange;
  color: white;
  padding: 10px;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  transition:all .3s ease-in;
  user-select: none;
  pointer-events: auto;
  cursor: pointer;
}

#env_aprilsFool {
	position: fixed;
	bottom: 20px;
	left: 30px;
	z-index: 99;
	border-radius: 10px;
	color: white;
	padding: 0 5px;
	font-weight: normal;
	font-size: 50px;
	font-family: "Roboto", sans-serif;
	transition:all .3s ease-in;
	user-select: none;
	transform: rotate(90deg);
}

/***************************************************************/
/* NOUVEAU MENU */
/***************************************************************/

#topbar { width: 100%; position: fixed; z-index: 1000; }

.black_header {
	background-color: black !important;
	color: white !important;
	font-size: 16px;
    font-weight: 600;
	text-transform: uppercase;
	box-sizing: content-box;
	height: 45px;
	overflow: hidden;
}
.black_header .container { background-color: transparent; }

#logo_new { position: fixed; top: 0; left: 49%; padding-top: 11px; z-index: 1001; }
#logo_new a { display: block; width: 90px; height: 90px; transition: transform .2s; }
#logo_new a img { display: block; width: 100% !important; }
#logo_new a:hover {
	transform: scale(1.3) translateY(5px);
}

.baseline { padding: 20px 0 0 15px; }

a.black_topbar_item { color: white !important; text-decoration:none; padding: 11px 10px; display: inline-block; }
a.black_topbar_item:hover { color: #02C4B3 !important; text-decoration:none; }
.item2 { margin-left: 20px; }
.item3 { margin-right: 20px; }

.white_header {
	background-color: white;
	color: black;
	height: 55px;
}

.white_topbar_item { padding-top: 8px; }
#itemSearch { position: relative; }
#itemUser img { width: 40px; border-radius: 20px; }
#switchBetaTest {
	background-color: rgba(255, 255, 0, 0.95);
	border: 2px solid black;
	border-radius: 5px;
	padding: 2px 10px 2px 7px;
	font-weight: bold;
	display: inline-block;
	position: fixed;
	top: 15px;
	right: -5px;
	z-index: 1005;
	box-shadow: 0 0 7px rgba(255, 255, 0, 0.85);
}
#switchBetaTest:hover { color: black !important; }

#itemCart { position: relative; }
#infoCart {
	position: absolute;
	bottom: 0;
	left: 30px;
}

/***************************************************************/
/* SIZING des éléments en fonction de l'écran */
/***************************************************************/

/***************************************************************/
/* ECRAN < 991px */
/***************************************************************/

@media screen and (max-width: 991px) {
	#header-mini-menu { margin-top: 0 !important; }
	.asso_mini { width: 45%; height: 290px; padding: 15px; }
}

/***************************************************************/
/* ECRAN < 768px */
/***************************************************************/

@media screen and (max-width: 767px) {
	#header { height: auto; }
	.hide_when_big { display: block !important; }
	.btn-nav-menu { display: block !important; }
	#header-mini-menu { margin-top: 0 !important; }
	.logo { margin-bottom:5px; }
	.mega-menu li { width: 100% !important; }
	#main_menu { background-color: rgba(255,255,255,.9); z-index: 100; position: absolute; margin: 0; }
	img { width: auto !important; max-width: 100% !important; height: auto !important; }
	.asso_mini { width: 30%; height: 330px; padding: 15px; }
	.asso_baseline { text-align: center; margin: 15px 0 30px 0; }

	.breadcrumb { margin-top: -50px; margin-left: 55px; }

	/* MENU NEW */

	#logo_new { position: fixed; top: 0; left: 10px; }
	#logo_new a { width: 60px; }
	.white_header { background-color: black !important; height: 0; }

	/* MENUZORD */

	#menuzord { margin-top: -20px; background: transparent; }
	#menuzord .indicator { display: inline; }
	.hide_if_big { display: block !important; }
	.hide_if_small { display: none; }
	.mega_zone2, .mega_zone3, .mega_zone4 { display: none; }
	.mega_zone1 { width: 250px !important; }
	.mega_zone1 > li > a { width: 100% !important; }

	.mega_zone1 { min-height: 450px; }
	.mega_zone1, .mega_zone2, .mega_zone3, .mega_zone4 { clear: both; }

	/* Dropdown */
	.menuzord-responsive .menuzord-menu ul.mega_dropdown li{ height: auto; }
	.menuzord-responsive .menuzord-menu ul.mega_dropdown li ul.dropdown {
		left: 0; top: 0; z-index: 200 !important; position:absolute;
	}
	.menuzord-responsive .menuzord-menu ul.mega_dropdown,
	.menuzord-responsive .menuzord-menu ul.mega_dropdown li ul.dropdown{
		width: 100%;
		left: 0;
		position: static;
		border: none;
		float: left;
	}

	/* Dropdown items */
	.menuzord-responsive .menuzord-menu ul.mega_dropdown li{
		position: relative;
	}
	/* .menuzord-responsive .menuzord-menu ul.mega_dropdown li a{
		border-bottom: solid 1px #f0f0f0;
	} */
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.mega_dropdown > li > a{ padding-left: 40px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.mega_dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.mega_dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.mega_dropdown > li:hover > a{ padding-left: 50px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.mega_dropdown > li > ul.dropdown > li:hover > a{ padding-left: 70px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.mega_dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 90px !important; }
	.menuzord-responsive .menuzord-menu .mega_dropdown li .indicator { border: 0; }

	.menuzord-responsive .menuzord-menu li ul.mega_dropdown li .indicator{
		height: auto;
		right: 0;
		top: 0;
		font-size: 13px;
		line-height: 26px;
	}

}

/***************************************************************/
/* ECRAN < 600px */
/***************************************************************/

@media screen and (max-width: 600px) {
	.asso_mini { width: 45%; height: 280px; padding: 15px; }
}

/***************************************************************/
/* ECRAN < 360px */
/***************************************************************/

@media screen and (max-width: 360px) {

	.hide_when_big { display: block !important; }
	#header-mini-menu a { padding: 4px 8px 4px 8px !important; }
	.hide_if_small { display: none; }
	#footer-copyright { position: relative; }
	#main_texte { padding-bottom: 20px; }
	.asso_mini { width: 90%; height: 330px; padding: 15px; }

	#sms_interlocuteur { font-size: 20px; }

	h1 { font-size: 25px; }
	h2 { font-size: 21px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	.subtitle { color: #e7670e; margin: -15px 0 15px 15px; font-size: 17px; }
}

/* Basic ribbon */

.ribbon {
	background: #c0392b;
	color: #fff;
	display: block;
	font-size: 0.7em;
	position: absolute;
	top: 5px;
	right: 7%;
	width: 40px;
	height: 20px;
	line-height: 20px;
	letter-spacing: 0.15em;
	text-align: center;
	/* -webkit-transform: rotateZ(45deg) translateZ(1px);
	-moz-transform: rotateZ(45deg) translateZ(1px);
	transform: rotateZ(45deg) translateZ(1px); */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 10;
}

.ribbon::before,
.ribbon::after{
	position: absolute;
	top: -20px;
	width: 0;
	height: 0;
	border-bottom: 20px solid #c0392b;
	border-top: 20px solid transparent;
}

.ribbon::before{
	left: -20px;
	border-left: 20px solid transparent;
}

.ribbon::after{
	right: -20px;
	border-right: 20px solid transparent;
}

.book span {
	margin: 10px 0 5px 0;
	display: block;
}

.pdf_couv { width: 100% !important; max-width: 200px; }