/* Newton Création - 2016-2021 - v2 */

body {
	background-color: #676767;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#3c1061),to(#330691));
	background-size: cover;
	color: white;
}

#header {
	background-color: #7a7a7a;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#444),to(#333));
	color: white;
	position: fixed;
	top: 0;
	display: block;
	-webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
  	box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
	height: 75px;
	padding-top: 0;
}

#header #logoEntete {
	position: absolute;
	z-index: 10;
	margin-left: 10px;
	background-image: url(images/logo_quedulive.png);
	width: 120px;
	height: 70px;
	margin-top: 3px;
}

#header .contenuAvecLogo {
	margin: 0;
	padding: 0 0 0 140px;
	z-index: 1;
}

#header .zoneCompteBarreOutils {
	padding: 0;
	margin: 0;
}

#headerContact {
	display: none;
}

#headerContact a {
	color: white;
}

#headerContact a:hover {
	color: white;
}

#menu {
	background-color: transparent;
	padding-top: 25px;
	padding-bottom: 14px;
	z-index: -1;
}

#menu .menu_marge {
	padding-left: 145px;
	padding-right: 10px;
}

#menu li:hover {
	background-color: transparent;
}

#menu li.actif {
	background-color: transparent;
}

#menu li.actif a span {
	color: white;
}

#menu li a {
	-webkit-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	border-radius: 18px;
	background-color: rgba(0,0,0,0.19);
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 7px;
	border: 1px solid rgba(254,255,255,0.3);
}

#menu li.compte a {
	background-color: rgba(0,127,254,0.4);
}

#menu li:hover a {
	background-color: rgba(255,255,255,0);
}

#menu li.compte:hover a {
	background-color: rgba(0,126,253,0.5);
}

#menu li.actif a {
	background-color: #EA1314;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#EA1314),to(#890404));
	border-color: rgba(254,255,255,0.75);
			-webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
  	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);

}

#menu li.compte.actif a {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,126,253,1)),to(rgba(0,60,120,1)));
}

#menu li a span {
	color: white;
	font: normal 10px Verdana, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 7px;
	padding-top: 7px;
	white-space: nowrap;
}

#menu a:hover span {
	color: white;
}

#menu li .popupmenu .marge {
	background-color: #3c3c3c;
	-webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
  	box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
}

#menu li .popupmenu a span {
	color: white;
}

#menu li .popupmenu a:hover {
	background-color: rgba(0,0,0,0.2);
}

#menu li .popupmenu a:hover span {
	color: #fefb00;
}

#menuNavigation_affiche {
	position: absolute;
	top: 19px;
	right: 19px;
}

#menuNavigation_affiche:before {
	color: white;
}

#main {
	padding-top: 75px;
	width: 100%;
}

#footer {
	background-color: #191919;
	color: #979797;
}

#footer a {
	color: #b2b2b2;
}

#contenu_col_d,#contenu_col_g,#contenu_col_gd, #main .blochaut, #main .blocbas, #contenu_seul  {
	max-width: none;
}

@media screen and (max-width: 700px) {

#headerContact {
	display: none;
}

#header #logoEntete {
	margin-bottom: 2px;
	margin-top: 3px;
}

#menu .menu_marge {
	padding: 0;
}

#menu li {
	padding-right: 10px;
	padding-left: 10px;
	margin: 0;
	background-color: #3c3c3c;
}

#menu #menuNavigation {
	background-color: #3c3c3c;
	margin-top: 50px;
	padding: 0;
	height: 1px;
	display: block;
	width: 100%;
}

#menu #menuNavigation.affiche {
	background-color: #3c3c3c;
	height: auto;
	padding-bottom: 4px;
}

#menu #menuNavigation.affiche li {
	padding: 4px 10px;
}

#menu #menuNavigation.affiche li.actif {
	background-color: #3c3c3c;
}

}

@media screen and (max-width: 600px) {

#menu li {
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

}

a {
	color: #fefcc5;
}

a:hover {
	color: #fce200;
}

h1, h2.intro {
	font: 1.4em/1em "Verdana";
	margin-top: 0.6em;
	margin-bottom: 0.2em;
	font-weight: bold;
}

h2.intro {
	margin-top: 35px;
}

/* a */

.article.intro h1 {
	font-family: 'Verdana', cursive;
}

.article.intro {
	background: none;
}

