@import url('reset.css');

@font-face {
	font-family: 'TeXGyreHerosRegular';
	src: url('../fonts/texgyreheros-regular-webfont.eot');
	src: local('☺'), url('../fonts/texgyreheros-regular-webfont.woff') format('woff'), url('../fonts/texgyreheros-regular-webfont.ttf') format('truetype'), url('../fonts/texgyreheros-regular-webfont.svg#webfontX5uda8bL') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-size:10px;
	font-family:'TeXGyreHerosRegular', Helvetica, Verdana, Arial, sans-serif;
}

a {
	text-decoration:none;
	color: #222;
}
a:hover {
	color: #CD7427;
}

a:active {
	position:relative;
	top:1px;
	outline:none;
}
sup { line-height: 0; position: relative; top: 0.8em; vertical-align: text-top; }

em { font-style: normal !important; }

#content p, #content ul, #content dl {
	font-size:16px;
	color:#87888a;
	text-align:justify;
	margin:1em 3.5em;
	line-height: 1.4em;
}

#content p:hover em, #content p:hover sup, #content h6:hover em { color: #b15b06; }

#content p span.normes {
	display: none;
	color: #b15b06;
}

#content p:hover span.normes {
	display: inline;
}

h1 {
	position:absolute;
	padding:7.5em 0 0 5em ;
	z-index: 10;
}

h2,h3,h4 {
	font-size:30px;
	color:#87888a;
	margin:0 1.8em 0;
}
h2 { color: #cd7427; margin-bottom: -.2em; line-height: 1em; }

h3 {
	margin:0 1em;
	line-height: 1.1em;
	font-size: 24px;
}
h3:hover {
	color: #cd7427;
}

h4 {
	font-size: 27px;
	margin:0.8em 2.1em -0.5em;
}

h4.avantages { color: #cd7427; }

h5 {
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	margin: 0 0 0.5em 0;
}

h6 {
	font-size: 18px;
	color: #666;
	line-height: 1.5em;
	margin: 1em 3.1em 0;
	width: auto; /* à cause de IE de marde qui veut pas flotter avec un width */
/* 	width: 80%; */
}
h6.rbq {
	margin: 0.7em 3.1em -.4em;
}

dl {
	margin:0 5em;
}

dt {
	font-size:18px;
	color:#282828;
	background:#fff;
	line-height: 1.4em;
	padding:0 0 0 .3em;
}

dd {
	font-size:14px;
	color:#87888a;
	line-height:1.2em;
	padding:0 0 0.4em .4em;
	background: rgba(0, 0, 0, 0.008);
}

dd:hover { color: black; }

ul, #carroussel, .menu {
	list-style:none;
	position:relative;
}
#infos {
	background: #5d5d5d url(/images/coin-haut.png) top left no-repeat;
	border-bottom: 1px solid white;
	overflow: hidden;
}

#address {
	text-align: right;
	float: right;
	font-size:13px;
	color: white;
	padding: 1em 1em 0;
	line-height: 1em;	
}
#infos .rbq { font-size: 10px; position: absolute; left: 1em; color: #aaa; }
#infos .mail-address { color: white; }
#infos .mail-address:hover { color: #cd7427; }
#infos ul {
	float:right;
}

#infos li {
	float:left;
	background: #4b4b4b;
	border-left: 1px solid white;
	
}

#infos li:first-child {
	background: #ce732b;
}

#infos li:last-child {
	background: #797979;
}

#infos ul a {
	font-size:13px;
	display:block;
	text-transform: uppercase;
	padding:1.7em 0.8em .5em;
	color: white;
}
#infos ul a:hover {
	background: rgba(0, 0, 0, .2);
}

#carroussel {
	width:96em;
	height:50em;
	padding:0 0 0 50%;
	margin:0 0 0 -48em;
	position:absolute;
	top:0;
	z-index:-1;
}

#header {
	width:96em;
	height:50em;
	margin:0 auto;
	position:relative;
	top:0;
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.6);
	   -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.6);
		 -o-box-shadow:inset 0 0 10px rgba(0,0,0,0.6);
			box-shadow:inset 0 0 10px rgba(0,0,0,0.6);
}

