body {
   background: #000000;
   font-family: "Calibri" ;
   font-size:15px;
   background-repeat:repeat-x;
}


#pmp {
    width: 100%;
    padding: 0px 4% 0px 4%;
    margin: 0px auto 0px auto;
    box-sizing: border-box;    
}


.pmp-groupe-champs textarea {
    border-color: black;
}
 

#pmp-page {
    background-color: #FFFFFF;
    border-left: 10px solid #f5db7e;
    border-right: 10px solid #f5db7e;
    width: 100%;
    box-sizing: border-box;
}
#pmp-page .zone-zpv {
    background:none;
    display:inline-block;
    width:100%!important;
    height: auto!important;
}
#pmp-page #zone-zpv-fr {
    background-image: url("afficherMedia?media=Celebration-2019/images/entete_fr.jpg");
    background-color: #000000;
    background-repeat:no-repeat;
    position:relative;
    left: -4.5%;
    width: 109% !important;
    background-size: 100%;
    padding-bottom: 0%;
}
#pmp-page #zone-zpv-en {
    background-image: url("afficherMedia?media=Celebration-2019/images/entete_en.jpg");
    background-color: #000000;    
    background-repeat:no-repeat;
    position:relative;
    left: -4.5%;
    width: 109% !important;
    background-size: 100%;
    padding-bottom: 0%;    
}

#lqZonePlaceholderEntete {
    margin: 0;
    padding: 40% 0 0 0;	
    height: 0;
    display: block;
    float: left;
}

#pmp .pmp-partager-promotion {
    background-color: #EEEEEE;
    border-color: black;
}
#pmp .pmp-partager-promotion a.pmp-fermer {
    background-color: #DDDDDD;
    border-color: black;
}

#pmp .pmp-block-texte h2, #pmp .pmp-block-texte h1 {
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 0 -20px 0;
}

#pmp .pmp-block-texte p {
    
    padding: 10px 20px;
    width:90%;
    margin: 0px 0px 0px 8px;
}

#pmp .pmp-block-texte-encadre {
    border:3px dotted #f5db7e;
    padding: 10px 20px;
    width:90%;
    margin: 20px 0px 0px 8px;
    border-radius:5px;
}

#pmp .pmp-note-obligatoire {
    color: red;
    font-size: 14px;
    font-weight: bold;
}
#pmp .pmp-message-erreur, #pmp .pmp-message-erreur-general {
    color: red;
    font-weight: bold;
}
#pmp .pmp-exemple {
	font-size:14px;
}
#pmp .pmp-groupe-champs label.pmp-erreur {
    color: red;
    font-weight: bold;
}
#pmp .pmp-groupe-champs .pmp-erreur p {
    color: red;
    font-weight: bold;
}
#pmp .pmp-champ-radio label.pmp-erreur, #pmp .pmp-champ-cocher label.pmp-erreur {
    color: black;
    font-weight: normal;
}
#pmp .pmp-groupe-champs input.pmp-erreur {
    background-color: #FECCCD;
    border: 1px solid red;
}
#pmp .pmp-groupe-champs select.pmp-erreur {
    background-color: #FECCCD;
    border: 1px solid red;
}
#pmp .pmp-groupe-champs textarea.pmp-erreur {
    background-color: #FECCCD;
    border: 1px solid red;
}
#pmp input.pmp-fichier {
    border: 1px solid black;
}
#pmp .pmp-champ-code-acces a, #pmp .pmp-champ-numero-unique-tirage a {
    background-color: #000000;
    color: white;
    border-radius: 10px;
}
#pmp .pmp-champ-code-acces a.pmp-ajouter-instance-question, #pmp .pmp-champ-numero-unique-tirage a.pmp-ajouter-instance-question {
    background-color: #000000;
    color: white;
}
#pmp .pmp-champ-code-acces a:hover, #pmp .pmp-champ-numero-unique-tirage a:hover {
    background-color: #b26e01;
    color: white;
}
#pmp .pmp-champ span.pmp-obligatoire, #pmp .pmp-champ-radio span.pmp-obligatoire, #pmp .champ-code-brouille span.obligatoire, #pmp .champ-cocher span.obligatoire {
    color: red;
}
#pmp .pmp-champ-code-brouille img, #pmp .pmp-champ-code-brouille p, #pmp .pmp-champ-code-brouille input {
    font-size: 15px;
}
#pmp .pmp-champ-code-brouille a, #pmp .pmp-champ-code-brouille a:hover, #pmp .pmp-champ-code-brouille a:visited, #pmp .pmp-champ-code-brouille a:active {
    color: black;
}
#pmp input.pmp-fichier {
    border-color: black;
}
#pmp .pmp-champ-code-brouille p {
    font-size: 14px;
}
#pmp .pmp-champ span {
    font-size: 15px;
    font-weight: bold;
}
#pmp .pmp-groupe-champs {
    background-color: white;
}

#pmp .pmp-groupe-champs input, #pmp .pmp-groupe-champs select {
    width: 210px;
}

#pmp .pmp-groupe-champs label, #pmp .pmp-groupe-champs .pmp-champ-radio p {
    font-size: 15px;
}
#pmp .pmp-groupe-champs input {
    border-color: #000000;
}
#pmp .pmp-champ-radio .pmp-choix-description, #pmp .pmp-champ-radio .pmp-choix-qualificatif {
    font-size: 15px;
}
#pmp .pmp-champ-radio label {
    font-size: 15px;
}
#pmp .pmp-champ-radio .pmp-choix-description label {
    font-size: 15px;
}
#pmp .pmp-groupe-champs .pmp-champ-liste select {
    border-color: black;
}

