/* FEUILLE DE STYLE CUSTOM POUR LES GRAPHISTES - SPECIFIQUE AUX PROMOS - Dernière mise à jour le 06 avril 2016 */

/* GENERAL POUR BLOCS PROMOS RESPONSIVE */

/* ------------ PARTIE HAUTE ZONES SENSIBLES ------------- */

#graphics-zone-com-bridgestone-ete-2017 {
background-image: url(operations-com/2017-06/OP-Nationale-ete-2017-Bridgestone-1200x1703.jpg);
background-repeat: no-repeat; 
-moz-background-size: 100% auto;     /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: 100% auto;        /* Opera 9.5 */
-webkit-background-size: 100% auto;   /* Safari 3.0 */
background-size: 100% auto;           /* Gecko 2.0 (Firefox 4.0) > CSS3 */
margin: 0;
padding: 0;
}

#graphics-zone-com-24h-du-mans-2017 {
margin: 0;
padding: 0;	
}

#graphics-zone-com-noel-2021 {
	margin: 0;
	padding: 0;	
	background-color:#DAEFE2;
	}

.graphics-zone-com-sensible {
	margin: 0;
	padding: 0;
}

.graphics-zone-com-sensible img {
	width : 100%;
	margin: 0 !important;
	padding: 0;
}

.graphics-zone-com-sensible a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}


/* ------------ FIN PARTIE HAUTE ZONES SENSIBLES ------------- */

/* ------------ CAS PAGE PROMO - SANS ZONE SENSIBLE - VISUEL SEUL ------------- */

#page-ope-visuel-seul {
margin: 20px 0 30px 0;
}

#page-ope-visuel-seul img {
width:100%;
}

#page-ope-visuel-seul a {
text-decoration: none;
margin: 0;
padding: 0;
}

/* ------------ FIN DE CAS PAGE PROMO - SANS ZONE SENSIBLE - VISUEL SEUL ------------- */

/* ------------ CAS PAGE PROMO  : PARTIE CENTRALE ------------- */
div#page-ope-entete-1 {
margin-top: 10px;	
}

div#page-ope-entete-1 img {
width:100%;	
}

div#titre-ope p.date-ope {
font-size: 1.3em;
margin: 20px 0 0 0;	
}

div#titre-ope h1 {
margin: 5px 0 0 0;
font-size: 3em;	
}

p.descriptif-ope {
margin: 3px 0 30px 0;
font-size: 1.8em !important;
line-height: 1.2em !important;	
}

p.descriptif-ope span {
font-weight: bold !important;	
}

div.colonne-reprise-casque img {
width:100%;	
}

p.code-reprise {
font-size: 1.3em;
color:#FF0000;
line-height:1.5em; 	
}

p.code-reprise span.code-reprise-gras {
font-weight: bold;	
font-size: 1.2em;	
}

div#conditions-ope {
margin-top: 10px;	
}

div#conditions-ope h2 {
font-weight: bold;	
}

div#conditions-ope p {
font-size: 1.1em;
margin-bottom: 20px;
}

div#conditions-ope span.adresse-bold {
font-weight: bold;
}

/* -----------------------  SPECIFIQUE OPE REPRISE CASQUE - MARS 2017 --------------------------- */

div.bt-reprise-casque {
margin-bottom: 30px;
}

a#telecharger-formulaire {	
display: block;
width: 280px;
height: 38px;
margin-right: auto;
margin-left: auto;
background: url(../elements-site/operations-com/ope-reprise-casque-mars-2017/bouton-formulaire.jpg) no-repeat 0 0;
background-color: green;	
}
a#telecharger-formulaire span {
position: absolute;
left: -5000px;
top: -5000px;
text-indent: -5000;	
}
a#telecharger-formulaire:hover {
background-position:0 -38px;	
}

a#acces-casques {	
display: block;
width: 280px;
height: 38px;
margin-right: auto;
margin-left: auto;
background: url(../elements-site/operations-com/ope-reprise-casque-mars-2017/bouton-acces-casques.jpg) no-repeat 0 0;
background-color: green;	
}
a#acces-casques span {
position: absolute;
left: -5000px;
top: -5000px;
text-indent: -5000;	
}
a#acces-casques:hover {
background-position:0 -38px;	
}


/* -----------------------  FIN SPECIFIQUE OPE REPRISE CASQUE - MARS 2017-2018 --------------------------- */
div#titre-ope-haut-de-page h1 {
margin: 5px 0 10px 0;
font-size: 3em;	
}
div.graphics-espace-sous-liste {
	padding:0 0 160px;
}

/* -----------------------  SPECIFIQUE OPE 24H du MANS - AVRIL 2017 --------------------------- */

#formulaire-jeu-24h-du-mans-2017 {
	margin:0 0 20px 0;
}


/* -----------------------  FIN SPECIFIQUE OPE JEU CONCOURS NOEL 2021 -- SMARTBOX --------------------------- */

#formulaire-jeu-noel-2021 {
	margin:0 0 20px 0;
}



/* -----------------------  FIN PARTIE CENTRALE --------------------------- */

#graphics-magasins-participant {
	margin: 0;
	padding:0;	
}

#graphics-magasins-participant h2 {
	margin: 0;
	padding:0;	
}

#graphics-magasins-participant .graphics-magasins-participant-titre {
	text-align:center !important;
}

.graphics-promo-liste-participant {
	margin: 20px 0 0 0 !important;
	padding:0;
}

.graphics-liste-participant-espace-avant {
	margin: 5px 0 10px 0 ;	
}

span.graphics-promo-dept-mxp {
	font-weight : bold;
	color:#FF0000;	
}

span.graphics-promo-dept-mxpsr {
	font-weight : bold;
	color:#FFD600;	
}

span.graphics-promo-ville {
	font-weight : bold;
	color:#19171C;	
}

span.graphics-promo-tel {
	color:#87888A;	
}


/* PAGES PROMOS D'UN GROUPE DE PRODUITS EN PROMO AVEC LIEN VERS LA FICHE DE CHAQUE PRODUIT  */

div.graphics-rangee-promo-3-produits {
margin: 20px 0 0;
padding: 0;
}


/* BAS DE PAGE PROMOS  */

p.graphics-note-basdepage-promo {
margin:0 15px 0;
padding:0;
font-size: 0.80em;
color: #666;	
}

p.graphics-basdepage-promo-espace-en-bas-50 {
margin:0 15px 0;
padding:0 0 50px;
font-size: 0.80em;
color: #666;	
}

/* SPECIFIQUE PAVE FETE DES PERES  */

#graphics-page-ope-fete-des-peres {
	margin: 20px 0 30px 0;
	}

#graphics-page-ope-fete-des-peres-pave {
margin: 0 20% 0 20%;
padding:5% 5% 5% 5%;
color : white;
font-size: 1.2em;
background-image: linear-gradient(to bottom,#181715 30%,red);
}

#graphics-page-ope-fete-des-peres-pave span.graphics-en-valeur {
	font-weight : bold;	
	text-transform: uppercase;
	color:yellow;
}


#graphics-page-ope-fete-des-peres-pave span.graphics-en-petit {
font-size: 0.8em;
}
	
#graphics-page-ope-fete-des-peres img {
	width:100%;
	}
	
#graphics-page-ope-fete-des-peres a {
	text-decoration: none;
	margin: 0;
	padding: 0;
	}

/* NOUVELLE PAGE  */