@charset "utf-8";
/* CSS Document */
* {
	font-family:Verdana;
	font-size:12px;
	color:#CCC;
}

.bluetext {
	color:#2786cc;
}

body {
	background:url(../images/background.jpg) no-repeat #262022 center top; 
	margin:100px 0px 0px 0px;
}

p {
	text-align:justify;
}

div.clear {
    height: 10px;
    clear: both;
}

div.logo {
	background:#1b1b1b; 
	width:80%; 
	height:80%;
	padding:2%;
	margin:0 0 0 0; 
	padding-bottom:50px;
}

h1 {
	color:#CCC; 
	font-size:24px; 
	margin:0px; 
	font-weight:lighter;
}

div.footer {
	background:#000; 
	width:80%; 
	height:80%; 
	margin:0 0 0 0;
	padding: 2% 2% 1% 2%;
	border-top:1px solid #666;
}

div.contact {
	width:49%; 
	background:#333333; 
	border:1px solid #515151; 
	padding:10px;
	float:left;
}

.contact h2 {
	font-size:24px; 
	font-weight:bolder; 
	margin:0px; 
	color:#FFF;
}

ol {
	margin:5px;
	padding:0px;
}

fieldset.secteur {
	margin: 10px 0 0 0;  
	padding: 10px;
	border:1px solid #666;
}

.secteur li {  
list-style-type:none;
float:left;
margin-right:30px;
} 

fieldset.ContactInfos {
	float:left;
	margin: 10px 0 0 0;  
	padding: 10px;
	border:1px solid #666;
}

.ContactInfos label {
float: left;    
width: 40px;    
margin-right: 5px;
padding-top:6px;
}

.ContactInfos li {  
padding-bottom: 1em;
list-style-type:none;
} 

.ContactInfos input {
	height:20px;
	width:150px;
	color:#000;
}

fieldset.ContactComment {
	float:right;
	margin: 10px 0 0 0;  
	padding: 10px;
	border:1px solid #666;
}

div.aboutus {
	float:right;
	width:45%;
	padding:1%;
}

.aboutus h2 {
	font-size:24px; 
	font-weight:lighter;
	font-style:italic;
	margin:0px; 
	color:#FFF;
}

/******************************
PAGES REALISATIONS
******************************/
div.contentreal {

}
div.descriptreal {
	float:left;
	border:1px solid #0F0;
}