.cote{

z-index:11;

}

.droppableHaut{

	background-color:transparent;
	

}

.droppableDroit{

	background-color:transparent;

}

.droppableBas{

	background-color:transparent;

}

.droppableGauche{

	background-color:transparent;

}

.droppableMilieu{

	background-color:transparent;

}



#coteGauche{

  left: 5px;float: left;
  width:310px;  

}



#coteGauche .widget> div{


}



#coteDroit{

  right: 5px;float: right;
  width:500px;

}





#coteDroit .widget > div{


}



.objet{

padding:10px 0px;



border-radius:5px;

}

.cote.haut#coteGauche, .haut#fixeGauche{

	
}

.cote.bas#coteGauche, .bas#fixeGauche{

	display:none;
}

.cote.haut#coteDroit, .haut#fixeDroit{

	display:none;
}

.cote.bas#coteDroit, .bas#fixeDroit{

	
}

.cote.bas#coteGauche{

	
}

.cote.haut#coteDroit{

	
}

.contact form div {

padding:5px 0px;

text-align:right;

}




/*@media only screen and (max-width: 1306px) {

    .cote.haut#coteGauche{

		display:none;

	}

	.cote.bas#coteGauche{

		display:initial;

		width:40%;

	}

	.cote.haut#coteDroit{

		display:none;

	}

	.cote.bas#coteDroit{

		display:initial;

		width:40%;

		float:left;

		left:1%;

	}

	

}*/

#articlesRecent .jcarousel-pagination a {
	background-color : dimgray !important;
	width : 5px !important;
	height : 5px !important;
	min-width : 0px !important;
}

#articlesRecent .jcarousel-pagination a.active {
	background-color : white!important;
}

div#ImagesEcranComplet{

	background-color:rgba(8, 7, 7, 0.88);

	top:0;

	width:100%;

	height:100%;

	z-index:900;

	position:fixed;

	text-align:center;

	color:white;

	padding-top:50px;

	overflow:auto;

}

ul#listeImagesComplet li{

	cursor: pointer;

}

ul#listeImagesComplet{

	list-style: outside none none;

	display: inline-block;

	width: 90%;

	border-bottom: 1px solid rgb(188, 184, 184);

	border-top: 1px solid rgb(188, 184, 184);

	background-color: rgba(239, 239, 239, 0.87);

	box-shadow: 1px 1px 15px #050404;

}

div#conteneurImageComplet{

	margin: 20px auto;

}



div#formAjoutWidget, 

div#formParametres, 

div#formDiaporama, 

div#listeWidgets, 

div#cloneDiaporama{

top:0;

width:100%;

height:100%;

z-index:900;

position:fixed;

text-align:center;

background-color: rgba(120, 118, 118, 0.55);

}

div#listeWidgets p {
	color : white;
}

div#formAjoutWidget .fermer, 

div#formParametres .fermer,

div#formDiaporama .fermer, 

div#cloneDiaporama .fermer,

div#listeWidgets .fermer{

float:right;

background-color:red;

height:40px;

width:40px;

border-radius:50%;

margin-right:5%;

}

div.widget .modifier,

div#cloneParametresWidgets .modifier

{

right:0;

position:absolute;

background-color:#46d81a;

height:30px;

width:30px;

border-radius:50%;

z-index:11;

color:white;

}

div.widget .modifierInclude,

div.widget .modifierDiaporama,

div#cloneParametresWidgets .modifierDiaporama,

div#cloneParametresWidgets .modifierInclude,

header .modifierInclude,

input.modifierFicheProduit,

input.modifierFicheArticle

{

left: 0;

position: absolute;

z-index:10;

color:white;

height:30px;

width:30px;

border-radius:50%;

background-color: #e266ea;

}

#conteneurFormWidget,

#conteneurFormDiaporama,

#conteneurListeWidgets{

height:80%;

}



.widget{

z-index:11;

}

.box_1{
	background: #eee;
}

