@charset "utf-8";
/* CSS Document */
html,body
{
}

@font-face
{
font-family: MyriadPro;
src: url(images/MyriadPro-Cond.otf);
}

@font-face
{
font-family: MyriadPro;
src: url(images/MyriadPro-BoldCond.otf);
font-weight:bold;
}

@font-face
{
font-family: MyriadPro;
src: url(images/MyriadPro-CondIt.otf);
font-style:italic;
}

a{
	text-decoration:none;
	color:#036;
}

#load{
font-family: MyriadPro;
color:#FFF;
position:absolute;
top:50%;
left:50%;
margin-top:-16px;
margin-left:-16px;
z-index:20;
}

#background
{
background:linear-gradient(to bottom, #29292a,#3e3e3f) no-repeat center center;
/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

#logo
{
	position:fixed;
	bottom:0px;
	right:0px;
	background:url(images/Gval_logo.png);
	width:60px;
	height:60px;
	cursor:pointer;
	opacity:.15;
}

#logo:hover
{
opacity:1
}

#logoHome
{
	position:fixed;
	bottom:0px;
	left:0px;
	background:url(images/Gval_Home.png);
	width:60px;
	height:60px;
	cursor:pointer;
	opacity:.15;
}

#logoHome:hover
{
opacity:1
}

.clear {
  clear: both;
  }

#ombre
{
	background:url(images/ombre.png);
	width:1152px;
	height:100px;
}

.map {
	height: 157px;
	width: 276px;
	background:#000;
}

.wrapall{
clear:both;
width:1160px;
height:720px;
top:50%;
left:50%;
margin-left:-580px;
margin-top:-360px;
position:absolute;
overflow:hidden;
}

.content {
    position:relative;
}

#centrage
{
 width:1152px;
 margin:auto;
}

#head_slider
{
	height:540px;
	width:1152px;
	margin: 0 auto;
	position:absolute;
	opacity:0;
}

#progressbar
{
	background:#292929;
	position:absolute;
	height:5px;
	width:960px;
	margin-left:96px;
}

#progressbar div
{
	height:100%;
	color: #fff;
	text-align:center;
	line-height:22px;
	width:0px;
	background-color:#3c80e2;
	position:absolute;
}

#fleche_gauche
{
	background:url(images/nav.png) no-repeat left top;
	float:left;
	height:306px;
	width:93px;
	margin-top:110px;
}

#fleche_gauche:hover
{
	background:url(images/nav.png) no-repeat left bottom;
	height:306px;
	width:93px;
}


#fleche_droite
{
	background:url(images/nav.png) no-repeat right top;
	float:right;
	height:306px;
	width:93px;
	margin-top:110px;
}

#fleche_droite:hover
{
	background:url(images/nav.png) no-repeat right bottom;
	height:306px;
	width:93px;
}

#navV
{
	margin-top:-90px;
	margin-left:95px;
	width:100px;
	height:20px;
}

#navH
{
display:block;
position:relative;
margin-left:-18px;
z-index: 2;
float: left;
}

#fleche_top
{
	background:url(images/nav_V.png) no-repeat left top;
	height:20px;
	width:50px;
	margin-left:60px;
}

#fleche_top:hover
{
	background:url(images/nav_V.png) no-repeat left bottom;
	height:20px;
	width:48px;
}

#fleche_down
{
	background:url(images/nav_V.png) no-repeat right top;
	height:20px;
	width:48px;
	float:left;
}

#fleche_down:hover
{
	background:url(images/nav_V.png) no-repeat right bottom;
	height:20px;
	width:50px;
}

#head_slider_content_list
{
	height:540px;
	width:960px;
	margin:auto;
	overflow:hidden;
}

#head_slider_content
{
	float:left;
	height:540px;
	width:10000px;
}

#menu
{
	width:1152px;
	height:80px;
}

#menu ul{
	pading:0;
	margin:0;
	list-style-type:none;
}

#menu li{
	display:inline-block;
	margin-top:50px;
}
#MainNav{
float:right;
margin-right:98px;
margin-top:-20px;
}
ul li a.menu
{
	font-family:Tahoma, Geneva, sans-serif;
	width:auto;
	list-style:none;
	text-decoration:none;
	text-decoration:none;
	color:#CCC;
	padding:20px;
	border-radius: 4px;
}



ul li a.activeMenu
{
	background:#3C80E2;
	opacity:.25;
}

div.slide
{
	float:left;
}

ul li a.menu :hover
{
	color:#CCC;
	background:#3C80E2;
}

/*-------------BOUTON-------------------*/
#btn_slide
{
	position:relative;
	height:40px;
	width:250px;
	margin-top:30px;
	margin-left:98px;
}
#btn_detail
{
	position:absolute;
	margin-left:98px;
}
div.btn_zero{
background:#09C;
}

div.btn_js
{
	display:inline-block;
	border-radius:10px;
	width:10px;
	height:10px;
	background:#3c80e2;
	margin-left:20px;
	margin-top:20px;
}

div.btn_detail
{
	width:10px;
	height:10px;
	background:#7AAC2C;
	border-radius:10px;
	margin-left:20px;
}

div.btn_detail:hover
{
	width:10px;
	height:10px;
	background:#FFF;
	margin-left:20px;
	opacity:.5;
}

div.detailActive
{
	width:10px;
	height:10px;
	background:#FFF;
	margin-left:20px;
}

div.btn_js:hover
{
	background:#CCC;
	opacity:1;
}

div.btn_jsactive
{
	display:inline-block;
	width:10px;
	height:10px;
	background:#FFF;
	margin-left:20px;
	margin-top:20px;
	opacity:1;
}

/*-------------PHP-------------------*/
/*----Former----*/
/*----concevoir----*/
/*----historique----*/
/*----contact----*/
div.contactdetail
{
	background:url(images/HistoriqueBck.jpg);
	width:960px;
	height:540px;
}
div.contact
{
	height:auto;
	display:block;
	float:left;
}

div.contact ul
{
	clear:both;
	display:block;
	padding: 20px 20px 20px 20px;
	margin-left:60px;
	margin-top:65px;
	background: linear-gradient(to bottom, #fff,rgba( 255, 255, 255, 0.8)) no-repeat center center;
	line-height:19px;
	text-align:start;
	border-radius: 10px; 
	font-size: 15px;
}

div.contact ul li
{
 font-family: MyriadPro, Arial, Helvetica, sans-serif; 
}

.allcontact{
	position:relative;
	float:right;
	width:400px;
	height:540px;
	margin-right:50px;
}

.allcontact ul{
margin-right:40px;
margin-top:-5px;
}

.allcontact ul li{
	display:block;
	padding:10px 10px 10px 10px;
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size:16px;
	background:linear-gradient(to bottom, #fff,rgba( 255, 255, 255, 0.8)) no-repeat center center;
	width:380px;
	border-radius:10px;
	margin-top:10px;
	box-shadow:0px 0px 20px #3C80E2;
}

div.bloc_text{
	font-family: MyriadPro;
	font-size: 17px;
}