@charset "utf-8";
/* CSS Document */
::-moz-selection { /* Pour firefox */
	background:#f18f1d;
	color:white;
	}
	::selection { /* Pour les autres */
	background: #f18f1d;
	color:white;
	}
body
	{
		margin:0;
		padding:0;	
		background:url(img/bg.jpg) repeat center #36322f;
		font-family: Verdana, Geneva, sans-serif;
		color:#aba39e;
		font-family: 'Righteous', cursive;
	}
#all-wrap {	width:100%; height:100%; margin:-25px 0 0 0; float:left; z-index:0;}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a
	{
	margin:0; 
	padding:0;
	}
	a { text-decoration:none;}
img
	{
		border:none;
	}
h1
	{
		color:#eae2dc;
		text-transform: uppercase;
		text-shadow: 5px 5px 0px #22201d;
	}
.note
	{
		color:#eae2dc;
		font-family: 'Reenie Beanie', cursive;
		text-transform:none;
		text-shadow:none;
	}
h2
	{
		color:#cfc7c0;
		text-transform: uppercase;
		text-shadow: 4px 4px 0px #22201d;
	}
h3
	{
		color:#b7afa9;
		text-transform: uppercase;
		text-shadow: 3px 3px 0px #22201d;
	}
h4
	{
		color:#b7afa9;
		text-transform: uppercase;
		text-shadow: 2px 2px 0px #22201d;
	}
	
/*-------- taille de grille (size) --------*/
.size-all { width:100%; height:auto; margin:0; padding:0; float:left; display:block; }
.size-4 { width:220px; height:auto; margin:10px; padding:0; float:left; display:block; }
.size-3-1 { width:300px; height:auto; margin:10px; padding:0; float:left; display:block; }
.size-3-2 { width:600px; height:auto; margin:10px; padding:0; float:left; display:block; }
.size-2 { width:460px; height:auto; margin:10px; padding:0; float:left; display:block; }
.size-1 { width:940px; height:auto; margin:10px; padding:0; float:left; display:block; }

/*--------------header------------------*/

#header
	{
		width:100%;
		height:100px;
		margin:0;
		background:url(img/header-bg.jpg) repeat-x bottom #d9d0cb;
		box-shadow: 0px 5px  15px #000;
		/*position: fixed;*/
		padding:0;
		display:block;
		z-index:100;
	}

.center-content
	{
		width:960px;
		height:auto;
		margin:0 auto;
		display:block;
	}
a#logo
	{
		width:181px;
		height:150px;
		margin:0 auto;
		display:block;
		background:url(img/logo-altitude-biathlon.png) no-repeat center top;
		position:relative;
		z-index:110;
	}
	#logo h1
		{
			display:none;
		}
		
#lang { width:49px; height:29px; padding:0 7px; float:right; background:url(img/lang-bg.png) no-repeat center top; margin:25px 10px; }
	a.fr { width:20px; height:13px; background:url(img/lang.jpg) no-repeat left top; margin:2px; float:left; display:block; }
	a.fr:hover { background:url(img/lang.jpg) no-repeat left bottom; }
	a.en { width:20px; height:13px; background:url(img/lang.jpg) no-repeat right top; margin:2px; float:left; display:block; }
	a.en:hover { background:url(img/lang.jpg) no-repeat right bottom; }
		
/*------ wrapper ------------------------------------------------------*/
#wrapper
	{
		width:960px;
		height:auto;
		margin:0 auto;
	}
	

/*------------ menu-top ----------------------------------------------------------------*/
	
#menu-top { width:auto; height:62px; background:url(img/menu-bg.png) repeat-x center; margin:-135px auto 0 auto; display:block; z-index:2; font-family: 'Righteous', cursive; }
	

/*-- code spéciale du menu --------------------------------------*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {display:inline-block;}
ul.menu a {text-transform:uppercase; margin:17px 0 40px 0; font-size:0.8em; padding:5px; display:inline-block; color:#66615e;}
ul.menu li {position:relative; display:inline-block; margin:0}
ul.menu ul {position:absolute; width:200px; left:0; background:#34312f; display:none; opacity:0; list-style:none; -webkit-border-radius: 0 0 5px 5px;	-moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; box-shadow:0px 5px  5px #000 ;}
ul.menu ul li {position:relative;  margin:0}
ul.menu ul li a {display:block; margin:2px 5px; padding:5px; font-size:0.8em; color:#aba39e; text-align:left;  width:180px; }
ul.menu ul li a:hover {background-color:#66615e; color:#FFF; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;}
ul.menu .menulink:hover, ul.menu .menuhover {color:#fff; background-color:#ef8f1d; }

ul.menu .menu-sep { width:14px; height:14px; margin:25px 2px 0 2px; background:url(img/menu-sep.png) no-repeat center; }
ul.menu #big-menu-space { width:200px; height:20px; display: inline-block;}


/*--------- end menu -----------*/

/*--------------accueil -------------------------*/

#slider-acc { width:960px; height:535px; margin:-30px auto 0 auto; overflow:hidden; box-shadow: 0px 0px  50px #000; z-index:-10; }