input[type="checkbox"].switch_1{
	font-size: 30px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 2.0em;
	height: 1.0em;
	background: #ddd;
	border-radius: 3em;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked{
	background: #0ebeff;
  }
  
  input[type="checkbox"].switch_1:after{
	position: absolute;
	content: "";
	width: 1.5em;
	height: 1.0em;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	        box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	        transform: scale(.7);
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked:after{
	left: calc(100% - 1.5em);
  }


div#formAjoutWidget div#conteneurFormWidget,

div#formDiaporama div#conteneurFormDiaporama{

	width:50%;

}

 

div#formParametres div#conteneurFormParametres{

	width:60%;

}



div#formAjoutWidget div#conteneurFormWidget, 

div#formDiaporama div#conteneurFormDiaporama, 

div#formParametres div#conteneurFormParametres,

#conteneurListeWidgets{

padding:0 1%;




margin:1% auto;

background-color:rgba(0, 0, 0, 0.8);

overflow:auto;

max-width:1600
}

div.parametresgeneraux{

background-color: #229F9B;

top: 60px;

position: fixed;

font-weight: bold;

border-top-right-radius: 10px;

border-bottom-right-radius: 10px;

box-shadow: 5px 5px 10px;

}

div#indicateurMenu{

width: 20px;

text-align:center;

z-index:20;

}

div#indicateurMenu:hover{

width: 40px;

}

div#menuParametres{

	padding:10px 0;

	z-index:200;

}

div#menuParametres ul{

	list-style: none;

	margin: 0;

	padding: 0;

}

div#menuParametres ul li{

	padding:10px;

}

div#menuParametres ul li:hover{

	background-color:#2BC9C4;

}

input[name=requete]{

font-size:20px;

border-radius:15px;

}

input[name=requete][value=Modifier]{

background-color:#feb251;

}

input[name=requete][value=Supprimer]{

background-color:#da3434;

}

input[name=requete][value=Envoyer], input[id^=ajouter]{

background-color:#2bb42b;

}

#formParametres, #formAjoutWidget, #formDiaporama, #menuParametres, #formConnexion,

#listeWidgets

{

display:none;

}

#modifierParametres>#inputsParametres input,

#modifierParametres>#inputsParametres select,

#creationWidget input:not(.switch_1),

#creationWidget select,

#creationDiaporama input,

#creationDiaporama select{

	width:150px;

	float:left;

	margin-bottom: 10px;

}

#creationWidget input[class=switch_1]{
	float: left;
	margin-bottom: 10px;
}

.formVisuel input[type="checkbox"]:not(checked) ,
.formVisuel input[type="checkbox"]:checked {
	content : '';
	border : solid 1px #aaa;
	width : 17px;
	height : 17px;
	background : #f8f8f8;
	border-radius : 3px;
	box-shadow : inset 0 1px 3px rgba(0,0,0,3);
}


#modifierParametres>#inputsParametres label,

#creationWidget label,

#creationDiaporama label{

	width:100%;

	float:left;

}

.resizible, .widget{

	overflow: hidden;

}

#boulleInfo, #infoChangerPlace{

text-align:center;

z-index:51;

width:150px;

position:fixed;

right:auto;

bottom:auto;

display:none;

border-radius:10px;

padding:2px;

}

#boulleInfo{

	background-color:#D1CFCE;

}

#infoChangerPlace{

	background-color:#26CFCE;

}

#infoChangerPlace div:hover{

	background-color: #66eae6;

}

#infoChangerPlace div{

	line-height: 18px;

}



.ligneAligneTop, .ligneAligneLeft,

.ligneAligneBottom, .ligneAligneRight,

.spacementTop , .spacementBottom,

.spacementLeft , .spacementRight{

	z-index:51;

	position:fixed;

	right:auto;

	bottom:auto;

	display:none;

}

.ligneAligneTop, .ligneAligneBottom{

	height:2px;

	width:100%;

	left:0px;

	background-color:rgb(15, 0, 255);

}

