@charset "utf-8";

html {font-size: 62.5%;}
body {background-color: #fff;color: #666666;font-family: "Century Gothic", helvetica, arial, sans-serif;font-size: 1.4em; /* equiv 14px */line-height: 1.5; /* adapt to your design */}

/* soft reset */
html,
body,
label,
h1,h2,h3,h4,h5,h6,
div {margin: 0;padding: 0;}
ul,
ol {padding-left: 30px;}
code,
pre,
samp {white-space: pre-wrap;font-family: consolas, 'DejaVu Sans Mono', courier, monospace;}
code { line-height: 1em; }
table { margin-bottom: 21px; }
.m-reset { margin: 0 !important; }
.p-reset { padding: 0 !important; }

/* avoid collapsing margins on headings */
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {margin-top: 0;}

/* avoid margins on nested elements */
li p,
li ul,
li ol {margin-top: 0;margin-bottom: 0;}

/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, object, video {max-width: 100%;height: auto;}

/* you shall not pass */
textarea, table, td, th, code, pre, samp, div, p {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/* pictures */
img {width: auto;vertical-align: middle;}
a img { border: 0; }

a {
	text-decoration:none;
	font-size:1.2em;
	color:#666;
	/* Fonctionne déjà sur webkit */
	-webkit-transition-property: color;
		-webkit-transition-duration: 1s;
	/* Bientôt supporté par Firefox */
	-moz-transition-property: color;
		-moz-transition-duration: 1s;
	/* … et lorsque ce sera standardisé */
	transition-property: color;
	transition-duration: 0.5s;
}

p{text-align:justify;}

p.forget{
	float:left;
	padding:0;
	margin:0;
	line-height:33px;
	margin-left:10px;
	cursor:pointer;
}

p.presentation{
	text-align:center;
}

/*** GLOBAL ***/

.clear {
	clear: both;
	font-size: 0%;
	height: 0px;
}

.bloc_1{
	width:90%;
	padding:5%;
}

.bloc_2{
	width:40%;
	padding:2.5%;
}

.bloc_3{
	width:30.3333333%;
	padding:1.5%;
}


.float_left{
	float:left;
}

.float_right{
	float:left;
}

.radius_top_left{
	border-top-left-radius : 10px;
	-moz-border-radius-topleft : 10px;
	-webkit-border-top-left-radius : 10px;
}

.radius_bottom_left{
	border-bottom-left-radius : 10px;
	-moz-border-radius-bottomleft : 10px;
	-webkit-border-bottom-left-radius : 10px;
}

.radius_top_right{
	border-top-right-radius : 10px;
	-moz-border-radius-topright : 10px;
	-webkit-border-top-right-radius : 10px;
}

.radius_bottom_right{
	border-bottom-right-radius : 10px;
	-moz-border-radius-bottomright : 10px;
	-webkit-border-bottom-right-radius : 10px;
}

.box_shadow{
	-webkit-box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.5);
			box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}

.padding_10{
	padding-top:10%;
}

.padding_15{
	padding-top:15%;
}

.padding_20{
	padding-top:20%;
}

/*** DEBUT TYPO ***/
/*@font-face {
	font-family: 'HNLight';
	src: url('../font/helveticaneueltstd-lt-webfont.eot');
	src: url('../font/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'), url('../font/helveticaneueltstd-lt-webfont.woff') format('woff'), url('../font/helveticaneueltstd-lt-webfont.ttf') format('truetype'), url('../font/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/*** FIN TYPO ***/


/*** FIN TYPO ***/
/*** DEBUT ENTETE ***/

#top {
	margin-top:20px;
	padding: 5px 10px 5px 10px;
	color:#666;
	font-size:1.25em;
}

#header {
	width: 100%;
	margin: auto;
	position: relative;
	height:auto;
	text-align:center;
	background:#fff;
}

#head {
	width: 100%;
	padding: 10px 0 10px 0;
	margin: auto;
	position: relative;
	background:#fff;
	/*border-bottom:solid 2px #f5f5f5;*/
	text-align:center;
}

#head #bg_left,
#head #bg_right{
	width:100px;
	height:138px;
	position:absolute;
	top:0px;
	z-index:1;
}

#head #bg_left{
	background:url('images/head-left.png') left top repeat-y;
	left:0px;
}

#head #bg_right{
	background:url('images/head-right.png') left top repeat-y;
	right:0px;
}

.border-line{
	background: #a3a2a2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhM2EyYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #a3a2a2 0%, #e8e8e8 45%, #e8e8e8 55%, #a3a2a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a2a2), color-stop(45%,#e8e8e8), color-stop(55%,#e8e8e8), color-stop(100%,#a3a2a2));
	background: -webkit-linear-gradient(top,  #a3a2a2 0%,#e8e8e8 45%,#e8e8e8 55%,#a3a2a2 100%);
	background: -o-linear-gradient(top,  #a3a2a2 0%,#e8e8e8 45%,#e8e8e8 55%,#a3a2a2 100%);
	background: -ms-linear-gradient(top,  #a3a2a2 0%,#e8e8e8 45%,#e8e8e8 55%,#a3a2a2 100%);
	background: linear-gradient(to bottom,  #a3a2a2 0%,#e8e8e8 45%,#e8e8e8 55%,#a3a2a2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a2a2', endColorstr='#a3a2a2',GradientType=0 );
	width:97%;
	height:1px;
	margin:auto;
	margin-bottom:8px;
}

#header .border-line{
	width:100%;
	height:2px;
	position:relative;
	z-index:1;
	margin-bottom:0;
}

#content .border-line{
	position:absolute;
	z-index:3;
	bottom:45px;
	left:50%;
	margin-left:-470px;
  width: 98%;
}

#logo:hover {
	text-decoration: none;
}

#logo span {
	visibility: hidden;
	border: 0px none;
	position:absolute;
	z-index:2;
}

