/*CSS RESET*/
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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,output,section,summary{display:block}

meter,progress,mark,time{display:inline}

ol,ul {list-style:none}

blockquote,q{	quotes:none}

html,body{height:100%}

img {
	border:0;
	vertical-align:top;
	text-align:left;
}

object{
	vertical-align:top;
	outline:none;
}

table,table td{
	padding:0;
	border:none;
	border-collapse:collapse;
}

input,select,textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	margin:0;
	padding:0;
}

textarea{overflow:auto}

/*GLOBAL*/
html{min-width:980px}

#background{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:0;
}

.bgwidth {width:100%}
.bgheight {height:100%}

body{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	color:#000;
	overflow:hidden;
}

#glob{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	min-width:980px;
}

#main_wrap{
	position:absolute;
	left:50%;
	top:47px;
	margin-left:-490px;
	width:980px;
}

#gspinner{
	width:100%;
	height:100%;
	position:absolute;
	z-index:999;
	left:0;
	top:0;
	background:#fff url(../images/ajax-loader-glob.gif) center center no-repeat;
}

/*ELEMENTS*/
a {
	color:#1e90ff;
	outline:none;
}

a:hover{text-decoration:none}

p,.blo{
	line-height:18px;
	margin-bottom:18px;
}

.p1{margin-bottom:14px}

/*header*/
h1{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

.slogan{
	width:305px;
	height:20px;
	font:700 20px/1.2em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	right:15px;
	top:287px;
}

nav{
	width:978px;
	height:207px;
	background:url(../images/nav-bg.png) no-repeat;
	position:absolute;
	top:330px;
	left:1px;
	z-index:1;
}

nav .area-map{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

nav ul{
	position:relative;
	z-index:1;
}

nav ul li a{
	width:284px;
	height:152px;
	position:absolute;
	display:block;
	top:8px;
	text-decoration:none;
	text-transform:uppercase;
	font:22px/152px Arial, Helvetica, sans-serif;
	padding-top:40px;
	text-align:center;
	color:#fff;
}

nav ul li.itm1 a{left:6px}

nav ul li.itm2 a{left:177px}

nav ul li.itm3 a{left:347px}

nav ul li.itm4 a{left:517px}

nav ul li.itm5 a{left:687px}

nav ul li.itm2 a,nav ul li.itm4 a{
	padding-top:0;
	padding-bottom:40px;
}

.hoverIn,.hoverOut{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}

nav a .hoverIn{background:url(../images/nav-sprite.png) 0 100% no-repeat}

nav ul li.itm2 a .hoverIn,nav ul li.itm4 a .hoverIn{background:url(../images/nav-sprite.png) 100% 100% no-repeat}

nav a .hoverOut{background:url(../images/nav-sprite.png) 0 0 no-repeat}

nav ul li.itm2 a .hoverOut,nav ul li.itm4 a .hoverOut{background:url(../images/nav-sprite.png) 100% 0 no-repeat}

/*#content*/
#content{
	width:978px;
	height:377px;
	overflow:hidden;
	position:absolute;
	overflow:hidden;
	display:block;
	z-index:1;
	top:491px;
	left:1px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#c8c8c8;
}

#content>img{
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
}

#content ul.content{
	display:block;
	overflow:hidden;
	position:relative;
}

.inner{
	padding:32px 50px;
	width:878px;
}

h2{
	font:32px/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:27px;
}

/*footer*/
footer{
	width:978px;
	height:56px;
	position:absolute;
	left:1px;
	top:-2000px;/*1892px;*/
	background:url(../images/footer-bg.png) no-repeat;
}

footer pre.privacy{
	font:italic 13px/56px Arial, Helvetica, sans-serif;
	color:#fff;
	padding-left:40px;
}

/*forms css*/
#form1 input,#form1 textarea{
	width:225px;
	border:1px solid #4f4d4d;
	background:#2e2c2b;
	color:#c8c8c8;
	padding:2px 0;
	margin-left:8px;
}

