/***************
 *
 * FONTS
 *
 ***************/
@font-face {
	font-family: 'Gotham-Bold';
	src: url('../fonts/Gotham-Bold.eot?') format('eot'), 
	     url('../fonts/Gotham-Bold.otf')  format('opentype'),
	     url('../fonts/Gotham-Bold.woff') format('woff'), 
	     url('../fonts/Gotham-Bold.ttf')  format('truetype'),
	     url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
}
@font-face {
	font-family: 'Gotham-Book';
	src: url('../fonts/Gotham-Book.eot?') format('eot'), 
	     url('../fonts/Gotham-Book.otf')  format('opentype'),
	     url('../fonts/Gotham-Book.woff') format('woff'), 
	     url('../fonts/Gotham-Book.ttf')  format('truetype'),
	     url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
}
body{min-width: 940px;font-family: 'Gotham-Book';}
.logo{z-index:10;width:70px;height:80px;position:absolute;top:5px;right:20px;background-image: url('../img/logo-ica.png');}
.content-html{width:100%;height: 130px;min-height: 130px;max-height: 130px;position: absolute;bottom: 0px;left: 0px;z-index: 60;}
.container{max-width: 1024px;}
.navigation{height: 31px;background: #a7c0cc;width: 100%;position: absolute;bottom: -31px;right: 0px;border-radius: 400px 0px 0px 0px;}
.navigation a{line-height: 31px;color:#ffffff;text-transform: uppercase;margin: 0px 15px;font-size: 12px;}
.navigation a.sitelink{text-transform: none;font-size: 12px;margin-left: 30px;}
#slider{height: 565px;}
#nav-bx-pager{position: absolute;bottom: 0px;right: 0px;}
#log input[type="submit"]{width: 25px;height: 25px;font-size: 12px;border-radius: 25px;border: none;padding: 0px;background: white;font-weight: bold;color: #586576;}
#log input[name="password"]{height: 18px;width: 170px;font-size: 12px;color: #586576;font-weight: bold;border-radius: 2px;border: none;box-shadow: 0px 0px 8px white;padding-left: 8px;margin-left: 5px;}
.blockform{height: 70px;width: 355px;background: #586576;border-radius: 0px 35px 35px 0px;padding-left: 50px;}
.blockform p{margin: 0px;color: white;}
.blockform a{color: white;display: block;padding-top: 20px;}
#accueil{position: absolute;top: 20px;width: 400px;padding: 0 50px;font-size: 9px;line-height: 14px;}
#accueil h1{font-size: 24px;color: #586576;font-family: Gotham-Bold;}
#accueil h2{font-size: 14px;margin-top: 0px;color: #586576;font-weight: normal;text-transform: uppercase;}
#accueil h3{font-size: 12px;margin-top: 0px;color: #586576;}
#accueil p{text-align:justify;margin-right:25px;}
#description{position: absolute;top: 20px;width: 400px;padding: 0 50px;font-size: 9px;line-height: 14px;}
#description h1{font-size: 24px;color: #586576;font-family: Gotham-Bold;}
#description p{text-align:justify;margin-right:25px;}
#situationGeo{position: absolute;top: 20px;width: 400px;padding: 0 50px;font-size: 9px;line-height: 14px;}
#situationGeo h1{font-size: 24px;color: #586576;font-family: Gotham-Bold;}
#liens_utiles{position: absolute;top:50px;}
#liens_utiles li{margin-bottom: 10px;list-style: none;padding-left: 15px;}
#liens_utiles a{font-size: 16px;font-weight: bold;color: black;}
.bxslider, .visu-bxslider{padding: 0px;}
#contact{color:#586576;}
#contact label{font-size: 12px;}
#contact input{padding: 0 6px;height: 20px;}
#contact .form-group{margin-bottom: 5px;}
#contact textarea{resize:none;height: 80px;}
#contact button[type="submit"]{padding: 0px;border-radius: 2px;background-color: #586576;}

#nav-button ul{list-style: none;}
#nav-button li{display:block;width:160px;float:left;}
#nav-button a{width:28px;display:block;margin:auto;}
#nav-button p{margin:0px;font-size:10px;text-align: center;font-weight: bold;color: #586576;margin-top: 2px;letter-spacing: -1px;}

#loiduflot h1, #loiduflot h2{color: #586576;}

#visu-slider{width: 620px;
height: 440px;
position: absolute;
top: 60px;
right: 0px;}

.visu-bxslider li{
	height: 440px !important;
	width: 620px !important;
}

#visu-bx-pager{width: 320px;
position: absolute;
top: 90px;}
#visu-bx-pager a{display: block;
height: 70px;
width: 320px;
background: #586576;
border-radius: 0px 35px 35px 0px;
padding-left: 50px;
padding-top: 25px;
margin-bottom: 50px;}
#visu-bx-pager a:hover{text-decoration:none;}
#visu-bx-pager a:before{
	content: url('../img/puce.jpg');
	position: absolute;
	left: 15px;
}
#visu-bx-pager a.active:before{
	content: url('../img/puce_active.jpg');
	position: absolute;
	left: 15px;
}
#visu-bx-pager p.visu-title{font-size: 16px;
color: white;
line-height: 18px;
width:100px;
float: left;}
#visu-bx-pager p.doubleline{margin-top: -8px;}
#visu-bx-pager img{float: right;
margin-right: 30px;
margin-top: -35px;}