/********************************************************************************
- ../fonts - ../fonts - ../fonts - ../fonts - ../fonts - ../fonts - ../fonts -
********************************************************************************/
@font-face {
	font-family:"Museo_Sans_300";
	src:url("../fonts/museosans-300-webfont.eot?") format("eot"),
	url("../fonts/museosans-300-webfont.woff") format("woff"),
	url("../fonts/museosans-300-webfont.ttf") format("truetype"),
	url("../fonts/museosans-300-webfont.svg#Museo_Sans_300") format("svg");
	font-weight:normal;font-style:normal;
	}
@font-face {
	font-family:"Museo_Sans_700";
	src:url("../fonts/museosans_700.eot?") format("eot"),
	url("../fonts/museosans_700.woff") format("woff"),
	url("../fonts/museosans_700.ttf") format("truetype"),
	url("../fonts/museosans_700.svg#Museo_Sans_700") format("svg");
	font-weight:normal;font-style:normal;
	}
@font-face {
	font-family:"Museo_Sans_300_italic";
	src:url("../fonts/museosans-300italic-webfont.eot?") format("eot"),
	url("../fonts/museosans-300italic-webfont.woff") format("woff"),
	url("../fonts/museosans-300italic-webfont.ttf") format("truetype"),
	url("../fonts/museosans-300italic-webfont.svg#Museo_Sans_300_italic") format("svg");
	font-weight:normal;font-style:normal;
	}
@font-face {
    font-family: 'myriad_pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Regular.woff') format('woff'),
         url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('../fonts/MyriadPro-Regular.svg#myriad_pro') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'new_ciclefina';
    src: url('../fonts/new_cicle_fina-webfont.eot');
    src: url('../fonts/new_cicle_fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/new_cicle_fina-webfont.woff') format('woff'),
         url('../fonts/new_cicle_fina-webfont.ttf') format('truetype'),
         url('../fonts/new_cicle_fina-webfont.svg#new_ciclefina') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{margin:0;padding:0;}