#logo a {
	text-decoration: none;
	position:absolute;
	z-index:2;
}

#logo img{max-width:100%;}

#navigation {
	background-color: #000;
	width: 100%;
	height: auto;
	padding:10px 0;
	position:relative;
	z-index:1;
	margin:auto;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
}

#navigation ul {
	width: 90%;
	padding: 0 0 0 16px;
	margin: 0 auto;
}

#navigation ul li {
	list-style: none;
	width: auto;
	text-align: center;
	height: 100%;
	display:inline-block;
	margin:0;
	background:url('images/menu-icone-inverted.png') left center no-repeat;
	padding:0 38px 0 35px;
	height:25px;
	line-height:25px;

}

#navigation ul li a {
	color:#fff;
	font-size:1.1em;
}

#navigation ul li a:hover {
	color:#E17E00;
}

#navigation ul li.no_border a {
	border:none;
}


#navigation ul li.menu_current a {
	color:#E17E00;
}



/*** FIN ENTETE ***/
/*** DEBUT CORPS ***/

#wait {
	width:100%;
	height:100%;
	position:absolute;
	/*background:#666;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	text-align: center;
}

#wait img {
	padding-top:25%;
}



#main{
	width: 960px;
	margin: auto;
}

#content, #top {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	z-index:2;
	position:relative;
}

#content{
	width: 100%;
	padding: 30px 10px 40px 10px;
	margin-bottom:15px;
	min-height:500px;
}



.content{
	width:97%;
	margin:auto;
}

#content h1{
	background:url('images/menu-icone.png') right center no-repeat;
	color:#7F7F7F;
	height:30px;
	line-height:30px;
	width:auto;
	padding:10px 35px 10px 0;
	margin:auto;
	display:inline-block;
}

#content h2{
	background:url('images/menu-icone.png') right center no-repeat;
	color:#7F7F7F;
	font-size:1.75em;
	height:25px;
	line-height:25px;
	width:auto;
	padding:10px 35px 10px 0;
	margin:auto;
	display:inline-block;
}

.bloc_3 img {
	padding-top:10px;
}

/*** FIN CORPS ***/

/*********************
DEBUT GENERAL
**********************/

.fancyblock{
	width:75%;
	padding:5%;
	margin:auto;
	text-align:center;
}

.fancyblock h2 {
	text-transform:uppercase;
}

.fancyblock table{
	text-align:justify;
}

.fancyblock table td {
	vertical-align:top;
	padding:10px 0px;
}

/*******************
FIN GENERAL
********************/

/*** INPUT TYPE FILE ***/
.file-wrapper {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	float:left;
}

.file-wrapper input {
	cursor: pointer;
	font-size: 100px;
	height: 100%;
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.file-wrapper .button {
	background: #A8A8A7;
	color: #fff;
	display: inline-block;
	margin-right: 5px;
	padding: 4px 18px;
	text-transform: uppercase;
	font-family:"century gothic", arial, verdana, sans-serif;
	cursor: pointer;
}

/*** FORMULAIRE ***/

span.radio{
	float:left;
	padding:0 10px;
	line-height:27px;
	display:block;
}

span.error{
	font-size:0.85em;
	color:#C31719;
	float:left;
}

p.error{
	text-align:center;
}

input, select, textarea{
	float:left;
	-webkit-transition: border 0.5s;
	   -moz-transition: border 0.5s;
			transition: border 0.5s;
	border:solid 1px #666;
	padding:5px;
	height:20px;
	width:50%;
}

textarea {
	height:150px;
}

input.cp {
	margin-right:2.8%;
	width:10%;
}

input.ville, select.ville{
	width:35%;
}

select {
	height:32px;
}

input:focus, textarea:focus,
input:hover, textarea:hover {
	border:solid 1px #E17E00;
}


.loader{
	float:left;
	width:auto;
	text-align:center;
	padding-top:3px;
}

/*** DEBUT FOOTER ***/

#footer{
	padding-bottom:10px;
	position:absolute;
	bottom:0px;
	text-align:center;
	width:960px;
}

#footer_ref {
	width:960px;
	margin:auto;
	margin-bottom:30px;
}


#footer_ref ul {
	float:left;
	width:15%;
	border-left:solid 1px #666;
	padding-right:1.5%;
	margin:0;
}

#footer_ref ul.first {
	border-left:none;
}

#footer_ref ul li{
	list-style:none;
	font-size:0.75em;
	text-align:left;
	padding:0;
	margin:0;
	color: #666;
}

/*** FIN FOOTER ***/

@media screen and (max-width: 959px) {
	#main,#footer,#footer_ref{width:100%;min-width:480px;}
	#content,#top{width:95%;min-width:456px;}
	#footer_ref * {font-size:.75em}
	#footer * {font-size:.9em}
	#bg_left,
	#bg_right,
	.border-line{display:none;}
	.bloc_3 h2{font-size:.85em;}
}