/* Mise en forme générale */
body{
	background-color: #000;
	color: #ccc;
	font-size: 13px;
	font-family: "Lucida", "Lucida Sans", "Arial", sans-serif;
}
#page{
	width: 900px;
	margin: 0 auto;
}
a{
	color: #f9be48;
	text-decoration: none;
}
a:hover, li.selected a{ 
	color: #fff; 
}
.menu li{
	display: inline;
}
img{
	border: 1px solid #f9be48;
}
img.noborder{
	border: none;
}
a img:hover{ 
	border: 1px solid #fff; 
}
/* Mise en forme du haut de page */
#haut div{
	background: url(/images/header01.jpg) no-repeat;
	height: 114px;
}
#haut h1{
	margin: 0;
}
#haut h1 a{
	position: absolute;
	display: block;
	width: 115px;
	height: 123px;
	margin: 20px 0 0 40px;
	background-image: url(/images/logo.png);
}
#haut h1 a span{
	display: none;
}
#haut .menu{
	background-image: url(/images/menu.jpg);
	width: 700px;
	padding: 0 0 0 170px;
	margin: 0;
	float: left;
}
#haut .menu li a{
	display: block;
	float: left;
	line-height: 31px;
	padding: 0 15px;
	background: url(/images/separate.png) no-repeat;
}
#haut .menu li.first a{
	background-image: none;
}

/* Mise en forme du contenu */
#contenu{
	float: left;
	width: 100%;
	padding: 20px 0 70px 0;
	background: url(/images/image01.jpg) no-repeat;
}
#contenu .colonne{
	float: left;
	margin: 0 40px;
	width: 820px;
}
#contenu .colonne.demi{
	width: 370px;
}
#contenu .colonne.un-tiers{
	width: 247px;
}
#contenu .colonne.deux-tiers{
	width: 493px;
}
#contenu .colonne .separateur{
	clear: left;
	width: 820px;
	height: 1px;
	background-image: url(/images/line01.png);
}
#contenu .colonne.demi .separateur{
	width: 364px;
	height: 1px;
	background-image: url(/images/line.png);
}
#contenu .colonne.deux-tiers .separateur{
	width: 493px;
	height: 1px;
	background-image: url(/images/line02.png);
}
#contenu h1{
	margin: 25px 0;
}
#contenu h1 span{
	display: none;
}
#contenu h2{
	color: #f9be48;
	font-size: 17px;
	font-weight: normal;
	margin: 25px 0 0 0;
}
#contenu h2 span{
	color: #ccc;
	font-size: 10px;
}
#contenu h2.home{ 
	margin-left:45px;
}
#contenu h3 a{
	display:block;
	background-image:url(/images/title_we_adapt.png);
	width:233px;
	height:96px;
	margin:20px 0 20px 60px;
}
#contenu h3 a span{
	display:none;
}
#contenu h4{
	color:#f9be48;
	font-size:14px;
	font-weight:normal;
	margin:25px 0 0 0;
}
#contenu p{
	line-height:17px;
	margin:20px 0 0 0;
}
#contenu p.important{
	font-weight:bold;
	margin:30px 0 0 0;
}
#contenu .supp{
	margin:10px 0;
	text-align:center;
}
#contenu .supp a{
	padding:0 20px 0 0;
	background:url(/images/arrows.gif) 100% 75% no-repeat;
}
#contenu .supp a:hover{
	background-image:url(/images/arrows_roll.gif);
}
#contenu .categorie{
	padding:0;
	margin:10px 0 0 0;
	list-style:none;
	color:#f9be48;
	font-size:17px;
}
#contenu .categorie li{
	line-height:30px;
}
#contenu .gauche{
	float:left;
	margin-right:10px;
}

form{
	margin-top:20px;
}
form p{
	float:left;
	width:100%;
	margin:5px 0!important;
}
form p label{
	float:left;
	width:200px;
}

/* contenu spécifique */
#accueil #contenu h1{
	width:360px;
	height:76px;
	background-image:url(/images/title03.png);
}
#contenu h1{
	width:250px;
	height:32px;
	float: left;
}
#clients #contenu h1,
#asia #contenu h1,
#india #contenu h1{ 
	background-image:url(/images/title_worldwide_clients.png); 
	width:331px;
	height:32px;
}
#news #contenu h1{ background-image: url(/images/title_news.png); }
#locations #contenu h1{ background-image: url(/images/title_locations.png); }
#showreel #contenu h1{ background-image: url(/images/title_showreel.png); }
#contact #contenu h1{ background-image: url(/images/title_contact.png); }
#client_login #contenu h1{ background-image: url(/images/title_clients_login.png); }
#legal_mentions #contenu h1{ background-image: url(/images/title_legal.png); }
.news{
	clear:left;
	float:left;
	width:100%;
}
.news img{
	margin:10px 0 0 0;
}
.lgn{
	float: right;
	margin: 30px 10px 0 0;
}
.lgn li{
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	border-left: 1px solid #f9be48;
	font-size: 18px;
}
.lgn li.first{ border: none; }