html {height:100%; font-size: 100%;}
.clear{float:none!important;clear:both!important;width:0!important;height:0!important;}
li{list-style:none;}
a{border:none;outline:none;text-decoration:none;color:#1b1b1b}
a:focus, a:hover{text-decoration:none;outline:none;}
img{border:none;max-width:100%;}
*::-moz-selection {
    background:  #b3c647;
    color: #ffffff;
}
b, strong{font-weight:bold;}
i, em{font-style:italic;}

body{color:#231f20; font:14px "museosans_300";}
.ui-loader h1 {display: none;}
input[type="text"]{font: 14px "museosans_300";text-align:center	}
.col_4 {float: left;width: 33.3333%;}
.col_3 {float: left;width: 25%;}
.col_6 {float: left;width: 50%;}
.center{text-align:center}
 div.ui-submit span.ui-btn-inner{display:none}
  input[type="submit"], button{cursor:pointer}
  .opacity_hover:hover{filter:brightness(120%);-moz-filter:brightness(120%);-webkit-filter:brightness(120%);-o-filter:brightness(120%);-ms-filter:brightness(120%);}
div.ui-select  span.ui-btn-inner{display:none}
.selectStyled {background: #ffffff  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGBAMAAADqAgmMAAAAMFBMVEUAAAAdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRse/TJxAAAAEHRSTlMA8BCAQODQwCCwoJBwYFAwzjmJrQAAAClJREFUCNdjgAHzD0BCO4BBWUqBgVe8gYGhU5gl1QEk4yZ4AKLkERADAIEbBeK4DqX9AAAAAElFTkSuQmCC') no-repeat scroll right 10px center;border:1px solid #ddd;border-radius: 5px;color: #58595b;font: 12px "museosans_300italic";height: 30px;margin: 0 0 5px;text-indent: 10px;width: 100%;cursor:pointer}
.erreur{font: 14px "museosans_700";text-align:center;color: #f57f01;}
 .etoile {font: 14px "museosans_300";color: #f57f01}
 a.souligner {color: #ff9900!important;text-decoration: underline;}
 label.errorForm {color: #f57f01;font: 13px "museosans_700";text-align: right;width: 100% !important;}
 .content_menu li {text-align: left;}
/* .content_imgcateg {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    height: 59px;
    margin: auto;
    padding-top: 23px;
    width: 87px;
}*/
 .content_imgcateg {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    height: 75px;
    margin: auto;
    width: 87px;
	padding-top: 7px;
	text-align:center;
}
/*select{-webkit-appearance:initial;-moz-appearance:initial;-ms-appearance:initial;-o-appearance:initial}*/
 /*************SLICK*******************/
 .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding:0 ; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list {}
.slick-list.dragging { cursor: pointer; cursor: hand; }


.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; min-width:980px}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none;position:relative }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
/*------------------------------------
			    HEADER
---------------------------------------*/
.fixNavigation {left: 0;position: fixed!important;top: 0;width: 100%;  z-index:999; border-bottom:1px solid #1b1b1b; display:none}

.fixNavigation.header{background:rgba(255, 255, 255, 0.9) }
.header {padding:5px 0 0 0;background:#ffffff; position:relative; width:100%;}
	.menu_resp {float: left;text-align: center;width: 20%;}
	.logo {float: left;text-align: center;width: 40%;}
	.header_right {float: right;text-align: center;width: 27%;}
		.mr_header {display: inline-block;vertical-align: middle;width: 31%;position:relative}
		.mr_header a:hover {opacity: 0.83;}
		.mr_header a.show_search:hover{opacity:1}
		.traitnoir {bottom: -3px;height: 10px;left: 0;position: absolute;width: 100%;display:none}
		
			.search_bloc {background: #1b1b1b;padding:20px 0;position: absolute;/*top: 15%;*/width: 100%;text-align:center; left:0;display:none; border-bottom:1px solid #ccc; z-index:11}
			.btn_close{position:absolute; right:10px; top:10px}
			.search_responsive{position:fixed;display:none}
				.search_content {margin: auto;width: 70%;}
				.select_search {background: #ffffff  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGBAMAAADqAgmMAAAAMFBMVEUAAAAdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRse/TJxAAAAEHRSTlMA8BCAQODQwCCwoJBwYFAwzjmJrQAAAClJREFUCNdjgAHzD0BCO4BBWUqBgVe8gYGhU5gl1QEk4yZ4AKLkERADAIEbBeK4DqX9AAAAAElFTkSuQmCC') no-repeat scroll right 10px center;border: medium none;-moz-border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #58595b;font: 12px "museosans_300italic";height: 30px;margin: 0 0 5px;text-indent: 10px;width: 100%;cursor:pointer; position:relative;-webkit-appearance:initial;-moz-appearance:initial;-ms-appearance:initial;-o-appearance:initial}
				.txt_select  {background: #ffffff;border:none;-moz-border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;color: #58595b;font: 12px "museosans_300italic"!important;height: 30px;margin: 0 0 5px;text-indent: 20px;width: 100%;text-align:left!important; padding:0}
				.search_btn {background:url("templatem-btn_search.png") no-repeat center center / 100% 100%;border: medium none;border-radius: 5px;height: 34px;max-width: 350px;text-align: center;width: 100%;}
					.search_btn.ui-btn-hidden > span {background:url("templatem-icon_search.png") no-repeat scroll left center / auto 100%;color: #ffffff;display: inline-block;font: 14px "museosans_700";padding-left: 32px;text-transform: uppercase;}
					option {background: #ffffff;padding: 5px 0;text-indent: 10px;}
			.panier_lien{position:relative;}
				.nbre_panier{background:#1d1d1b;border-radius: 100%;color: #ffffff;font: 14px "museosans_700";height: 18px;margin-top: -58%;padding-top: 2px;position: absolute;right: -12%;text-align: center;top: 50%;width: 20px;}
.onglet_responsive{position:relative; display:none; width:100%; background:rgba(27, 27, 27, 0.59) ; top:15%; z-index:990; padding:20px 10px; overflow:scroll;}
.fixonglet_responsive {position: relative;top: 10%;}
	#onglets_resp .liste_catal {margin:0;width: 90%;}
	#onglets_resp	.liste_catal li a br{display:none}
/*	#onglets_resp .liste_catal ul li{padding:5px 10px; background:#1b1b1b}
	#onglets_resp	.liste_catal li a{color:#ffffff; font-size:16px}*/
/*------------------------------------
			   PANIER COMMUN
---------------------------------------*/
.titre_communpanier {background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAMAAAANf8AYAAAAclBMVEX/mQD/mQD/mQAAAAD/mQD/mQD/mQD/mQD/nQr/mQD/mQD/mQD/mQD/mQD/mQD/mQD/////oxj/nxD/nAj/5b//ngz/pR3/zH//rC7/oRT/+e//0o//xW//sjz/8t//7M//v1//36//uU//2Z//rzf/qSetJODOAAAAD3RSTlPAgEAAZTAQ8NCwoJAgUEwGDKBPAAABmklEQVRIx+3W25KbMAwGYDck6Z5aWZIlY2zCafP+r1hosiHFzW6424v8FzBj+Rvbg0eDKYpit/1xd37ti2I0L7AmP3ejeQVYh97MG6zNi9msNuZhHua/BpFUCf5GFUnxphFUwukFU0rvnYupPkkC1hAUF4YH5zrv+7qcliJBJEIVQQY41r33Yz3yP4ZaO6dybvCeIPno3OGqkOjKUG2X6Zh8NtjSxXBZLasHEYBmOVqVdDYsWdGWCBC0ypDy2XQZ8UEBlFJWaIRH85tjVnHMDmB8dnkJRvNE7rDcgQRvAWwiyQ/asjFbRID31ru53IfSTsaW1F/Ndr59B0a6fNMQQOoUJxlFDifTgMR5dtDF3eFxEFUIsGaK9mRsDJJqgRBQQTi7o/Pi0tsPY2tE/dhAmZtzmm6ws7FDvBz0lplzNfIwn5jmK1Pp0jBJH5tbpurSEXhppiBjOxwy43wJRLf7GyNo6qqLcb6GEL7uo4RwTA6giT0I3d97QxAh/G49/juZ3WrzbAqz1mxMsX9aR7bTP99++2zuzuumKP4A1pGaGbmCiHkAAAAASUVORK5CYII=') no-repeat scroll left -7px / 35px auto;border-right: 1px solid #ffffff;color: #ffffff;float: left;   font: 10px "museosans_300";margin-top: 6px;max-width: 40px;padding: 0 3px 0 34px;text-transform: uppercase;vertical-align: middle;}
.pnier_detail {color: #ffffff;float: left;margin-left: 4px;   margin-top: 7px;width: 42%;}
	.nbre_panier_commun > span {background: #1b1b1b ;border-radius: 100%;display: inline-block;font: 12px "museosans_300";height: 17px;padding-top: 3px;text-align: center;width: 21px;}
	.nbre_panier_commun > strong {font: 12px "museosans_700";}

.lien_communpanier {float: right;text-align: center;vertical-align: middle;width: 30%;}
	
.lien_communpanier a {background: #1b1b1b ;border-radius: 7px;color: #ffffff;display: block;font: 11px "museosans_300";margin: auto;max-width: 200px;padding: 10px 4px;}

.hide_bouton_valider { display:none }

/*------------------------------------
			    COMMANDE EXPRESS
---------------------------------------*/	
.commande_rapide {background: #ff9900;padding:5px 2%;}		
	.label_cmd {color: #ffffff;display: inline-block;font:400 14px "museosans_700";vertical-align: middle;width: 30%;}
	.form_cmd{display: inline-block;vertical-align: middle;width: 69%;}
		.form_cmd div.ui-input-text,.form_cmd div.ui-submit  {display: inline-block;}
			.form_cmd div.ui-input-text:nth-child(1) {width: 49%;}
				.input_ref {border: medium none;border-radius: 6px;height: 35px;width: 100%;}
			.form_cmd div.ui-input-text:nth-child(2) {width: 30%;}
					.input_qte {border: medium none;border-radius: 6px;height: 35px;width: 100%;}
			.form_cmd div.ui-submit{width: 17%;}
				.ok_btn{background:#1d1d1b; color:#ffffff;font:400 14px "museosans_700";text-align:center;border-radius: 6px;text-transform:uppercase; height:35px; border:none; width: 100%; }
				.form_cmd div.ui-submit span.ui-btn-inner{display:none}
				
/*------------------------------------
			    SLIDe
---------------------------------------*/
.diapos {height: 412px;}
.content_slide{text-align:center; z-index:9!important}
.ls-thumbnail-wrapper {display: none!important;}
/*------------------------------------
			    CATALOGUE
---------------------------------------*/
.catalogue_bloc {background: #1d1d1b ;padding: 10px 2%; /*margin-top:-3px;*/}
	
.title_catal {color: #ffffff;font: 17px "museosans_700";padding: 5px 0;text-align: center;text-transform: uppercase;}
	.liste_catal ul li {background: #ffffff ;border-radius: 6px;display: block;margin: 5px 0;padding: 10px;}	
		.liste_catal li a {color: #1d1d1b;font: 14px "museosans_700";text-transform: uppercase;display:block; padding-left:30px}
		.liste_catal li#ongletBit_10 a, .liste_catal li#ongletBit_96 a, .liste_catal li#ongletBit_5 a {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPBAMAAAAizzN6AAAAJFBMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AABekTwbAAAAC3RSTlMAwBCwUEDw4NCQcI2aACAAAAA0SURBVAjXY1jowAAC0psVwNTuFAi12whCbQ8AU7t3KoCp3U0QaiuUB5WDqkToS0GYCbUBAJVqH+Fg4dwSAAAAAElFTkSuQmCC') no-repeat center left 10px} 
			.liste_catal li#ongletBit_10 a:hover, .liste_catal li#ongletBit_96 a:hover, .liste_catal li#ongletBit_5 a:hover {color:#ff0000} 
		.liste_catal li#ongletBit_156 a, .liste_catal li#ongletBit_6 a {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPBAMAAAAizzN6AAAAJFBMVEUAAAD3kjn3kjn3kjn3kjn3kjn3kjn3kjn3kjn3kjn3kjn3kjmL70EzAAAAC3RSTlMAwBCwUEDw4NCQcI2aACAAAAA0SURBVAjXY1jowAAC0psVwNTuFAi12whCbQ8AU7t3KoCp3U0QaiuUB5WDqkToS0GYCbUBAJVqH+Fg4dwSAAAAAElFTkSuQmCC') no-repeat center left 10px} 
			.liste_catal li#ongletBit_156 a:hover, .liste_catal li#ongletBit_6 a:hover{color:#f79239}
		.liste_catal li#ongletBit_291 a, .liste_catal li#ongletBit_1 a {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPBAMAAAAizzN6AAAAJFBMVEUAAAA6qjU6qjU6qjU6qjU6qjU6qjU6qjU6qjU6qjU6qjU6qjWAAFIHAAAAC3RSTlMAwBCwUEDw4NCQcI2aACAAAAA0SURBVAjXY1jowAAC0psVwNTuFAi12whCbQ8AU7t3KoCp3U0QaiuUB5WDqkToS0GYCbUBAJVqH+Fg4dwSAAAAAElFTkSuQmCC') no-repeat center left 10px} 
			.liste_catal li#ongletBit_291 a:hover, .liste_catal li#ongletBit_1 a:hover{color:#3aaa35}
		.liste_catal li#ongletBit_155 a, .liste_catal li#ongletBit_12 a {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPBAMAAAAizzN6AAAAJFBMVEUAAAAYGPcYGPcYGPcYGPcYGPcYGPcYGPcYGPcYGPcYGPcYGPerRyzhAAAAC3RSTlMAwBCwUEDw4NCQcI2aACAAAAA0SURBVAjXY1jowAAC0psVwNTuFAi12whCbQ8AU7t3KoCp3U0QaiuUB5WDqkToS0GYCbUBAJVqH+Fg4dwSAAAAAElFTkSuQmCC') no-repeat center left 10px} 
			.liste_catal li#ongletBit_155 a:hover, .liste_catal li#ongletBit_12 a:hover{color:#1818f7}
		.liste_catal li#ongletBit_7 a, .liste_catal li#ongletBit_81 a {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPBAMAAAAizzN6AAAAJFBMVEUAAAAdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRv1Bx4ZAAAAC3RSTlMAwBCwUEDw4NCQcI2aACAAAAA0SURBVAjXY1jowAAC0psVwNTuFAi12whCbQ8AU7t3KoCp3U0QaiuUB5WDqkToS0GYCbUBAJVqH+Fg4dwSAAAAAElFTkSuQmCC') no-repeat center left 10px}
/*------------------------------------
			    TOP
---------------------------------------*/
.ongletTopProduct li {margin: 0;width: 25%;}
	.ongletTopProduct li.pi-active a {background: #ffffff  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGBAMAAADqAgmMAAAAMFBMVEUAAAAdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRsdHRse/TJxAAAAEHRSTlMA8BCAQODQwCCwoJBwYFAwzjmJrQAAAClJREFUCNdjgAHzD0BCO4BBWUqBgVe8gYGhU5gl1QEk4yZ4AKLkERADAIEbBeK4DqX9AAAAAElFTkSuQmCC') no-repeat scroll center bottom;}
	.ongletTopProduct li a {background: #cccccc ;border-radius: 0;border-right: 2px solid #ffffff!important;color: #1b1b1b;display: block!important;font: 15px "museosans_700";    margin: 0;text-align: center;text-transform: uppercase;}
	.ongletTopProduct li a.flash_li {background: #ff9900;border-right: medium none;color: #ffffff;}
	.ongletTopProduct li.pi-active a.flash_li {background: #ff9900 url("templatem-arrow_downW.png") no-repeat scroll center bottom;}
.article_Bit {background: #ffffff ;margin: auto;max-width: 150px;padding: 10px;text-align: center;}
	.article_descBit {color: #231f20;margin: 10px 0 20px;}
		.ref_article {display: block;font: 19px "museosans_700";}
		.libelle_article {font: 15px "museosans_300"; min-height: 30px;display:block}
		.libelle_article a{color:#231f20}
	.article_prixBit {border-top: 1.5px solid rgba(29, 29, 27, 0.5);padding: 10px 0;}
		.prix_normal {color: #ff9900;display: block;font: 21px "museosans_700";}
			.prix_normal  sup {font-size: 11px;}
			.prix_old {color: #939598;font: 15px "museosans_300"}
			.prix_old  sup {font-size: 10px;text-decoration: line-through;}
			.prix_old  font{text-decoration: line-through;}
		.article_imgBit {position: relative;}
			.article_imgBit .etiquette {left: -16px;position: absolute;top: -8px;z-index:9}
		.etiquette_articlepromotion {color: #ffffff;font-size: 12px;font-weight: bold;height: 56px;line-height: 11px;/*margin-left: 4px;*/padding-top: 24px;position: absolute;text-align: center;width: 80px;}
/*------------------------------------
			    VIDEO
---------------------------------------*/
.bloc_video	{	background: #1d1d1b ;padding: 10px 2%;	}
	.videoContent {background: #231f20 ;border-radius: 15px;padding: 15px;position: relative;}
	.video_lib {color: #ffffff;font: 15px "Museo_Sans_700",Arial;padding: 15px 0 0;text-align: center;text-transform: uppercase;}
/*------------------------------------
			    AUTOPROMO
---------------------------------------*/			
.bloc_autopromo{padding:15px; text-align:center}
.box_promo:nth-child(2), .box_promo:nth-child(3),.box_promo:nth-child(4) {display: none;}
.index .box_promo:nth-child(2),.index .box_promo:nth-child(3),.index .box_promo:nth-child(4)  {display: block;}
	.box_promo{margin:0 auto 10px auto; }	
		.box_promo a {display: block;margin: auto;}
			.box_promo img {width: 100% !important;}
/*------------------------------------
			    ENGAGEMENT
---------------------------------------*/
.title_engagement{text-align:center; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAABlBMVEU8PDs8PDt6rdgRAAAAAXRSTlPA24Ia1gAAAAxJREFUCNdjaGBgAAABhACBKN161wAAAABJRU5ErkJggg==') repeat-x center; margin:10px 0}
	.title_engagement span{background:#ffffff; padding:0 15px; display:inline-block; font:17px "museosans_700"; text-transform:uppercase; color:#1d1d1b}
.content_engagement{padding:0 0 10px}	
	.box_eng{padding:0 2%; margin:0 auto; max-width:150px}	
/*------------------------------------
			    FOOTEr
---------------------------------------*/
.bloc_reduction{background: #1d1d1b ;padding:10px 2% 17px 2%;}
	.form_reduc{margin:5px 0}
	.form_reduc div.ui-input-text{display: inline-block;vertical-align: middle;width: 80%;}
	.form_reduc div.ui-submit{display: inline-block;vertical-align: middle;width: 17%;}
		.ok_reduc{max-width:43px;

background: #f47e00;
background: -moz-linear-gradient(top, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f47e00), color-stop(50%, #fa9d00), color-stop(100%, #ffbb00));
background: -webkit-linear-gradient(top, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
background: -o-linear-gradient(top, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
background: -ms-linear-gradient(top, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
background: linear-gradient(to bottom, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47e00', endColorstr='#ffbb00', GradientType=0 );
 color:#ffffff;font:400 18px "museosans_700";text-align:center;border-radius: 6px;text-transform:uppercase; height:35px; border:none; width: 100%; }
		.input_txt {border:none;border-radius: 6px;height: 35px;width: 100%;font:14px "museosans_300italic"!important; color:#58595b}
.bloc_contact{background: #ff9900 ;padding: 10px 2%;}	
	.title_contact {color: #ffffff;font: 12px "museosans_700";padding: 5px 0;text-align: center;text-transform: uppercase;}
	.ok_contact{max-width:43px;
background: #000000;
background: -moz-linear-gradient(top, #000000 0%, #232223 50%, #414042 93%, #414042 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #000000), color-stop(50%, #232223), color-stop(93%, #414042), color-stop(100%, #414042));
background: -webkit-linear-gradient(top, #000000 0%, #232223 50%, #414042 93%, #414042 100%);
background: -o-linear-gradient(top, #000000 0%, #232223 50%, #414042 93%, #414042 100%);
background: -ms-linear-gradient(top, #000000 0%, #232223 50%, #414042 93%, #414042 100%);
background: linear-gradient(to bottom, #000000 0%, #232223 50%, #414042 93%, #414042 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#414042', GradientType=0 );
font:400 18px "museosans_700";text-align:center;border-radius: 6px;text-transform:uppercase; height:35px; border:none; width: 100%; color:#ffffff; }

/******Menu footer************/
.menu_footer {background: #242626;color: #ffffff;font: 13px "museosans_700";padding:10px 0 2px;text-align: center;}
.menu_footerBit{margin-bottom:3px}
	.menu_secure {background: #3d3d3d;display: block;padding: 8px;}
		.menu_secure > img {vertical-align: middle;}
		.content_secure {background: #242626;padding:10px 0}
		
	.title_menu {background: #3d3d3d;display: block;padding:10px;text-transform:uppercase; cursor:pointer}
		.content_menu {background: #242626;padding:10px; display:none}
		.content_menu a{font:14px "museosans_300",Arial; color:#ffffff; display:inline-block; padding:8px 0}
			.conseil_content{text-align:left}
				.content_menu a.conseil_bit_index {border-bottom: 1px solid #ccc;display:block;margin-bottom:5px}
				.content_menu a.conseil_bit_index:last-child{border-bottom:none}
				.all_conseil .souligner {font: 14px "museosans_700";}
				.content_menu a.conseil_bit_index:hover{color:#ff9900} 
					.conseil_bit_fleche_orange{color:#ff9900;}
		.content_menu a span{color:#f47e00; display: inline-block;margin-right: 8px;vertical-align: middle;}
/******copyright************/
.copyright {background: #242626;padding:20px 0; text-align:center; color:#808285;font:12px "museosans_300"}
	.copyright a {color:#808285;text-decoration:underline}
		#click2call .succes_msg {background: #ffffff;padding: 10px;text-align: center;}
/*------------------------------------
			    ARTICLE
---------------------------------------*/
.article_content {padding-bottom: 15px;}
	.article-top {background: url("templatem-bg_art_nom.png") repeat scroll 0 0;color: #ffffff;min-height: 60px;padding: 10px 0;position: relative;text-align: center;z-index:9}
		.art_prec {left: 20px;margin-top: -14px;position: absolute;top: 50%;}
		.title_article {margin: 6px auto auto;width: 80%;}
		
		.categ-top {background: url("templatem-bg_art_nom.png") repeat scroll 0 0;color: #ffffff;padding: 10px 0;position: relative;text-align: center;z-index:9}
			.cat_prec {float:left; width:15%; padding-top:5px;}
			.title_categ {float:left; margin: 6px auto auto;width: 85%; }
			.title_categ h1{color: #ffffff;display: block;font: 25px "museosans_700";text-transform:uppercase}
		
			.title_article a{color: #ffffff;display: block;font: 25px "museosans_700";text-transform:uppercase}
			.marque_art {color: #ff9900;display: block;font: 17px "museosans_700";}
			.art_suiv {margin-top: -14px;position: absolute;right: 20px;top: 50%;}
	.image_art {margin: 15px 0;position: relative;text-align: center;z-index: 10;}
		.pico_art_art {background: #f47e00;
background: -moz-linear-gradient(top, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f47e00), color-stop(50%, #fa9d00), color-stop(100%, #ffbb00));
background: -webkit-linear-gradient(top, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
background: -o-linear-gradient(top, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
background: -ms-linear-gradient(top, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
background: linear-gradient(to bottom, #f47e00 0%, #fa9d00 50%, #ffbb00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47e00', endColorstr='#ffbb00', GradientType=0 );
border-radius: 100%;height: 50px;left: 80px;padding: 3px;position: absolute;text-align: center;top: 5px;width: 50px;}
			.pico_art_art > span {background:-moz-linear-gradient(center top , #ffaa00 0%, #f47e00 100%) ;background: -webkit-linear-gradient(center top , #ffaa00 0%, #f47e00 100%) ;background:-ms-linear-gradient(center top , #ffaa00 0%, #f47e00 100%) ;background:-o-linear-gradient(center top , #ffaa00 0%, #f47e00 100%) ;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#f47e00', GradientType=0 );border-radius: 100%;color: #ffffff;display: block;font: 15px "museosans_700";height: 75%;padding-top: 13px;width: 100%;}
		.etiquette_art {left: 0;position: absolute; left:10px;}
.fiche_article {padding:0 10px;}
	.onglet_fiche {margin-bottom: 15px;text-align: center;}
		.onglet_fiche a {
background: #f1f2f2;
background: -moz-linear-gradient(left, #f1f2f2 0%, #e6e7e8 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #f1f2f2), color-stop(100%, #e6e7e8));
background: -webkit-linear-gradient(left, #f1f2f2 0%, #e6e7e8 100%);
background: -o-linear-gradient(left, #f1f2f2 0%, #e6e7e8 100%);
background: -ms-linear-gradient(left, #f1f2f2 0%, #e6e7e8 100%);
background: linear-gradient(to right, #f1f2f2 0%, #e6e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f2', endColorstr='#e6e7e8', GradientType=1 );
border-radius: 7px;color: #ffffff;display: inline-block;font: 17px "museosans_700";padding: 3px;}
.onglet_fiche a:hover { background:#f47e00}
			.f_tech {background: #1b1b1b ;border-radius: 7px;display: block;padding: 8px 7px;text-transform:lowercase}
			.f_sec {background: #1b1b1b ;border-radius: 7px;display: block;padding: 8px 7px;}
		.produit_desc_short {color: #231f20;font: 15px/19px "museosans_300";padding: 15px;}
			.produit_desc_short a {color: #231f20;display: block;font: italic 15px Arial;text-decoration: underline;}
	.promo_achat {border: 3px solid #ed1c24;margin: auto;padding:9px 15px; text-align:center}
		.promo_achat p{color:#808285; font:600 12px Arial, Helvetica, sans-serif}
		.title_promoachat {color: #ed1c24;font: 14px "Arial-Black";margin-top: -21px;text-transform: uppercase;}
			.title_promoachat span{display:inline-block; background:#ffffff; padding:0 4px}
h1.libelleArticle { font-size:16px }
.prix_ttc_block { font-size:10px;display:block }
/*********Lien panier***********/
.satut_article2 {background:url("template-epuise_big.png") no-repeat  left center / 18px auto;color: #e3600d; font: 23px "museosans_700",Arial;padding-left: 25px;display:block}
.satut_article {background:url("templatem-statuten_stock.png") no-repeat  left center;color: #72bf44; font: 19px "museosans_700",Arial;padding-left: 25px;display:block}
.article_lien_panier {border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;margin: 15px 0;padding: 15px 0;}
	.box_qte {background: #1b1b1b;height:38px;margin:0 auto;padding: 8px 4px;position: relative;width: 120px; border-radius:7px}
	.caract_article .box_qte {margin: 0 0 0 5px;}
		.box_qte div.ui-input-text {margin-left: 25px;}			
			.qte_art {background: #ffffff;border: none;border-radius: 4px;color: #58595b;font: 18px "museosans_300",Arial;height:38px;position: relative;text-align: center;width: 40px; margin-left:14px;}
			.lienpanier_productTab .qte_art{margin-left:0px;}
		.qte_plus {color: #ffffff;display: block;position: absolute;right: 28px;text-align: center;top:50%;width: 14px;margin-top:-12px}
		.qte_moins {color: #ffffff;display: block;left: 6px;position: absolute;text-align: center;top: 50%;width: 14px;margin-top:-12px}
	
	.box_prix {margin-right: 10px;margin-top: -8px;text-align: right;}
		.prix_artnormal {color: #ff9900;display: block;font: 30px "museosans_700";}
		.prix_artnormal font{font-size:18px}
			.prix_artnormal  sup {font-size: 15px;}
		.prix_artold {color: #939598;font: 15px "museosans_300"}
			.prix_artold  sup {font-size: 12px;text-decoration: line-through;}
				.prix_artold  font{text-decoration: line-through;}
	.buton_lien_panier {margin:5px 0 5px 5px; text-align:center;}
		.buton_lien_panier img{width:100%;}
	.texte_promoart{text-align:center; font:17px "museosans_700italic"}
	.texte_promoart span{text-transform:uppercase}
.av_article{padding:0 10px 10px;/*border-bottom: 1px solid #cccccc;*/ text-align:center;    margin: 0 10px;}	
	.livraison_art{font: 15px "museosans_700"; text-align:center; padding:0 0 5px 0; text-align:}
	.livraison_art span{color:#ff9900}
	.box_art_av{margin-bottom:10px}
		.box_art_av img{width:100%;}
.paiement_art {padding: 8px 0;text-align: center;}	
/***********CONSEIL**************/

.title_conseil{font: 25px "museosans_700"; text-transform:uppercase; text-align:center;border-bottom: 2px solid #1d1d1b;border-top: 2px solid #1d1d1b;padding:15px 0; margin: 0 10px;}
.productTabBit{border-bottom:1px solid #ccc; padding:10px 5px}
.imag_productTabBit{text-align:center; position:relative}
	.etiquette_productTab{position:absolute; top:10px; left:8px}
	.prix_productTabnormal {color: #ff9900;display: block;font: 16px "museosans_700";}
		.prix_productTabnormal font{font-size:12px}
			.prix_productTabnormal  sup {font-size: 10px;}
		.prix_productTabold {color: #939598;font: 10px "museosans_300"; text-decoration: line-through;}
			.prix_productTabold  sup {font-size: 8px;text-decoration: line-through;}
				.prix_artold  font{text-decoration: line-through;}
	.etat_productTab {text-align: center; padding-top:20px;}
		.etat_productTab .satut_article {background-size: 19px auto;font-size: 13px;margin-top: 10px;display:inline-block}
		.etat_productTab .satut_article2{font-size: 13px;;display:inline-block}
			.etat_productTab .pico_art_art {height: 35px;left: 0;margin: auto;position: relative;top:0;width: 35px;margin-top:24px}
			.etat_productTab .pico_art_art > span {font-size: 12px;padding-top: 9px;}
	.lienpanier_productTab {text-align: center;}
		.lienpanier_productTab .box_qte {height: 23px;max-width: 185px;padding: 8px 0;width: 100%;margin-bottom:10px}
		.lienpanier_productTab .box_qte div.ui-input-text {margin-left: 0;}
		.lienpanier_productTab 	.qte_art { height: 26px;width: 40%;}
			.lienpanier_productTab .qte_plus{right:17%}
			.lienpanier_productTab .qte_moins{left:3%}
/*------------------------------------
			    *categorie
---------------------------------------*/
.categorie_content {background: #1d1d1b;padding: 15px 10px;}
	.categ_box_lib {font: 16px "museosans_700",Arial;padding:5px 0}
		.categ_box_lib em{font: 12px "museosans_300italic"; color:#939598}
		.titre_categ {margin: 10px 0 15px;}
			.img_categ {display: inline-block;vertical-align: middle;width: 29%;}	
				.img_categ img {border-radius: 100%;}
			.lib_categ {display: inline-block;vertical-align: middle;width: 69%;color:#ffffff}
				.lib_categ strong{font: 24px "museosans_700"; text-transform:uppercase; display:block}
				.lib_categ em{font:11px "museosans_700";}
.categ_BoxBit {background: #ffffff;border-radius: 7px;margin-bottom: 10px;padding: 10px;}
	.categ_link , .categ_BoxImg a:nth-child(2){display: block;font: 12px "museosans_700",Arial;background:url('templatem-bg_alllien.png') no-repeat center top; padding-top:40px; margin-top:5px}
	.all_categ_lien {display: block;font: 12px "museosans_700",Arial;margin-top:5px; padding:10px 0}
	.categ_BoxList a {color: #58595b;display: block;font: 12px "museosans_300";margin: 2px 0;}*
		.categ_BoxList a > span {display: inline-block;font: 13px "museosans_700";margin-right: 4px;}
	.categ_BoxMenu{display:inline-block; width:70%;position:relative; border-right:2px solid #ccc;}
	.categ_BoxImg{display:inline-block; width:27%; vertical-align:top; text-align:center}
	.visible_hover{display:none}
.sous_categorie_content .article-top {min-height: 100%;}
.sous_categorie_content .title_article {margin: auto;}
	.caract_productTabBit .article_descBit{margin:10px 0 5px}
/*------------------------------------
			    PANIER
---------------------------------------*/
.lien_ident {text-align: right;}
	.lien_ident a {background: #72bf44 none repeat scroll 0 0;border-radius: 5px;  color: #ffffff;display: inline-block;font: 14px "museosans_700";  padding: 5px;text-transform: uppercase;}
.etape_box {display: inline-block;margin: 0;text-align: center;width: 24%;}
.panier_etape { height: 65px;padding: 10px 0;position: relative;text-align: center;}
.img_step {background:#ccc;border-radius: 100%;display: block;height: 50px;margin: auto;width: 50px;text-align:center; position:relative; z-index:9; box-shadow: 3px 3px 7px #6e686e;-moz-box-shadow: 3px 3px 7px #6e686e;-webkit-box-shadow: 3px 3px 7px #6e686e;-o-box-shadow: 3px 3px 7px #6e686e;-ms-box-shadow: 3px 3px 7px #6e686e;}
	.etape_box.active .img_step{
background: #ffaa00;
background: -moz-linear-gradient(left, #ffaa00 0%, #f47e00 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ffaa00), color-stop(100%, #f47e00));
background: -webkit-linear-gradient(left, #ffaa00 0%, #f47e00 100%);
background: -o-linear-gradient(left, #ffaa00 0%, #f47e00 100%);
background: -ms-linear-gradient(left, #ffaa00 0%, #f47e00 100%);
background: linear-gradient(to right, #ffaa00 0%, #f47e00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#f47e00', GradientType=1 );
}
.etape_box a{color:#6d6e71; text-transform:uppercase; font:11px "museosans_700";}
.etape_box.active a{color:#ff9900}
.lib_step{display:block; margin-top:10px}
.fond_trait {background: #ff9900 ;height: 25px;left: 50%;margin-left: -36%;margin-top: -18px;position: absolute;top: 50%;width: 72%;z-index: 1;}

.prix_Paniernormal {color: #ff9900;display: block;font: 20px "museosans_700"; margin-top:15px;}
		.prix_Paniernormal font{font-size:14px}
			.prix_Paniernormal  sup {font-size: 10px;}
		.prix_Panierold {color: #939598;font: 13px "museosans_300"}
			.prix_Panierold  sup {font-size: 9px;text-decoration: line-through;}
				.prix_artold  font{text-decoration: line-through;}
	.panier_tab {background: #f1f1f1;padding: 10px;}
		.panier_Bit {background: #ffffff ;border-radius: 7px;margin-bottom: 10px;padding: 10px 0;}
			.panier_designation {border-right: 1px solid #cccccc;display: inline-block;width: 40%;height:115px;vertical-align:middle}
				.panier_designation > img {width: 60px;}
				.panier_designation .article_descBit {margin: 10px 0 0;padding-left: 15px;}
			.panier_caract {display: inline-block;padding: 0 2%;vertical-align: middle;width: 38%;height:109px;border-right: 1px solid #cccccc;}
				.panier_caract .box_qte {height: 30px;margin-right: 0;max-width: 110px;width: 96%;}
					.panier_caract .box_qte div.ui-input-text {margin-left: 0px;}
					.panier_caract .box_qte input[type="text"]{margin-left: 30px;}
					.panier_caract .qte_art {border-radius: 0;height: 30px;}
				.panier_caract .prix_PanierBit{text-align:right; margin-top:10px}
			.panier_delete{display: inline-block;width:14%; text-align:center; vertical-align:middle}
		.reduction_matin{margin-bottom:10px; text-align:center}
		.cadeau_cde1 {background-color: #ff9900;color: #ffffff;margin-bottom: 10px;padding: 10px;position: relative;border-radius:7px}
			.cadeau_cde1 span {display: block;margin-bottom: 10px;text-align: center;text-transform:uppercase; font:14px "museosans_700"}
			.formCadeau {display: block;margin: auto;max-width: 290px;width: 100%;position:relative}
				.input_codepromo {background: #ffffff;border:none;display: inline-block;height: 35px;padding: 0;text-indent: 10px;width: 88%;border-radius:7px; font:italic 13px sans-serif!important; color:#9b9b9a}
				.ok_cadeau {border: none;color: #ffffff;cursor: pointer;display: inline-block;font: 17px "museosans_700";margin-left: 10px;padding:2px;position: absolute;right: 0;text-transform: uppercase;top: 50%; margin-top:-10px;}
	.panier_bottom{padding:10px}			
		.panier_recap{}	
			.table_recap td {font: 14px "museosans_700";padding: 10px 5px 10px 0;text-transform:uppercase}
			tr.sous_ttotal_ligne td {border-top: 1px solid #cccccc;color: #ff9900;}
				.totbis_lib {font-size: 15px;}
				.totbis {font-size: 26px;}
		.panier_action{margin:10px 0;text-align:center}
			.panier_action a{display:block; margin-bottom:8px}
		.bloc_paiment {text-align: center;}
		.code_cado {margin: 10px auto;max-width: 500px;position: relative;}
			.desc_code {color: #58595b;font: 11px "museosans_700";position: absolute;right: 5%;text-align: left;top: 23%;}
				.code_cado > img:nth-child(2) {left: 7%;position: absolute;top: 10px;width: 35%;}
					.code_label {bottom: 20%;color: #ff9900;font: 15px "museosans_700";position: absolute;right: 6%;}
				.desc_code span {font-size: 16px;}
	/************BOX ETAPE**************/
	.bx_etape.active_box {background-color: #ff9900;}
	.bx_etape {background-color: #eaeaea;padding:2px; margin-bottom:10px}
		.bx_etape.active_box .title_etape {background: #ff9900;color: #ffffff;}
		.title_etape {background: #eaeaea ;   cursor: pointer;color: #9b9b9a;display: block;font: 14px "museosans_700";padding: 8px;text-align: center;text-transform: uppercase;}
			.bx_etape.active_box .title_etape > span {background: url("templatem-ico_d_etape.png") no-repeat scroll right center;}
		.title_etape > span {background: url("templatem-ico_r_etape.png") no-repeat scroll right center;display: inline-block;padding-right: 27px;}
		.content_etape {padding: 10px;background:#ffffff; display:none}
		.adresse_livr_client .content_etape {display:block}
		.bx_etape.active_box .content_etape, .bx_etape.active_box .adresse_livr_client{display:block}
			.content_etape .input_step, .content_etape .input_step.inputError {background: #ffffff ;border: 1px solid #dddddd;box-shadow: none;color: #000000;font:15px "museosans_300";padding:8px 0;border-radius:5px; width:100%; text-align:left!important; text-indent:10px}
			.adresse_livr_client{display:none}
			.title_livr {color: #ffffff;font: 14px "museosans_700"; margin-top:5px; margin-bottom:5px; width:100%; margin-left:-10px; background-color:#FF9900; padding: 10px;text-align: center;text-transform: uppercase;}
				.form_client {margin-bottom: 8px;}	
					.radio_client {text-align: center;}
					.ui-radio {display: inline-block;position: relative;}
						.ui-radio input{margin-left:10px;}
						.ui-checkbox > input {display: none;}
						fieldset {border: medium none;}
					.radio_client label {margin: 0 -2px;padding: 8px 15px;}
					.form_client label {display: block;font: 14px "museosans_300";cursor:pointer; margin-bottom:5px}
					
					/*.ui-radio-off {background: #f1f1f1 }*/
					.form_client label.ui-radio-on,.formBox label.ui-radio-on  {background: #ff9900; color:#ffffff; font:14px "museosans_700"!important }
			.valide_client{margin:5px auto}
		.mode_livrBit, .moyen_livrBit {font: 12px "museosans_300";}
		.mode_livrBit  .ui-radio input,  .moyen_livrBit  .ui-radio input {display:inline-block!important}
			.modelivr_img , .moyenlivr_img{display: inline-block;margin: 0 10px;text-align: center;width: 77px;vertical-align:middle}
			.mode_livr_detail, .moyen_livr_detail {display: inline-block;vertical-align: middle;width: 47%;}
		.ui-checkbox label {margin-left: 10px;position:relative}
			div.ui-checkbox span.ui-icon.ui-icon-checkbox-off {background:url("templatem-check_off.png") no-repeat scroll center center; height:15px; width:15px; position:absolute; left:0; top:0}
			div.ui-checkbox span.ui-icon.ui-icon-checkbox-on {background:url("templatem-check_on.png") no-repeat scroll center center; height:15px; width:15px; position:absolute; left:0; top:0}
			div.ui-checkbox span.ui-btn-inner {padding-left: 17px;}
	.box_cgv {color: #5b5b5a;font: italic 14px sans-serif;margin: 20px 0;}
		.box_cgv a {color: #ff9900;text-decoration: underline;}
		
		.moyen_livrBit .ui-radio, .mode_livrBit .ui-radio{display:block;}
		
	.cont_modes{padding-bottom:140px; background-repeat:no-repeat; }
	.cont_moyens{padding-bottom:140px; background-image: url("template-bg_paiement_etape3.png"); background-repeat:no-repeat; background-position: center bottom;}
/*------------------------------------
			    COMMUN LOGGING
---------------------------------------*/
.communLogging {padding: 0 10px;}
	.formcontent{ margin: 0 auto 10px;max-width: 500px;}
		.inscrit {border: 1px solid #dddddd;border-radius: 5px;margin: 10px auto;position: relative;}
		.inscriptionForm {border: 1px solid #dddddd;border-radius: 5px;margin: 5px auto;}
		.fininscription.center {margin-top: 20px;}
			.divContentIdentification{padding:10px}
			.divContentInscription {padding: 10px ;}
			.formBox{margin:5px 0}
		.titre_diverster {background: #1b1b1b;border-bottom: medium none !important;border-radius: 5px 5px 0 0;color: #ffffff;font: 20px "museosans_700",Arial;height: 25px;padding: 5px;}
		.titre_diversbis {background: #1b1b1b ;border-bottom: medium none !important;border-radius: 5px 5px 0 0;color: #ffffff;font: 20px "museosans_700",Arial;height: 25px;padding: 5px;}
			.inscrit label, .inscriptionForm label {display: block;font: 14px "museosans_300";margin-bottom:8px;}
			.inscrit .input_txt, .inscriptionForm .input_txt {background: #ffffff;border: 1px solid #dddddd;border-radius: 5px;color: #58595b;font: 13px "museosans_300italic",Arial;height: 25px;padding: 5px 0;text-indent:10px; text-align:left!important}
			.inscrit .input_txt:focus, .inscriptionForm .input_txt:focus{border-color:#ff9900} 
	
		input.btn_valider {display: block;margin: 10px auto;}	
		a.lien_en_savoirplus  { color:#000 }
        a.lien_en_savoirplus:hover { color:#555 }
/*------------------------------------
			    CLEINT
---------------------------------------*/	
.formClient{border: 1px solid #dddddd;border-radius: 5px;margin-bottom:10px}	
	.formClientContent{padding:10px}
	.lien_menu_client{background: #1b1b1b ;border-bottom: medium none !important;border-radius: 5px 5px 0 0;color: #ffffff;font: 20px "museosans_700",Arial;height: 25px;padding: 5px;display:block}
	.lien_menu_client:hover{background:#ff9900}
	.lien_menu_client.deconnex{background: #ED1B24 }
	.lien_menu_client.deconnex:hover{background: #ED1B24 }
	.cont_instit{padding:0 10px}
		
.client_nbpoints {font: 17px "museosans_700";padding:5px 0;text-align: center;}
	input.btn_client, .btn_retour {display: inline-block;margin-right:2px}
	.client_nbpoints span {color: #fe0000;font: 20px "museosans_700";}
		.action_add{text-align:center; padding:10px 0}
			.action_cmdtab	{margin:10px 0 0 0}		
			.input_icon{padding:2px 0}
		.a_mobile{display:inline-block; padding:10px ; color:#ffffff; font:14px "museosans_700"; background:#1b1b1b; border-radius:5px}
		.a_mobile.red{background:#ED1B24}
	.retour_btn img {border-radius: 6px;}
		.content_facturation .formClientContent {text-align: left;}
		.client_detailsCmd .prix_PanierBit {display: inline-block;margin-top: 42px;vertical-align: middle;}
		.panier_sauvegarde tr td{padding:5px 0; border-bottom:1px solid #ccc; display:table-cell}
/*------------------------------------
			    NEWSLETTER
---------------------------------------*/	
.content_News {padding: 0 10px;}
	.newsBox {border: 1px solid #dddddd;border-radius: 5px;margin: auto;padding: 20px;position: relative;max-width: 458px;width:100%}	
		.titre_news > h2 {padding: 10px 0;text-align: center;text-transform: uppercase;font-size: 13px;}
.newsletter_box { font-size:11px }
.newsletter_box_index { margin-top:5px;font-size:11px;color:#FFF }
/*------------------------------------
			    RECHERCER
---------------------------------------*/	
.s_error {color: #f7941e;font: 20px "museosans_700",Arial;text-align: center;}
.cadre_g_inscription {background: #f1f1f1 ;margin: 10px auto;max-width: 600px;width:100%}	
	.txt_rech {background: #000000;padding: 10px;}
		.txt_rech strong {color: #ffffff;font: 14px "museosans_700",Arial;text-transform: uppercase;}
	.formSearch {padding: 10px 10px 5px;}
		.formSearch span {color: #000000;display: block;font: 13px "museosans_300",Arial;padding: 5px 0;}
		.formSearch .input_txt{text-indent:10px; text-align:left!important}
		.recherche_recente ul{margin:10px 0}
		.recherche_recente ul li {display:inline-block; margin:0 10px;}

			.recherche_recente ul li a:hover{color:#ff9900}
/*------------------------------------
			    INSTIT
---------------------------------------*/

.divers {padding: 0 10px;}
	.divers_lib {background:url("template-line.jpg") repeat-x scroll center center;margin-bottom: 10px;padding:10px 0}
	.divers_lib2 {background:url("template-line.jpg") repeat-x scroll center center;margin-bottom: 10px;padding:10px 0}
		.divers_lib span, .divers_lib2 span {background: #ffffff ;color: #f7941e;display: inline-block;font: 20px "museosans_700",Arial;padding-right: 10px;text-transform: uppercase;}
	.titre_plan {border-bottom: 1px dotted #000000;   margin-bottom: 15px;padding: 10px 0;    font: 13px "museosans_700";; text-transform:uppercase}
	.menuplan_g, .menuplan_d {margin:  2% auto;width:96%}
		.rayonList a {display: block;}
		.contenuconseil {margin-bottom: 25px;padding-left: 10px;}
		.titreconseil {color: #f7941e;margin-bottom: 15px;}
		.institform .input_txt, .institform input.required {background: #ffffff;border: 1px solid #dddddd;border-radius: 5px;color: #58595b;height: 25px;margin: 10px 0 0;width: 100%;text-indent:10px}
		.institform label {display: block;margin: 10px 0 0;}
		.institform textarea.required {background: #ffffff ;border: 1px solid #dddddd;border-radius: 5px;color: #58595b;height: auto;resize:none; padding:10px 0; text-indent:10px}
/*------------------------------------
			    CADO
---------------------------------------*/
.contCadeaux150 {background:#DEACE7;margin-bottom: 8px;width:100%;border-radius:10px}

.contCadeaux300 {background: #FFCD9A;margin-bottom: 8px;width:100%;border-radius:10px}
.contCadeaux450 {background:#A3A3FD;margin-bottom: 8px;width:100%;border-radius:10px}
.contCadeaux600 {background:#AFE198;margin-bottom: 8px;width:100%;border-radius:10px}
.contCadeaux1000 {background:#F9A4A7;margin-bottom: 8px;width:100%;border-radius:10px}
	.infoNbPoints_txt {font-size: 15px;line-height: 18px;}
	.infoNbPoints_date {font:16px  "museosans_700",Arial;}
	.infoNbPoints_txt strong {color: #ff0000;font:20px "museosans",Arial;}
	.infoNbPoints {margin: 10px 0;text-align: center;}
	
.contArticles {text-align: center;}	
	.cadeauBit150 {display: inline-block;margin: 2% 1%;vertical-align: middle;width: 23%;}
		.content_img_cado150{position:relative; max-width:152px; width:100%; margin:auto}
	.cadeauBit300 {display: inline-block;margin: 2% 1%;vertical-align: middle;width: 30%;}
		.content_img_cado300{position:relative; max-width:152px; width:100%; margin:auto}
	.cadeauBit450 , .cadeauBit600 {display: inline-block;margin: 2% 1%;vertical-align: middle;width: 48%;}
		.content_img_cado450 {position:relative; max-width:332px; width:100%; margin:auto}
		.content_img_cado1000{position:relative; max-width:695px; width:100%; margin:auto}
	.overcadeau_manque {background-color: rgba(0, 0, 0, 0.5);bottom: 2%;padding: 10px 0;position: absolute;text-align: center;vertical-align: middle;width: 100%;color:#ffffff}
		
		
.read-less, .read-more{text-align:center; width:100%; display:inline-block; margin-top:20px;}

/*------------------------------------
			    PANIER 1 ETAPE
---------------------------------------*/
.form_client select{width:100%; border:solid 1px #dddddd; border-radius:5px; height:32px;}
.code_cadeau{width:475px; display:inline-block; height:143px;background:url('template-bg_code_cadeau.png') no-repeat;margin-top:7px;}
	.image_cadeau{width:225px; height:140px; float:left; text-align:center; padding-top:10px;}
	.desQue{width:224px; height:50px; float:left; padding:5px; margin-top:60px; font:17px/16px "Museo_Sans_700", Arial;}					
		.desQue span{color:#ED1C24;}
	.indiquez{text-transform:uppercase;color:#ffffff;font:15px "Museo_Sans_700", Arial;display:block;width:234px;margin-top:20px;text-align:center;}
		.indiquez i{color:#F57F01;font:15px "Museo_Sans_700", Arial;}

.cont_boutons_submit{text-align:center;}
.submit_log{background-color:#FF9900; border:solid 1px #FF9900; padding:5px; font-size:18px; font-weight:bold; border-radius:5px; color:#FFFFFF;}
		
.erreur_passage_etape{color:#ED1C24; font-weight:bold; font-size:14px;}


.cadre_g_paiement{float:left; text-align:center; margin-top:10px; background-color:#dddddd; border:solid 2px #FF9900; padding:10px; width:100%;}
.cadre_d_paiement{float:left; background-color:#dddddd; margin-top:10px; border:solid 2px #FF9900; padding:10px; width:100%; text-align:center;}


.btn_voir_plus, .btn_voir_moins{text-align:center; padding-top:5px;}
		
		
.fond_trait {background: #ff9900 ;height: 25px;left: 50%;margin-left: -36%;margin-top: -18px;position: absolute;top: 50%;width: 75%;z-index: 1;}

.fond_trait1 {background: #ff9900 ;height: 25px;left: 50%;margin-left: -36%;margin-top: -18px;position: absolute;top: 50%;width: 30%;z-index: 1;}
.fond_trait_gris1 {background: #CCCCCC ;height: 25px;left: 75%;margin-left: -36%;margin-top: -18px;position: absolute;top: 50%;width: 50%;z-index: 1;}


.fond_trait2 {background: #ff9900 ;height: 25px;left: 50%;margin-left: -36%;margin-top: -18px;position: absolute;top: 50%;width: 50%;z-index: 1;}
.fond_trait_gris2 {background: #CCCCCC ;height: 25px;left: 99%;margin-left: -36%;margin-top: -18px;position: absolute;top: 50%;width: 25%;z-index: 1;}
		
.autopromoRow{background-color:#eeeeee; border:solid 5px red;}	
		
#TB_ajaxContent{background-color:white;}
#TB_window{}

.qte_moins{font-size:60px; line-height:20px;}
.qte_plus{font-size:60px; line-height:20px;}

.cont_remise_categ{positon:relative; height:80px; width:80px; margin:10px auto 0 auto;}


#btn_cde1_recover_mdp, #click_inscription, #btn_close_recover, .btn_modif_panier, .cont_boutons_submit .ui-link, #click_inscrit{display:block; padding:10px 30px; background-color:#EAEAEA; border:solid 2px #9B9B9A; bor color:#9B9B9A;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:center;
float:left;
clear:both;}

.has_one_image .ls-l {width: 100%!important;max-width: 100%;height: auto!important;left: 0!important;}

.pastille_bleu{
	background:url('template-vignette_bleue_vierge.jpg') no-repeat center;
	width:80px;
	height:63px;
	color:#FFFFFF;
	text-align:center;
	padding-top:17px;
	font: 90% "Museo_Sans_700", Arial;
	float:right;
	}
.tab_bloc{display:block}
	.display_table {display: table;height: 46px;width: 120px;position: absolute;top: 10px;left: 30px;z-index: 1;}
		.display_tablecell {display: table-cell;height: 99%;vertical-align: middle;font: 11px "Museo_Sans_700", Arial;}
		
		
/********Commentaire*******/
.pi-text-center {text-align: center;}
.wrapper_avis{display:none; margin-bottom:15px}
.content_avis {padding:0  15px ;}	
.scroll-pane.max_scroll {max-height: 347px;overflow-y: auto;padding: 15px;}	
#temoignage { width:100%;border-top:1px solid #EEE;float:left; }		
	.temoignageBit{background-color: #f9f9f9;margin: 8px 0;padding: 15px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px; border:1px solid #EEE}
	.temoignageBit h3 {font-size:21px;margin: 0;padding: 10px 0 5px;text-transform: uppercase;}
	.temoignageBit p{margin:10px 0; }
	.formBox{display:table; width:100%; margin:5px 0}
	.formBox>*{display:table-cell;padding:5px; vertical-align:middle }
		.erreur_msg{color:#F57F01;font:13px "Museo_Sans_700";text-align:center;}
		.msgAddd.erreur_msg {padding: 10px 0 5px 0;}
			.input_client {background:#ffffff;width:250px;font:13px "Museo_Sans_300_italic", Arial;height:15px;color:#58595b;position:relative;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;behavior: url('./PIE.htc'); border:solid 1px #ddd; padding:10px}
			.input_client:focus ,.textarea_commentaire:focus, .commentaire_selection:focus  {outline:none}
			.commentaire_selection {background:#ffffff url("template-arrow_down.png")no-repeat 242px center;width:271px;padding:10px;font:13px "Museo_Sans_300_italic", Arial;height:35px;color:#58595b;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;behavior: url('./PIE.htc'); border:solid 1px #ddd; padding:10px;-webkit-appearance:none; -moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer}
			.commentaire_selection::-ms-expand {display: none;}
		.textarea_commentaire {background:#ffffff;width:250px;padding:0 10px;font:13px "Museo_Sans_300_italic", Arial;min-height:50px; height:auto;color:#58595b;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;behavior: url('./PIE.htc'); border:solid 1px #ddd; padding:10px }
		.form_et{width: 170px;font: 14px "Museo_Sans_300";margin: 0;text-align: right;}
		 .formBox_content{  margin: auto;border: solid 1px #ddd;padding: 20px;max-width: 458px;position: relative;border-radius: 5px;-webkit-border-radius: 5px;}
		 .btn_com{padding:5px 0}
		 	 .btn_com .btn_valider{float:right}
		.afficher_avis {display: block;padding: 10px;text-transform: uppercase;background-color: #F57F01;color: #fff;text-align: center;font-size: 15px;font-weight: bold;max-width:480px}
		.wrapper_avis .titre_contact {color: #F57F01;font: 20px "Museo_Sans_700", Arial;border-bottom: dotted 1px #F57F01;margin-bottom:10px}
	@media only screen and (max-width:480px) {
		.formBox{display:block}
		.formBox>*{display:block; text-align:left; padding:5px 0}
	.input_client {width:92%; text-align:left}	
	.commentaire_selection {width:100%; background-position:97% center}	
	.textarea_commentaire {width:100%}	
	.scroll-pane.max_scroll{padding-left:10px; padding-right:10px}
	}
	
/********annonce*******/


a.annonce_bouton_deposer { background-color:#f56b2a;padding:10px 15px;border-radius:6px;color:#FFF;font-weight:bold;font-size:18px;display:inline-block; }
a.annonce_bouton_deposer:hover { background-color:#888; }

a.annonce_bouton_modifier { background-color:#f5b92a;padding:10px 15px;border-radius:6px;color:#FFF;font-weight:bold;font-size:18px;display:inline-block;margin-left:10px }
a.annonce_bouton_modifier:hover { background-color:#888; }


a.annonce_bouton_oui { background-color:#f56b2a;padding:10px 15px;border-radius:6px;color:#FFF;font-weight:bold;font-size:18px;display:inline-block; }
a.annonce_bouton_oui:hover { background-color:#888; }

a.annonce_bouton_non { background-color:#888;padding:10px 15px;border-radius:6px;color:#FFF;font-weight:bold;font-size:18px;display:inline-block;margin-left:10px }
a.annonce_bouton_non:hover { background-color:#555; }

.content_annonce { margin-top:30px}
	.annonce-header {margin: 0 -10px;text-align: center}
	.annonce-page-title {background-color:#f56b2a;font-size:20px;text-transform:uppercase;color:#FFF;display:block;text-align:center;padding:15px 20px;font-weight:bold;text-shadow: 3px 2px 2px rgba(0,0,0,0.6);margin-bottom:30px}

	#a_annoncetexte { height:300px }
	.formcontent {margin: auto;max-width: 590px;}
	.form_box_a {display: table;width: 100%;margin:10px 0}
		.form_box_a .clear {display: none!important;}
		.form_box_a > .icon_label{width: 80px;}
		.content_input {}
		.form_box_a >* {display: table-cell;float: none;vertical-align: top;}
		.form_box_a h2{padding: 4%;position: relative;z-index: 1;text-align:center}
			.content_input label {display: inline-block;font-size: 14px;margin-top: 2px;text-align: left;text-transform: uppercase;vertical-align: top;width: 176px;padding-right:5px}
			.content_input .input_txt {background-color: #ededef;border: 1px solid #c6c6c6;width: 320px;padding:5px;box-sizing:border-box}
			.content_input .texteara {background-color: #ededef;border: 1px solid #c6c6c6;width: 320px;padding:5px;box-sizing:border-box}
			.content_input label + span {background-color: #ededef;border: 1px solid #c6c6c6;padding:5px; box-sizing:border-box; width: 320px;display:inline-block}
			.content_input label + span.description_detail_annonce{height:auto}
			.content_input select{border: 1px solid #c6c6c6;background-color: #ededef;height: 35px;width: 320px;}
			.input_bit {margin-bottom: 10px;position:relative;z-index:1}
			.input_bit:last-child {margin-bottom: 0;}
	.btn_annonce{text-align:center; padding:10px 0}
	.btn_annonce .btn_valider {float:right }
	.choix_visibilite {font-style: italic;position: absolute;width: 180px;font-size:12px; line-height:13px;top:0; z-index:1; right:-180px}
	.choix_visibilite em{background: url("template-ico_mask.png") no-repeat scroll left center;display: inline-block; padding-left: 25px;}
	.choix_visibilite input[type="checkbox"]:checked + em {
		background: url("template-ico_eyes.png") no-repeat scroll left center;
	}
	.choix_visibilite em label{display: inline-block;font-size: 12px;margin-top: auto;text-align: left;text-transform: lowercase;vertical-align: top;width: auto;padding-right:auto}
		.choix_visibilite > input {height: 100%;opacity: 0;position: absolute;width: 100%;cursor:pointer}
	.choix_visibilite > input:checked +em{background: url("template-ico_mask.png") no-repeat scroll left center;}
	
	.annonce_message_ret { background-color:#CCC;padding: 10px;font-weight: bold;font-size: 18px;border-radius:3px;margin-top:10px;text-align:center}

.tdContentcdeArticlesOfferts select {width:100%;}

.annonce-explication { margin:10px 0px }



.img_annonce {width: auto;height: auto;}

.modif_annonce{width:120px;float:right;}

.annonceBit_lib strong { color:orange;font-weight:bold;font-size:15px }

.annonce_icon_tash { float:right;display:inline-block;height:64px;width:64px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAkxJREFUeJztmr9OwzAQhz/+iAmWVgxIlQpTB16hLLwKz8WrsMArMDAVpABDSyeGgqjKUEeNgkka584k5D4pauTGd+7PubMvDRiGYRiGYRiG0UV2IvjYAwaBfRNgKTiWP2EIrAKPofbgdrUdNJ39yP7GrG/rIgbAXYSxAPEFSICnyD4L6XwIdF6AusvgLeVL3H7mmgT4Er4+AS5KrlFjQvgSJ3VM6vyAzodA3VWgbEmLQRPGYLQWqWLoGrgUsrUtN8BVXSNSO8ElcOppmwJzYMS6KszyxSZ+B56xLIEHoAcce/qLVIlSq8Czp+0BOAHOWQuRJwHO3OFLZFPX98TZ2sZnZTQF6GXO5wE2s316nu9NgACbP9AU4AA4dOdvATbTPkfO1jY+KyMlwMsv7X33WecO8M1+kc9KSAkwAxae9nTw0gIsnM/aSNYCvhnREkBk9kFWgKJEWCcHqCVA0BdAIgf0Pd+1RoBOhUDMHND5O6B1AnQ+Cb4DnxVsfbo+WRtlvoKQzgGrXFtoPVBUB6xoaBL84OfuTEOAmfMlgvRT4fzMaAggNvsgL0A+NkMrwqJKUCz+QV8ACNsNRlkCIY4AIXsBEyDXt8xHMDEFCMkB/0KAOjlAdRME+ssgyIdAo5dB36MxSQHEHoWlaPw9/ttmSEIA0dkHHQHyMSqZBEXjH+IIULUiLKoEWylA1XogWh0A7RNA/A7QeFEyP0vHwD2bv7lTBmxecMq+aTYCXlkLkb0eFATQYIzeG2Fj6cHGCIFG29YKgUcFu6ltwzDk+AYAwuuCYEbgxwAAAABJRU5ErkJggg==');background-repeat: no-repeat;background-position: center; }

.annonceBit{color:#000000}

.annonceBit span{font-weight:bold;}

.offre_emploi{width:20%;margin-left:25%;}

.demande_emploi{width:20%;margin-left:7%;}
	
.detail_annonce_info { min-height:30px; }

.symbol {
	height: 25px;
	padding: 5px 10px;
	font-size:12px;
	font-family: Times New Roman;
	border-radius: 1em;
	font-weight: bolder;
	color: white;
	background-color: #4E5A56;
	position:absolute;
	top:5px;
	left:10px;
	
}

.image_captcha_block { display:block;height:61px;width:190px }

.icon-info { background-color: #3229CF; }
.icon-error { background: #e64943; font-family: Consolas; }
.icon-tick { background: #13c823; }
.icon-excl { background: #ffd54b; color: black; }

.icon-info:before { content: 'i'; }
.icon-error:before { content: 'x'; }
.icon-tick:before { content: '\002713'; }
.icon-excl:before { content: '!'; }
.notify {
	background-color:#e3f7fc; 
	color:#555; 
    border:.1em solid;
	border-color: #8ed9f6;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;
    font-size:1.1em;
    padding:10px 10px 10px 50px;
    margin:20px 0;
	position:relative;
	font-weight:bold;
}

.notify-yellow { background: #fff8c4; border-color: #f7deae; }
.notify-red { background: #ffecec; border-color: #fad9d7; }
.notify-green { background: #e9ffd9; border-color: #D1FAB6; }

/*******RO modif**********/
.content_annonce .ui-select {display: inline-block;}
.btn_action_a{text-align:center}
.annonce .divers *, .annonce .divers  *:before, .annonce .divers  *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.annonce_small {border: 2px solid black;margin-top: 10px;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;padding: 10px;display: table;width: 100%;}
	.annonce_small >a {display: table-cell;vertical-align: middle;float:none}
	.lien_annonce {width: 70%;}
.container_annonce .content_input>div{display:inline-block}
.container_annonce .content_input .input_txt{border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;text-align:left}
.container_annonce  .input_bit >div {display: inline-block;}
.choix_visibilite label{font-size:12px; text-transform:none}
.m_supp{margin-bottom:20px}

@media only screen and (max-width:980px) {
.choix_visibilite label {display: block;width: 266px;margin-left: auto;}
.choix_visibilite {position: relative;width: 100%;display: block;text-align: right;right:0; margin-top:5px}	
.annonce_small.has_btn_modif .lien_annonce {width: auto;}
}
@media only screen and (max-width:640px) {
	.annonce-page-title{font-size: 16px;}
	.annonce_small{font-size:13px}
	a.annonce_bouton_deposer{    font-size: 14px;}
	a.annonce_bouton_modifier{    font-size: 14px;}
}
@media only screen and (max-width:610px) {
.container_annonce .content_input>div {display: block;}	
.container_annonce  .input_bit >div {display: block;}
.container_annonce .content_input label{ margin-bottom:5px; width:100%; font-size:13px}
.container_annonce .content_input label br{display:none}
.container_annonce .content_input select{width:100%;}
.container_annonce .content_input .input_txt{width:100%;}
.container_annonce .content_input .texteara{width:100%;}
.btn_annonce .btn_valider{float:none; max-width:100px; margin:auto}
.content_input label + span{width:100%;}
.container_annonce a.annonce_icon_tash {width: 30px!important;background-size: 30px;}
	.container_annonce .modif_annonce {width: 85px;max-width: 85px;}
}

@media only screen and (max-width:480px) {
.annonce_small{font-size:12px}	
.annonce-page-title{font-size: 14px;}
.btn_action_a {margin: 0 -10px;}
a.annonce_bouton_deposer{    font-size: 12px; padding:10px}
	a.annonce_bouton_modifier{    font-size: 12px;margin-left:1px; padding:10px}
	.form_box_a > .icon_label {display: none!important;}
	

.container_annonce .btn_annonce a.retour img {max-width: 81px;}
.btn_annonce a.rep_annonce {margin-left: 5px!important;}
	.btn_annonce a.rep_annonce img {max-width: 171px;}
}	

/******** tooltip *******/

.tooltip-info {
display: inline-block;
position: relative;
background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKYSURBVDiNpZNNSBRhGMf/M7vjptnX2lLs5rTkZcUYjI4KXQq8BEGEEh5COljToWsIER3qEpXQYcOiOuRG4hokaKxgHwhltdrYhFLifrHWuu02uTO7zuy+T5c1V6yTz/GF/+/l4f97OCJC5XAcJwBwAnABcJefkwCWAGSIyFoXICJUQJyiKHYGAoFhVVUVXdezuq5nVVVVAoHAsCiKnWX4Wq4i7JNluVfTtFSuYFHfiELnbo3S+duj9GB0hnIFizRNS8my3AvAtwpZBThlWe5ljLHA+Cx5O+7Qwa67NJfI0pfID+rum6KWCw/p6ctZYoyxMsS5+rkgimKnpmmpoYmv5Dx+g1ouvyL5fph0XSfGGF3qn6GTN99S27UJGpuKkqZpqfI6gg2Ay+/39zRJzc1nrg+hxuODjeeQNwmLGR2T3zKYjuVgmCWsFBmm4zo6Wr1b6z1ux+DgYMgOwCVJkhiaiiGVK6LEW7BKBLuNw0LGgm+vgPSyCcMsQS8UEUszjH+KQ5IkEYDLDsDt9XrrH/W/R8lRh7xZQjJbQNp/FDu31YAxhp6BOVRX2VDrsIMAzMSWcaStoR6Am6+s9GfOwo4aAQCwu3sMhmEAAKrsPLYINgh2DrlCEcStZXgAyUgkEm+VRKwUdAg2/i8kn8/DMAzUOuyoruLxS7egGRYOH6hDJBKJA0jyAJYURYkdOyRi/3Ygmjbg89TC46yGYRgwDAM8z2Hpt4msbqFp33a0Nu6Boiixsp1rNYbCUao6cY92dT2ncDhMqqrS/Pw8JRIJQnuQhNPP6M3n7+tq3CBSKBylhrP9hFMDhPYgcR1BQnuQGi+O0Gt1caNI/1I5bxZp+N0CXXk8SVeffKAXH2OUN4v/V3kzx8Rt9pz/ACFvxo/nksxmAAAAAElFTkSuQmCC') no-repeat;
height:16px;
width:16px;
margin-left:5px;
vertical-align:text-bottom;
}

[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    min-width: 200px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}

/******** coupons *******/

.ribbon-title { 
	display:block;
	font-weight: bold;
    color: #F57F01;
    font-size: 15px;
}

.ribbon {
  font-size: 12px;
   line-height:12px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  display: block;
  width: 120px;
  height: 130px;
  background: linear-gradient(to bottom, #999999 0%, #cccccc 100%);
  color: white;
  margin: 10px 7px 0;
  float: left;
  padding-top: 10px;
  margin-bottom:35px;
  position: relative;
  -webkit-filter: drop-shadow(0 0.5rem 0.3em rgba(0, 0, 0, 0.5));
  transform: translate3d(0, 0, 0);
}
.ribbon-click
{
  cursor:pointer;
}
.ribbon-click:hover {
	-webkit-filter: drop-shadow(0 0.5rem 0.3em rgba(0, 0, 0, 0.8));
}
.ribbon_strong {
 font-size:22px;
 font-weight:bold;
 line-height:22px;
 padding-bottom:5px;
 display:block;
}
.ribbon:after {
  content: "";
  width: 0;
  height: 0;
  border-right: 60px solid transparent;
  border-left: 60px solid transparent;
  border-top: 1.5rem solid #CCCCCC;
  position: absolute;
  top: 140px;
  left: 0;
}
.ribbon.ribbon--red {
  background: linear-gradient(to bottom, #d3362d 0%, #e57368 100%);
}
.ribbon.ribbon--red:after {
  border-top: 1.5rem solid #E57368;
}
.ribbon.ribbon--orange {
  background: linear-gradient(to bottom, #e7711b 0%, #f7981d 100%);
}
.ribbon.ribbon--orange:after {
  border-top: 1.5rem solid #F7981D;
}
.ribbon.ribbon--yellow {
  background: linear-gradient(to bottom, #f1ca3a 0%, #f6eb3b 100%);
}
.ribbon.ribbon--yellow:after {
  border-top: 1.5rem solid #F6EB3B;
}
.ribbon.ribbon--green {
  background: linear-gradient(to bottom, #5f9654 0%, #65b045 100%);
}
.ribbon.ribbon--green:after {
  border-top: 1.5rem solid #65B045;
}
.ribbon.ribbon--blue {
  background: linear-gradient(to bottom, #1c91c0 0%, #11a9cc 100%);
}
.ribbon.ribbon--blue:after {
  border-top: 1.5rem solid #11A9CC;
}
.ribbon.ribbon--purple {
  background: linear-gradient(to bottom, #5c3292 0%, #7e3794 100%);
}
.ribbon.ribbon--purple:after {
  border-top: 1.5rem solid #7E3794;
}

/********** Galerie vidéo **********/

.videCont{ margin-bottom:10px }

.jq-rating-sprite {
    background-image: url(template-jq-rating-sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}

.jq-rating-sprite-fa-thumbs-down-green {
    width: 21px;
    height: 20px;
    background-position: -5px -5px;
}

.jq-rating-sprite-fa-thumbs-down-grey {
    width: 21px;
    height: 20px;
    background-position: -5px -35px;
		margin-left: 10px;
}

.jq-rating-sprite-fa-thumbs-o-down-green {
    width: 21px;
    height: 22px;
    background-position: -5px -65px;
}

.jq-rating-sprite-fa-thumbs-o-down-grey {
    width: 21px;
    height: 22px;
    background-position: -5px -97px;
}

.jq-rating-sprite-fa-thumbs-o-up-green {
    width: 21px;
    height: 22px;
    background-position: -5px -129px;
}

.jq-rating-sprite-fa-thumbs-o-up-grey {
    width: 21px;
    height: 22px;
    background-position: -5px -161px;
}

.jq-rating-sprite-fa-thumbs-up-green {
    width: 21px;
    height: 20px;
    background-position: -5px -193px;
}

.jq-rating-sprite-fa-thumbs-up-grey {
    width: 21px;
    height: 20px;
    background-position: -5px -223px;
}

.jq-rating {
    padding: 5px 10px;
}

.jq-rating div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px;
}

.jq-rating-sprite-fa-thumbs-down-grey:hover {
    background-position: -5px -5px;
}

.jq-rating-sprite-fa-thumbs-up-grey:hover {
    background-position: -5px -193px;
}

a.galerieVideoBouton { margin-top:8px;background-color:#f56b2a;padding:5px 15px;border-radius:6px;color:#FFF;font-weight:bold;font-size:18px;display:inline-block; }
a.galerieVideoBouton:hover { background-color:#888; }

/********POPUP MOBILE**********/
.modale_phone{width: 100%;height: 100%;background-color:rgba(0,0,0,0.4);display: block;z-index: 999999;position: fixed;left: 0;top: 0;text-align: center;}
	.container_page_modal {position: fixed;z-index: 999999;left: 50%;top: 50%;max-width: 400px;width: 100%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);background: #fff;border: 5px solid #e6e6e6;border-radius: 10px;}


.content_modale_phone {padding: 15px 15px 30px 15px;}
	.content_modale_phone button {display: block;width: 100%;max-width: 200px;margin: 15px auto 0 auto;font: 14px "museosans_700";text-transform: uppercase;color: #fff;height: 38px;border: none;background: #ff9900;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;cursor:pointer;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;outline:none}
	.content_modale_phone button:hover{background-color:#FFA900; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
		.title_modal_phone {padding-bottom: 5px;margin-bottom: 25px;border-bottom: 1px solid #ccc;}
		img.btn_close_modal {position: absolute;right: -5px;top: -7px;background: #ff9900;padding: 7px;border-radius: 100%;cursor: pointer;}
		img.btn_close_modal:hover{background-color:#FFA900; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
		body.no-scrolling{/*overflow:hidden!important*/}
@media only screen and (max-width:940px) {
	.modale_phone{display:none!important}
	page.ui-body-c {overflow-x: hidden;}
}
@media only screen and (max-width:650px) {
.instit table {width: 100%!important;min-width: 100%!important;}
.instit img{max-width:100%!important; width:100%!important}
}