body {
width : 1024px;
height : 100%;
font : 75% Verdana, Arial, Helvetica, sans-serif;
background : #ec6d00;
padding : 0;
text-align : center;
color : #000000;
}
__________________________menu______________________________________________ 
#nav {
margin : 0;
padding : 0;
background : #ec6d00;
width : 100%;
float : left;
border : 1px solid #333333;
border-width : 1px 0;
}
#nav li {
display : inline;
padding : 0;
margin : 0;
}
#nav a:link, #nav a:visited {
color : #ffffff;
background : #666666;
padding : 15px 15px 15px 15px;
text-align : center;
float : left;
border-right : 1px solid #333333;
text-decoration : none;
font : 1em/1em Arial, Helvetica, sans-serif;
}
#nav a:hover {
color : #000000;
background : #e9a153;
}
#accueil #nav-accueil a, #concepts #nav-concepts a, #appli #nav-appli a, #benef #nav-benef a, #contact #nav-contact a, #nav #selected a {
background : #e9a153;
color : #000000;
}
#accueil #nav-accueil a:hover, #concepts #nav-concepts a:hover, #appli #nav-appli a:hover, #benef #nav-benef a:hover, #contact #nav-contact a:hover {
background : #666666;
}
#nav a:active {
background : #ec6d00;
color : #fff;
}
__________________________FIN menu______________________________________________ 
#container {
width : 1024px;
height:100%;
text-decoration : none;
text-align : left;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#logo {
float : left;
}
#txtgche {
width : 300px;
float : left;
padding-left : 10px;
padding-right : 10px;
}
#txtdte {
width : 345px;
float : left;
padding-left : 10px;
padding-right : 10px;
}
.imgdte{
	float:right;
	padding-left:5px;
}
#gauche {
width : 575px;
height : 100%;
float : left;
text-align : left;
padding-left : 10px;
}
#droite {
width : 437px;
height : 100%;
float : left;
}
.titre {
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
padding-right : 5px;
font-weight : bold;
color : #000000;
}
.sous-titre {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
padding-right : 5px;
font-weight : bold;
color : #900;
}
.texte {
width : 200px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
padding-right : 5px;
color : #000000;
}

#mixte{
	width:1024px;
	float:left;
	height:100%;
	margin-top:20px;
	background-color:#FFF;
	height:674px;
}

.floatleft3{
	text-align: center;
	padding:15px;
	display: inline-table;
	text-align:center;
	float: left;
}
	#gauche{
	width:700px;
	height:100%;
	float:left;
	text-align:left;
	padding-left:10px;
	}
	#droite{
	width:290px;
	height:100%;
	float:right;
	}
	.chiffre{
		padding-right:20px;
		padding-bottom:30px;
		float:left;
	}
	.carrered{
		padding-right:20px;
		padding-bottom:30px;
		float:left;
	}
	.titre {
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		padding-right:5px;
		font-weight:bold;
		color:#000000;
	}
	.sous-titre{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		padding-right:5px;
		font-weight:bold;
		color: #900;
	}
	.texte{
		width:250px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
		padding-right:5px;
		color: #000000;
	}
	
#pied {
	background-color:#FFF;
	height : 80px;
	text-align:left;
	text-decoration : none;
	clear: left;
}
.logofooter{
	float:right;
	}
.footerup{
	padding-top:2px;
	height:77px;
	width:183;
	float:left;
	}
	p.espace{
		padding-top:15px;
	}
.txtpied {
	color : #000000;
	font-size : 9px;
	line-height:13px;
	text-decoration : none;
	text-align: left;
	padding-top:10px;
}
.txtpiedorange {
	color : #FA8200;
	font-size : 9px;
	line-height:13px;
	text-decoration : none;
	text-align: left;
	padding-top:10px;
}
.txtpiedorange a {
background-color : inherit;
text-decoration : none;
color : #FA8200;
}
.txtpiedorange a:hover {
background-color : inherit;
text-decoration : none;
color: #000000; 
}

p.txtpied a {
background-color : inherit;
text-decoration : none;
color : #000000;
}
p.txtpied a:hover {
background-color : inherit;
text-decoration : none;
color : #ec6d00;
}