.ligneAligneLeft, .ligneAligneRight{

	width:2px;

	height:100%;

	top:0px;

	background-color:rgb(15, 0, 255);

}

.spacementTop , .spacementBottom,

.spacementLeft , .spacementRight{

	color: #11050c;

	font-weight: bold;

	text-shadow: 1px 1px 0 #290bf6;

}

.spacementTop , .spacementBottom{

	border-left: dotted 3px rgb(15, 0, 255);

}

.spacementLeft , .spacementRight{

	border-bottom: dotted 3px rgb(15, 0, 255);

}

/*Modele Connexion*/

.modeleConnexion div{

	padding:10px 0;

}

#formConnexion{

	width:100%;

	height:100%;

	z-index:900;

	position:fixed;

	text-align:center;

}

div#formConnexion div#conteneurFormConnexion{

	display: table-cell;

	vertical-align: middle;

	background-color: rgba(0, 0, 0, 0.6);

}

div#formConnexion .fermer{ 

float:right;

background-color:red;

}

#tailleAutomatique{

	clear:both;

}

.jcarousel-pagination a.active{

	background-color:white !important;

}


#widgetDiaporama10 .jcarousel-pagination a.active{

	 

		background-color:white !important;

	
		

}

#widgetDiaporama10 .jcarousel-pagination a{

	background-color:antiquewhite !important;	

	font-size:0 !important;	

	width:15px !important;	

	height:15px !important;	

	opacity:1 !important;

	min-width: 0px !important;

}


#widgetDiaporama11 .jcarousel-pagination a.active{

	
		background-color:transparent !important;	

	
		

}

#widgetDiaporama11 .jcarousel-pagination a{

	background-color:transparent !important;	

	font-size:0 !important;	

	width:5px !important;	

	height:5px !important;	

	opacity:0.5 !important;

	min-width: 0px !important;

}


#conteneurListeWidgets div[class^=modifier]{

	background-color: rgb(60, 57, 57);

	padding:5px;

}

#conteneurListeWidgets div[class^=modifier]:hover{

	

	box-shadow: 1px 1px 10px rgb(116, 113, 113);

}



/*Pour les boutons administrarteur ajouter ou lister*/

span[title^=Ajouter] img, span[title^=Lister] img{

position:absolute;

bottom:0px;

}



/****************css pour la recherche dynamique *******/

.carreRecherche{

	width:33%;

	border: solid 1px #357fab;

	float:left;

	background-color:azure;

	line-height:30px;

}



.carreArticle:hover{

	background-color:aqua;

}

.carreCategorie:hover{

	background-color:#61beac;

}

.carreRubrique:hover{

	background-color:#c12a6b;

}

.carreProduit:hover{

	background-color:aqua;

}

div.optionRecherche:hover, div[class^=optionRecherche_]:hover{

	background-color:rgb(231, 230, 230);

}

div[class^=optionRecherche_]{

	background-color:aqua;

}

.marquee{
	margin-top : 0;
	  overflow: hidden;    /*  masque le décalage */s
	  -webkit-animation: marquee 20s linear infinite;
			  animation: marquee 20s linear infinite;
}

@-webkit-keyframes marquee{
  0% {
    text-indent:  54em;  /* tout à droite */
  }
  100% {
    text-indent: -8em   /* tout à gauche */
  }
}
@keyframes marquee{
  0% {
    text-indent: 54em   /* tout à droite */
  }
  100% {
    text-indent: -8em   /* tout à gauche */
  }
}

div.blockRecherche{

	
	top:0;

	width:1200px;

	height:100%;

	z-index:100;

	position:fixed;

	overflow-y:auto;

	background-color: black;

	opacity:.9;

	text-align:center;

	font-family:'Arial';

	font-size:normalpt;

	font-style:normal;

	font-weight:antiquewhite;

	color:12;

	left:50%;margin-left:-600px;
	padding-left:.5%;

}


/****************fin de css pour la recherche dynamique *******/



div[class^=resizeFiche]{

	overflow:hidden;

}

span.lienImageDiapo{

	display:none;

}