16@charset "UTF-8";
/* CSS Document */
/* le corps */
body {
	margin: 20px;
	background-color:#fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	margin:20px;
}
img {
	border:0 none;
}
a:focus
{
outline:0;
} 
#lesite{
	width:950px;
	margin:20px;
}
#separation{
	margin-bottom:10px; 
	margin-top:10px;
}
#separation2{
	margin-bottom:5px;
	margin-top:5px;
}
/* le menu haut */
#lelogo {
	margin-bottom:20px;
}
#lelogo h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: right;
	line-height: 0.5;
}
#lelogo h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 0.5;
}
#logotype {
	float:left;
	width:164px;
}
#titrenews {
	float:left;
	text-align:right;
	margin-top:13px;
	margin-left:277px;
	margin-right:8px;
	width:164px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
}
#formulaire {
	float:left;
	display:block;
	margin-top:12px;
	margin-left:32px;
	width:290px;
	height:20px;
}
#formulaire input {
	float:left;
	border:0px solid black;
 	background-color:#FF6600;
 	color:#FFF;
 	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
#formulaire input:focus {
	border:0px solid black;
}
input[type=text] {
	float:left;
	height:16px;
 }
input[type=submit], input[type=reset] {
	float:left;
	margin-left:5px;
	height:18px;
 	border:0px outset black;
 	cursor:pointer;
 }
#menuCol1 {
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 1;
	width: 162px;
}
#menuCol2 {
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 1;
	width: 163px;
}
#menuCol3 {
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 1;
	width: 162px;
}
#menuCol4 {
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 1;
	width: 200px;
	margin-left:160px;
}
#clear{
	clear:both;
}
/* le menu bas */
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 0.5;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 0.5;
	margin-bottom:45px;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 1.5;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
}

#menuColB1 {
	float:left;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 1;

}
#menuColB2 {
	float:left;
	margin-left:-40px;
	width: 200px;
	margin-left:124px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 1;

}
#menuColB3 {
	float:left;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 1;
	margin-left:123px;
}
/* le contenu*/
#site {
	width:950px;
	min-width:950px;
}
.titrenews {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	line-height: 10px;
	
}
.datenews {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	line-height: 25px;
}
.corpsnews {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	padding-right: 30px;
}
/* le contenu*/
#ap {
	float:left;
	width:255px;
}
#image {
	float:left;
	width:315px;
	margin-left:70px;
}
#txt {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	text-align: left;
	float:left;
	width:255px;
	margin-left:8px;
}
/* les liens*/
.bouton a:link {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	text-align: left;
	text-decoration: none;
	border:0 none;
	
}
.bouton a:visited {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	text-align: left;
	text-decoration: none;
	border:0 none;
	
}
.bouton a:hover {
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	background-color:#FFF;
	color: #000;
	text-decoration: none;
	border:0 none;
}
a:link {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	text-align: left;
	text-decoration: none;
	
}
a:visited {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	text-align: left;
	text-decoration: none;
	
}
a:hover {
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	background-color:#270095;
	color: #fff;
	text-decoration: none;
}
#quiTxt2 a:link {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	text-align: left;
	text-decoration: none;
	
}
#quiTxt2 a:visited {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	text-align: left;
	text-decoration: none;
	
}
#quiTxt2 a:hover {
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	background-color:#ffffff;
	color: #fff;
	text-decoration: none;
}
/* les news*/
#imageNews {
	float:left;
	width:315px;
	margin-left:70px;
}
#txtNews {
	float:left;
	width:255px;

}
/* nous*/
#qui {
	width:1000px;
}
#quiTxt{
	width:302px;
	float:left;
	margin-bottom:20px;
}
#quiTxt2{
	margin-left:23px;
	width:298px;
	float:left;
	margin-bottom:20px;
}

/* portfolio*/
#damier {
	width:976px;
}
#caseport {
	float:left;
	width:280px;
	margin-right:43px;
	margin-top:10px;
	margin-bottom:10px;

}
#imgport{
	width:280px;
	height:187px;
	margin-bottom:30px;

} 
#txtport {
	width:280px;
}
#txtcontenuport {
	float:left;
	width:293px;
	margin-top:10px;
	margin-right:31px;
	margin-bottom:30px;
}
#contenuport {
	float:left;
	width:603px;
	margin-top:10px;
	margin-bottom:30px;
}
.copyright {
	text-align:left;
}