* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body {-webkit-touch-callout: none;-webkit-text-size-adjust: none;-webkit-user-select: none;font-family:Arial, sans-serif;font-size:14px;height:100%;margin:0px;padding:0px;width:100%;color:#fff;background:#f73752;background: -moz-linear-gradient(-45deg,  #f73752 20%, #15356a 100%);background: -webkit-linear-gradient(-45deg,  #f73752 20%,#15356a 100%);background: linear-gradient(135deg,  #f73752 20%,#15356a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73752', endColorstr='#15356a',GradientType=1 );}
input[type=text] {height:2em;border:1px solid #ccc;font-size:1em;padding:0.25em;border-radius:5px;outline:none}
h1 {text-transform:uppercase;font-size:1.5em}
i {color:#ddd}
a {text-decoration:none}

#entete {position:fixed;top:0;left:0;width:100%;text-align:center;padding:0;background-color:rgba(0,0,0,0.25)}
#entete_retour {position:absolute;top:1em;left:3em;width:30px;height:30px;background-color:rgba(0,0,0,0.25);background-image:url('../img/ico_retour.png');background-repeat:no-repeat;background-position:center center;background-size:33%;border-radius:50%;text-align:center;cursor:pointer}
#entete_suite {position:absolute;top:1em;right:3em;width:30px;height:30px;line-height:30px;background-color:rgba(0,0,0,0.05);background-image:url('../img/ico_suite.png');background-repeat:no-repeat;background-position:center center;background-size:33%;border-radius:50%;text-align:center;cursor:pointer}
#logo {width:150px;margin:0.5em auto}
#logo img {width:100%}
#page {margin-top:4em;padding:2em 3em;text-align:justify}

.slider {width:100%;height:100px;overflow:hidden}
.slider_nav {width:80px;margin:auto;}
.slider_prec, .slider_suiv {float:left;background-color:rgba(0,0,0,0.10);border:0;border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px;cursor:pointer;margin:5px;background-repeat:no-repeat;background-position:center center;background-size:33%;}
.slider_prec {background-image:url('../img/ico_retour.png')}
.slider_suiv {background-image:url('../img/ico_suite.png')}
.slider_conteneur {width:300px;height:100px}
.slide {float:left;width:300px;height:100px}

.choix_actif {display:inline-block;color:#fff;text-weight:bold;text-align:center;padding:0.25em 0.5em;background-color:#0099ff;border-radius:5px}
.choix_indispo {display:inline-block;color:#fff;text-weight:bold;text-align:center;padding:0.25em 0.5em;background-color:#ccc;border-radius:5px}

.ancrage_etape {text-align:center;font-weight:bold}

.clearfix {clear:both}
.secondaire {font-size:0.75em;color:#ddd}
.secondaire a {color:#ddd;}
.bouton {width:50%;color:#fff;font-weight:bold;text-shadow: 2px 2px rgba(0,0,0,0.1);box-shadow: 5px 5px rgba(0,0,0,0.1);text-transform:uppercase;font-size:1em;text-align:center;padding:1em;margin:1em auto;background-color:#F73752;border-radius:5px;cursor:pointer}
.suite {display:inline-block;float:right;width:auto;color:#fff;font-weight:bold;text-shadow: 2px 2px rgba(0,0,0,0.1);text-transform:uppercase;font-size:1em;text-align:center;padding:1em;margin:1em auto;background-color:#F73752;border-radius:5px;cursor:pointer}
.chakra {display:inline-block;color:#fff;font-weight:bold;text-shadow: 2px 2px rgba(0,0,0,0.1);text-transform:uppercase;font-size:1em;text-align:center;padding:1em;margin:0.1em;background-color:#8e6216;border-radius:5px;cursor:pointer}
#myCanvas {background-color:#f8f8f8;border-radius:5px}
.anim {position:relative;margin-top:1em}
.anim img {width:100%}
.nom_vous {position:absolute;top:1em;left:20%;color:#000;z-index:20}
.nom_autre {position:absolute;top:1em;right:20%;color:#000;z-index:20}

.etape {display:none;padding-bottom:1em}
#etape_1 {display:block}