p {margin: 0px;} a:link { color: #EA881B; text-decoration: none; } a:visited { color: #EA881B; text-decoration: none; } a:hover { color: #FFCC00; text-decoration: none; } a:active { color: #FFFF66; text-decoration: none; } .menubottom:hover { color: #FFCC00; } .Style61 {font-family: Arial, Helvetica, sans-serif} .Style14:hover {color: #FFCC00;} @media only screen and (min-width: 1060px) { body {background-color: #1B1B1B; position: relative; width: 100%; height:100%; margin: auto; overflow:hidden; overflow-y: scroll;} body,td,th {font-family: AvantGarde Bk BT , Arial; font-size: 0.9vw; color: #FFFFFF;} a {font-size: 0.9vw;} .Style4 {font-size: 0.9vw;} .Style13 {font-size: 0.6vw;} .Style14 {font-size: 0.6vw;} .Style55 {font-size: 0.8vw;} .Style56 {font-size: 1.8vw;} .Style59 {font-size: 1.2vw;} .Style9 {font-size: 0.6vw;} .menubottom {font-size: 0.6vw; color: white;} #conteneur {position:absolute; top:0px; left:0px; width:100%; height:auto; overflow:hidden;} #fixe {position:fixed; z-index:14; width:100%; height:auto; background-color:none;} #logo-slogan {position:relative; width:30%; height:auto; z-index:15; left: 1%; top: 0%; margin-top:1%; margin-bottom:0.5%; display:inline-block; vertical-align:top;} #logo {position:relative; width:40%; height:auto; z-index:15; left: 0%; top: 0%; display:inline-block; vertical-align:middle;} #imglogo {width:100%; height:auto;} #slogan{position:absolute; width:20%; height:auto; z-index:15; left: 42%; top: 46%; overflow:hidden; opacity:1; animation-name: AutoSlide; animation-duration: 4s; animation-timing-function:ease-in-out;} @keyframes AutoSlide{0% {top:52%; width:0%;} 67% {top:52%; width:0%;} 100% {top:46%; width:20%;}} #imgslogan{width:100%; height:auto;} #demie-cible-gauche {position:absolute; top:45%; left:42%; width:0.9%; height:auto; z-index:20; animation-name: AutoSlide1; animation-duration: 4s; animation-timing-function:ease-in-out;} @keyframes AutoSlide1{0% {top:46%; left:6.3%; width:0.7%;} 33% {top:46%; left:6.3%; width:0.7%;} 67% {top:45%; left:42%; width:0.9%;} 100% {top:45%; left:42%;}} #img-demie-cible-gauche{width:100%; height:auto;} #demie-cible-droite {position:absolute; top:45%; left:61.1%; width:0.9%; height:auto; z-index:20; animation-name: AutoSlide2; animation-duration: 4s; animation-timing-function:ease-in-out;} @keyframes AutoSlide2{0% {top:46%; left:7%; width:0.7%;} 33% {top:46%; left:7%; width:0.7%;} 67% {top:45%; left:42.9%; width:0.9%;} 100% {top:45%; left:61.1%;}} #img-demie-cible-droite{width:100%; height:auto;} #menu {position:absolute; top:20%; left:86.5%; width:12.5%; height:auto; z-index:30; background-color:none; border-radius: 16px 16px 16px 16px; color: #ffffff; overflow:hidden; white-space:nowrap;} #boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;} #menu-lignes {position: relative; top:0%; left:0%; width:25%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;} #menu-ligne1 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-ligne2 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-ligne3 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-texte {position: relative; top:0%; left:2%; width:70%; height:auto; color:#ffffff; display:inline-block; vertical-align:middle;} .bouton-menu {position:relative; top:0%; left:0%; width:100%; height:auto; color:#000000; background-color:#ea881b; padding-left:6%; padding-top:2%; padding-bottom:2%;} .bouton-menu:hover {background-color:#1b1b1b; color:#ffffff; padding-left:12%; transition-duration:0.3s; transition-timing-function:ease-in-out;} .bouton-menu-inactif {position:relative; top:0%; left:0%; width:100%; height:auto; color:#ffffff; background-color:#1b1b1b; padding-left:12%; padding-top:2%; padding-bottom:2%;} #reseaux{position:absolute; width:12%; height:auto; z-index:29; right: 1%; bottom: 6%;} #fb{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgfb{width:100%; height:auto;} #linkedin{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imglinkedin{width:100%; height:auto;} #youtube{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgyoutube{width:100%; height:auto;} #instagram{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imginsta{width:100%; height:auto;} #twitter{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgtwitter{width:100%; height:auto;} #dailymotion{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgdailymotion{width:100%; height:auto;} #ombrefixe {position:absolute; z-index:10; top:0%; left:0%; width:100%; height:105%; background-color: #1b1b1b; box-shadow: 0px 0px 14px #000000; display:inline-block; vertical-align:top;} #demande {position:absolute; width:100%; height:auto; left:19.5%; top:0%; margin-top:16%; font-size:1.3vw;} #form {position:relative; top:0%; margin-top:19%; left:19.5%; width:80%; height: auto;} #subject {position:absolute; top:50px; left:0px; width:260px; height:35px; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 17.5px 17.5px 17.5px 17.5px; color: white; font-size:20px; visibility:hidden} #cachedomaine {position:relative; top:0%; left:0%; width:22%; height:auto; padding:0.5%; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; line-height: auto;} #projet {position:relative; top:0%; margin-top:2%; left:0%; width:98%; height: 150px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-vousetes {position:relative; top:0%; margin-top:2%; left:0%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelvousetes {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #vousetes {position:relative; top:0%; left:2%; width:72%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-nom {position:relative; top:0%; margin-top:2%; left:2%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelnom {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #nom {position:relative; top:0%; left:2%; width:82%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-prenom {position:relative; top:0%; margin-top:2%; left:4%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelprenom {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #prenom {position:relative; top:0%; left:2%; width:75%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-entreprise {position:relative; top:0%; margin-top:2%; left:6%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelentreprise {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #entreprise {position:relative; top:0%; left:2%; width:72%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-adresse {position:relative; top:0%; margin-top:2%; left:0%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeladresse {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #adresse {position:relative; top:0%; left:2%; width:73%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-codepostal {position:relative; top:0%; margin-top:2%; left:2%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelcodepostal {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #codepostal {position:relative; top:0%; left:2%; width:65%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-ville {position:relative; top:0%; margin-top:2%; left:4%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelville {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #ville {position:relative; top:0%; left:2%; width:82%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-localite {position:relative; top:0%; margin-top:2%; left:6%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labellocalite {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #localite {position:relative; top:0%; left:2%; width:70%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-telephonefixe {position:relative; top:0%; margin-top:2%; left:0%; width:31.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeltelephonefixe {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #telephonefixe {position:relative; top:0%; left:2%; width:73%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-telephoneportable {position:relative; top:0%; margin-top:2%; left:2%; width:31.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeltelephoneportable {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #telephoneportable {position:relative; top:0%; left:2%; width:65%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-email {position:relative; top:0%; margin-top:2%; left:4%; width:31.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelemail {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #email {position:relative; top:0%; left:2%; width:84%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-connu {position:relative; top:0%; margin-top:2%; left:0%; width:99.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelconnu {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #connu {position:relative; top:0%; left:2%; width:79%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-verification {position:relative; top:0%; margin-top:2%; left:0%; width:99.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #consigne-addition {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #labelverification {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #verification {position:relative; top:0%; left:2%; width:90%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #consigne {position:relative; top:0%; margin-top:2%; left:0%; width:auto; height:25px;} #boutonenvoyer {position:relative; width:10.6%; height:35px; left: 0%; top: 0%; margin-top:2%; overflow:hidden;} #hoverenvoyer {position:absolute; width:100%; height:35px; z-index:2; left: 0px; top: 0px;} #submit {position:absolute; top:0px; left:-100%; height:25px; width:100%; background-color: #CB6907; box-shadow: 0px 0px 14px #FFAF37 inset; border: 1px solid #972C08; border-radius: 12.5px 12.5px 12.5px 12.5px;} #ligne {position:absolute; width:100%; height:4px; left:-100%; top:38px; background-color: #EA881B; border-radius: 1.5px 1.5px 1.5px 1.5px;} #boutonenv {position:relative; width:100%; height:25px; z-index:1; left: 0px; top: 0px; background-color: #CB6907; box-shadow: 0px 0px 5px #000000 inset; border-radius: 12.5px 12.5px 12.5px 12.5px; line-height: 25px; color: black;} #hoverenvoyer:hover {transition-property: margin-left; transition-duration: 0.5s; margin-left: 100%;} #basdepage{position:relative; width:100%; height:auto; z-index:9; left:0%; top:0%; margin-top:2%; padding-bottom:0.5%; display:inline-block; vertical-align:top;} #cacheloi{position:absolute; width:20%; height:100px; left: 0%; top: 0%; margin-top:2%; z-index:10; background-color: #1b1b1b;} #loi{position:absolute; width:15%; height:auto; left: 1%; top: 0%; margin-top:0%; padding:1%;padding-bottom:2%; z-index:9; background-color: #1b1b1b; display:inline-block;} #loi:hover {transition-property: margin-top; transition-duration: 0.5s; margin-top: -12%; background-color: #000000; box-shadow: 0px 0px 14px #000000;} #titreloi{position:relative; width:100%; height:auto; left: 0%; top: 0%; margin-top:0%; z-index:9; display:inline-block; vertical-align:top;} #texteloi{position:relative; width:100%; height:auto; left: 0%; top: 0%; margin-top:5%; margin-bottom:5%; z-index:9; display:inline-block; vertical-align:top; font-size:0.6vw;} #ombrepagescommunication{position:relative; width:0.5%; height:100px; z-index:1; left: 46%; top: 0%; box-shadow: 0px 0px 7px black; display:inline-block; vertical-align:top;} #cacheombrepagescommunication{position:relative; width:1%; height:110px; z-index:7; left: 45.5%; top: 0%; background-color: #1B1B1B; display:inline-block; vertical-align:top;} #pagescommunication{position:relative; width:6%; height:auto; z-index:15; left: 44.2%; top: 0%; margin-top:0%; line-height:1.2; display:inline-block; vertical-align:top;} #ombrepagescontacts{position:relative; width:0.5%; height:70px; z-index:1; left: 46%; top: 0%; box-shadow: 0px 0px 7px black; display:inline-block; vertical-align:top;} #cacheombrepagescontacts{position:relative; width:1%; height:80px; z-index:7; left: 45.5%; top: 0%; background-color: #1B1B1B; display:inline-block; vertical-align:top;} #pagescontacts{position:relative; width:8%; height:auto; z-index:15; left: 44.2%; top: 0%; margin-top:0%; line-height:1.2; display:inline-block; vertical-align:top;} .thumbnail {max-width: 40%;} .lightbox-conditions-generales {/** Default lightbox to hidden */display: none; /** Position and style */position: absolute; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.7);} .lightbox-conditions-generales img {/** Pad the lightbox image */max-width: 50%; height: auto; margin-top: 1%;} .lightbox-conditions-generales:target {/** Remove default browser outline */outline: none; /** Unhide lightbox **/display: block;} #textebottomline{position:relative; width:16%; height:auto; line-height: 1.2; z-index:10; left: 64%; top: 0%; margin-top:0.5%; text-align:right; display:inline-block; vertical-align:top;} #cacheloidevice{position:absolute; top:0%; left:0%; visibility:hidden;} #loidevice{position:absolute; top:0%; left:0%; visibility:hidden;} } @media only screen and (max-width: 1060px) { body {background-color: #1B1B1B; position: relative; width: 100%; height:100%; margin: auto; overflow:hidden; overflow-y: scroll;} body,td,th {font-family: AvantGarde Bk BT , Arial; font-size: 1.3vw; color: #FFFFFF;} a {font-size: 1.3vw;} .Style4 {font-size: 1.3vw;} .Style13 {font-size: 1.1vw;} .Style14 {font-size: 1.1vw;} .Style55 {font-size: 1.2vw;} .Style56 {font-size: 2.2vw;} .Style59 {font-size: 1.6vw;} .Style9 {font-size: 1.0vw;} .menubottom {font-size: 1.1vw; color: white;} #conteneur {position:absolute; top:0px; left:0px; width:100%; height:auto; overflow:hidden;} #fixe {position:fixed; z-index:14; width:100%; height:auto; background-color:none;} #logo-slogan {position:relative; width:30%; height:auto; z-index:15; left: 1%; top: 0%; margin-top:1%; margin-bottom:0.5%; display:inline-block; vertical-align:top;} #logo {position:relative; width:40%; height:auto; z-index:15; left: 0%; top: 0%; display:inline-block; vertical-align:middle;} #imglogo {width:100%; height:auto;} #slogan{position:absolute; width:20%; height:auto; z-index:15; left: 42%; top: 46%; overflow:hidden; opacity:1; animation-name: AutoSlide; animation-duration: 4s; animation-timing-function:ease-in-out;} @keyframes AutoSlide{0% {top:52%; width:0%;} 67% {top:52%; width:0%;} 100% {top:46%; width:20%;}} #imgslogan{width:100%; height:auto;} #demie-cible-gauche {position:absolute; top:45%; left:42%; width:0.9%; height:auto; z-index:20; animation-name: AutoSlide1; animation-duration: 4s; animation-timing-function:ease-in-out;} @keyframes AutoSlide1{0% {top:46%; left:6.3%; width:0.7%;} 33% {top:46%; left:6.3%; width:0.7%;} 67% {top:45%; left:42%; width:0.9%;} 100% {top:45%; left:42%;}} #img-demie-cible-gauche{width:100%; height:auto;} #demie-cible-droite {position:absolute; top:45%; left:61.1%; width:0.9%; height:auto; z-index:20; animation-name: AutoSlide2; animation-duration: 4s; animation-timing-function:ease-in-out;} @keyframes AutoSlide2{0% {top:46%; left:7%; width:0.7%;} 33% {top:46%; left:7%; width:0.7%;} 67% {top:45%; left:42.9%; width:0.9%;} 100% {top:45%; left:61.1%;}} #img-demie-cible-droite{width:100%; height:auto;} #menu {position:absolute; top:20%; left:86.5%; width:12.5%; height:auto; z-index:30; background-color:none; border-radius: 16px 16px 16px 16px; color: #ffffff; overflow:hidden; white-space:nowrap;} #boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;} #menu-lignes {position: relative; top:0%; left:0%; width:25%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;} #menu-ligne1 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-ligne2 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-ligne3 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-texte {position: relative; top:0%; left:2%; width:70%; height:auto; color:#ffffff; display:inline-block; vertical-align:middle;} .bouton-menu {position:relative; top:0%; left:0%; width:100%; height:auto; color:#000000; background-color:#ea881b; padding-left:6%; padding-top:2%; padding-bottom:2%;} .bouton-menu:hover {background-color:#1b1b1b; color:#ffffff; padding-left:12%; transition-duration:0.3s; transition-timing-function:ease-in-out;} .bouton-menu-inactif {position:relative; top:0%; left:0%; width:100%; height:auto; color:#ffffff; background-color:#1b1b1b; padding-left:12%; padding-top:2%; padding-bottom:2%;} #reseaux{position:absolute; width:12%; height:auto; z-index:29; right: 2%; bottom: 10%;} #fb{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgfb{width:100%; height:auto;} #linkedin{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imglinkedin{width:100%; height:auto;} #youtube{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgyoutube{width:100%; height:auto;} #instagram{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imginsta{width:100%; height:auto;} #twitter{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgtwitter{width:100%; height:auto;} #dailymotion{position:relative; width:14%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgdailymotion{width:100%; height:auto;} #ombrefixe {position:absolute; z-index:10; top:0%; left:0%; width:100%; height:105%; background-color: #1b1b1b; box-shadow: 0px 0px 14px #000000; display:inline-block; vertical-align:top;} #demande {position:absolute; width:100%; height:auto; left:1%; top:0%; margin-top:16%; font-size:1.7vw;} #form {position:relative; top:0%; margin-top:19%; left:1%; width:98%; height: auto;} #subject {position:absolute; top:50px; left:0px; width:260px; height:35px; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 17.5px 17.5px 17.5px 17.5px; color: white; font-size:20px; visibility:hidden} #cachedomaine {position:relative; top:0%; left:0%; width:22%; height:auto; padding:0.5%; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; line-height: auto;} #projet {position:relative; top:0%; margin-top:2%; left:0%; width:98%; height: 150px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-vousetes {position:relative; top:0%; margin-top:2%; left:0%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelvousetes {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #vousetes {position:relative; top:0%; left:2%; width:66%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-nom {position:relative; top:0%; margin-top:2%; left:2%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelnom {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #nom {position:relative; top:0%; left:2%; width:80%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-prenom {position:relative; top:0%; margin-top:2%; left:4%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelprenom {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #prenom {position:relative; top:0%; left:2%; width:72%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-entreprise {position:relative; top:0%; margin-top:2%; left:6%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelentreprise {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #entreprise {position:relative; top:0%; left:2%; width:69%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-adresse {position:relative; top:0%; margin-top:2%; left:0%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeladresse {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #adresse {position:relative; top:0%; left:2%; width:71%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-codepostal {position:relative; top:0%; margin-top:2%; left:2%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelcodepostal {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #codepostal {position:relative; top:0%; left:2%; width:60%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-ville {position:relative; top:0%; margin-top:2%; left:4%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelville {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #ville {position:relative; top:0%; left:2%; width:80%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-localite {position:relative; top:0%; margin-top:2%; left:6%; width:23%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labellocalite {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #localite {position:relative; top:0%; left:2%; width:65%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-telephonefixe {position:relative; top:0%; margin-top:2%; left:0%; width:31.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeltelephonefixe {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #telephonefixe {position:relative; top:0%; left:2%; width:68%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-telephoneportable {position:relative; top:0%; margin-top:2%; left:2%; width:31.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeltelephoneportable {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #telephoneportable {position:relative; top:0%; left:2%; width:59%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-email {position:relative; top:0%; margin-top:2%; left:4%; width:31.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelemail {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #email {position:relative; top:0%; left:2%; width:82%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-connu {position:relative; top:0%; margin-top:2%; left:0%; width:99.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelconnu {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #connu {position:relative; top:0%; left:2%; width:75%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-verification {position:relative; top:0%; margin-top:2%; left:0%; width:99.5%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #consigne-addition {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #labelverification {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #verification {position:relative; top:0%; left:2%; width:90%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #consigne {position:relative; top:0%; margin-top:2%; left:0%; width:auto; height:25px;} #boutonenvoyer {position:relative; width:10.6%; height:35px; left: 0%; top: 0%; margin-top:2%; overflow:hidden;} #hoverenvoyer {position:absolute; width:100%; height:35px; z-index:2; left: 0px; top: 0px;} #submit {position:absolute; top:0px; left:-100%; height:25px; width:100%; background-color: #CB6907; box-shadow: 0px 0px 14px #FFAF37 inset; border: 1px solid #972C08; border-radius: 12.5px 12.5px 12.5px 12.5px;} #ligne {position:absolute; width:100%; height:4px; left:-100%; top:38px; background-color: #EA881B; border-radius: 1.5px 1.5px 1.5px 1.5px;} #boutonenv {position:relative; width:100%; height:25px; z-index:1; left: 0px; top: 0px; background-color: #CB6907; box-shadow: 0px 0px 5px #000000 inset; border-radius: 12.5px 12.5px 12.5px 12.5px; line-height: 25px; color: black;} #hoverenvoyer:hover {transition-property: margin-left; transition-duration: 0.5s; margin-left: 100%;} #basdepage{position:relative; width:100%; height:auto; z-index:9; left:0%; top:0%; margin-top:0.5%; padding-bottom:0.5%; display:inline-block; vertical-align:top;} #cacheloi{position:absolute; width:20%; height:100px; left: 0%; top: 0%; margin-top:3%; z-index:10; background-color: #1b1b1b;} #loi{position:absolute; width:15%; height:auto; left: 1%; top: 0%; margin-top:0%; padding:1%;padding-bottom:2%; z-index:9; background-color: #1b1b1b; display:inline-block;} #loi:hover {transition-property: margin-top; transition-duration: 0.5s; margin-top: -34%; background-color: #000000; box-shadow: 0px 0px 14px #000000;} #titreloi{position:relative; width:100%; height:auto; left: 0%; top: 0%; margin-top:0%; z-index:9; display:inline-block; vertical-align:top;} #texteloi{position:relative; width:100%; height:auto; left: 0%; top: 0%; margin-top:5%; margin-bottom:5%; z-index:9; display:inline-block; vertical-align:top; font-size:1.1vw;} #ombrepagescommunication{position:relative; width:0.5%; height:85px; z-index:1; left: 36%; top: 0%; box-shadow: 0px 0px 7px black; display:inline-block; vertical-align:top;} #cacheombrepagescommunication{position:relative; width:1%; height:95px; z-index:7; left: 35.5%; top: 0%; background-color: #1B1B1B; display:inline-block; vertical-align:top;} #pagescommunication{position:relative; width:10%; height:auto; z-index:15; left: 34.2%; top: 0%; margin-top:0%; line-height:1.2; display:inline-block; vertical-align:top;} #ombrepagescontacts{position:relative; width:0.5%; height:85px; z-index:1; left: 38%; top: 0%; box-shadow: 0px 0px 7px black; display:inline-block; vertical-align:top;} #cacheombrepagescontacts{position:relative; width:1%; height:95px; z-index:7; left: 37.5%; top: 0%; background-color: #1B1B1B; display:inline-block; vertical-align:top;} #pagescontacts{position:relative; width:12%; height:auto; z-index:15; left: 36.2%; top: 0%; margin-top:0%; line-height:1.2; display:inline-block; vertical-align:top;} #textebottomline{position:relative; width:auto; height:auto; line-height: 1.2; z-index:10; left: 45%; top: 0%; margin-top:0.5%; text-align:right; display:inline-block; vertical-align:top;} #cacheloidevice{position:absolute; top:0%; left:0%; visibility:hidden;} #loidevice{position:absolute; top:0%; left:0%; visibility:hidden;} .thumbnail {max-width: 40%;} .lightbox-conditions-generales {/** Default lightbox to hidden */display: none; /** Position and style */position: absolute; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.7);} .lightbox-conditions-generales img {/** Pad the lightbox image */max-width: 50%; height: auto; margin-top: 1%;} .lightbox-conditions-generales:target {/** Remove default browser outline */outline: none; /** Unhide lightbox **/display: block;} } @media only screen and (max-width: 750px) and (orientation: portrait) { body {background-color: #1B1B1B; width: 100%; height:100%; margin: auto; position: relative; overflow:hidden; overflow-y: scroll;} body,td,th {font-family: AvantGarde Bk BT , Arial; font-size: 4.0vw; color: #FFFFFF;} a {font-size: 4.5vw;} .Style4 {font-size: 5.0vw;} .Style13 {font-size: 3.1vw;} .Style14 {font-size: 3.1vw;} .Style55 {font-size: 1.6vw;} .Style56 {font-size: 3.5vw;} .Style59 {font-size: 5.8vw;} .Style9 {font-size: 2.0vw;} .menubottom {font-size: 3.1vw; color: white;} #conteneur {position:absolute; top:0px; left:0px; width:100%; height:auto; overflow:hidden;} #fixe {position:fixed; z-index:14; top:0px; left:0px; width:100%; height:auto; background-color:none;} #logo-slogan {position:relative; width:96%; height:auto; z-index:15; left: 1%; top: 0%; margin-top:4%; margin-bottom:4%; display:inline-block; vertical-align:top;} #logo {position:relative; width:40%; height:auto; z-index:15; left: 0%; top: 0%; display:inline-block; vertical-align:middle;} #imglogo {width:100%; height:auto;} #slogan{position:absolute; width:51%; height:auto; z-index:15; left: 42%; top: 44%; overflow:hidden; opacity:1; animation-name: AutoSlide; animation-duration: 2s; animation-timing-function:ease-in-out;} @keyframes AutoSlide{0% {top:50%; width:0%;} 50% {top:50%; width:0%;} 100% {top:44%; width:51%;}} #imgslogan{width:100%; height:auto;} #demie-cible-gauche {position:absolute; top:44%; left:42%; width:2.3%; height:auto; z-index:20; animation-name: AutoSlide1; animation-duration: 2s; animation-timing-function:ease-in-out;} @keyframes AutoSlide1{0% {top:44%; left:17.8%; width:2.3%;} 50% {top:44%; left:42%; width:2.3%;} 100% {top:44%; left:42%;}} #img-demie-cible-gauche{width:100%; height:auto;} #demie-cible-droite {position:absolute; top:44%; left:90.8%; width:2.25%; height:auto; z-index:20; animation-name: AutoSlide2; animation-duration: 2s; animation-timing-function:ease-in-out;} @keyframes AutoSlide2{0% {top:44%; left:20.1%; width:2.25%;} 50% {top:44%; left:44.3%; width:2.25%;} 51% {top:44%; left:44.3%; width:2.25%;} 100% {top:44%; left:90.8%;}} #img-demie-cible-droite{width:100%; height:auto;} #menu {position:absolute; top:80%; left:42%; width:55%; height:auto; z-index:30; background-color:none; border-radius: 16px 16px 16px 16px; color: #ffffff; overflow:hidden; white-space:nowrap;} #boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;} #menu-lignes {position: relative; top:0%; left:0%; width:17%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;} #menu-ligne1 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-ligne2 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-ligne3 {position: relative; top:0%; left:0%; width:70%; height:0%; padding:1px; margin-top:5px; background-color:#ea881b; border-radius: 3px 3px 3px 3px;} #menu-texte {position: relative; top:0%; left:2%; width:70%; height:auto; color:#ffffff; display:inline-block; vertical-align:middle;} .bouton-menu {position:relative; top:0%; left:0%; width:100%; height:auto; color:#000000; background-color:#ea881b; padding-left:6%; padding-top:2%; padding-bottom:2%;} .bouton-menu:hover {background-color:#1b1b1b; color:#ffffff; padding-left:12%; transition-duration:0.3s; transition-timing-function:ease-in-out;} .bouton-menu-inactif {position:relative; top:0%; left:0%; width:100%; height:auto; color:#ffffff; background-color:#1b1b1b; padding-left:12%; padding-top:2%; padding-bottom:2%;} #reseaux{position:absolute; width:55%; height:auto; z-index:29; left: 43%; top: 110%;} #fb{position:relative; width:9%; height:auto; z-index:15; left: 0%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgfb{width:100%; height:auto;} #linkedin{position:relative; width:9%; height:auto; z-index:15; left: 5%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #image-linkedin{width:100%; height:auto;} #youtube{position:relative; width:9%; height:auto; z-index:15; left: 10%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgyoutube{width:100%; height:auto;} #instagram{position:relative; width:9%; height:auto; z-index:15; left: 15%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imginsta{width:100%; height:auto;} #twitter{position:relative; width:9%; height:auto; z-index:15; left: 20%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #imgtwitter{width:100%; height:auto;} #dailymotion{position:relative; width:9%; height:auto; z-index:15; left: 25%; top: 0%; margin-top:0%; display:inline-block; vertical-align:top;} #image-dailymotion{width:100%; height:auto;} #ombrefixe {position:absolute; z-index:10; top:0%; left:0%; width:100%; height:140%; background-color: #1b1b1b; box-shadow: 0px 0px 14px #000000; display:inline-block; vertical-align:top;} #demande {position:absolute; width:100%; height:auto; left:1%; top:0%; margin-top:65%;} #form {position:relative; top:0%; margin-top:65%; left:1%; width:98%; height: auto;} #subject {position:absolute; top:50px; left:0px; width:260px; height:35px; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 17.5px 17.5px 17.5px 17.5px; color: white; font-size:20px; visibility:hidden} #cachedomaine {position:relative; top:0%; left:0%; width:98%; height:auto; padding:0.5%; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; line-height: auto;} #projet {position:relative; top:0%; margin-top:2%; left:0%; width:98%; height: 150px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-vousetes {position:relative; top:0%; margin-top:5%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelvousetes {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #vousetes {position:relative; top:0%; left:2%; width:74%; height: auto; line-height: auto; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-nom {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelnom {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #nom {position:relative; top:0%; left:2%; width:83%; height: auto; line-height: auto; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-prenom {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelprenom {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #prenom {position:relative; top:0%; left:2%; width:77%; height: auto; line-height: auto; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-entreprise {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelentreprise {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #entreprise {position:relative; top:0%; left:2%; width:77%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-adresse {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeladresse {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #adresse {position:relative; top:0%; left:2%; width:77%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-codepostal {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelcodepostal {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #codepostal {position:relative; top:0%; left:2%; width:67.5%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-ville {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelville {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #ville {position:relative; top:0%; left:2%; width:85%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-localite {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labellocalite {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #localite {position:relative; top:0%; left:2%; width:73%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-telephonefixe {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeltelephonefixe {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #telephonefixe {position:relative; top:0%; left:2%; width:67%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-telephoneportable {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labeltelephoneportable {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #telephoneportable {position:relative; top:0%; left:2%; width:56.5%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-email {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #labelemail {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #email {position:relative; top:0%; left:2%; width:80.5%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-connu {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:normal;} #labelconnu {position:relative; top:0%; left:0%; width:100%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #connu {position:relative; top:0%; margin-top:2%; left:0%; width:99%; height: auto; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #conteneur-verification {position:relative; top:0%; margin-top:2%; left:0%; width:100%; height: auto; display:inline-block; vertical-align:top; white-space:nowrap;} #consigne-addition {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #labelverification {position:relative; top:0%; left:0%; width:auto; height: 25px; line-height: 25px; display:inline-block; vertical-align:top;} #verification {position:relative; top:0%; left:2%; width:70%; height: 25px; line-height: 25px; display:inline-block; vertical-align:top; background-color: #1B1B1B; border:none; box-shadow: 0px 0px 14px black; border-radius: 12.5px 12.5px 12.5px 12.5px; color: white;} #consigne {position:relative; top:0%; margin-top:2%; left:0%; width:auto; height:25px;} #boutonenvoyer {position:relative; width:30%; height:70px; left: 0%; top: 0%; margin-top:5%; overflow:hidden;} #hoverenvoyer {position:absolute; width:100%; height:70px; z-index:2; left: 0px; top: 0px;} #submit {position:absolute; top:0px; left:-100%; height:60px; width:100%; background-color: #CB6907; box-shadow: 0px 0px 14px #FFAF37 inset; border: 1px solid #972C08; border-radius: 25px 25px 25px 25px;} #ligne {position:absolute; width:100%; height:4px; left:-100%; top:76px; background-color: #EA881B; border-radius: 1.5px 1.5px 1.5px 1.5px;} #boutonenv {position:relative; width:100%; height:50px; z-index:1; left: 0px; top: 0px; background-color: #CB6907; box-shadow: 0px 0px 5px #000000 inset; border-radius: 25px 25px 25px 25px; line-height: 50px; color: black;} #hoverenvoyer:hover {transition-property: margin-left; transition-duration: 0.5s; margin-left: 100%;} #basdepage{position:relative; width:100%; height:auto; z-index:29; left:0%; top:0%; margin-top:15%; display:inline-block; vertical-align:top;} #cacheloidevice{position:absolute; width:100%; height:560px; left:0%; top:0%; margin-top:300%; z-index:9; background-color:#1b1b1b; visibility:visible;} #loidevice{position:absolute; width:80%; height:auto; left:7%; top:0%; margin-top:290%; z-index:8; background-color:#111111; border-radius: 45px 45px 0px 0px; visibility:visible;} #loidevice:hover {position:absolute; width:80%; height:auto; left:7%; top:0%; margin-top:200%;} #texteloidevice{position:absolute; top:0%; left:0%; width:100%; height:auto; background-color:#111111; border-radius: 45px 45px 0px 0px; padding:5%; padding-bottom:10%; visibility:visible;} #ombrepagescommunication{position:relative; width:2%; height:70px; z-index:1; left: 1%; top: 0%; margin-top:6%; box-shadow: 0px 0px 7px black; display:inline-block; vertical-align:top;} #cacheombrepagescommunication{position:relative; width:3%; height:150px; z-index:7; left: -2%; top: 0%; margin-top:5%; background-color: #1b1b1b; display:inline-block; vertical-align:top;} #pagescommunication{position:relative; width:5%; height:auto; z-index:15; left: -4%; top: 0%; margin-top:5%; line-height:1.2; display:inline-block; vertical-align:top; white-space:nowrap;} #ombrepagescontacts{position:relative; width:2%; height:70px; z-index:1; left: 20%; top: 0%; margin-top:6%; box-shadow: 0px 0px 7px black; display:inline-block; vertical-align:top;} #cacheombrepagescontacts{position:relative; width:3%; height:150px; z-index:7; left: 16%; top: 0%; margin-top:5%; background-color: #1b1b1b; display:inline-block; vertical-align:top;} #pagescontacts{position:relative; width:30%; height:auto; z-index:15; left: 14%; top: 0%; margin-top:5%; line-height:1.2; display:inline-block; vertical-align:top;} .thumbnail {max-width: 40%;} .lightbox-conditions-generales {/** Default lightbox to hidden */display: none; /** Position and style */position: absolute; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,9,33,0.7);} .lightbox-conditions-generales img {/** Pad the lightbox image */max-width: 98%; height: auto; margin-top: 1%;} .lightbox-conditions-generales:target {/** Remove default browser outline */outline: none; /** Unhide lightbox **/display: block;} #textebottomline{position:absolute; width:95%; height:auto; line-height: 1.2; z-index:10; left: 0%; top: 0%; margin-top:40%; text-align:right; display:inline-block; vertical-align:top;} #cacheloi{position:absolute; width:55%; height:auto; left: 0%; top: 0%; visibility:hidden;} #loi{position:absolute; width:33%; height:225px; left: 0%; top: 0%; visibility:hidden;} }