html, body{

	margin:0;

	padding:0;

	text-align:center;

	font-family: verdana, Helvetica, Arial, sans-serif;

	font-size: 100%;

	background-color: white;

} 

 

#pagewidth{ 

 border:1px black solid;

 width:800px;

 text-align:left; 

 margin-left:auto; 

 margin-right:auto; 

 overflow: hidden;

 }



.mentionslegales{ 

	text-align:center;

}



.mentionslegales a, .mentionslegales a:link, .mentionslegales a:visited .mentionslegales a:hover, .mentionslegales a:active{

	text-decoration: none;

}



#footer{

	height:30px;

	text-align: center;

	border-top: #330000 solid 1px;

} 

 



.content{

	padding: 1em;

	font-size: 0.7em;

	color:#330000;

	font-family: verdana, Helvetica, Arial, sans-serif;

}



h1 {

	font-size: 3em;

	line-height: 90%;

	margin: 0 0 0.5em 10px;

	padding: 0;

}



h2	{

	font-size: 1.7em;

	padding: 0;

}



h3	{

	font-size: 1.3em;

	padding: 0;

	line-height: 95%;

}



.head	{

height: 200px;

vertical-align: bottom;

}





#footer p {

	margin: 0;

	padding: 0;

}



.flottegauche {

	float: left;

	margin-right: 1em;

	margin-left: 0em;

}



.flottedroit {

	float: right;

	margin-right: 0em;

	margin-left: 1em;

}



.flottecentre {

	float: center;

	margin-right: 1em;

	margin-left: 1em;

}



table, tr, td {

margin: 0;

padding: 0;

border-collapse: collapse;

vertical-align: top;

}



.aujourdhui {

background-color: #CC3300;

color: white;

font-weight: bold;

	}



.aujourdhui0 {

background-color: #CC3300;

color: white;

font-weight: bold;

	}



.aujourdhui1 {

background-color: #336666;

color: white;

font-weight: bold;

	}



.aujourdhui2 {

background-color: #FF0066;

color: white;

font-weight: bold;

	}



.aujourdhui3 {

background-color: #666633;

color: white;

font-weight: bold;

	}



.aujourdhui4 {

background-color: #666666;

color: white;

font-weight: bold;

	}



.aujourdhui5 {

background-color: #009900;

color: white;

font-weight: bold;

	}



.aujourdhui6 {

background-color: #333333;

color: white;

font-weight: bold;

	}



.aujourdhui7 {

background-color: #666666;

color: white;

font-weight: bold;

	}



.aujourdhui8 {

background-color: #FFCC00;

color: white;

font-weight: bold;

	}



.jour	{

font-weight: bold;

}



.coordmoyen	{

font-size: 1.2em;

font-weight: bold;

}

.coordgrand	{

font-size: 1.5em;

font-weight: bold;

}



	

td {

	padding: 0.1em;

	}



td p {

	margin:0;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	color: #330000;

}



a, a:link, a:visited	{

	color: #330000;

	font-weight: bold;

	text-decoration: none;

	}



a:hover, a:active	{

	color: #330000;

	font-weight: bold;

	text-decoration: underline;

}



a img {

	text-decoration: none;

	border: 0px;

}





li {

	margin: 0px;

	padding: 0px;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	color: #330000;

	line-height: 110%;

}



ul {

	margin: 0px 0px 0px 15px;

	padding: 0px;

}



hr {

	clear: both;

	visibility: hidden;

}





.navi {

	background-color: #CCCC99;

	text-align: center;

	border-top: 1px solid #330000;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #330000 1px;

white-space: nowrap;

}



.navi a:hover, .navi a:active	{

background-color: #CC3300;

text-decoration: none;

white-space: nowrap;

}





.navi0 {

	background-color: #CCCC99;

	text-align: center;

	border-top: 1px solid #330000;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi0 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #330000 1px;

white-space: nowrap;

}



.navi0 a:hover, .navi a:active	{

background-color: #CC3300;

text-decoration: none;

white-space: nowrap;

}



.navi1 {

	background-color: #FFCC99;

	text-align: center;

	border-top: 1px solid #FF00FF;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi1 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #FF00FF 1px;

white-space: nowrap;

}