#bandeau-ved {
	width:100%; 
	height:auto;
	float:left;
	margin:0;
	padding:10px 0;
	background:url(img/bandeau-bg.jpg) repeat-x center bottom;
	box-shadow: 0px 0px  30px #000;
	border:#eae2dc solid 1px;
	border-left:none;
	border-right:none;
	z-index:20;
 }
 #bandeau-ved a {color:#f18f1d; font-size:0.8em }
  #bandeau-ved a:hover {color:#fff; }
 
 .size-3-1-ved { width:284px; height:auto; margin:10px; padding:0; float:left; display:block; }
 .size-3-1-ved  h1{ text-align:center; }
 .bandeau-ved-sep { background:url(img/bandeau-ved-sep.png) no-repeat center top; display:block; margin:20px 0 0 0; width:24px; height:300px; float:left; }
 
 
 .btn-middle 
	{ 
		margin:10px;
		padding:5px;
		float:left;
		text-align:center; 
		font-size:2em;
		text-shadow:#66615e -1px -1px 0px;
		color:inherit;
		color:#fff;
		background: #a19995;
		box-shadow: 3px 3px 0px #22201d;
	}
	.btn-middle:hover
	{ 
		color:#fff;
		background: #f18f1d ;
		box-shadow: 1px 1px 1px #22201d;
	}
	.img { margin:5px; padding:5px; box-shadow: 0px 0px 10px #000; background:#34312f; background: rgba(255, 255, 255, 0.1);}
	
	.photo-box { margin:5px; padding:5px; box-shadow: 0px 0px 10px #000; background:#34312f; background: rgba(255, 255, 255, 0.1); float:left; }
	
	.sep { width:960px; height:auto; margin:10px 0; padding:20px 0; float:left; display:block; border-bottom:dashed 1px #999; }

/*--------- start content------------------------*/

#content
	{
		width:960px;
		margin:0 auto 50px auto;
		padding:10px 0;
		float:right;
		display:block;
	}
	#content a { color:#d0c6bf; }
	#content a:hover { color:#f18f1d; }


.sous-article 
	{ 
		width:auto; 
		height:auto;
		padding:10px 20px 20px 20px;
		margin:10px;
		float:left;
		color:#FFF;
		font-size:0.8em;
		background: rgb(0, 0, 0);
		background: rgba(255, 255, 255, 0.1);
		-webkit-border-radius: 0 20px;
		-moz-border-radius: 0 20px;
		border-radius: 0 20px;
	}

.liste { list-style:url(img/menu-sep.png); padding:0 15px; }
.liste li { padding: 5px 0; }

	
/*------------- contact---------------------------------------*/
.insc { 
width:280px; 
padding:10px;
background:url(img/bg-cuir.jpg) repeat center;
box-shadow: 0px 0px  30px #000;
border:#eae2dc solid 1px;
}

.form-txt { 
	width:260px; 
	height:20px;
	padding:10px;
	margin:5px 0;
	border-radius: 10px; 
	box-shadow: 0px 2px 10px #2d2a26 inset; 
	background:#504c46; 
	border:1px solid #222;
	color:#aba39e;
}
.form-txt-big { 
	width:260px; 
	padding:10px;
	margin:5px 0;
	border-radius: 10px; 
	box-shadow: 0px 2px 10px #2d2a26 inset; 
	background:#504c46; 
	border:1px solid #222;
	color:#aba39e;
}
.form-select {
	width:220px; 
	height:30px;
	padding:0 10px;
	margin:5px;
	border-radius: 10px; 
	box-shadow: 0px 2px 10px #2d2a26 inset; 
	background:#504c46; 
	border:1px solid #222;
	color:#aba39e;
}
.form-select-small {
	width:70px; 
	height:30px;
	padding:0 10px;
	margin:5px;
	border-radius: 10px; 
	box-shadow: 0px 2px 10px #2d2a26 inset; 
	background:#504c46; 
	border:1px solid #222;
	color:#aba39e;
}

.valid-btn { display:block; width:80px; color:#66615e; margin:5px auto; font-weight:bold; border:none; padding:5px 15px; background:#f18f1d; border-radius: 5px; text-align:center; text-transform:uppercase; box-shadow: 3px 3px 0px #22201d; }
.valid-btn:hover { color:#302d29; background:#9e9792; box-shadow: 1px 1px 0px #22201d; }

		
/*------footer-------*/

#footer
	{
		width:100%;
		height:auto;
		background:url(img/footer-bg.png) repeat-x top left;
		margin:0;
		color:#aba39e;
		float:left;
		font-size:0.8em;
		display:block;
	}
	#footer a{color:#d0c6bf; text-decoration:none;}
	#footer a:hover{color:#fff;}
	.footer-logo { width:207px; height:105px; margin:-78px auto 0 auto; background:url(img/footer-logo.png) no-repeat top center; position:relative; }
.footer-content
	{
		width:960px;
		margin:15px auto;
		height:auto;
		display:block;
	}
	.footer-content li { list-style:square; }
	
	.fb { width:43px; height:42px; display:block; margin:2px; background:url(img/social-ico.png) no-repeat bottom left; float:right; }
		.fb:hover {  background:url(img/social-ico.png) no-repeat bottom right; }
	.tw { width:43px; height:42px; display:block; margin:2px; background:url(img/social-ico.png) no-repeat top left; float:right; }
		.tw:hover {  background:url(img/social-ico.png) no-repeat top right; }