/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #006699;

}
 
#wrapper { 
 margin: 0 auto;
 width: 984px;
 background-color: #ECF5FF;
 border:1px outset #06c;
}

#header {
 color: #333;
 width: 984px;
 float: left;
 padding: 0px;
 height: 150px;
 margin: 0px 0px 5px 0px;
}
#leftcolumn { 
 color: #ECF5FF;
 border: 0px solid #ccc;
 background: #ECF5FF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 400px;
 width: 200px;
 float: left;
}
#rightcolumn {
	float: left;
	color: #000000;
	border: 0px solid #003366;
	background: #ECF5FF;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	height: auto;
	width: 730px;
	display: inline;
	text-align: left;
}
#footer { 
 width: 964px;
 clear: both;
 color: #ccc;
 border: 0px solid #003366;
 background: #006699;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #FF9900;
padding-left: 18px;
padding-top:-35px;
margin-top: 20px;
margin-bottom: 15px;
background-image: url(../images/rectangle.gif);
background-repeat: no-repeat;
}
h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #0066CC;
font-style: normal;
font-weight: bold;
line-height: 18px;
margin: 30px 20px 22px 0px;
}
h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #0066CC;
font-style: normal;
font-weight: bold;
line-height: 18px;
margin: 30px 20px 0px 0px;
}

.ariane 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #666666; 
font-size:11px;
margin: 5px 0px 50px 0px;
text-align:right;
}
.ariane-gras
{
font-weight: bold;
}

.align-center  {text-align:center;}
.align-left    {text-align:left;}
.align-right   {text-align:right;}
.align-indent1 {margin-left:25px;}
.align-indent2 {margin-left:50px;}
.align-indent3 {margin-left:75px;}
.align-indent4 {margin-left:100px;}


.texte 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: black; 
font-size:12px;
margin: 10px 0px 10px 0px;
}

.texte-gras 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: black; 
font-size:12px;
margin-bottom: 10px;
}

.texte-avertissement
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #FF0000; 
font-size:13px;
margin: 20px 0 20px 0;
}

.texte-avertissement-gras
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
font-size:13px;
text-decoration: none;
margin: 20px 0 20px 0;
}



/****************** menu gauche *********************/

a.menu-gauche:link 
{ 
background-color: #336699;
color:#ECF5FF; 
font-family: Arial, sans-serif; 
font-weight:bold; 
font-size:11px; 
text-decoration:none; 
border-bottom-width:1px; 
border-bottom-style:solid; border-color:white; 
display:block;
padding-left:10px;
padding-top:4px; 
padding-bottom:4px;
width: 165px !important; /*for mozilla*/
width: 175px; /*for ie5.x*/
width/**/:/**/175px; /*for ie6.x*/
}

a.menu-gauche:visited 
{ 
background-color: #336699;
color:#ECF5FF; 
font-family: Arial, sans-serif; 
font-weight:bold; 
font-size:11px; 
text-decoration:none; 
border-bottom-width:1px; 
border-bottom-style:solid; border-color:white; 
display:block;
padding-left:10px;
padding-top:4px; 
padding-bottom:4px;
width: 165px !important; /*for mozilla*/
width: 175px; /*for ie5.x*/
width/**/:/**/175px; /*for ie6.x*/
}

a.menu-gauche:hover 
{ 
background-color:#99cccc; 
color:#ECF5FF; 
font-weight:bold;
font-size:11px; 
text-decoration:none; 
}

/*********************************************************************/
/***************************** LISTES ********************************/
/*********************************************************************/

ul 
{
margin-top:5px;
margin-left:25px;
}

li 
{ margin-top:5px; }

/*********************************************************************/
/********************************* ANCRES ****************************/
/*********************************************************************/

/****************************** PAR DEFAUT ***************************/

a:link
{
font-size: 12px;
background-color:transparent;
text-decoration: underline; 
color:#324FE3;
}

a:visited
{
font-size: 12px;
background-color:transparent;
text-decoration: underline; 
color:#324FE3;
}

a:hover
{
font-size: 12px;
background-color:transparent;
text-decoration: underline; 
color:#324FE3;
}

/*********************************************************************/
/***************************** LISTES ********************************/
/*********************************************************************/

ul 
{
margin-top:5px;
margin-left:25px;
}

ul.liste1
{
margin-left:2em;
margin-top:0em;
list-style-image:url(../images/puce.gif);
padding: .5em .5em .5em 2em
}
ul.liste1 a span
{
	/* Ressemblant à une bulle d'aide. */
	position: absolute;
	left: 30ex;
	margin-top: 0;	
	background-color: #ffd;
	/* On peut pas mettre la couleur InfoBackground car Safari met du noir. */
	font-size: small;
	color: black;
	text-decoration: none;
	width: 25ex;
	padding: 3px;
	border: 1px outset gray;
	z-index: 5;
	display: none;
}
ul.liste1 a:hover span
{ 
  	display: block;
}


li 
{ margin-top:5px; }


/*******infobulles*******/

#helpBox {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width: 160px;
}
DIV.helpBoxDIV {
	width: 160px;
	padding: 2px;
	background: white;
	border: 1px solid black;
	color: black;
	font-family: Arial,Helvetica;
	font-style: Normal;
	font-weight: Normal;
	font-size: 12px;
	line-height: 14px;
}


table.align-droite{
	float: right;
.texte table tr .texte div table .texte-gras .texte {
	text-align: justify;
}