/*balises génériques */
body{
	padding: 0 !important;
	margin:0 !important;
	font-size: 1.8em;
	width: 100% !important;
	min-width: 1px !important;
	font-family:tahoma,helvetica,arial;
}
*{
	margin:0;
	padding:0;
}
.flex{
	display: flex;
}
.flex_colonne{
	flex-direction: column;
}
.flex_centrage{
	margin: auto;
}
.hidden{
	display: none;
}
.margin_top{
	margin-top: 1.5em;
}
.w100{
	width: 100%;
}
.centrage_text{
	text-align: center;
}
/*barre de recherche */
#champ-texte{
	min-height: 36px;
	height:  36px;
	border: 0px solid white;
	color: #686766 !important;
	width: 80%;
	padding-left: 3px;
  	width: 200px !important;
}
#form-test label {
	margin-bottom: 0px;
}
#form-test{
	display: flex !important;
	align-items: center;
	justify-content: center;
}
#champ-texte:focus, #champ-texte:hover, #champ-texte:active, .loupe_champ_recherche:focus, .loupe_champ_recherche:hover, .loupe_champ_recherche:active{
	border: none;
	outline : none;
}
.boite_recherche{
	width: 100%;
	position: absolute;
	top: 135px;
}
.placement_champ_recherche{
	z-index: 10;
	background-color: white;
	margin: auto;
	min-width: 22em;
	max-width: 22em;
	padding: 0px;
	opacity: 0.9;
	border: 1px solid #686766;
	max-height: 38px;
	font-size: 0.7em;
}
.loupe_champ_recherche{
	height: 36px;
	float: right;
	background-color: white;
	height: 100%;
	color: #fa7f28;
}
.loupe_champ_recherche:hover{
	color: black;
}
/*Entete */
#logo_mobile{
	display: none;
}
#logo_case_des_iles{
	background-image: url("http://www.casedesiles.com/Inserts/casedesiles-boutique-en-ligne.jpg");
	width: 372px;
	height: 100px;
	margin-left: 50px;
}
#header{
	position: relative;
	top: 0px;
	background-color: #ff9900;
	margin: 0px;
}
#message_bienvenue{
	max-width: 500px;
	position: absolute;
	right: 200px;
	top: 35px;
}
#menu_icone{
	position: absolute;
	right: 80px;
	top: 34px;
}
.bouton_recherche, #navbar, #bouton_drop{
	height: 25px;
	width: 25px;
	border: none;
	background-color: #ff9900;
}
#bouton_drop{
	cursor: pointer;
	margin-right: 5px;
}
#navbar_box{
	display: none;
}
.img_bouton{
	height: 100%;
	width: 100%;
}
.img_bouton_loupe{
	height: 100%;
	width: 100%;
	max-width: 25px;
	max-height: 25px;
}
#bouton-submit{
	border: none !important;
	padding-top: 5px;
	padding-right: 2px;
}
/*ENTETE : DROPDOWN */
#dropdown{
	position: relative;
	display: inline-block;
}
.dropdown_compte{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown_compte a{
	color: black;
	padding: 0.3em;
	min-width: 130px;
	text-decoration: none;
	display: block;
	font-size: 0.8em;
}
.dropdown_compte a:hover {
	background-color: #f1f1f1;
	color: #ff9900;
}
#dropdown:hover .dropdown_compte{
	display: block;
	z-index: 1000;
}
/*Menu principal*/
.boite_menu_categorie{
	max-width: 100%;
	display: flex;
	margin: auto;
	align-items: space-between;
	justify-content: space-between;
	text-align:center
}
#menuDeroulant{
	list-style-type:none;
	width: 96%;
	background-color: black !important;
	margin: auto;
	opacity: 0.95;
	height: 25px;
}
#menuDeroulant li:hover > .sousMenu, #menuDeroulant li:hover > .sousMenu2{
	display:block;
}
#menuDeroulant li p, #menuDeroulant li span{
	margin: 0;
	border: 0 !important;
	font-size: 0.7em;
}
#menuDeroulant li p{
	color: white !important;
	padding-top: 5px;
}
#menuDeroulant li p:hover,  #menuDeroulant li span:hover{
	cursor: pointer;
	color: #fa7f28 !important;
}
#menuDeroulant > li{
	margin-left: 10px;
    width: 133px;
}