@media screen and (min-width: 900px) {

.article.intro h1 {
	font-size: 3em;
}

}

/* Bouton */

a.bouton {
	background-color: #1a3f69;
}

a.bouton:hover {
	background-color: #ed0a19;
}

a.bouton.valide {
	background-color: #b81814;
}

a.bouton:hover {
	background-color: #ed0a19;
}

p.accroche {
	color: #20307f;
}

p.alerte {
	color: yellow;
	text-shadow: #000000 0px 0px 1px;
}

.blocImage h5, .lienImage h5, .lienImageZoom h5{
	font-size:0.8em;
}
.blocImage .legende, .lienImage .legende, .lienImageZoom .legende{
	font-size:0.8em;
}
/* -- */

button {
	background-color: #1a3f69;
}

button:hover {
	background-color: #ed0a19;
}

button.valide {
	background-color: #b81814;
}

button:hover {
	background-color: #ed0a19;
}

/* Bloc */

.article.contraste {
	background-color: rgba(255,255,255,0.9);
	color: black;
}

.article.contraste p.alerte {
	color: red;
	text-shadow: #000000 0px 0px 1px;
}

.article.contraste a {
	color: #005fc3;
}

.article.contraste a:hover {
	color: #ff3c00;
}

.article.bloc {
	background-color: rgba(255,255,255,0.9);
	-webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
  	box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
	color: black;
}

.article.bloc h1 {
	line-height: 1.3em;
	font-size: 1.7em;
}

.article.bloc.contraste {
	background-color: white;
	-webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
  	box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
	color: black;
}

.article.bloc p.alerte {
	color: red;
	text-shadow: #000000 0px 0px 1px;
}

.article.bloc a {
	color: #005fc3;
}

.article.bloc a:hover {
	color: #ff3c00;
}

/* Compte */

.zoneCompteConnexion {
	background-color: rgba(255,255,255,0.7);
	-webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
  	box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
  	max-width: 900px;
}

.zoneCompteConnexion a {
	color: #005fc3;
}

.zoneCompteUtilisateur {
	background-color: rgba(255,255,255,0.7);
	-webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
  	box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
	color: black;
}

.zoneCompteUtilisateur a {
	color: #2446a2;
}

.zoneCompteUtilisateur a:hover {
	color: #c22100;
}

.zoneCompteUtilisateur h1 {
	color: #143152;
	font-family: Verdana, sans-serif;
}

.zoneCompteUtilisateur ul.menu {
	background-color: #17365b;
}

.zoneCompteUtilisateur ul.menu a {
	color: white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 4px;
	margin-left: 4px;
}

.zoneCompteUtilisateur ul.menu a:hover {
	color: white;
}

.zoneCompteUtilisateur ul.menu a.actif {
	background-color: rgba(254,255,255,0.65);
	color: #132d4b;
}

/* Commande */

.zoneValidationCommande a {
	color: #005fc3;
}

.zoneValidationCommande a:hover {
	color: #ff3c00;
}

.zoneValidationCommande p.etapesInfo {
	color: rgba(254,255,255,0.2523835);
}

.zoneValidationCommande p.etapesInfo b {
	color: #feffff;
}

.zoneValidationCommande .zoneMode {
	color: black;
}

/* Fiche */

.diffcontact_fiche {
	background-image: url(images/texture_disco.jpg);
	background-size: cover;
	color: black;
}

.diffcontact_fiche #prolive_photoPrincipale_img {
	background-color: black;
}

.diffcontact_fiche h1 {
	font-family: Verdana, sans-serif;
}

.diffcontact_fiche h1 .nom {
	margin-top: 1px;
	font: bold 1em/1.5em Verdana, sans-serif;
}

.diffcontact_fiche a {
	color: #005fc3;
}

.diffcontact_fiche a:hover {
	color: #ff3c00;
}

.diffcontact_fiche.sMetal {
	background-image: url(images/texture_metal.jpg);
	background-size: cover;
}

.diffcontact_fiche.sCirque {
	background-image: url(images/texture_cirque.jpg);
	background-size: cover;
}

.diffcontact_fiche.sVille {
	background-image: url(images/texture_ville.jpg);
	background-size: cover;
}

.diffcontact_fiche.sMonument {
	background-image: url(images/texture_monument.jpg);
}

.diffcontact_fiche.sTheatre {
	background-image: url(images/texture_theatre.jpg);
}

