@font-face {
    font-family: 'jaapokkiregular';
    src: url('fonts/jaapokki-regular-webfont.eot');
    src: url('fonts/jaapokki-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/jaapokki-regular-webfont.woff2') format('woff2'),
         url('fonts/jaapokki-regular-webfont.woff') format('woff'),
         url('fonts/jaapokki-regular-webfont.ttf') format('truetype'),
         url('fonts/jaapokki-regular-webfont.svg#jaapokkiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {font-family:PT Sans, sans-serif;font-size:14px;color:#000;}

html { background:#eae4e4; height:100%; background: #fff; }
body {width:100%;height: 100%; margin: 0;background:transparent;position:relative; padding: 0px; }
.clear{clear:both;}
.vegas-timer-progress{display:none;}

.facultatif{display:inline !important;}
.quepetit{display:none !important;}

h1{font-family:jaapokkiregular; font-size:2.2em; margin:60px 0 40px 0; padding:0px; color:#a28a7d; text-align:center; text-transform:uppercase; letter-spacing:-1px;}
h1 span{font-family:jaapokkiregular; color:inherit; text-align:inherit; text-transform:inherit; font-size:0.8em;}
h1.petit{font-size:1.2em; margin-bottom: 12px;}
h1.moyen{font-size:1.6em; margin-bottom: 12px;}

h2{font-family:jaapokkiregular; font-size:1em;margin:2px 20px;color:#000;text-align:left;font-weight:bold;}
h3{font-family:jaapokkiregular; font-size:1.6em;text-transform:uppercase;font-weight:100;text-align:center;margin:12px 0 26px 0;}
h4{font-family:jaapokkiregular;font-size:1.2em;text-transform:uppercase;font-weight:bold;text-align:center;margin:12px 0 20px 0;}
h5{font-family:jaapokkiregular; font-size:1.4em;text-transform:uppercase;font-weight:bold;text-align:left;margin:12px 0 8px 0;}

.txtleft {text-align:left;}

a {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}

img {width:100%;}
img.auto {width:auto; max-width:96%;}

p.etroit {padding:0 16.66%; text-align:center;}
p.txtcenter {text-align:center;}

#header {display:table;width:100%;background:#fff;margin:0;padding:0;border-bottom:1px solid #a4a2a1;}
#header #headdroit{display:table-cell;width:67%;vertical-align:middle;}
#header #headgauche{display:table-cell;width:33%;text-align:center;vertical-align:middle;padding:20px 0;}
#header #headgauche a img#lelogo{width:280px;height:116px;}

#ruban {position: relative; margin-top:60px;}
#ruban img{width:100%; max-width:460px; }
#ruban h2{display:block; position: absolute; margin:0; top:20px; left:0; width: 100%; font-size: 1.2em; color: #665e4a; text-align:center; font-family:PT Sans;}
#ruban h3{display:block; position: absolute; bottom:12px; margin:0; left:0; width: 100%; font-size: 2em; color: #fff; text-align:center; font-family:PT Sans;}

#cadretelephone {width:90%; max-width:410px; background-image:url(images/cadre-telephone.png); background-size:contain; background-repeat:no-repeat; text-align:center; font-family:jaapokkiregular; font-size:1.2em; color:#aba088; margin:50px auto; text-transform:uppercase; line-height:110%; padding:8px 40px;}
#cadretelephone a{font-family:jaapokkiregular; font-size:1em; color:#aba088; text-transform:uppercase; line-height:110%;display:block;}
#cadretelephone a:hover{color:#81755a; text-decoration:none; }

#conteneurprincipal {display:table; table-layout:fixed; width:100%;background:transparent;height:80%;}
#conteneurprincipal .fixe{position:fixed; min-height:100%; height:100%;}

#conteneurprincipal #blocdroit{display:table-cell;width:50%;padding:60px 100px 92px 100px;height:100%; background:url(images/motif-losanges.png) repeat; text-align:center;}
#conteneurprincipal #blocdroit.large{padding:10px;}
#conteneurprincipal #blocdroit.desequilibre {width:33.33%;}
#conteneurprincipal #blocdroit.inverse{display:table-cell;width:50%;padding:0px;height:100%; background:transparent; text-align:center;}
#conteneurprincipal #blocdroit.inverse.desequilibre{width:33.33%;}

#conteneurprincipal #blocgauche{display:table-cell;width:50%;}
#conteneurprincipal #blocgauche.desequilibre{width:66.66%;}
#conteneurprincipal #blocgauche.inverse{display:table-cell;width:50%; padding:10px 0px 10px 228px;height:100%; background:url(images/motif-losanges.png) repeat; text-align:center;}
#conteneurprincipal #blocgauche.inverse.desequilibre{width:66.66%;}

p{text-align:justify;font-size:16px;padding:6px 20px;}
p strong{font-size:1em;}

.quepetit{display:none;}

#navbar {position:fixed; width:210px; height:100%; min-height:100%; z-index:6; background:#222222; text-align:center; padding:10px 0 0 0;}
#navbar ul.nav{width:100%;}
#navbar ul.nav li{width:100%; text-align:center; padding:4px 0 4px 0; background-repeat:no-repeat; background-position:center 10px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;}
#navbar ul.nav li:hover{width:100%; text-align:center; padding:0px 0 8px 0; background-color:#333;}

#navbar ul.nav li.actuel{background-color:#bd8e1b;}
#navbar ul.nav li.actuel:hover{background-color:#bd8e1b;}

#navbar ul.nav li a{color:#fff; font-family:jaapokkiregular; text-transform:uppercase; font-weight:300; display:block; padding-top:42px;}
#navbar ul.nav li a:hover{background:transparent; }

#navbar ul.nav li:nth-child(1) {background-image:url(images/picto-home.png);}
#navbar ul.nav li:nth-child(1).actuel {background-image:url(images/picto-home-blanc.png);}
#navbar ul.nav li:nth-child(2) {background-image:url(images/picto-estimation.png);}
#navbar ul.nav li:nth-child(2).actuel {background-image:url(images/picto-estimation-blanc.png);}
#navbar ul.nav li:nth-child(3) {background-image:url(images/picto-debarras.png);}
#navbar ul.nav li:nth-child(3).actuel {background-image:url(images/picto-debarras-blanc.png);}
#navbar ul.nav li:nth-child(4) {background-image:url(images/picto-zones.png);}
#navbar ul.nav li:nth-child(4).actuel {background-image:url(images/picto-zones-blanc.png);}
#navbar ul.nav li:nth-child(5) {background-image:url(images/picto-contact.png);}
#navbar ul.nav li:nth-child(5).actuel {background-image:url(images/picto-contact-blanc.png);}

#navbar #coordonnees {position:absolute; bottom:10px; left:0; width:100%; color:#fff; font-size:16px; line-height:18px; text-align:left; padding:0 8px; letter-spacing:1px; text-align:center;}
#navbar .telephone{font-size:1.6em;color:#fff;padding:10px 0;display:block;}
#navbar #coordonnees h3{font-size:20px; color:#fff; text-align:left; margin:12px 0 6px 0; text-align:center; background:#333;padding:3px 0; opacity:0.7;}
#navbar #coordonnees h3 span{font-size:16px; line-height:18px; color:#fff; text-align:left; margin:12px 0 6px 0;font-family:jaapokkiregular;  }
#navbar #coordonnees span{color:#fff; font-size:16px; line-height:18px;}


.vignette {height:48%; min-height:48%; margin:1%; float:left; background-size:cover; background-repeat:no-repeat; background-position: center top; position: relative;}
.vignette .interne{position: absolute; width:100%; height:100%; display:block; background-size:cover; background-repeat:no-repeat; background-position: center center; }
.vignette.entiere {width:98%;}
.vignette.untiers {width:31.33%;}
.vignette.deuxtiers {width:64.66%;}

.vignette.debarras:nth-child(1) {background-image:none;}
.vignette.debarras:nth-child(1) .interne:nth-child(1) {background-image:url(images/ancienne-machine-a-coudre-de-cordonnier_f.jpg);
  }
.vignette.debarras:nth-child(1) .interne:nth-child(2) {background-image:url(images/bg-debarras-1.jpg);
  -webkit-animation: changebg 8s infinite; /* Safari 4+ */
  -moz-animation:    changebg 8s infinite; /* Fx 5+ */
  -o-animation:      changebg 8s infinite; /* Opera 12+ */
  animation:         changebg 8s infinite; /* IE 10+, Fx 29+ */
  }
.vignette.debarras:nth-child(2) {background-image:none;}
.vignette.debarras:nth-child(2) .interne:nth-child(1) {background-image:url(images/8-tableaux.JPG);
  }
.vignette.debarras:nth-child(2) .interne:nth-child(2) {background-image:url(images/bg-debarras-2.jpg);
  -webkit-animation: changebg 6s infinite; /* Safari 4+ */
  -moz-animation:    changebg 6s infinite; /* Fx 5+ */
  -o-animation:      changebg 6s infinite; /* Opera 12+ */
  animation:         changebg 6s infinite; /* IE 10+, Fx 29+ */
  }
  
  
  
.vignette.zones:nth-child(1) {background-image:none;}
.vignette.zones:nth-child(1) .interne:nth-child(1) {background-image:url(images/zones-instruments.jpg);
  }
.vignette.zones:nth-child(1) .interne:nth-child(2) {background-image:url(images/zones-boite.jpg);
  -webkit-animation: changebg 8s infinite; /* Safari 4+ */
  -moz-animation:    changebg 8s infinite; /* Fx 5+ */
  -o-animation:      changebg 8s infinite; /* Opera 12+ */
  animation:         changebg 8s infinite; /* IE 10+, Fx 29+ */
  }
.vignette.zones:nth-child(2) {background-image:none;}
.vignette.zones:nth-child(2) .interne:nth-child(1) {background-image:url(images/zones-horloge.jpg);
  }
.vignette.zones:nth-child(2) .interne:nth-child(2) {background-image:url(images/zones-statue.jpg);
  -webkit-animation: changebg 6s infinite; /* Safari 4+ */
  -moz-animation:    changebg 6s infinite; /* Fx 5+ */
  -o-animation:      changebg 6s infinite; /* Opera 12+ */
  animation:         changebg 6s infinite; /* IE 10+, Fx 29+ */
  }
.vignette.zones:nth-child(3) {background-image:none;}
.vignette.zones:nth-child(3) .interne:nth-child(1) {background-image:url(images/zones-chrono.jpg);
  }
.vignette.zones:nth-child(3) .interne:nth-child(2) {background-image:url(images/zones-chevet.jpg);
  -webkit-animation: changebg 7s infinite; /* Safari 4+ */
  -moz-animation:    changebg 7s infinite; /* Fx 5+ */
  -o-animation:      changebg 7s infinite; /* Opera 12+ */
  animation:         changebg 7s infinite; /* IE 10+, Fx 29+ */
  }
  
  
  
.vignette.estimations:nth-child(1) {background-image:none;}
.vignette.estimations:nth-child(1) .interne:nth-child(1) {background-image:url(images/estimations-5.jpg);
  }
.vignette.estimations:nth-child(1) .interne:nth-child(2) {background-image:url(images/estimations-1.jpg);
  -webkit-animation: changebg 8s infinite; /* Safari 4+ */
  -moz-animation:    changebg 8s infinite; /* Fx 5+ */
  -o-animation:      changebg 8s infinite; /* Opera 12+ */
  animation:         changebg 8s infinite; /* IE 10+, Fx 29+ */
  }
.vignette.estimations:nth-child(2) {background-image:none;}
.vignette.estimations:nth-child(2) .interne:nth-child(1) {background-image:url(images/estimations-9.jpg);
  }
.vignette.estimations:nth-child(2) .interne:nth-child(2) {background-image:url(images/estimations-2.jpg);
  -webkit-animation: changebg 6s infinite; /* Safari 4+ */
  -moz-animation:    changebg 6s infinite; /* Fx 5+ */
  -o-animation:      changebg 6s infinite; /* Opera 12+ */
  animation:         changebg 6s infinite; /* IE 10+, Fx 29+ */
  }
.vignette.estimations:nth-child(3) {background-image:none;}
.vignette.estimations:nth-child(3) .interne:nth-child(1) {background-image:url(images/estimations-7.jpg);
  }
.vignette.estimations:nth-child(3) .interne:nth-child(2) {background-image:url(images/estimations-6.jpg);
  -webkit-animation: changebg 7s infinite; /* Safari 4+ */
  -moz-animation:    changebg 7s infinite; /* Fx 5+ */
  -o-animation:      changebg 7s infinite; /* Opera 12+ */
  animation:         changebg 7s infinite; /* IE 10+, Fx 29+ */
  }
.vignette.estimations:nth-child(4) {background-image:none;}
.vignette.estimations:nth-child(4) .interne:nth-child(1) {background-image:url(images/estimations-8.jpg);
  }
.vignette.estimations:nth-child(4) .interne:nth-child(2) {background-image:url(images/estimations-4.jpg);
  -webkit-animation: changebg 10s infinite; /* Safari 4+ */
  -moz-animation:    changebg 10s infinite; /* Fx 5+ */
  -o-animation:      changebg 10s infinite; /* Opera 12+ */
  animation:         changebg 10s infinite; /* IE 10+, Fx 29+ */
  }



@keyframes changebg {
0% {opacity:1;}
25% {opacity:1;}
50% {opacity:0;}
75% {opacity:0;}
}
@-webkit-keyframes changebg {
0% {opacity:1;}
25% {opacity:1;}
50% {opacity:0;}
75% {opacity:0;}
}

row div.large {margin:0 !important; padding:0 !important;}

input,textarea {font-size:16px; padding:4px 10px; border:1px solid #ddd;color:#222}
input.demichamp {width:47%; margin:0 3% 3% 0; float:left; border:1px solid #ddd;}
input.pleinchamp {width:97%; margin:0 3% 3% 0; float:left; border:1px solid #ddd;}
textarea {width:97%; margin:0 3% 3% 0; float:left; height:180px;}

input[type="submit"] {width:97%; display:block; background: #bc8d22; color: #fff; border:0; font-size: 1em; text-transform:uppercase; font-family: jaapokkiregular; padding: 8px 0 6px 0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
input[type="submit"]:hover {background:#222222; color:#bc8d22;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6D624B;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #6D624B;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #6D624B;
}
:-moz-placeholder { /* Firefox 18- */
  color: #6D624B;
}
label.labelfile {width:100%; display:block; background: #e3cd9b; color: #6D624B; border:0; font-size: 16px; text-transform:uppercase; padding: 12px 6px; font-weight:500;
margin-bottom:4px; cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
label.labelfile:hover { color:#000;}

input[type="file"] {display:none;}

input.erreur, textarea.erreur {border:1px solid #f00; font-size:0.8em; padding:4px 10px; }

.nomfichier {margin: 0; padding:0;}
.nomfichier:not(:empty) {  margin: 2px 0; padding:0;}
.js .nomfichier {  font-style: italic;  font-size: .8em;  font-weight: 500; opacity:0.7;}
.js .nomfichier:not(:empty):before {  font-style: normal;  font-weight: normal;}

#googlemap {width:100%; height:100%; min-height:100%;}

.clear {clear:both;}






@media (min-height: 720px) {
#navbar ul.nav li{padding:14px 0 14px 0;background-position:center 20px;}
#navbar ul.nav li:hover{padding:10px 0 18px 0;}
}

@media (min-height: 860px) {
#navbar {width:260px; }
#navbar ul.nav li{padding:24px 0 24px 0;background-position:center 30px;}
#navbar ul.nav li:hover{padding:20px 0 28px 0;}
#conteneurprincipal #blocgauche.inverse{padding-left:278px !important;}
}

@media (max-height: 620px) {
#logonavbar {display:none; }
}

@media (max-height: 520px) {
#navbar ul.nav li{padding:4px 0 4px 0;background-image:none;}
#navbar ul.nav li:hover{padding:4px 0 4px 0;}
#navbar ul.nav li a{padding-top:12px;}
#navbar ul.nav li:nth-child(1) {background-image:none;}
#navbar ul.nav li:nth-child(1).actuel {background-image:none;}
#navbar ul.nav li:nth-child(1):hover {background-image:none;}
#navbar ul.nav li:nth-child(2) {background-image:none;}
#navbar ul.nav li:nth-child(2).actuel {background-image:none;}
#navbar ul.nav li:nth-child(2):hover {background-image:none;}
#navbar ul.nav li:nth-child(3) {background-image:none;}
#navbar ul.nav li:nth-child(3).actuel {background-image:none;}
#navbar ul.nav li:nth-child(3):hover {background-image:none;}
#navbar ul.nav li:nth-child(4) {background-image:none;}
#navbar ul.nav li:nth-child(4).actuel {background-image:none;}
#navbar ul.nav li:nth-child(4):hover {background-image:none;}
#navbar ul.nav li:nth-child(5) {background-image:none;}
#navbar ul.nav li:nth-child(5).actuel {background-image:none;}
#navbar ul.nav li:nth-child(5):hover {background-image:none;}
}

@media (max-height: 380px) {
#coordonnees {display:none;}
}

@media (max-width: 1290px) {
#cadretelephone {font-size:0.8em; }
}

@media (max-width: 1100px) {
#ruban h2{display:block; position: absolute; margin:0; top:10px; left:0; width: 100%; font-size:0.8em; color: #665e4a; text-align:center; font-family:PT Sans;}
#ruban h3{display:block; position: absolute; bottom:12px; margin:0; left:0; width: 100%; font-size: 1.2em; color: #fff; text-align:center; font-family:PT Sans;}
}

@media (max-width: 920px) {	
.facultatif{display:none !important;}
.quepetit{display:inline !important;}
#conteneurprincipal {display:inline;}
#conteneurprincipal #blocgauche, #conteneurprincipal #blocgauche.inverse {display:block; position:relative; float:none; width:100% !important; padding:10px 10px 10px 228px;}
#conteneurprincipal #blocdroit, #conteneurprincipal #blocdroit.large {display:block; position:relative; float:none; height:auto; width:100% !important; padding:10px 10px 10px 228px;}
#ruban h2{display:block; position: absolute; margin:0; top:20px; left:0; width: 100%; font-size: 1em; color: #665e4a; text-align:center; font-weight:500; font-family:PT Sans;}
#ruban h3{display:block; position: absolute; bottom:12px; margin:0; left:0; width: 100%; font-size: 2em; color: #fff; text-align:center; font-family:PT Sans;}
#cadretelephone {font-size:1em; }

.vignette .interne{position: relative; width:100%; height:200px; display:block; background-size:cover; background-repeat:no-repeat; background-position: center center; }
.vignette.entiere {width:98%;}
.vignette.untiers {width:98%;}
.vignette.deuxtiers {width:98%;}
.vignette.debarras:nth-child(1) .interne:nth-child(2) {display:none;}
.vignette.debarras:nth-child(2) .interne:nth-child(2) {display:none;}
.vignette.zones:nth-child(1) .interne:nth-child(2) {display:none;}
.vignette.zones:nth-child(2) .interne:nth-child(2) {display:none;}
.vignette.zones:nth-child(3) .interne:nth-child(2) {display:none;}
.vignette.estimations:nth-child(1) .interne:nth-child(2) {display:none;}
.vignette.estimations:nth-child(2) .interne:nth-child(2) {display:none;}
.vignette.estimations:nth-child(3) .interne:nth-child(2) {display:none;}
.vignette.estimations:nth-child(4) .interne:nth-child(2) {display:none;}

#googlemap {height:600px; min-height:600px;}
}

@media (max-width: 640px) {	
#navbar {position:fixed; width:100%; height:20px !important; min-height:20px !important; display:block; min-height:auto; z-index:6; background:#222222; text-align:center; padding:0; }
#navbar ul.nav{width:100%; height:20px; display:table; table-layout:fixed;}
#navbar ul.nav li{width:20%; text-align:center; padding:4px 12px;  display:table-cell; vertical-align:middle; background:#222222;}
#navbar ul.nav li:hover{width:20%; text-align:center; padding:4px 12px;}
#navbar ul.nav li a{color:#fff; font-family:jaapokkiregular; text-transform:uppercase; font-weight:300; display:block; padding:0; font-size:0.6em; font-weight:300; }

#conteneurprincipal #blocgauche.inverse{padding:60px 20px;}
#conteneurprincipal #blocdroit, #conteneurprincipal #blocdroit.large {padding:60px 20px;}

#ruban h2{display:block; position: absolute; margin:0; top:12px; left:0; width: 100%; font-size: 1em; color: #665e4a; text-align:center; font-weight:500; font-family:PT Sans;}
#ruban h3{display:block; position: absolute; bottom:8px; margin:0; left:0; width: 100%; font-size: 1.6em; color: #fff; text-align:center; font-family:PT Sans;}
#cadretelephone { background:transparent; border:1px solid #b9ac90; font-size:1em; color:#aba088; margin:50px auto; text-transform:uppercase; line-height:110%; padding:8px 30px;}

#coordonnees, #logonavbar {display:none;}
#navbar ul.nav li a{font-size:0.75em; font-family:PT Sans; }
#navbar ul.nav li{padding:4px 8px;background-image:none;}
#navbar ul.nav li:hover{padding:4px 8px;}
#navbar ul.nav li:nth-child(1) {background-image:none;}
#navbar ul.nav li:nth-child(1).actuel {background-image:none;}
#navbar ul.nav li:nth-child(1):hover {background-image:none;}
#navbar ul.nav li:nth-child(2) {background-image:none;}
#navbar ul.nav li:nth-child(2).actuel {background-image:none;}
#navbar ul.nav li:nth-child(2):hover {background-image:none;}
#navbar ul.nav li:nth-child(3) {background-image:none;}
#navbar ul.nav li:nth-child(3).actuel {background-image:none;}
#navbar ul.nav li:nth-child(3):hover {background-image:none;}
#navbar ul.nav li:nth-child(4) {background-image:none;}
#navbar ul.nav li:nth-child(4).actuel {background-image:none;}
#navbar ul.nav li:nth-child(4):hover {background-image:none;}
#navbar ul.nav li:nth-child(5) {background-image:none;}
#navbar ul.nav li:nth-child(5).actuel {background-image:none;}
#navbar ul.nav li:nth-child(5):hover {background-image:none;}
}

@media (max-width: 480px) {	
#navbar ul.nav li a{font-size:0.75em; font-family:PT Sans; }
#navbar ul.nav li{padding:4px 8px;background-image:none;}
#navbar ul.nav li:hover{padding:4px 8px;}
#navbar ul.nav li:nth-child(1) {background-image:none;}
#navbar ul.nav li:nth-child(1).actuel {background-image:none;}
#navbar ul.nav li:nth-child(1):hover {background-image:none;}
#navbar ul.nav li:nth-child(2) {background-image:none;}
#navbar ul.nav li:nth-child(2).actuel {background-image:none;}
#navbar ul.nav li:nth-child(2):hover {background-image:none;}
#navbar ul.nav li:nth-child(3) {background-image:none;}
#navbar ul.nav li:nth-child(3).actuel {background-image:none;}
#navbar ul.nav li:nth-child(3):hover {background-image:none;}
#navbar ul.nav li:nth-child(4) {background-image:none;}
#navbar ul.nav li:nth-child(4).actuel {background-image:none;}
#navbar ul.nav li:nth-child(4):hover {background-image:none;}
#navbar ul.nav li:nth-child(5) {background-image:none;}
#navbar ul.nav li:nth-child(5).actuel {background-image:none;}
#navbar ul.nav li:nth-child(5):hover {background-image:none;}
#coordonnees {display:none;}

#cadretelephone { font-size:1em; color:#aba088; margin:50px auto; text-transform:uppercase; line-height:110%; padding:8px 30px;}
}




#mentions {margin:70px 0 0 0; font-size:0.9em;}

.modal-body{color:#333;}
.modal-body H2{color:#333;font-size:20px;}
.modal-body H3{color:#333;font-size:15px;margin-bottom:0;}
.modal-body p{text-align:center;text-transform:none;font-size:12px;color:#555;}
.modal-body p a{color:#333;}
.modal-body p a:hover{color:#111;}






@media (max-device-width: 480px) and (orientation: landscape) {
}

@media (max-width: 960px) {
}

@media (max-width: 768px) {

body { background:#fff;height:auto;}
.facultatif{display:none !important;}
.quepetit{display:inline !important;}

}


.vegas-loading {
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,0.7);
	background: url(images/loading.gif) no-repeat center center; /* Loading Gif by http://preloaders.net/ */
	height: 32px;
	left: 20px;
	position: fixed;
	top: 20px;
	width: 32px; 
	z-index: 0;
}

.vegas-overlay {
	background: transparent url(overlays/01.png);
	opacity: 0.5;
	z-index: -1;
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
    max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
	z-index: -2;
}

.vegas-overlay,
.vegas-background {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
@media screen and (max-width:768px){
#interventions{
	font-size:10px;	
}
}