.menu_categorie{
	width: 250px !important;
}
.bodymenu{
	width: 96%;
	margin: auto;
	width: 100% !important;
	height: 50px !important;
	position: relative;
	top: 0;
	z-index: 100;
}
#categorie_promo{
	background : purple !important;
	height: 100%;
	font-size:0.7em;
	display: block;
	text-align: center;
	color: white;
	padding-top: 5px;
}
#categorie_promo:hover{
	text-decoration: none;
}
/*menu mobile*/
#boite_menu_mobile{
	display: none;
}
.chevron_mobile{
	font-size: 0.8em;
	float: right;
	margin-right: 10px;
}
/*Positionnement de la boite des sous menus*/
.sousMenu{
	display:none;
	text-align:left;
	min-height: 400px;
	width: 96%;
	background-color: white;
	position: absolute;
	left: 2%;
	border: 2px solid #686766 !important;
	overflow: hidden;
	z-index: 1000000;
}
.sousMenu2{
	position: absolute !important;
	left: 120px;
	top : 5px !important;
	width:300px;
	min-height: 400px !important;
	min-width: 100% !important;
	display:none;
	list-style-type:none;
	margin-left:214px;
	padding:5px 0px 0px 10px !important;
}
/*style des sous-categories*/
.lien_menu_sous_categorie{
	position: relative;
	top: -5px;
	padding: 0px !important;
	background-color: transparent !important;
	color: black !important;
	font-weight: bold;
	font-size: 0.8em !important;
}
.lien_menu_sous_categorie:hover{
	font-size: 0.8em !important;
	color: #fa7f28 !important;
}
.sous_catogerie h4, .sous_catogerie a{
	color: #686766 !important;
}
#raphia{
	display: block;
}
.sousMenu li h4, .sousMenu li .sous_categorie, #raphia{
	padding: 1em !important;
	width: 335px !important;
	margin: 0.5em !important;
	margin-top : 0.15em !important;
	margin-bottom : 0.15em !important;
	background-color: #e6e6e9 !important;
	color: #686766 !important;
	font-size: 0.7em !important;
}
.sousMenu li h4:hover, #raphia:hover{
	background-color: white !important;
	color: #fa7f28 !important;
	cursor: pointer;
}
.chevron{
	position: relative;
	bottom : 4px;
	float: right;
	font-size: 1.4em !important;
	background-color: transparent !important;
}
#body_menu{
	display: none;
}
/*style des rayons*/
.produit, .produit_par_deux{
	display: flex !important;
	margin : 0px !important;
	padding: 0px !important;
	min-width: 470px !important;
	max-width: 470px !important;
}
.produit a:hover{
	color : #fa7f28 !important;
}
li .produit a{
	font-size : 0.7em !important;
	margin: 0px !important;
	padding : 0.2em !important;
	min-width: 235px !important;
	max-width: 235px !important;
	background-color: white !important;
	color: #686766 !important;
}
/*pied de page */
#intro_case_des_iles{
	text-align:center;
	font-size: 0.7em;
	margin-bottom: 0.5em;
	margin-left: 5%;
	margin-right: 5%;
}
#intro_case_des_iles h1{
	font-size: 1em;
}
#titre_case_des_iles{
	color: #ff9900;
	font-size: 1.2em;
	font-weight: bold;
}
#container_avis{
	margin-top: 1em;
	max-width: 780px;	
}
.boite_avis{
	border: 2px solid #ff9900;
	border-radius: 10px;
	width: 175px;
	height: 150px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0.5em;
	font-size: 0.8em;
}
.boite_avis h4, #code_remise{
	color : #ff9900;
	font-weight: bold;
	font-size: 1.1em;
}
#code_remise{
	margin-top: 4px;
}
.boite_note{
	margin-top: 0.5em;
}
.lien_avis_boutique{
	margin-top: 0.5em;
	font-size: 0.8em;
}
.texte_avis_promotion, .remise{
	font-size: 0.8em;
}
.chiffre{
	font-size: 1.5em;
	font-weight: bold;
}
#menu_footer a, #footer_recommendation a{
	text-decoration: none;
}
.remise, .lien_avis_boutique, #intro_case_des_iles span a{
	text-decoration: none;
	color: #337ab7;
}
#cheque-cadeau{
	display:inline-block;
	width: 60px;
	height: 60px;
	background:url('http://www.casedesiles.com/Inserts/cheque-cadeau-cheques-cadeaux-3.jpg') bottom no-repeat;
	background-size:60px 60px;
}
#recommander{
	display:inline-block;
	width: 103px;
	height: 25px;
	background:url('http://www.casedesiles.com/Inserts/casedesiles-recommander.jpg') bottom no-repeat;
	background-size:103px 25px;
}
#star{
	font-size: 0.6em;
	font-weight: bold;
}
/*footer*/
#footer{
	background-color: #ff9900;
}
#menu_footer{
	text-align: center;
	margin-top: 0.5em;
	word-break: keep-all;;
}
#menu_footer a, #footer_recommendation a, #copyright{
	color: white;
	margin-left: 1em;
	margin-right: 1em;
	font-size: 0.8em;
}
#footer_reseaux_sociaux{
	text-align: center;
	max-height: 20px;
	margin-top: 0.5em;
	width: 300px;
}
#footer_reseaux_sociaux span{
	height: 20px;
	position: relative;
	bottom : 2px;
}
.logofacebook{
	background:url('http://www.casedesiles.com/Inserts/casedesiles-facebook.jpg');
	width:20px;
	height:20px;
}
.logo_twitter{
	background:url('http://www.casedesiles.com/Inserts/casedesiles-twitter.jpg');
	width:20px;
	height:20px;
}
.fb-share-button, #g-plusone, .fb-like, .logofacebook, .logo_twitter{
	min-height:20px;
	max-height:20px;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
