body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-color: #000000;
	font-family: Tahoma; 
	font-size: 10pt;
}

b{font-size: 110%;}
em{color: red;}
hr { clear: both; visibility: hidden; }	
h1 {background:url(/images/icones/chapeau-noir.png) no-repeat;font-size:18pt;height:30px;padding-left:35px;padding-top:5px;padding-bottom:5px;margin-top:-10px;}
h3 {text-align:center;color:#535353;}

.erreur {color:red;}

#maincontainer{
	width: 984px !important;
	/width: 984px;
	-width: 964px;
	margin: 0 auto; /*Center container on page*/
    padding: 5px;
    text-align: left;
    background-color: #000000;
    border-left: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
}
#bas-site {
	margin: 0 auto; /*Center container on page*/
	width:1000px;
	height:30px;
	background:url(/images/charte/bas-site.png);
}

#haut-site {
	margin: 0 auto; /*Center container on page*/ 
	margin-top:10px;
	width:1000px;
	height:30px;
	background:url(/images/charte/haut-site.png);
}

#topsection{
	background: #000000;
	height: 200px; /*Height of top section*/ 
	margin-top:-25px;
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	width: 690px !important;
	/width: 690px;
	-width: 670px;
	padding: 5px;
	margin-left:260px !important;
	text-align: left;
    background-color: #DCDCDC;
    border-left: 3px solid #999999;
	border-right: 3px solid #999999;
}

#centre-haut {
	width:707px;
	height:30px;
	margin-left:260px !important; 
	margin-top:-50px;
	background:url(/images/charte/centre-haut.png);
}

#centre-bas {
	width:707px;
	height:30px;
	margin-left:260px !important; 
	background:url(/images/charte/centre-bas.png);
}

#accueil-gauche{
	width: 340px;
	padding: 5px;
	margin-left:261px;
	text-align: left;
    background-color: #DCDCDC;
    border-left: 3px solid #999999;
	border-right: 3px solid #999999;
}

#accueil-haut {
	margin-left:260px;
	margin-top:-50px;
	width:358px;
	height:28px;
	background:url(/images/charte/accueil-haut.png);
}

#accueil-bas {
	margin-left:260px;
	width:358px;
	height:28px;
	background:url(/images/charte/accueil-bas.png);
}

#leftcolumn{
	float: left;
	width: 260px; /*Width of left column in pixel*/
	margin-left: -984px; /*Set margin to that of -(MainContainerWidth)*/
	background: #000000;
	padding-top:0px;
}

#rightcolumn{
	float: right;
	width: 345px; /*Width of right column*/
	height:662px;
	margin-top:-700px;
	margin-right: 0px; /*Set left margin to -(RightColumnWidth)*/
	background:url(/images/charte/accueil-visuel.png);
}

#footer{
	clear: left;
	width: 100%;
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	padding: 4px 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#videos{
	text-align: center;
	padding-top:20px;
	height: 580px;
}

a.lien1:link { padding: 1px 0px 1px 0px;color: #FF0000; font-family: Tahoma; font-size: 10pt;text-decoration:none; font-weight:bold; }
a.lien1:visited { padding: 1px 0px 1px 0px; color: #FF0000; font-family: Tahoma; font-size: 10pt;text-decoration:none; font-weight:bold; }
a.lien1:hover  { padding: 1px 5px 1px 5px; background: #FFFFFF; color: #000000 }

a.lien2:link { padding: 1px 0px 1px 0px; color: #FFFFFF; font-family: Tahoma; font-size: 10pt;text-decoration:none; }
a.lien2:visited { padding: 1px 0px 1px 0px; color: #FFFFFF; font-family: Tahoma; font-size: 10pt;text-decoration:none; }
a.lien2:hover  { padding: 1px 5px 1px 5px; background: #FFFFFF; color: #000000 }

a.lien3:link { padding: 1px 0px 1px 0px; color: #000000; font-family: Tahoma; font-size: 10pt;text-decoration:none; }
a.lien3:visited { padding: 1px 0px 1px 0px; color: #000000; font-family: Tahoma; font-size: 10pt;text-decoration:none; }
a.lien3:hover  { padding: 1px 5px 1px 5px; background: #000000; color: #FFFFFF }

.titre-menu {
	padding-top:5px;
	color: #FF0000; 
	font-family: Tahoma; 
	font-size: 10pt;
	font-weight:bold;
}

.visuels {
	margin-left:580px;
	margin-top:-90px; 
	position:relative;
  	z-index:10; 
}

.element-submenu	{ 
	background-color: #000000; 
	margin: 0px;
	margin-top:-5px;
	padding: 5px;
} 

.element-submenu ul	{
   	list-style-image: url("/images/icones/red-bullet.png");
   	padding-left: 20px; 
   	margin: 0px;
  	border-bottom: #ffffff 0px solid;
	border-left: 0px dotted #FFCC00;
	border-right: 0px dotted #FFCC00;
}

.element-submenu li {  
	padding: 2px 0px 2px 0px;
}

.subtexte ul	{
   	list-style-image: url("/images/icones/red-bullet.png");
   	padding-left: 20px;
	padding-top:8px; 
   	margin: 0px;
}

.subtexte li {  
	padding: 2px 0px 2px 0px;
}

/* Feuille de style pour le formulaire */
#monForm
{
	margin-left:30px;
}

#monForm p
{
	margin: 2px 0;
}

/* fieldset , legend */
#monForm fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

#monForm fieldset:hover
{
	background-color: #FFF;
}

#monForm fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999999;
}

/* Label */
#monForm label
{
	background-color: #D4D4D4;
	display: block;
	width: 49%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

#monForm label:hover
{
	font-weight: bold;
}

#monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#monForm input, #monForm select, #monForm textarea
{
	margin-left: 1%;
	width: 48%;
	border: #CCC 1px solid;
}

#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #e1e6ef;
}


/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 22%;
}

#monForm input[type="submit"]:hover
{
	background-color: #e1e6ef;
	cursor: pointer;
}

#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 22%;
}

#monForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

/* Form login */

#monFormlogin
{
	margin-left:32px;
}

#monFormlogin p
{
	margin: 2px 0;
}

/* fieldset , legend */
#monFormlogin fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

#monFormlogin fieldset:hover
{
	background-color: #FFF;
}

#monFormlogin fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999999;
}

/* Label */
#monFormlogin label
{
	background-color: #D4D4D4;
	display: block;
	width: 50%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

#monFormlogin label:hover
{
	font-weight: bold;
}

#monFormlogin .form_label_nostyle
{
	background: none;
	margin-left:-200px;
	
}

/* Input */
#monFormlogin input, #monFormlogin select, #monFormlogin textarea
{
	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
}

#monFormlogin input:hover, #monFormlogin select:hover, #monFormlogin input:focus, #monFormlogin select:focus
{
	border: #999999 1px solid;
	background-color: #e1e6ef;
}


/* button submit */
#monFormlogin input[type="submit"]
{
	border: #FF0000 1px solid;
	width: 22%;
}

#monFormlogin input[type="submit"]:hover
{
	background-color: #e1e6ef;
	cursor: pointer;
}

#monFormlogin input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 22%;
}

#monFormlogin input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
} 
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -430px; /* on positionne notre infobulle */
   left: -250px;

   background: transparent;

   color: green;
   padding: 3px;
}