@charset "utf-8";
/* CSS Document */
<!--
.Style1 {
	font-size: 75%
}
.Style2 {
	font-size: small;
}
.Style4 {
	color: #1D5A8D;/*#FFFFFF;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 4px;

	border-bottom-color: #b0c4de;/*#1D5A8D;#FF6600;*/
	border-bottom-style: solid;

	font-size: large;
	background-color: #FFFFFF;/*#1D5A8D;*/
	font-variant: small-caps;
}
.Style7 {
	font-size: medium;
	color: #CCCCCC;
}
.Style9 {
	font-size: medium;
	font-style: italic;
}
.Style11 {
	font-size: medium;
	font-weight: bold;
}
.Style13 {font-size: medium}
.Style14 {color: #1D5A8D}
.Style15 {
	color: #FFF;
	font-size: large;
	background: #1D5A8D;
	padding: 3px;
	/*border: 1px;
	border-top-color: #000;
	border-top-style: dashed;
	border-bottom-color: #000;
	border-bottom-style: dashed;*/
}

a:link {
	color: #FF6633;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF6633;
}
a:hover {
	text-decoration: underline;
	color: #FF6633;
}
a:active {
	text-decoration: none;
	color: #FF6633;
}

 body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #000000;
	background-color: #b0c4de;/*#1D5A8D;*/
    }
    
    .twoColElsLtHdr #container {
	width: 59.65em;
	background: #FFFFFF;
	margin: 0 auto;
	/*border: 7px solid #FFF;*/
	text-align: left;
    } 
    .twoColElsLtHdr #header { 
    	background: #FFFFFF; 
    	padding-left: 11px;
		padding-right: 0px;
		padding-top: 10px;
    } 
    .twoColElsLtHdr #header h1 {
    	margin: 0; 
    	/*padding: 10px 0;*/
    }
    
    .twoColElsLtHdr #sidebar1 {
	float: left;
	width: 12em;
	background: #FFF;
	padding: 15px 0;
	border: 1px;
	border-right-color: #1D5A8D;
	border-right-style: dashed;

    }
    .twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
    	margin-left: 15px;
    	margin-right: 10px;
    }
    
    .twoColElsLtHdr #mainContent {
	margin: 0 1.2em 0 13em;
	} 
    .twoColElsLtHdr #footer { 
    	padding: 0 10px; 
    	background: #fd6430;
		color: #FFF;
		/*border: 1px;
		border-top-color: #000;
		border-top-style: solid;*/
    } 
    .twoColElsLtHdr #footer p {
    	margin: 0; 
    	padding: 10px 0; 
    }
    
    /* Diverses classes à réutiliser */
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    --> 