@import url(./style-menu.css);
@font-face {
    font-family: 'trashhandregular';
    src: url('./fonts/trashhand-webfont-webfont.ttf') format('truetype'),
         url('./fonts/trashhand-webfont-webfont.woff2') format('woff2'),
         url('./fonts/trashhand-webfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/***** [ Reset css ] ************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;
	font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;
	vertical-align: baseline;text-decoration: none;
 }
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/***** [ init ] *****/
body {color:#333;font-family: arial, sans-serif; line-height:normal;}
::-moz-selection{background:#DE564B;color:#fff;}
::selection{background:#DE564B;color:#fff;}

/*****  GLOBAL  ******/
header img{
width: 100%;
height: auto;
}
div#haut-de-page {background: url(images/taches-footer.png) no-repeat;width: 100%;height: auto; text-align: center;}
#signature{text-align: center;padding: 10px 10px ;background-color: #e8b428;font-weight: bold;}

/***** [ ecran Ordi ] *****/
@media (min-width: 1120px) {
/* [ HEADER & FOOTER ] */
body {background: url(images/background-paintball.jpg) center top repeat-y silver;}
  header{margin: 0 auto;text-align: center;}
  header a img {width:1120px;}
  #wrapper{width:1027px;margin:0 auto;padding-top:10px;background-color: white;}
  footer{clear:both;width:940px;margin:-25px auto;}
  #footer-background{background:url(images/logo-footer-paintball-family.png) 54% 50px no-repeat #4f5346;}
  .footer a, #logo-footer a{text-decoration: none;color:white;line-height: 20px;display: block;}
  .footer h4 a:first-child{line-height: 50px;color:#e8b428;text-decoration: underline;font-weight: bolder;}
  .footer h4{font-weight: bold;text-decoration: underline;margin-bottom: 5px;}
  #picto-centres{width:60px;height:60px;background: url(images/picto-nos-centres.png) center top no-repeat ;}
  #picto-infos{width:60px;height:60px;background: url(images/picto-infos.png) center top no-repeat ;}
  #picto-tarifs{margin:0 auto;width:60px;height:60px;background: url(images/picto-tarifs.png) center top no-repeat ;}
  #picto-contacts{width:60px;height:60px;background: url(images/picto-contacts.png) center top no-repeat ;}
  #logo-footer{width:200px;height:100px;margin-top:114px;display:inline-block;position: absolute;}
  .footer span{display: none;}
  .footer{vertical-align: top;margin-bottom:10px;display: inline-block;}
  .footer:last-child{margin-right:0px;}
  #ftr-blk-1,#ftr-blk-2{display:inline-block;margin-top:45px;}
  #ftr-blk-2{margin-left:250px;}
  #ftr-blk-1,.footer, #logo-footer{margin-right:75px;}
  #empty-block-1{box-shadow:0px 0px 5px 0 #656565;height:50px;margin: 0 auto;margin-bottom:-100px;background-color: white;}

  div#haut-de-page {background-position: 580px 22px;padding:10px 0 40px 0;}
  #signature{margin: 35px 0 0 0;}
}
/***** [ ecrans etroits ] *****/
@media (min-width: 760px) and (max-width: 1119px) {
  header{background: url(images/bg-tab.jpg) center top no-repeat;text-align: center;}
  header img{width: 85%;height: auto;}
  footer{clear:both;width:525px;margin: 0 auto;}
  #footer-background{background: #4f5346;padding-top:20px;}
  .footer a img, #logo-footer{display: none;}
  .footer a{color:white;text-decoration: none;display: block;}
  .footer h4{font-weight: bold;text-decoration: underline;margin-bottom: 5px;color:white;}
  .footer{vertical-align: top;margin-bottom:10px;display:inline-block;margin-right:3%;}
  .footer:last-child{margin-right:0px;}
  #ftr-blk-1,#ftr-blk-2{display:inline;}  /*#ftr-blk-1 div:nth-of-type(2),#ftr-blk-2 div{margin-left: 15px;}*/
  #ftr-blk-1{margin-right:5%;}
  div#haut-de-page {background-position: right 22px;padding:10px 0 10px 0;}
/* [ IN WRAPPER ] */

  .titre{}
  .block-G{}
  .block-G > .container_details{}
  .block-G > .container_img{}
  .block-D{}
  .block-D > .container_details{}
  .block-D > .container_img{}
}
/***** [ Mobile - low res ] *****/
@media handheld, only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
  header{background: url(images/bg-mobile.jpg) center top no-repeat;}
  footer{padding-left:0;width:auto;text-align: center;}
  #footer-background{background: #4f5346;padding-top:20px;}
  .footer a img, #logo-footer{display: none;}
  .footer a{color:white;text-decoration: none;display: block;}
  .footer h4{font-weight: bold;text-decoration: underline;margin-bottom: 5px;color:white;}
  .footer{height: auto;width: auto 0;display:block; vertical-align: top;margin-bottom: 15px;}
  /*#ftr-blk-1,#ftr-blk-2{display:block;margin-bottom: 20px;}
  #ftr-blk-1 div:first-child,#ftr-blk-2 div:first-child{margin-left: 10%;}
  #ftr-blk-1 div:nth-of-type(2),#ftr-blk-2 div:nth-of-type(2){float: right;margin-right: 10%;}
  */div#haut-de-page {background-position: right 22px;padding:10px 0 10px 0;}
/* [ IN WRAPPER ] */
  #titre page{}
  .titre_bandeau{}
  .bandeau_G{}
  .bandeau_G > .container_details{}
  .bandeau_G > .container_img{}
  .bandeau_D{}
  .bandeau_D > .container_details{}
  .bandeau_D > .container_img{}
}