#form1 textarea{
	height:70px;
	overflow:auto;
	resize:none;
}

#form1 .fields{
	width:300px;
	float:left;
	margin-right:40px;
}

#form1 label{
	margin-bottom:19px;
	float:left;
	line-height:18px;
}

.fl{
	float:left;
	width:65px;
}

#form1 .btns{float:right}

#form1 .btns a{
	margin-left:20px;
	cursor:pointer;
}

.response{
	display:none;
	width:300px;
	text-align:center;
	font-size:14px;
}

.response .button{cursor:pointer}

/*js css*/
#accueil .col-2 .pags{
	margin-left:12px;
	float:left;
}

.gallery-1{
	position:relative;
	z-index:1;
}

.gallery-1 .pags a{
	width:44px;
	height:44px;
	display:block;
	margin-bottom:4px;
	text-align:center;
	font:bold 18px/44px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background:url(../images/pags.png) 0 100% no-repeat;
}

.gallery-1 .pags a:hover,.gallery-1 .pags .active a{background-position:0 0}

.gallery-1 .pic{
	float:left;
	width:460px;
	height:253px;
	position:relative;
}

.gallery-1 .pic img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

.gallery-1 .spin{
	width:100%;
	height:100%;
	position:absolute;
	z-index:3;
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

.bgSpinner{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background:url(../images/ajax-loader.gif) 50% 95% no-repeat;
}

.popups{display:none}

#readmore{
	background:none;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#c8c8c8;
}

/*additional classes*/
.blue{color:#1e90ff}

.gold{color:#ffd700}

.fnone,.fn{float:none}

.col-1,.col-2,.col-3,.fleft{float:left}

.alignleft,.all{text-align:left}

.alignright,.alr,.fright,.fr{text-align:right}

.aligncenter,.alc{text-align:center}

.wrapper{
	width:100%;
	overflow:hidden;
}

a.und,.und a{text-decoration:none}

a.und:hover,.und a:hover{text-decoration:underline}

.nocolor, .nocolor a{color:inherit}

.upc{text-transform:uppercase}

.extra-wrap{overflow:hidden}

.nopad{padding:0}

.nomar{margin:0}

.clear{
	clear:both;
	line-height:0;
}

.bold{font-weight:bold}

/*custom boxes*/
.border-bottom{
	padding-bottom:28px;
	margin-bottom:28px;
	background:url(../images/gborder.png) bottom repeat-x;
	overflow:hidden;
}

.button{
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	background:url(../images/button-sprite.png);
	display:inline-block;
	padding:0 21px;
	margin-top:9px;
}

.list a{
	line-height:22px;
	background:url(../images/marker1.png) left center no-repeat;
	padding-left:12px;
}

dl.address {
	padding-left:10px;
	padding-top:10px;
}

dl.address dt{
	font-size:20px;
	white-space:nowrap;
}

dl.address dd{
	text-align:left;
	clear:both;
}

#sitemeter {
	height:0px;
	width:0px;
	overflow:hidden;
}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd,dl.img-box-inv,dl.img-box-inv dd{overflow:hidden}

dl.img-box dt,.img-box-set dl dt{
	float:left; 
	margin-right:20px;
}

dl.img-box-inv dt{
	float:right; 
	margin-right:20px;
}

/*gallery*/
#images-container{
	height:240px;
	width:760px;
	float:left;
}
 
#images-container #images-mask{
	height:240px;
	width:760px;
	overflow:hidden;
}
 
#images-container #images-mask img{
	width:250px;
	height:240px;
}
 
.flechas{
	height:240px;
	width:50px;
	overflow:hidden;
	background:none repeat scroll 0 0 transparent;
	float:left;
}

.flechas a{
	width:44px;
	height:44px;
	display:block;
	margin-left:3px;
	margin-top:100px;
	text-align:center;
	font:bold 18px/44px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background:url(../images/pags.png) 0 100% no-repeat;
}
 
.flechas a:hover{background-position:0 0}