html {
	background-image:url(../images/motif_uebes.jpg);
	height:100%;
	width:100%;
}

#global{
	width:960px;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/lueur.png);
	background-repeat:no-repeat;
}

.clear{
	clear:both;
}

a img{
	border:none;
}

a{
	outline: none;
}

h1{
	margin:0;
	padding:0;
}


h3{
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	letter-spacing:1px;
	margin-top:0px;
}

h4{
	margin:0 0 10px 0;
	padding:0;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

/*--------------------- HEADER -----------------*/
#header{
	height:244px;
	width:100%;
}

#logo{
	height:244px;
	width:166px;
	float:left;
	margin-right:26px;
}

#logo img{
	margin-top:20px;
}

#slogan{
	width:768px;
	float:left;
	text-align:center;
}

#slogan img{
	margin-top:112px;
}

/*-------------------------------------*/








/*------------------ CONTENU ------------------*/
#container{
	width:100%;
}

#actif{
	margin-bottom:50px;
}

#navigation{
	width:166px;
	float:left;
	margin-right:26px;
}

#navigation img{
	margin-bottom:5px;
}

#infos{
	margin-top:50px;
}

#infos img{
	margin-bottom:5px;
}

#content{
	float:left;
	width:768px;
}

#galerie{
	height:370px;
	width:100%;
}

#textes{
	width:100%;
}

#textes ul{
	margin:0 0 10px 0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	color:white;
	font-size:12px;
}

#textes li{
	list-style:url(../images/puces.png);
	margin-left:20px;
}


#textes p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#cecece;
	margin:0 0 10px 0;
	padding:0;
}

#textes a{
	color:white;
	text-decoration:underline;
}

#col1{
	width:425px;
	padding-right:10px;
	float:left;
}

#col2{
	width:320px;
	padding-left:10px;
	float:left;
}

#col2 img{
	margin-top:15px;
}
/*------------------------------------------------*/





/*------------------- ICONES --------------------*/
#icones{
	height:175px;
	width:100%;
	background-image:url(../images/fleche.png);
	background-repeat:no-repeat;
}

#icones p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:black;
	margin:0;
	padding:0;
}

#mesures{
	float:left;
	margin-top:20px;
}

#materiaux{
	float:left;
	margin-top:15px;
	margin-left:15px;
}

#conception{
	float:left;
	margin-left:30px;
}

#fabrication{
	float:left;
	margin-left:20px;
}

#installation{
	float:left;
	margin-left:35px;
}


/*------------- INFO BULLE ---------------*/
.infobulle ul{
    margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.infobulle li{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-top:2px;
	list-style:url(../images/puces.png);
	margin-left:20px;
}

.infobulle p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

a.tooltip .infobulle {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover .infobulle {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -30px;
    padding: 5px;
    color: #000;
    border: 1px solid white;
	background-color:#cfcecd;
    width:200px;
}
/*----------------*/
#intitule h2{
	width:153px;
	font-weight:normal;
	font-size:17px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FF9900;
	height:43px;
	float:left;
	text-align:center;
}
/*------------------------------------*/




/*---------------- FORMULAIRE ------------*/
#formulaire{
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
}



/*----------------- FOOTER -----------------*/
#footer{
	width:758px;
	margin-bottom:50px;
	margin-top:25px;
}

#footer ul{
	margin:0 0 0 110px;
	padding:0;
}

#footer li{
	display:inline;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#footer a{
	color:white;
	text-decoration:none;
}

#references{
	height:140px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px white;
}

#references img{
	margin-top:30px;
}
/*-----------------------------------------*/