/* Carte */
#carte{
}
#carte ul{
	height:249px;
	padding:0;
	list-style:none;
	background-image:url(/images/map01.png);
}
#locations #carte ul{
	height:350px;
	background-image:url(/images/map_france01.png);
}
#locations #carte ul li{
	position:absolute;
	display:block;
	cursor:pointer;
	width:100px;
	height:11px;
	background:url(/images/square.gif) 50% 0 no-repeat;
}
#locations #carte ul li:hover{
	background-image:url(/images/square_roll.gif);
	z-index:100;
}
#locations #carte ul li span{
	color:#fff;
	font-size:10px;
	position:absolute;
	text-align:center;
	width:100px;
	display:none;
}
#locations #carte ul li:hover span{
	display:block;
}
#locations #carte ul li.haut span{
	margin-top:-15px;
}
#locations #carte ul li.bas span{ 
	margin-top:15px; 
}
#locations #carte ul li.droite{
	text-align:left;
	background:url(/images/square.gif) 0 0 no-repeat;
}
#locations #carte ul li.droite:hover{ 
	background-image:url(/images/square_roll.gif);
}
#locations #carte ul li.droite span{
	text-align:left;
	margin-left:20px;
}
#locations #carte ul li ul{
	display:none;
	position:absolute;
	border:1px solid #f9be48;
	background-color:#000;
	background-image:none!important;
	width:280px;
	height:auto!important;
	float:left;
}
#locations #carte ul li#corsica ul{
	margin-top: -100px;
	margin-left: -200px;
}
#locations #carte ul li:hover ul{
	display:block;
	z-index:1000;
}
#locations #carte ul li ul li{
	float:left;
	width:80px;
	height:60px;
	margin:5px 0 5px 10px;
	position:static;
	z-index:1000;
}
#locations #carte ul li ul li a{
	float:left;
	display:block;
	z-index:1000;
}



#clients #carte ul li{
	position:absolute;
	display:block;
	cursor:pointer;
	width:20px;
	height:20px;
	background:url(/images/flag_neutre.png) 50% 0 no-repeat;
}
#clients #carte ul li span{
	display:none;
}
#clients #carte ul li#russia{ background:url(/images/flag_russia.png) 50% 0 no-repeat; }
#clients #carte ul li#india{ background:url(/images/flag_india.png) 50% 0 no-repeat; }
#clients #carte ul li#china{ background:url(/images/flag_china.png) 50% 0 no-repeat; }
#clients #carte ul li#hong_kong{ background:url(/images/flag_hongkong.png) 50% 0 no-repeat; }
#clients #carte ul li#japan{ background:url(/images/flag_japan.png) 50% 0 no-repeat; }


/*drapeaux page d'accueil*/
ul.drapeaux{
	margin: 10px 0 0 10px;
	padding: 0;
}
ul.drapeaux li {
	list-style-type:none;
	float: left;
}
ul.drapeaux li a{
	display:block;
	float:left;
	width:28px;
	height:28px;
	margin:10px 0 0 25px;
	background-repeat: no-repeat;
}
ul.drapeaux li span{
	display:block;
	float:left;
	text-align:left;
	color:#ccc;
	margin-top:30px;
}
a.usa{ background-image:url(/images/flag_usa.gif); }
a.india{ background-image:url(/images/flag_india.gif); }
a.china{ background-image:url(/images/flag_china.gif); }
a.hongkong{ background-image:url(/images/flag_hongkong.gif); }	
a.russia{ background-image:url(/images/flag_russia.gif); }
a.japan{ background-image:url(/images/flag_japan.gif); }

/*vignettes*/
.vignettes{
	list-style:none;
	margin:20px 0;
	padding:0;
}
.vignettes li{
	float: left;
	margin:0 5px;
	width: 101px;
	height: 120px;
}
.vignettes li.txt{
	clear: left;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}
.vignettes li img{
	margin:5px 0;
}
.vignettes li span{
	float: left;
	clear: left;
	text-align: center;
	width: 100%;
}
#video{
	margin:30px 0 0 5px;
}

/* Mise en forme du bas de page */
#bas{
	float:left;
	width:100%;
	background:url(/images/footer.jpg) no-repeat;
	padding:50px 0 0 0;
	font-style:normal;
	font-size:10px;
	text-align:center;
}
#bas .menu{
	padding: 0;
}
#bas .menu li a{
	color: #fff;
}
#bas .menu li a:hover{
	color: #f9be48;
}