#footer_recommendation, #copyright{
	margin-top: 0.5em;
	text-align: center;
	color: white;
}
/* CARROUSEL */
.main-container{
	position: relative;
	top: -10px;
	margin-top: 0px !important;
}

.container{
	margin:0 auto !important;
}
#phares > div div{
	margin-left:-550px;
	-webkit-transition:2.5s;
	-moz-transition:2.5s;
	-o-transition:2.5s;
	-ms-transition:2.5s;
	transition:2.5s;
}
#phares > div, #pop_vente > div, #pascher > div, #pop_avis > div, #coup_coeur > div, #cadeau > div {
	padding-top: 0;
    width: 100%;
    height: 290px;
}
#phares > div div, #pop_vente > div div, #pascher > div div, #pop_avis > div div, #coup_coeur > div div, #cadeau > div div {
	margin-left: 0px;
}
#phares, #pop_vente, #pascher, #pop_avis, #coup_coeur, #cadeau {
	display:inline-block;
	width: 100%;
	border-bottom: 0 none;
	text-align:center;
	overflow:hidden;
	padding-top:25px;
	text-align:center;
	margin:0 2px;
}
#phares h2, #pascher h2, #coup_coeur h2{
	background:#FF9900;
}
#pop_vente h2, #pop_avis h2, #cadeau h2{
	background:#8F8F8F;
}
.vignette h3{
	margin: 0 auto !important;
}
.vignette{
	height: 260px !important;
	width: 150px;
}
#phares .vignette, #pascher .vignette, #pop_vente .vignette, #pop_avis .vignette, #coup_coeur .vignette, #cadeau .vignette{
	display:inline-block;
	width:130px;
	height: 260px;
	padding:10px 1px;
	margin:15px 2px 0 0;
	text-align:center;
	font-size:0.75em;
	background:#FFFFFF;
	border:solid 1px #6D6D6C;
	vertical-align:top;
	white-space:normal;
	-webkit-transition:2.5s;
	-moz-transition:2.5s;
	-o-transition:2.5s;
	-ms-transition:2.5s;
	transition:2.5s;
	text-decoration:none;
}
#phares .vignette:hover, #pascher .vignette:hover, #pop_vente .vignette:hover, #pop_avis .vignette:hover, #coup_coeur .vignette:hover, #cadeau .vignette:hover{
	margin-top: 0px;
	background:#FFFFFF;
	z-index: 10;
}
#phares .vignette h3, #pascher .vignette h3, #pop_vente .vignette h3, #pop_avis .vignette h3, #coup_coeur .vignette h3, #cadeau .vignette h3{
    width: auto !important;
    display:block;
    width:130px;
    font-size:0.8em;
    text-decoration:none;
    font-weight:normal;
    color:#666666;
    background:#FFFFFF;
}
#phares .vignette img, #pascher p img, #pop_vente p img, #pop_avis p img, #coup_coeur p img, #cadeau p img{
	margin-top:5px;
}
.carousel-control.left, .carousel-control.right{
	background: none;
	opacity: 1;
	width: 5%;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    margin: 0 auto;
}
.glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left {
    color: #ff9900;
   /* border: 1px solid black; arrondi sur fleche
	border-radius: 50%; 
	background-color: white;*/
}
.grey {
	color: #8f8f8f !important;
}
.h2, h2 {
    font-size: 0.7em;
    font-weight: bold;
}
.prix-2{
	display:inline-block;
	width:55px;
	height:9px;
	background:url('http://www.casedesiles.com/Inserts/prix-2.png') top 1px left 0 no-repeat;
	background-size:55px 9px;
}
.prix-2 + span{
	font-size:0.9em;
	font-weight:normal;
	color:#000000;
}
.prix-promo-2{
	width: 63px;
	height: 9px;
	display:inline-block;
	background:url('http://www.casedesiles.com/Inserts/prix-promo-2.png') no-repeat;
	background-size:63px 9px;
}
.prix-promo-2 + span{
	font-size:0.85em;
	color:purple;
}
.promotion-2{
	width: 65px;
	height: 9px;
	display:inline-block;
	background:url('http://www.casedesiles.com/Inserts/promotion-2.png') no-repeat;
	background-size:65px 9px;
}
.promotion-2 + span{
	font-size:0.9em;
	font-weight:bold;
	color:purple;
}
.cr-3-10-b{
	display:inline-block;
	width: 195px;
	height: 10px;
	background:url('http://www.casedesiles.com/Inserts/cr-3-10-b.png') no-repeat;
	background-size:195px 10px;
}
.br-3-10-b{
	display:inline-block;
	width: 195px;
	height: 10px;
	background:url('http://www.casedesiles.com/Inserts/br-3-10-b.png') no-repeat;
	background-size:195px 10px;
}
.r3-10-a{
	display:inline-block;
	width:107px;
	height:9px;
	background:url('http://www.casedesiles.com/Inserts/r3-10-a.png') no-repeat;
	background-size:107px 9px;
}
/* Element prestataire à verifier */
div[itemtype="http://data-vocabulary.org/Review-aggregate"]{
   text-align: center;
}
/* Medias queries pour le passage en responsif*/
@media(min-width: 1600px){
	#menuDeroulant{
		width: 90%;
	}
	.bodymenu{
		width: 90%;
		margin: auto;
	}
	.sousMenu{
		width: 90%;
		left: 5%;
	}
}
@media(max-width: 1350px){
	.produit{
		flex-direction: column;
	}
	.sousMenu{
		min-height: 530px;
	}
	.sousMenu2{
		min-height: 530px !important;
	}
	.menu_categorie{
		width: 190px !important;
	}
}
@media(max-width: 1090px){
	.sous_container_avis{
		flex-direction: column;
	}
	#container_avis{
		width: 390px;
	}
	.boite_avis_bas{
		margin-top: 20px;
	}
	#message_bienvenue{
		top: 75px;
		right: 80px;
	}
}
@media(max-width: 991px){
	.menu_categorie{
		width: 160px !important;
	}
	.produit{
		flex-direction: column;
	}
	#abinc_menu{
		width: 100%;
		right: 0px;
		margin-left: 1%;
		margin-right: 1%;
	}
	.menu_categorie{
		font-size: 0.55em !important;
	}
	.fixation_promo{
		padding-top : 1px !important;
		font-size: 0.7em !important;
	}
	#message_bienvenue{
		display: none;
	}
	#navbar_box{
		background-color: #ff9900;
		background-image: url(http://www.casedesiles.com/Inserts/navbar.png);
		display: block;
		position: absolute;
		top: 16px;
		left: 5px;
		z-index: 10;
		min-width: 25px;
		min-height: 25px;
		border: none;
		outline: none !important;
	}
	#menuDeroulant{
		display: none;
	}
	/* menu mobile*/
	#boite_menu_mobile{
		display: flex;
		flex-direction: column;
		width: 100%;
		z-index: 5000;
	}
	#boite_menu_mobile div button, #retour{
		border: none;
	}
	.menu_mobile_categorie, .menu_mobile_sous_categorie, .rayon_mobile, .titre_categorie, #accueil_mobile, #retour{
		font-size: 0.8em;
		padding-top: 1.5em !important;
		padding-bottom: 1.5em !important;
	}
	.menu_mobile_categorie, .menu_mobile_sous_categorie, .titre_categorie, #retour{
		color: #222;
		padding: 0.5em;
		width: 100%;
		text-decoration: none;
		text-align: left;
	}
	.menu_mobile_categorie, .titre_categorie{
		background-color: #efefef;
	}
	.logo_accueil{
		margin-right: 0.5em;
		margin-left: 0.5em;
	}
	#accueil_mobile, #retour, .titre_categorie{
		background-color: #eee;
		color: #222;
		width: 100%;
		text-align: left;
		font-weight: bold;
		padding: 3px;
		padding-top: 6px;
	}
	#accueil_mobile:hover, #retour:hover, .titre_categorie:hover{
		text-decoration: none;
		color: #222;
	}
	.menu_mobile_sous_categorie, .rayon_mobile{
		background-color: white;
	}
	.titre_categorie{
		border-bottom: 1px solid #ddd;
		padding-bottom: 0.5em;
		padding-top: 0.5em;
	}
	.menu_mobile_categorie{
		border-top: 1px solid #ddd !important;
		font-weight: bold;
	}
	.menu_mobile_sous_categorie{
		padding-left: 1em;
	}
	.menu_mobile_categorie:hover, .menu_mobile_categorie:focus{
		text-decoration: none;
		color: #ff9900;
	}
	.rayon_mobile, .rayon_mobile:hover{
		color: black;
		text-decoration: none;
		padding-top: 8px;
		padding-left: 4px;
	}
	.trait{
		min-width: 100%;
		border-top: 1px solid #ddd;
	}
	#logo_case_des_iles{
		margin-top: 2px;
		background-image: url("http://www.casedesiles.com/Inserts/logo-casedesiles-mobile.jpg");
		width: 300px;
		height: 60px;
		margin-left: 40px;
	}
	.boite_recherche{
		top: 65px;
	}
	#menu_icone{
		top: 16px;
	}
	@media(max-width: 767px){
		.placement_champ_recherche{
			width: 17em;
		}
		#champ-texte{
			min-height: 36px;
			height: 100%;
			border: none;
		}
		#footer_recommendation{
			flex-direction: column;
			width: 100%;
		}
	}
	/*media query pour caroussel*/
	@media screen and (max-width: 600px){
	  	h2{
	    	font-size: 20px !important;
	  	}
	 	#phares, #pascher, #pop_vente, #pop_avis, #coup_coeur, #cadeau {
			width: 100% !important;
		}
	}
	@media(max-width: 550px){
		#container_avis{
			flex-direction: column;
			width: 195px;
		}
		.sous_container_bas{
			margin-top: 20px;
		}
	}
	@media(max-width: 480px){
		.menu_mobile_categorie, .menu_mobile_sous_categorie, .rayon_mobile, .titre_categorie, #accueil_mobile, #retour{
			font-size: 0.6em;
		}
		#logo_case_des_iles{
			display: none;
		}
		#logo_mobile{
			display: block;
			margin-top: 5px;
			margin-left: 35px;
			width: 200px;
			height: 45px;
		}
		#menu_icone{
			right: 20px;
			top: 11px;
		}
		#navbar_box{
			top: 11px;
		}
		.dropdown_compte{
			right: 0px;
		}
		.boite_recherche{
			top: 52px;
			z-index:99999;
		}
	}