@charset "utf-8";

body {
	padding: 0;
	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 */
	color: #330033;
	background-color: #682B67;
	margin-top: 0;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
    }
#global {
     position: relative;  /*POUR CENTRER LE SITE on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 751px;
     text-align: left;
     }

#container {
	width: 750px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #682B67;
	text-align: left;
	background-color: #af98ac;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 0;
	position: relative; /*container est lié au #menu dans menu.css et se met juste en dessous solidairement grâce à position: relative englobée par #global*/
	/*left: 198px; => désactivée car position :relative, valable seulement en position:absolute*/
	top: 50px;
    } 
#sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 160px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #AF98AC;
	margin-top: 0px;
	margin-left: 6px;
	display: inline;
    }
#address {
	font-size: 79%;
	font-weight: normal;
	font-variant: normal;
	vertical-align: middle;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 5px;
	white-space: nowrap;
	height: 200px;
	margin-left: 0px;
	float: left;
}
#topic {
	font-size: 79%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	border: 1px solid #682B67;
	margin-left: 0px;
	float: left;
	/*<!--[if (IE 5)|(IE 6)]>word-wrap: break-word<![endif]-->*/
}


#content {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 510px;
	margin-left: 175px;
	font-size: 80%;
	background-color: #CCCCFF;
	height: 100%;
	margin-top: 140px;
}
#content p {
	letter-spacing: 0.05em;
	line-height: 22px;
}
#content li {
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
	vertical-align: middle;
	text-align: left;
	
	padding-left: 10px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 22px;
				
}

#footer {
	background-color: #af98ac;
	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 */
    
  

/* CSS Document */

.violet_a {
	font-size: 100%;
	font-weight: bold;
	color: #682B67;
	letter-spacing: 0.2em;
}
.violet_a:hover {
	font-size: 100%;
	font-weight: bold;
	color: #CCCCFF;
	letter-spacing: 0.2em;
}
.blue_space_a {
	font-size: 100%;
	font-weight: bold;
	color: #682B67;
	letter-spacing: 0.2em;
}
.blue_space_a:hover {
	font-size: 100%;
	font-weight: bold;
	color: #af98ac;
	letter-spacing: 0.2em;
}
.title {
	font-size: 100%;
	font-weight: bold;
	color: #682B67;
	letter-spacing: 0.1em;
}
.title_topic {
	font-size: 90%;
	font-weight: bold;
	font-variant: small-caps;
	/*color: #682B67;*/
	/*letter-spacing: 0.1em;*/
}

.bluethin_a {
	font-size: 100%;
	font-weight: bold;
	color: #682B67;
	text-decoration: underline;
}
.bluethin_a:hover {
	font-size: 100%;
	font-weight: bold;
	color: #AF98AC;
	text-decoration: underline;
}
.email_a {
	font-size: 120%;
	font-weight: bold;
	color: #682B67;
	text-decoration: underline;
	padding-left: 150px;	
}
.email_a:hover {
	font-size: 120%;
	font-weight: bold;
	color: #AF98AC;
	text-decoration: underline;
	padding-left: 150px;
}

#tablesitemap {
	height: 100%;
	width: 500px;
	text-align: left;
}
#tablesitemap td {
	font-size: 90%;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
}
.tabletitle_a{
	color: #CCCCFF;
	background-color: #AF98AC;
	text-align: center;
}
.tabletitle_a:hover{
	color: #FFFFFF;
	background-color: #AF98AC;
	text-align: center;
}

.tabletd_a{
	color: #AF98AC;
	background-color: #CCCCFF;
	
	
}
.tabletd_a:hover{
	color: #FFFFFF;
	background-color: #AF98AC;
}
#copyrights {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.noborder_a{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	
}
.links_p{
	font-size: 95%;
		
	
}
.smallfont{
	font-size: 90%;
		
	
}