@charset "utf-8";

body  {
    	background: #000000;

    }
    .theme #container { 
    	width: 100%; 
/*	margin:20px 40px 20px 40px;*/
    	text-align: left;
    	background: #000000;
    } 


    .theme #header { 
    	padding: 0 0px; 
	margin:20px 40px 20px 40px;
    	background: black;
    } 
    .theme #header h1 {
	margin:20px 40px 20px 40px;
	border-color:white;
    /*	background: #000000;*/
    }
    
    .theme #sidebar1 {
    	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 20%; 
    	background: #000000; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	color:white;
	margin:0px 40px 20px 40px;
    }
    .theme #sidebar1 h3, .theme #sidebar1 p {
    	margin-left: 5px; /* il est conseillé d'attribuer des valeurs pour les marges gauche et droite de chaque élément qui sera placé dans les colonnes latérales */
    	margin-right: 5px;
	color:white;
	font-variant: small-caps;
    	font: 24px Verdana, Arial, Helvetica, sans-serif;
    }
    
    .theme #mainContent { 
	margin:20px 40px 20px 40px;
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	text-align: left; /* 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 */
    	width: 70%; 
    } 
    .theme #mainContent h1 .theme #mainContent p {
	color:white;
	font-variant: small-caps;
    	font: 24px Verdana, Arial, Helvetica, sans-serif;
    }
    
    .theme #footer { 
    	background:#095FA8; 
        font-size: 11px;
	text-align:center;
	margin:20px 40px 20px 40px;
    } 
    .theme #footer p {
	margin:20px 40px 20px 40px;
    	padding: 5px 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 L'élément flottant doit précéder l'élément à côté duquel il doit se trouver 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;
    }


A {
color:#000000;
text-decoration:none;
}
A:hover {
color:#000000;
text-decoration:none;
}

A:visited {
color:#000000;
text-decoration:none;
}

.box { 
  background: #FFFFFF; 
	border: 5px solid black;
}
.boxtop { 
  background: url(../images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 15px; 
  background: url(../images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 15px; 
  background: url(../images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 5px 15px 5px 15px;
}