﻿@charset "utf-8";
/* CSS Document */

body{
	font-family:arial;
	font-size:12px;
	color:#a5a5a5;
/* 	background:#23282b url(../img/background.jpg) top center no-repeat; */
	background:#32393d;
}

#tooltip{
	width:250px;
	position:absolute;
	border:1px solid #737373;
	background:#141414;
	padding:10px;
	color:#a1dd9d;
	font-size:12px;
	line-height:18px;
	display:none;
	z-index:99999;
}

div.ban{
	width:100%;
	height:107px;
	background:url(../img/bande-noire.jpg) repeat-x;
}

div.ban div.logo{
	width:605px;
	height:107px;
	margin:auto;
}

div.ban div.logo a img{
	margin-bottom:9px;
}

div.ban div.logo div.menu span{
	display:inline-block;
	width:27px;
	color:#848484;
	text-align:center;
}

div.ban div.logo div.menu a{ color:#efefef; }
div.ban div.logo div.menu a:hover{ color:#a1dd9d; }

div.conteneur{
	width:606px;
	height:450px;
	/* background:url(../img/conteneur.png); */
	background:url(../img/conteneur.jpg);
	overflow:hidden;
    position:absolute;
	z-index:100;
    top:50%;
	left:50%;
    margin-top:-225px; /* moitié de la hauteur */
	margin-left:-303px; /* moitié de la hauteur */
	margin-top:-190px;
}

div.conteneur p.contenutexte{
	display:block;
	width:240px;
	height:260px;
	line-height:18px;
	padding:80px 0 0 0;
	float:left;
}

div.conteneur p.contenutexte span.titre{
	display:block;
	font-size:20px;
	color:#e4e4e4;
	line-height:24px;
	margin-bottom:20px;
}

div.conteneur div.ecran{
	width:175px;
	height:230px;
	float:left;
	margin:100px 0 0 111px;
}

a.tooltip{
	display:block;
	width:229px;
	height:229px;
	position:absolute;
	top:0;
	right:0;
}

/******************************** DEMANDE D'INFORMATIONS ********************************/

#formulaire{
	width:240px;
	height:260px;
	line-height:18px;
	padding:80px 0 0 0;
	float:left;
}

#formulaire p{
	margin:0 0 15px 0;
}

div.conteneur #formulaire span.titre{
	display:block;
	font-size:20px;
	color:#e4e4e4;
	line-height:24px;
	margin-bottom:20px;
}

#formulaire span{
	display:block;
	margin-bottom:5px;
}
form.css label{
	display: inline;
	position: relative;
	float: left;
	width: 100px;
}
form.css input, form.css textarea{
	background-color:#555;
	border:solid 1px #777;
	color:#aaa;
	font-size:12px;
	font-family:Arial;
}
form.css input:hover, form.css input:focus,
form.css textarea:hover, form.css textarea:focus{
	background-color:#555;
	border:solid 1px #a1dd9d;
	color:#aaa;
}

