/*GESTION DU MENU*/

.bg {background-color: rgb(191,191,255);}
.menu {padding:3px 3px 3px 3px; border:2px solid black; margin:0; list-style:none; height:40px; background-color: rgb(191,191,255); position:relative; font-family:arial, verdana, sans-serif;  font-size:10px;}
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:black; text-decoration:none; font-size:10px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 10px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background-color: rgb(191,191,255) right top;}
.menu li a.top_link:hover {background-color: rgb(191,191,255);}
.menu li a.top_link:hover span {background-color: rgb(191,191,255) right top;}
.menu li a.top_link:hover span.down {background-color: rgb(191,191,255) right top;}

.menu li:hover > a.top_link {background-color: rgb(191,191,255);}
.menu li:hover > a.top_link span {background-color: rgb(191,191,255) right top;}
.menu li:hover > a.top_link span.down {background-color: rgb(191,191,255) right top;}

.menu table {border:2px solid black; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #009900; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background-color: rgb(191,191,255) 80px 7px;}
.menu :hover ul.sub li a:hover {background:black; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background-color: rgb(191,191,255) 80px 7px;}
.menu :hover ul li:hover > a.fly {background-color: rgb(191,191,255) 80px 7px;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid black; white-space:nowrap; width:93px; z-index:200; height:auto;}


/* SCROLLER BOX */

#scroller_container
{
width: 900px;
height: 60px;
overflow: hidden;
}


#scroller_container
{
overflow: auto;
}


/*CORPS DE TEXTE*/

body
{
background: url("http://perso.numericable.fr/~huilerie49/images/fond-web3.jpg") repeat;
margin-top: 55px;
margin-right: 75px;
margin-bottom: 20px;
margin-left: 75px;
}


/*IMAGE FLOTTANTE A GAUCHE*/

#picture
{
float:left;
width: 230px;
}

/*IMAGE FLOTTANTE A DROITE*/

#picture2
{
float: right;
width: 100px;
}

/*BOX*/

#box
{
background-color: rgb(223,223,255);
border : 2px outset black;
padding : 25px;
margin : 15px 80px 15px 80px;
text-align: justify;
}




/*COMPORTEMENT DES TITRES ET PRARAGRAPHES*/

p
{
text-indent: 30px;
text-align: justify;
font-family: "Times New Roman", serif;
font-size: 1.1em;

}

h1
{
text-align: center;
text-decoration: underline;
font-family: comic sans ms;
}

h2
{
text-align: left;
text-indent: 50px;
text-decoration: underline overline;
}

/* COMPORTEMENT DES LIENS */

a
{
tex-color: blue;
text-decoration: underline;
}

a:link 
{
color: black;
}

a 
{
color: black;
}
  
a:visited 
{
color: black;
}

a:hover
{
color: red;
}


/*PAGE CENTRALE*/

#main
{
clear: both;
margin: 15px 15px 15px 15px;
padding: 20px;
border: 1px solid black;
background-color: rgb(191,191,255);
}


/* TABLEAUX */




table
{
border-collapse:collapse;
background:#EFF4FB url(http://www.roscripts.com/images/teaser.gif) repeat-x;
border:1px solid #686868;
font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
color: #333;

}



td, th
{

padding:5px;

}



caption
{

padding: 0 0 .5em 0;

text-align: left;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #333;

background: transparent;

}




/* =links
----------------------------------------------- */



table a
{
color:#950000;
text-decoration:none;

}



table a:link
{
}



table a:visited
{

font-weight:normal;
color:black;

}



table a:hover
{
border-bottom: 1px dashed #bbb;

}




/* =head =foot
----------------------------------------------- */




thead th, tfoot th, tfoot td
{
background:#333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;

color:#fff

}



tfoot td
{

text-align:right
}




/* =body
----------------------------------------------- */



tbody th, tbody td
{

border-bottom: dotted 1px #333;

}



tbody th
{

white-space: nowrap;

}



tbody th a
{

color:#333;

}



.odd
{
}



tbody tr:hover
{

background:#fafafa

}




/* BAS DE PAGE */


#footer
{
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 1px solid black;
background-color: rgb(191,191,255);
text-align: center;
color: #000000;
font-size: 0.9em;
}

#footer a
{
color: #000000;
text-decoration: none;
}

#footer a:hover
{
text-decoration: underline;
}