.navi1 a:hover, .navi a:active	{

background-color: #336666;

text-decoration: none;

white-space: nowrap;

}





.navi2 {

	background-color: #FF9933;

	text-align: center;

	border-top: 1px solid #333300;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi2 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #333300 1px;

white-space: nowrap;

}



.navi2 a:hover, .navi a:active	{

background-color: #FF0066;

text-decoration: none;

white-space: nowrap;

}





.navi3 {

	background-color: #CCCCCC;

	text-align: center;

	border-top: 1px solid #660033;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi3 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #660033 1px;

white-space: nowrap;

}



.navi3 a:hover, .navi a:active	{

background-color: #666633;

text-decoration: none;

white-space: nowrap;

}





.navi4 {

	background-color: #333333;

	text-align: center;

	border-top: 1px solid #999999;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi4 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #999999 1px;

white-space: nowrap;

}



.navi4 a:hover, .navi a:active	{

background-color: #666666;

text-decoration: none;

white-space: nowrap;

}





.navi5 {

	background-color: #CCFFCC;

	text-align: center;

	border-top: 1px solid #FF0033;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi5 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #FF0033 1px;

white-space: nowrap;

}



.navi5 a:hover, .navi a:active	{

background-color: #009900;

text-decoration: none;

white-space: nowrap;

}





.navi6 {

	background-color: #CCCCCC;

	text-align: center;

	border-top: 1px solid #333333;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi6 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #333333 1px;

white-space: nowrap;

}



.navi6 a:hover, .navi a:active	{

background-color: #333333;

text-decoration: none;

white-space: nowrap;

}





.navi7 {

	background-color: #FFFFFF;

	text-align: center;

	border-top: 1px solid #666666;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi7 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #666666 1px;

white-space: nowrap;

}



.navi7 a:hover, .navi a:active	{

background-color: #666666;

text-decoration: none;

white-space: nowrap;

}







.navi8 {

	background-color: #330099;

	text-align: center;

	border-top: 1px solid #6699FF;

	font-size: 0.7em;

	padding: 0.4em 0 0.6em 0;

	margin: 0;

	line-height: 2em;

}



.navi8 a, .navi a:link, .navi a:visited {

padding: 0.3em 0.5em;

border: solid #6699FF 1px;

white-space: nowrap;

}



.navi8 a:hover, .navi a:active	{

background-color: #FFCC00;

text-decoration: none;

white-space: nowrap;

}







.content p {

	margin-top: 0px;

}



#coord p	{

margin: 0;

}



#coord a	{

	border: none;

}



.legende	{

margin: 0 0 0.2em 0;

padding: 0;

color: #CC3300;

}



.legende0	{

margin: 0 0 0.2em 0;

padding: 0;

color: #CC3300;

}



.legende1	{

margin: 0 0 0.2em 0;

padding: 0;

color: #336666;

}



.legende2	{

margin: 0 0 0.2em 0;

padding: 0;

color: #FF0066;

}



.legende3	{

margin: 0 0 0.2em 0;

padding: 0;

color: #666633;

}



.legende4	{

margin: 0 0 0.2em 0;

padding: 0;

color: #666666;

}



.legende5	{

margin: 0 0 0.2em 0;

padding: 0;

color: #009900;

}



.legende6	{

margin: 0 0 0.2em 0;

padding: 0;

color: #333333;

}



.legende7	{

margin: 0 0 0.2em 0;

padding: 0;

color: #666666;

}



.legende8	{

margin: 0 0 0.2em 0;

padding: 0;

color: #FFCC00;

}



form.css fieldset {

padding: 1em;

}



form.css label {

  display: inline;

}



ul .enum	/* pour les listes qui doivent être affichées en énumération */

{

	display: inline;

	list-style-type: none; /* faire afficher un séparateur à partir du 2e élément, par ex. un ";" */

	}



/* ci-après : format des sections de classe listeproduits */



.listeproduits table	{

width: 100%;

border-collapse: collapse;

}



#colgauche {

width: 300px;

}



#colgauche .content {

background-color: white;

padding: 1em 0.3em 1em 2em;

font-size: 0.7em;

color:#330000;

font-family: verdana, Helvetica, Arial, sans-serif;

}



.cache	{

visibility: hidden;

}



.Style12 {

	font-size: 2em;

	font-weight: bold;

}