body {
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	margin-top: 0;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../images/bigplanet.jpg);
	background-repeat: repeat;
	background-color: #000000;
    }


#container {
	width: 780px;  /*les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index:0;
	background-image: url(../images/grad.jpg);
	background-repeat: repeat-y;
	/*background-image: url(../images/fondblack.gif);
	background-repeat: repeat;
	filter:alpha(opacity=50);
	opacity:.50;*/
	
	
    } 
#banner {
	display: inline;
	height: 149px;
	width: 780px;
	float: left;
	margin-top: 0px;
	z-index: 2;
	visibility: visible;
	background-color: #000000;
	text-align: center;
	
}

#sidebar {
	float:left;
	width: 200px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: 0px;
	display: inline;
	white-space: nowrap;
	color: #FFFFFF;
	
	
    }
#address {/*inclu dans sidebar template ecomodel_design*/
	
	width: 170px;
	font-size: 75%;
	font-weight: normal;
	font-variant: normal;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	white-space: nowrap;
	margin-left: 0px;
	float: left;
	border: 2px solid #000000;
	/*filter:alpha(opacity=50);
	opacity:.50;*/
}
#address a { /*inclu dans sidebar template ecomodel_design*/
	color: #FFFFFF;
	text-decoration: none;
}
#address a:hover { /*inclu dans sidebar template ecomodel_design*/
	color: #00FF00;
}
#menu {
	display: inline;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	width: 170px;
}



#content {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 500px;
	font-size: 80%;
	margin-top: 20px;
	border: 2px solid #000000;
	background-color: #333333;
	color: #66CC33;
	float: left;
	display: inline;
	margin-left: 20px;
	
}


#tablesitemap td {
	color: #669933;
	height: 25px;
	width: 100%;
	letter-spacing: 0.15em;		
}
#tablesitemap td a {
	color: #669933;
}
#tablesitemap td a:hover{
	color: #0099FF;
}


#content a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
#content a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #00FF00;
}


#content p {
	letter-spacing: 0.05em;
	line-height: 22px;
}
#content li {
	list-style-image: url(../images/bulletovergreen.png);
	list-style-position: outside;
	text-align: left;
	padding-left: 10px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 22px;
}
#calquearobas {
	text-align: center;
	font-size: 100%;
}
#copyrights a{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}
#copyrights a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #00FF00;
	font-size: 75%;
	text-align: center;
	
}
#logos {
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	padding: 0;
	margin-left: -15px;
	
    } 
	
#logos a{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

#footer {
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	
    } 
#footer p {
    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
    .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;
    }
    /*.twoColFixLtHdr #mainContent { zoom: 1; }*/
   /* la propriété propriétaire zoom ci-dessus transmet à IE l'attribut hasLayout nécessaire pour éviter plusieurs bogues */
    
  



.title {
	color: #0099FF;
}

.noborder_a{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	
}
.links_p{
	font-size: 95%;
		
	
}
.borderleft{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0099FF;
	padding-left: 4px;
}
.smallfont{
	font-size: 90%;
}

.bluefont {color: #0099FF
}
.greenfont {color: #66CC33;
}
.anchor {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00FF00;
	text-decoration: underline;
}

/*OPACITY*/

a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.50; 
opacity: 0.50;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

/*IN HTML APPLY  TO the image link <a class="linkopacity" href="http://www.mandarindesign.com/opacity.html"><img src="http://www.mandarindesign.com/images/text.jpg" width="100" height="119" style="border:1px solid black;"></a>
*/

div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON {
	width: 100%;
	background-color: #333333;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	border:1px solid black;
}
div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }

/*In the HTML APPLY <div class="transOFF" onmouseover="this.className='transON'" onmouseout="this.className='transOFF'"><p style="padding:5px;width:75%;">Hover here. The Filter Opacity works in Mozilla and IE.  It also works in current versions of Opera.</p></div>
*/