@charset "utf-8";

/* CSS Document 
---------------------------------------------------------------------
project : SGT
author : Sandrine Prousteau
---------------------------------------------------------------------

/***** [ 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;
    }
: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 ] *****/

a, a:link, a:visited, a:active {text-decoration:none; color:#000;cursor: pointer;}
a:hover, a:focus {text-decoration:underline; color:#a3cb10;}
p a {color:#000;}
p a:hover, p a:focus {color:#a3cb10;}
body {background: #fff; color:#000; font:70% Arial, sans-serif; line-height:normal;}
input, select, option {font-family:Arial, sans-serif; }
textarea {font-family:Arial, sans-serif;}
h1 {font-size:2em; font-family:'Vibur', verdana, arial, serif; font-weight:bold; line-height:normal;}
small {font-size:0.8em;}
::-moz-selection{background:#DE564B;color:#fff;}
::selection{background:#DE564B;color:#fff;}
.clear{	clear:both;}	
img{width:100%;}

/***** [ Body ] *****/
body{ background: #343600 url('images/bg-top.png') repeat-x top center; }
#wrapper{	}

/***** [ Header ] *****/
#header{ background: url('images/bg-header-1600x361.png') no-repeat top center;height: 360px; }
#header-wrapper{margin: 0 auto;max-width: 960px;height: 360px;}
#logo, #logo a{width: 600px;height:361px;display: inline-block;}

    @media screen and (max-width: 960px) {
	  #header{ background: url('images/bg-header-1000x361.png') no-repeat top center;background-size: 100%; max-height: 360px;} 
	  #header-wrapper{max-width: 96%;height: auto;}
	  #logo{width: 60%;height:auto;}
	  #logo a{width: 100%;height:auto;}
	}

	@media screen and (max-width: 480px) {
	  
	}

/***** [ Footer ] *****/
#footer{ background: url('images/bg-footer-1600x19.png') no-repeat bottom center;padding-bottom: 19px;}
#zone-footer{ background: url('images/bg-center-1600x2.png') repeat-y bottom center;margin: 0 auto;max-width: 960px;}

/***** [ SubFooter ] *****/
#subfooter{  }
#zone-subfooter{ margin: 0 auto;max-width: 960px;text-align: center;}

/***** [ Banner ] *****/
#banner{ background: #1a1b00 url('images/bg-banner-1600x2.png') repeat-y bottom center; }
#zone-banner{ margin: 0 auto;max-width: 960px;text-align: center;}

	@media screen and (max-width: 960px) {
	  #zone-banner{ max-width: 96%;}
	  #zone-banner object{ max-width: 100%;}
	}

	@media screen and (max-width: 480px) {
	  
	}

/***** [ Center ] *****/
#center{ background: url('images/bg-center-1600x2.png') repeat-y bottom center;padding-top: 1em; }
#zone-center{ margin: 0 auto;max-width: 960px;}


.block-menu{	}
.block-menu ul{	}
.block-menu ul li{display: inline-block;padding:0 0.2em;}
.block-menu ul li a{display: inline-block;vertical-align: top;font-size: 1.5em;font-weight: bold;text-align: center;min-width: 63px;min-height: 63px;max-width: 150px;padding-top: 55px;}
.block-menu ul li a.menuitem-airsoft{background: url('images/pic-airsoft-63x63.png') no-repeat top center;}
.block-menu ul li a.menuitem-airsoft:hover{background: url('images/pic-airsoft-63x63-on.png') no-repeat top center;text-decoration: none;}
.block-menu ul li a.menuitem-valeurs{background: url('images/pic-valeurs-63x63.png') no-repeat top center;}
.block-menu ul li a.menuitem-valeurs:hover{background: url('images/pic-valeurs-63x63-on.png') no-repeat top center;text-decoration: none;}
.block-menu ul li a.menuitem-photos{background: url('images/pic-photos-63x63.png') no-repeat top center;}
.block-menu ul li a.menuitem-photos:hover{background: url('images/pic-photos-63x63-on.png') no-repeat top center;text-decoration: none;}
.block-menu ul li a.menuitem-terrains{background: url('images/pic-terrains-63x63.png') no-repeat top center;}
.block-menu ul li a.menuitem-terrains:hover{background: url('images/pic-terrains-63x63-on.png') no-repeat top center;text-decoration: none;}

.block-meteo{ float: right;}

.block-clear{clear: both;}