.diffcontact_fiche .btStyle.sDisco {
	background-image: url(images/texture_disco.jpg);
	background-size: 160%;
	background-position: center center;
	
}

.diffcontact_fiche .btStyle.sMetal {
	background-image: url(images/texture_metal.jpg);
	background-size: 160%;
	background-position: center center;
}

.diffcontact_fiche .btStyle.sCirque {
	background-image: url(images/texture_cirque.jpg);
	background-size: 160%;
	background-position: center center;
}

.diffcontact_fiche .btStyle.sVille {
	background-image: url(images/texture_ville.jpg);
	background-size: 160%;
	background-position: center center;
}

.diffcontact_fiche .btStyle.sMonument {
	background-image: url(images/texture_monument.jpg);
	background-size: 160%;
	background-position: center center;
}

.diffcontact_fiche .btStyle.sTheatre {
	background-image: url(images/texture_theatre.jpg);
	background-size: 160%;
	background-position: center center;
}

/* Produits */

.produit_categorie_vignette {
	background-color: rgba(254,255,255,0.9);
}

.produits_titreCategorie p {
	font-size: 12px;
	font-style: italic;
	line-height: 13px;
	text-align: justify;
	margin-top: -8px;
	margin-bottom: 20px;
}

.produits_listecategories a {
	color: #005fc3;
}

.produits_listecategories a:hover {
	color: #ff3c00;
}

.produits_listecategories .produit_categorie_vignette {
	background-color: #fff;
}

.produits_listecategories .produit_categorie_vignette:hover {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px rgba(255,255,0,1);
	-moz-box-shadow: 0px 0px 20px rgba(255,255,0,1);
  	box-shadow: 0px 0px 20px rgba(255,255,0,1);

}

.produits_listeproduits a {
	color: #005fc3;
}

.produits_listeproduits a:hover {
	color: #ff3c00;
}

.produits_listeproduits li {
	background-color: #fff;
}

.produits_listeproduits li:hover {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px rgba(255,255,0,1);
	-moz-box-shadow: 0px 0px 20px rgba(255,255,0,1);
  	box-shadow: 0px 0px 20px rgba(255,255,0,1);

}

.produits_fiche {
	color: black;
}

.produits_fiche a {
	color: #005fc3;
}

.produits_fiche a:hover {
	color: #ff3c00;
}

.produits_fiche h2 {
	color: #ef2201;
	margin-bottom: 10px;
}

.produits_fiche .introFiche, .produits_fiche .zoneBoutons, .produits_fiche .zoneBas,.produits_fiche .blocProduitsAssocies   {
	background-color: #fff;
}

/* Ajout Evenement */

.evenements_fiche a {
	color: #005fc3;
}

.evenements_fiche a:hover {
	color: #ff3c00;
}

.recherche a {
	color: #005fc3;
}

.recherche a:hover {
	color: #ff3c00;
}

.evenements_lieux_derniers .lieu:hover, .diffcontact_dernieresfiches .fiche:hover {
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	position: relative;
	top: -6px;
}

.evenements_lieux_derniers .lieu:hover .titre, .diffcontact_dernieresfiches .fiche:hover .titre {
	color: #fef500;
}

/* ANCIEN */

/* @group najsAlert */

#najsAlertBox_window_box {
	font-size: 15px;
}

#najsAlertBox a {
	color: navy;
}

#najsAlertBox a:hover {
	color: red;
}

#najsAlertBox .zoneResulta {
	height: 200px;
	overflow: scroll;
	border: 1px solid #cacaca;
	padding: 8px;
	background-color: white;
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;

}

#najsAlertBox h3 {
	font-size: 19px;
	text-align: center;
	text-shadow: #ebebeb 1px 1px 3px;
}



/* @end */


p.texteIntroduction{
font-size: 12px;
text-align: justify;
}
.diffannonce_fiche .zoneGestion.etatFichePasEnLigne {
    position: fixed;
    z-index: 100;
    top: 72px;
}

.colonnedroite .pubgoogle{
	margin-top: 20px;
	margin-left: auto;
	margin-right: 8%;
}
.colonnedroite .pubgoogle ins{
	margin-right: auto;
	margin-left: auto;
}

.zoneXHTML img{
	max-width: 96%;

}

@media screen and (max-width: 600px) {
	
	.pubgoogle{
		display:none;
	}
	
}