#pmp .pmp-groupe-champs .pmp-champ-cocher label {
    margin-left: 0px;
    margin-bottom: -10px;
}

#pmp fieldset legend {
    color: black;
    font-size: 15px;
    font-weight: bold;
}
#pmp input.pmp-bouton-soumettre {
    background: #000000;
    border-radius: 10px;
    border: 3px solid #000000;
    padding: 10px 40px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    width: auto;
    height: auto;
    font-size: 18px;
    width: 240px;
    cursor: pointer;
    margin: 0 auto 20px;  
}

#pmp input.pmp-bouton-soumettre:hover {
    background: #b26e01;
    border: 3px solid #b26e01;        
}

#pmp input.pmp-bouton-soumettre:focus {
    outline: none;      
}

#pmp input.pmp-bouton-soumettre:active {
    background: #b26e01;
    border: 3px solid #b26e01;        
}

#pmp p.pmp-note {
    font-size: 14px;
}
#pied #liens-pied li a, #pied #liens-pied li a:visited, #pied #liens-pied li a:active {
    color: #1163F5;
    font-size:14px;
}

#pied p#pmp-copyright {

	font-size:13px;
}


#pmp .pmp-block-texte-apres-banniere-ej p {
	font-size: 15px;
}

#pmp .pmp-block-confirmation {
    padding: 0px;
	background-color: #ffffff;
	color: #000000;
}


#pmp .pmp-block-confirmation h1 {
    font-size: 32px;
    line-height: 33px;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;

    margin: 0px 0 0 0;
    color: #313131;
    font-weight: 900;
    text-align: center;
    padding: 0px;
    text-transform: none;
}

#pmp .pmp-block-confirmation p {
    font-size: 19px;
    line-height: 24px;
    margin: 10px auto 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: center;

}

#pmp .pmp-block-confirmation p a {
    color: #000000;
    text-decoration: underline;
}  


#pmp .pmp-block-confirmation .confirmation p {
    border: none;
    padding: 10px 0;
    margin: 10px 0;
}


#pmp .pmp-block-confirmation.pmp-block-texte p {
    width: 100%;
    padding: 10px 0;
    margin: 15px 0;
}

#pmp .pmp-block-confirmation.pmp-block-texte p span.lieu-date {
    display: block;
    margin: 20px 0 30px 0;    
}

#pmp .pmp-block-confirmation a,
#pmp .pmp-block-confirmation a:hover,
#pmp .pmp-block-confirmation a:active,
#pmp .pmp-block-confirmation a:visited {
	color: #000000;
}



#pmp .pmp-block-confirmation.pmp-block-texte p.offre-img {
    border: none;
    padding: 0px;
}

#pmp .pmp-block-confirmation.pmp-block-texte img {
    max-width: none;
    width: 110%;
    height: auto;
    margin: 0 0 0 -5%;
}


#pmp .pmp-block-texte.pmp-block-texte-apres-banniere-ej {
    display: none;
}


#pmp .pmp-block-texte .fin p {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
}

#pmp .pmp-block-texte .fin p.legal {
    font-size: 13px;
}


#pmp .pmp-block-texte .fin a.custom-btn {
    font-family: Arial, Helvetica, sans-serif;    
    background: #000000;
    border-radius: 10px;
    border: 3px solid #000000;
    padding: 10px 40px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    width: auto;
    height: auto;
    font-size: 18px;
    margin: 15px auto;
    width: 140px;
    display: block;
    text-align: center;
    text-decoration: none;     
}

#pmp .pmp-block-texte .fin a.custom-btn:hover {
    background: #b26e01;
    border: 3px solid #b26e01;    
}


#pmp .pmp-block-texte .fin a.custom-btn:active {
    background: #b26e01;
    border: 3px solid #b26e01;        
}

@media only screen and (min-width: 608px) {

    #pmp-page {
        width: 568px;
    }

}


@media only screen and (max-width: 608px) {

    #pmp .pmp-groupe-champs {
        width: 92%;
        padding: 0 0 10px 0;
    }

    #pmp .pmp-block-texte h2,
    #pmp .pmp-block-texte h1 {
        font-size: 20px;
        line-height: 21px;
        padding: 0px;
    }

    #pmp-page {
        border-left: 5px solid #f5db7e;
        border-right: 5px solid #f5db7e;
    }

}


@media(max-width:380px){

    #pmp .pmp-groupe-champs input,
    #pmp .pmp-groupe-champs select {
        width: 170px;
    }

    #pmp .pmp-block-texte p {
        margin: 10px 0px 0px 8px;       
        padding: 10px 2%;
        font-size:17px;
        border-radius:5px;
    }

    #pmp .pmp-block-texte-encadre  {
        border:3px dotted #f5db7e;
        width:90%;      
        padding: 10px 2%;
        font-size:17px;
        border-radius:5px;
    }
    
    body {
        font-family: "Calibri";
        font-size:15px;
    }
}


/* Début code unique aux "petits-ecrans". */

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

	#pmp-page #zone-zpv-fr {
		background-image: url("afficherMedia?media=Celebration-2019/images/entete_fr_p.png");
        background-color: #000000;
		height:175px;
	}
	
	#pmp-page #zone-zpv-en {
		background-image: url("afficherMedia?media=Celebration-2019/images/entete_en_p.png");
        background-color: #000000;
		height:175px;
	}

}
*/