#header p { 
	color: #bebebe;
	position: absolute;
	text-align: right;
	font-size: 10px;
	bottom: 1.8em;
	right: 0.5em;
	line-height: 1.1em;
}

#header p.sprat {
	right: 23em;
	width: 50em;
}
#header p.sprat img {
	margin-top: -1.6em;
}
#header p.petzl img {
	margin-top: -0.2em;
}
#header p.petzl {
	bottom: 1em;
}

#header p img {
	margin: 0 1em;
	float: right;
	vertical-align: text-bottom;
}
#header p strong {
	font-weight: normal;
	font-size: 13px;
}

#primary {
	width:100%;
	height: 22em;
	padding-top: 23em;
	position:absolute;
	background:rgba(70,70,70,0.75);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#95464646,endColorstr=#95464646); 
}

#primary li {
	padding:0 0 0 5em;
}

#primary li:hover {


}

#primary a {
	line-height:1.2em;
	color:#fff;
	font-size:35px;
	width:100%;
	white-space:nowrap;
	display:block;
}

#primary a:visited {
	color:#cfd3cb;
}

#primary a:hover {
	color:#cd7427;
	position: relative;
}

#content {
	width:92em;
	padding:3em 2em 3em;
	margin:1px auto;
	background:#fafafa;
	overflow: hidden;
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
	   -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
		 -o-box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
			box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
}
#content ul.multi {
	overflow: hidden;
    -webkit-column-count: 2;  
  	   -moz-column-count: 2;  
    		column-count: 2;  
     -webkit-column-gap: 0;  
     	-moz-column-gap: 0;  
     		 column-gap: 0; 
}
#content ul.multi li {
	font-size: 14.5px;
	padding: 0 0.6em;
}


#content ul.multi li:nth-child(odd) {
	background: rgba(0, 0, 0, 0.01)
}
#content ul.multi li:nth-child(even) {
	background: rgba(255, 255, 255, 1)
}
#content ul.multi li:nth-child(odd):last-child:after {
	content: '.';
	background: rgba(255, 255, 255, 1);
	display: block;
	padding: 0 0.6em 0;
	width: 100%;
	margin-left: -0.6em;
	color: white;
}
#content ul.avantages li {
	color: #D68F50;
	float: none;
	font-size: 20px;
	padding: 0 0 0.3em 0.35em;
	background: none;
	text-indent: -0.35em;
}
#content ul.avantages li:before { 
	content: "•";
	font-size: 9px;
	margin-right: 0.4em;
	line-height: 2.5em;
	vertical-align: top;
	display: inline
}

iframe {
	margin: 2.6em 20px 0.3em 5.6em;
	float: left;
	border: 1px solid rgba(0,0,0,0.3);
}
#content p.adresse { margin-top:1.2em; clear: left; float: left; width: 381px; margin-right: 20px; color: #cd7427; font-size: 13px; padding-left: 0.6em; line-height: 1.7em;  }
#content p.adresse span { color: #ddd; vertical-align: top; }

#footer {
	width:96em;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	margin-top:1px;
}

#footer > div {
	background:#4C4C4C;
	padding:1.5em 2em;
	height:11em;
	float:left;
}

#footer > div:hover {
	background-color:#2F2C2C;
}

#footer #copyright {
	font-size: 10px;
	text-align: right;
	line-height: 1em;
	color: gray;
	clear: both;
	padding: 0.3em 3.2em 0.5em 0;
}

#footer p {
	font-size:14px;
	color:#fff;
	margin-bottom:1em;
	line-height: 1.2em;
}
#footer p a {
	font-size: 14px;
	line-height: 1.2em;
}
#footer a {
	color: gray;
	font-size: 13px;
	line-height: 1em;
}
#footer a:hover {
	color: #CD7427;
}

#footer select {
	width:100%;
	background: white;
	color: gray;
	margin-top: 0.4em;
}

#press {
	width:37.9em;
	margin-right:1px;
}

#links {
	width:26.9em;
	margin-right:1px;
}

#footer #sponsors {
	width:19em;
	background: #4C4C4C url(/images/coin-bas.png) bottom right no-repeat;
}
#footer #sponsors:hover {
	background: #2F2C2C url(/images/coin-bas.png) bottom right no-repeat;
}