/***** Généralités *****/
body{
	background: #0b0c0c url('../gfx/background.jpg') no-repeat center top;
	margin-top: 0px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

* {
	outline:none;
}

a{
	color: #000000;
	text-decoration: underline;
	font-weight:900;
}
a:hover{
	color: #777;
	text-decoration: none;
}

.a_detail {
	line-height:24px;
	color:#81a9cd;
	font-weight:bold;
	text-decoration:none;
}

.a_detail:hover {
	color:#7d8286;
	text-decoration: underline;
}

li{
	color:#333;
}
hr{
	color: #000066;
	width: 600px;
	height: 1px;
}
h1{
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
h2{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform:uppercase;
}
h3{
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/*** Architecture ***/
#header{
	background: transparent url('../gfx/index_03.jpg') no-repeat left top;
	height: 128px;
	vertical-align: top;	
}
#menu{
	background: transparent url('../gfx/index_05.jpg') no-repeat left top;
	height: 23px;
	vertical-align: top;	
}
#titre{
	background: transparent url('../gfx/index_06.jpg') no-repeat left top;
	height: 73px;
	vertical-align: top;	
}

#titre h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:21px;
	margin:0px;
	padding-top:11px;
	line-height:25px;
	color:#ffffff;
	font-weight:normal;
}

#titre-un{
	text-decoration:underline;
}

#titre-deux{
	color:#bcf7ff;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
}


#contenu{
	padding: 20px 40px;
	width:774px;
	height:480px;
	background:#d1d1d1 url(../gfx/index_07.jpg) top left no-repeat;
	vertical-align: top;	
}
#footer{
	background:#0b0c0c url('../gfx/index_08.jpg') no-repeat left top;
	height: 96px;
	vertical-align: top;	
}

#incomm{
	width: 100%;
	height: 30px;
	text-align: center;
	color: white;
	font-size: 11px;
}
#incomm a{
	color: white
}
/**** Force certains styles kameleon / VEL kameleon ****/
.txt1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 16;
	color: #FFFFFF;
}
.txt2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 16;
	color: #333333;
}
/** style du formulaire contact **/
.Style9{
	color: #333333;
}
/******* Header *******/
#header p{
	float: left;
	width: 409px;
	color:#aebdc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	letter-spacing:5px;
	text-transform:uppercase;
	margin: 58px 0 0 71px;
}
#retourindex{
	display: block;
	float: left;
	width: 200px;
	height: 202px;
	margin: 10px 0 0 2px;
}

#coup{
	display: block;
	float: left;
	width: 80px;
	height: 92px;
	margin: 26px 0 0 51px;
}

#recherchez{
	display: block;
	float: left;
	width: 80px;
	height: 92px;
	margin: 9px 0 0 51px;
}

#locations{
	display: block;
	float: left;
	width: 82px;
	height: 105px;
	margin: 9px 0 0 51px;
}

#contact{
	display: block;
	float: left;
	width: 80px;
	height: 92px;
	margin: 4px 0 0 51px;
}

#besoins{
	display: block;
	float: left;
	width: 80px;
	height: 92px;
	margin: 8px 0 0 51px;
}

#encart_gauche a{
	color:#f2fefe;
	text-decoration:none;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

/***** Menu *****/
#lemenu{
	width: 774px;
	height: 23px;
	float: left;
	margin: 0px 0 0 0px;
}
#lemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#lemenu li{
	float: left;
	width: 125px;
	height: 23px;
	position: relative;
}
#lemenu li a{
	float: left;
	width: 125px;
	height: 23px;
	display: block;
	color: black;
	font-family: arial;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
	text-align: center;
}
#lemenu li a:hover{
	color: #000000;
}
#lemenu ul li ul{
	position: absolute;
	top: 23px;
	left: 0;
	z-index: 100;
	display: none;	
}
#lemenu ul li ul li{
	height: 23px;
}
#lemenu ul li ul li a{
	height: 23px;
	display: none;
}
#lemenu ul li:hover ul, #lemenu ul li:hover ul li a{
	display: block;
}
#lemenu ul li ul li a:hover{
	color: white;
}
/**** Contenu du Footer ****/
#liensfooter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
	margin: 10px;
	float: left;
	width: 100%;
	height: 50px;
}
#liensfooter ul{
	list-style-type:none;
	width: 130px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;	
}
#liensfooter li{
	width: 130px;
	float: left;
}
#liensfooter a{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#liensfooter a:hover{
	text-decoration: underline;
	color: #dddddd;
}
#adresse{
	color: #fff;
	float: left;
	width: 725px;
	height: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	padding-bottom:30px;
	padding-top:15px;
}
#sociaux{
	float:left;
	width: 65px;
	padding: 10px;
	height: 88px;
	background: transparent;
}
#sociaux div{
	float: left;
	margin: 0 0 10px 0;
}
#lienhaut{
	display: block;
	width: 43px;
	margin-top:54px;
	height: 15px;
	float: right;
}
/*Page d'accueil si nécessaire*/
#index #lemenu{
	width: 900px;
	height: 30px;
	float: left;
	margin: 10px 0 0 56px;
}
#adresseindex{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 25px;
	text-align: center;
}
/* BORDURES SUR IMAGES (DANS KAMELEON) - Permet de choisir d'autres couleurs que le noir */
#turquoise{border-color: aqua ;}
#noir{border-color: black ;}
#bleu{border-color: blue ;}
#rose{border-color: fuschia ;}
#orange{border-color: #ff9900 ;}
#vert{border-color: green ;}
#gris{border-color: gray ;}
#maron{border-color: maroon ;}
#olive{border-color: olive ;}
#violet{border-color: purple ;}
#rouge{border-color: red ;}
#blanc{border-color: white ;}
#jaune{border-color: yellow ;}
#bleu2{border-color: teal ;}
#argent{border-color: #ffab02;}