/*
 * -----------------------------------------------------------------------------
 * General
 * -----------------------------------------------------------------------------
 */

 
/* {margin:0; padding:0}*/

#anime
{display:block;
position:relative;
width:800px;
height:600px;
margin:50px auto 0px auto;
}

#globe
{position:absolute;
top:6px;
left:90px;
width:68px;
height:68px;
margin:0;
}

body
{
/*background-color:white;*/
background-image:url(images/fond_site.jpg);
background-repeat:repeat-y;
}
#site
{
background-color:white;
position:relative;
margin:50px auto 0px auto;
padding:0px 0px 0px 0px;
width:800px;
height:600px;

}
.bold
{font-weight:bold;}
p
{
font-family:Verdana;
font-size:12px;
}

h1{font-family:Verdana;}
h2{font-family:Verdana;}
h3{font-family:Verdana; font-size:16px; color:#e20079;}
h4
{color:#e20079;
font-family:Verdana;
font-size:14px;
font-style: italic ;
}

.gras
{
font-weight:bold;
}

.rose_ita
{color:#e20079;
font-style:italic;
font-weight:bold;
}
/*
 * -----------------------------------------------------------------------------
 * Supports.html
 * -----------------------------------------------------------------------------
 */
table {
/*border: medium solid #000000;*/
border-spacing:30px;
/*width: 50%;*/
margin-left:auto;
margin-right:auto;
}
td, th {
/*border: thin solid #6495ed;*/
width: 50%;
border-spacing:30px;
}

/*
 * -----------------------------------------------------------------------------
 * Top
 * -----------------------------------------------------------------------------
 */

#title_top
{position:absolute;
top:10px;
right:0px;
background-image:url(images/logo.jpg);
width:302px;
height:57px;
z-index:3;
}

#logo
{
position:absolute;
top:0px;
left:0px;
z-index:2;
}

#barre_top_red_corner
{
position:absolute;
top:10px;
right:707px;
display:block;
margin:0;
padding:0;
width:34px;
height:65px;
background-image:url(images/arrondi_barre_top_red.jpg);

/*background-image:url(images/barre_top_red.jpg);*/
z-index:1;
}

#barre_top_red
{
position:absolute;
top:10px;
right:0px;
display:block;
margin:0;
padding:0;
width:707px;
height:57px;
background-image:url(images/barre_top_red.jpg);
z-index:1;
}

#barre_top_red_ombre
{
position:absolute;
top:67px;
right:0px;
display:block;
margin:0;
padding:0;
width:707px;
height:8px;
background-image:url(images/ombre_rouge.jpg);
background-repeat:repeat-x;
z-index:1;
}

#barre_top_blue_corner
{
position:absolute;
top:78px;
right:532px;
margin:0;
padding:0;
width:22px;
height:31px;
background-image:url(images/arrondi_barre_top_blue.jpg);
z-index:2;
}

#barre_top_blue
{
position:absolute;
top:78px;
right:0px;
display:block;
margin:0;
padding:0;
width:532px;
height:23px;
background-image:url(images/barre_top_blue.jpg);
z-index:1;
}

#barre_top_blue_ombre
{
position:absolute;
top:101px;
right:0px;
display:block;
margin:0;
padding:0;
width:532px;
height:23px;
background-image:url(images/ombre_bleue.jpg);
background-repeat:repeat-x;
z-index:2;
}

/*
 * -----------------------------------------------------------------------------
 * Left
 * -----------------------------------------------------------------------------
 */

#left
{
position:absolute;
top:0px;
left:0px;
height:578px;
width:250px;
margin:0;
padding:0;
/*border: 1px solid black;*/
}

div#left ul
{
position:absolute;
top:-300px;
/*border: 1px solid black;*/
left:29px;
padding-left: 0px;
margin-left: 0px;
padding-top:0px;
margin-top:0px;
z-index:2;
}


div#left li
{
list-style-type:none;	
padding-left: 0px;
margin-left: 0px;
padding-top:0;
margin-top:15px;
padding-bottom:0em;
margin-bottom:10px;
font-size:8.5pt;
z-index:2;
}

div#left li a:link
{
color:#162983;
text-decoration: none ;
font-weight:bold;
font-family:verdana;
display:block;
padding-left:20px;
marging:0px;
/*border: 1px solid black;*/
background-position:0px 0px;
background-repeat:no-repeat;
background-image:url(images/fond_menu.jpg);
width:147px;
height:15px;
z-index:2;
}

div#left li a:visited
{
text-decoration: none ;
font-weight:bold;
font-family:verdana;
display:block;
padding-left:20px;
marging:0px;
/*border: 1px solid black;*/
background-position:0px 0px;
background-repeat:no-repeat;
background-image:url(images/fond_menu.jpg);
width:147px;
height:15px;
z-index:2;
}

div#left li a:hover
{
color:#E20079;
text-decoration: none ;
font-weight:bold;
font-family:verdana ;
display:block;
padding-left:20px;
marging:0px;
/*border: 1px solid black;*/
background-position:0px 0px;
background-repeat:no-repeat;
background-image:url(images/fond_menu_hover.jpg);
width:147px;
height:15px;
z-index:2;
}

#ligne_foncee
{

position:absolute;
top:0;
left:33px;
height:578px;
width:7px;
background-image:url(images/ligne_fonce.jpg);
background-repeat:repeat-y;
marging:0px;
padding:0px;
z-index:1;
}
#ligne_claire
{

position:absolute;
top:0;
left:11px;
height:600px;
width:11px;
background-image:url(images/ligne_claire.gif);
marging:0px;
padding:0px;
z-index:1;
}

/*
 * -----------------------------------------------------------------------------
 * Content
 * -----------------------------------------------------------------------------
 */

#content
{
position:absolute;
height:420px;
width:470px;
top:140px;
left:250px;
padding-right:5px;
}

#petit_titre
{position:absolute;
top:0px;
margin:0;
padding:0;
font-family:Verdana, arial;
font-size:16px;
color:#e20079;
}

#grand_titre
{position:absolute;
margin:0;
padding:0;
font-weight:bold;
font-family:Verdana;
top:12px;
font-size:25px;
color:#162983;
}

.indent
{text-indent:20px;}

#contenu
{position:absolute;
top:50px;
height:370px;
width:470px;
overflow: auto;
padding-right:20px;
text-align:justify;
line-height:1.2em;
}

.orange
{
color:#e64215;
font-weight:bold;
font-style:italic;
}
/*
 * -----------------------------------------------------------------------------
 * Bottom
 * -----------------------------------------------------------------------------
 */
#bottom
{
position:absolute;
height:22px;
width:800px;
background-image:url(images/barre_bottom.gif);
background-repeat:repeat-x;
top:578px;
z-index:4;
}

div#bottom p
{
position:absolute;
width:800px;
height:22px;
margin: 4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:10px;
font-family:Verdana;
font-weight:bold;
color:#f399c9;
}

#bottom_left
{
position:absolute;
height:22px;
width:13px;
background-image:url(images/bord_gauche_barre_bottom.gif);
top:0px;
z-index:4;
}
 
#bottom_right
{
position:absolute;
height:22px;
width:13px;
background-image:url(images/bord_droit_barre_bottom.gif);
top:0px;
right:0px;
z-index:4;
}