html, body {
	margin: 0 auto;
	background-image: url(img/bgd.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #20244e;
}
/* ------------------------ éléments communs*/
#conteneur {
	margin: 0 auto ;
	padding-top: 24px;
	width: 917px;	
}
#contenu {
	margin: 0;
	padding: 0; 
	width: 915px;
	border: 1px solid #5a5e85;
	background-color: #333d89;	
}	
#hachuresTop {
	margin:0;
	padding:0;
	width: 915px;
	height: 13px;
	background-image: url(img/hachuresTop.gif);
	background-repeat: repeat-x;
	background-position: top left;	
	background-color: #26294e;
}

#chapeau {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px; 
	padding-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8pt;
	color: white;	
	text-align: justify;
}


#Outils {
	margin:0;
	padding-left: 385px;
	width: 530px;
	height: 14px;
	background-image: url(img/bgd_menuOutils.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	background-color: #FFF;
}
#anim {
	margin:0;
	padding:0;
	width: 915px;
}
#navigation {
	margin:0;
	padding-left: 155px;
	width: 760px;
	height: 21px;
	background-image: url(img/bgd_nav.jpg);
	background-repeat: repeat-x;
	background-position: top left;	
	background-color: #FFF;
}
#encarts {
	margin: 0;
	padding: 6px 0 6px 0;
	width: 915px;
	height: 100px;
}
#encarts a{
	display:block;
	float:left;
	margin-left: 6px;
	padding: 2px 4px 2px 102px;
	text-align:right;
	background-color: #d6d8e7;	
}
#encarts a:hover{
	background-color: #fff;	
}
/* --------------------------------------------- styles encarts*/
.actu1 {
	width: 138px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8.5pt;
	color: #000;
	line-height: 8pt;		
	background-image:url(img/actu1.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.actu2 {
	width: 138px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8.5pt;
	color: #000;	
	line-height: 8pt;		
	background-image:url(img/actu2.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.actu3 {
	width: 138px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8.5pt;
	color: #000;	
	line-height: 8pt;		
	background-image:url(img/actu3.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.actu4 {
	width: 138px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8.5pt;
	color: #000;	
	line-height: 8pt;		
	background-image:url(img/actu4.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.appel {
	width: 94px;
	height: 94px;		
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	color: #333d89;		
	line-height: 9.5pt;	
	background-image:url(img/appel.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.trafic {
	width: 92px;
	height: 94px;		
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	color: #333d89;	
	line-height: 9.5pt;		
	background-image:url(img/trafic.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.newsletter {
	width: 97px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8.5pt;
	color: #000;	
	line-height: 8pt;		
	background-image:url(img/newsletter.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.film {
	width: 118px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	color: #333d89;		
	line-height: 9.5pt;		
	background-image:url(img/film.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.pdf {
	width: 118px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	color: #333d89;		
	line-height: 9.5pt;			
	background-image:url(img/pdf.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.sedifleet {
	width: 122px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8.5pt;
	color: #000;
	line-height: 8pt;		
	background-image:url(img/sedifleet.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.seditrack {
	width: 122px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8.5pt;
	color: #000;
	line-height: 8pt;		
	background-image:url(img/seditrack.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.sedinav {
	width: 122px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8.5pt;
	color: #000;
	line-height: 8pt;		
	background-image:url(img/sedinav.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.seditrack_schema {
	width: 360px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	color: #000;		
	line-height: 9.5pt;			
	background-image:url(img/seditrack_schema.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #8eba45;
}
.sedinav_pnd {
	width: 360px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	color: #000;		
	line-height: 9.5pt;			
	background-image:url(img/sedinav_pnd.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #8eba45;
}
.sedifleet_schema {
	width: 360px;
	height: 94px;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	color: #000;		
	line-height: 9.5pt;			
	background-image:url(img/seditrack_schema.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #8eba45;
}
/* --------------------------------------------- FIN styles encarts*/
#page {
	margin: 0 auto 6px;
	padding: 6px 0 6px 0;
	width: 904px;
	background-color: #FFF;
}
#colonne {
	float: right;
	margin: 6px 15px 6px 15px;
	padding: 0 0 0 10px;
	width: 250px;
	border-left: 2px solid #333d89;
	background-image: url(img/filetColonne.gif);
	background-repeat: no-repeat;
	background-position: 2px 0;		
}
#hachuresBas {
	margin:0;
	padding:0;
	width: 915px;
	height: 13px;
	background-image: url(img/hachuresBas.gif);
	background-repeat: repeat-x;
	background-position: bottom left;	
	background-color: #26294e;
}
#footer {
	margin: 0;
	padding-top: 4px;
	text-align: center;
}
#footer a{
	margin-left: 13px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8pt;
	color: #5f638a;
}
#footer a:hover{
	color: #FFF;
}
/* --------------------------------------------- classes*/
.floatLeft {
	float: left;
	margin-right: 5px;
}
.separation {
	margin:0;
	padding:0;
	clear:both;
	visibility:hidden;
}
.invisible {
	visibility:hidden;
}
/* --------------------------------------------- attributs textes*/

h1 {
	margin: 0;
	padding-left: 30px;
	font: normal 22pt Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #3f3f41;	
}
h2 {
	margin: 0;
	padding-left: 30px;
	font: normal 15pt Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #3f3f41;	
}
p {
	margin :0;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 9pt;
	color: #000;		
}
#page ul {
	margin-left :30px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 9pt;
	color: #000;
	border-left: solid 2px 	#373f8a;	
}
#page li {
	margin-left:5px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 9pt;
	color: #000;
}
.filetTexte {
	margin : 4px 0 4px 15px;
	height: 1px;
	width: auto;
	color: #FFF;
	background-image: url(img/filetTexte.gif);
	background-repeat: no-repeat;
	background-position:left;	
}
#colonne h1 {
	margin :0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
	color: #333d89;	
}
#colonne p {
	margin :0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8pt;
	color: #000;		
}
#page a {
	margin:0;
	padding:0;
	color: #373f8a;
	text-decoration: overline underline;	
	font-weight: bold;	
}
#page a:hover {
	margin:0;
	padding:0;
	color: #373f8a;
	text-decoration:none;
	font-weight: bold;
}
/* ------------------------------------------------------------------------------------------------------ Formulaire */


#Form
{
	margin-left: 15px;
	width: auto;
}

#Form p
{
	margin: 2px 0;
}

/* fieldset , legend */
#Form fieldset
{
	margin-bottom: 10px;
	border: #FFF 1px solid;
}

#Form fieldset:hover
{
	background-color: #FFF;
}

#Form fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999;
}

/* Label */
#Form label
{
	display: block;
	width: 39%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

#Form label:hover
{
	color:#333d89;
}

#Form .form_label_nostyle
{
	background: none;
}

/* Input */
#Form input, #Form select, #Form textarea
{
	margin-left: 1%;
	width: 45%;
	border: #CCC 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: justify;
	color: #4e4d4d;	
}

#Form input:hover, #Form select:hover, #Form textarea:hover, #Form input:focus, #Form select:focus
{
	border: #999 1px solid;
	background-color: #d6d8e7;
}

/* button submit */
#Form input[type="submit"], #Form input[type="reset"]
{
	border: #FFF 1px solid;
	width: 14%;
}

#Form input[type="submit"]:hover, #Form input[type="reset"]:hover
{
	background-color: #333d89;
	color:#FFF;
	cursor: pointer;
}
.inputEncarts {
	width:100%;
}