html, body {width: 100%;height: 100%;}

body {margin: 0;padding: 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;background-color: #080c8c; }

p {margin: 0 0 10px 0;}
.petit		{font-size : 8pt; padding-left : 5px; padding-right : 5px; color : #FFFFFF; text-align : center;}
a.petit		{font-size : 8pt; padding-left : 5px; padding-right : 5px; color : #FFFFFF; text-align : center;}
a.partner	{color : #0B0C80; text-decoration : none; font-weight:bold; font-style : italic;}

/* les classes */

.centre {margin-left: 10px;width: auto;height: 400px;background-color:#080c8c;overflow: auto;}

.conteneur {width: 100%;height: 100%;position: absolute;background-color: #080c8c;}

.frame2 {margin-left: 100px;width: auto;height: 360px;background-color:#080c8c;overflow: auto;text-align:center;}
.gauche2 {position: absolute;left:10%;width: 150px;height: 360px;background-color:#080c8c;color:#FFFFFF;}

.frame3 {margin-left: 196px;width: auto;height: 360px;background-color:#080c8c;overflow: auto;}
.gauche3{position: absolute;left:5px;width: 191px;height: 360px;background-color:#080c8c;}

a.titre {color:#FFFFFF}

h1.titre {font-family:arial, verdana, serif;color:#FFFFFF;font-size:14px;text-align:center;font-weight:normal;margin-top:0.3em;padding-top:0.3em;}

.header {height: 100px;background-color: #080c8c;}

.footer {height: 40px;background-color: #080c8c;padding:0;}
.foot {height: 40px;background-color: #080c8c;position:absolute;bottom:20px;width:100%;}

/*  Gestion du menu    ------------------------------------------------------------------------*/
a.menu:link , a.menu:visited , a.menu:active {font-size : 8pt; padding-right : 0px; padding-top : 5px; color : #080c8c; font-weight : bold; text-align : right;text-decoration : none;display : block;height : 30px;width : auto;}
a.menu:hover {font-size : 8pt; padding-right : 0px; padding-top : 5px; color : #080c8c; font-weight : bold; text-align : right;text-decoration : none;display : block;height : 30px;width : auto; background : #CCCCCC;}

td.menu	{background : #FFFFFF; border-bottom : solid gray 2px;text-align : right; height : 30px;}
/*-------------------------------------------------------------------------------------------------*/

.frame {
margin-left: 150px;
width: auto;
height: 400px;
background-color:#080c8c;
overflow: auto;
}

.gauche {
position: absolute;
left:0;
width: 150px;
height: 400px;
background-color:#080c8c;
}

h1.maintext{font-family:arial, verdana, serif;color:#03066E;font-size:14px;text-align:left;font-weight:normal;margin-top:0.5em;padding-top:0.5em;margin-left:0.9em;padding-left:0.9em;}

h1.maintext-nice {font-family:arial, verdana, serif;color:#FF0000;font-size:14px;text-align:left;font-weight:bold;margin-top:0.5em;padding-top:0.5em;margin-left:0.9em;padding-left:0.9em;}

li.maintext {
color:#4D4C4C;
font-family:arial, verdana, serif;
font-size:10.0pt;
text-align:left;
margin-left:0.9em;
padding-left:0.9em;
margin-right:0.9em;
padding-right:0.9em;
}

p.maintext {
color:#4D4C4C;
font-family:arial, verdana, serif;
font-size:10.0pt;
text-align:left;
margin-left:0.9em;
padding-left:0.9em;
margin-right:0.9em;
padding-right:0.9em;
}
ul.maintext {
color:#4D4C4C;
font-family:arial, verdana, serif;
font-size:10.0pt;
text-align:left;
margin-left:0.9em;
padding-left:0.9em;
margin-right:0.9em;
padding-right:0.9em;
}

span.maintext-grand{
font-family:arial, verdana, serif;
color:#03066E;
font-size:16px;
text-align:left;
font-weight:normal;
margin-top:0.5em;
padding-top:0.5em;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p.tableaublanc {
color:#FFFFFF;
font-family:"Times New Roman",arial, verdana, serif;
font-size:12.0pt;
text-align:center;
margin-left:0.9em;
padding-left:0.9em;
margin-right:0.9em;
padding-right:0.9em;
}
p.tableaunoir {
color:#222222;
font-family:"Times New Roman",arial, verdana, serif;
font-size:12.0pt;
text-align:center;
margin-left:0.9em;
padding-left:0.9em;
margin-right:0.9em;
padding-right:0.9em;
}
p.petitimp {
color:#222222;
font-family:"Times New Roman",arial, verdana, serif;
font-size:10.0pt;
text-align:center;
margin-left:0.9em;
padding-left:0.9em;
margin-right:0.9em;
padding-right:0.9em;
font-variant:small-caps;
}

/*   Affichage vertical   -------------------------------------------------------------------------------------------------------- */
.verticaltext{font-family: Arial, Helvetica, Geneva;font-size: 13px; position: absolute;right: 3px;top: 65px;width: 15px;writing-mode: tb-rl;color:#ffffff;}

.verticaltext a 			{color: #ffffff; text-decoration:none }
.verticaltext a:hover 	{color: #ffffff;}
.verticaltext a:link 	{color: #ffffff; text-decoration:none}
.verticaltext a:visited	{color: #ffffff; text-decoration:none}
.verticaltext a:active 	{color: #ffffff; text-decoration:none}
/*------------------------------------------------------------------------------------------------------------------------------------- */


#xiti {position:absolute;right:5px;top:5px;text-align:center;}
#xiti a 	{color : #FFFFFF;}

a.network	{color : #FFFFFF;font-weight : bold; text-decoration : none;font-size: 0.8em;}