html, body {
background-color:#306b93;
margin:0px;
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size:12px;
color:#4d626d;
}
#page {
background-image:url("fond-page.jpg");
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
padding-left:9px;
padding-right:9px;
width:1000px;
border:0px solid red;
}
h1 {text-align:left; font-size:16px; color:#102c55; margin-bottom:10px;}
/* a {font-weight:bold; color:yellow; text-decoration: none}
/*---------------------------------------------HEADER--------------------------------------------*/
#header {
background-image:url("header.jpg");
background-repeat:repeat-x;
width:1000px;
height:108px;
border: 0px solid red;
color:#306b93;
}
.blue{color:#0c254d;}
/*---------------------------------------------MENU--------------------------------------------*/
#menu_g {
float:left;
display:block;
background-image:url("menu-gauche.jpg");
width:60px;
height:41px;
}
#menu_m{
float:left;
background-image:url("menu-milieu.jpg");
background-repeat:repeat-x;
width:880px;
height:41px;
border: 0px solid yellow;
margin:auto;
}
#menu_d {
float:left;
display:block;
background-image:url("menu-droite.jpg");
width:60px;
height:41px;
}
.menu-link a {float:left; display:block; height:26px; border:solid 0px yellow; margin:0px 10px 0px 10px; padding:15px 15px 0px 15px; text-align:center; font-size: 14px; color:#ffffff; text-decoration:none;}
.menu-link a:visited {float:left; display:block; height:26px; border:solid 0px yellow; margin:0px 20px 0px 20px; padding:15px 5px 0px 5px; text-align:center; font-size: 14px; color:#ffffff; text-decoration:none;}
.menu-link a:hover {background-image:url("menu-select.jpg"); background-repeat:repeat-x;}
/*---------------------------------------------LOGIN --------------------------------------------*/
#log {
clear:both;
background-color:#0c254d;
width:1000px;
height:35px;
margin:0;
font-size:12px;
color:#ffffff;
text-align:right;
border:0px solid green;
}
.specimen a {font-weight:bold; color:yellow; text-decoration: none}
.log-ul{padding:0 ; margin:0 ; border:0px solid red}
.log-li{display:inline; text-align:center; padding:0 5px 0 0 ; margin:0px ;}
.log_deconnect a {color:#00a8ff; text-decoration:none; border:0px solid yellow;}
.log_deconnect a:visited { color:#00a8ff; text-decoration:none; border:0px solid yellow;}
.log_deconnect a:hover {color:#6ceaff;}
/*---------------------------------------------COLONE 1 --------------------------------------------*/
#colone1 {
float:left;
margin-top:10px;
margin-left:10px;
margin-right:10px;
width:150px;
border: 0px solid blue;
}
.blue-boxe_titre {background-image:url("titre-blue-boxe.jpg"); background-repeat:repeat-x; width:140px; height:21px; padding-left:10px; padding-top:7px; border:0px solid pink; color:#ffffff;}
.pink-boxe_titre {background-image:url("titre-boxe_rose.jpg"); background-repeat:repeat-x; width:140px; height:21px; padding-left:10px; padding-top:7px; border:0px solid pink; color:#ffffff;}
.blue-boxe_link a {display:block; background-image:url("fond-blue-boxe.jpg"); background-repeat:repeat-x; width:140px; height:17px; padding-top:3px; padding-left:10px; text-align:left;font-size: 12px; color:#102c55; text-decoration:none; border:0px solid yellow;}
.blue-boxe_link a:visited {display:block; background-image:url("fond-blue-boxe.jpg"); background-repeat:repeat-x; width:140px; height:17px; padding-top:3px; padding-left:10px; text-align:left; font-size: 12px; color:#102c55; text-decoration:none; border:0px solid yellow;}
.blue-boxe_link a:hover {background-image:url("fond-blue-boxe_on.jpg");}
/*---------------------------------------------COLONE 2 --------------------------------------------*/
#colone2 {
float:left;
margin-top:10px;
width:385px;
border: 0px solid green;
text-align:justify;
}
.titre_1 {text-align:left; font-size:16px; color:#102c55; margin-bottom:10px;}
.abo {background-color:#8b3d3d; padding-left:5px; padding-right:5px; font-size:10px; color:#ffffff;}
.pink{font-weight:bold; color:#8f1955;}
.blue_link a {color:#0d699c; text-decoration:none; font-weight:bold; border:0px solid yellow;}
.blue_link a:visited {color:#0d699c; text-decoration:none; font-weight:bold; border:0px solid yellow; }
.blue_link a:hover {color:#0066FF; font-weight:bold; text-decoration:underline;}
.separation {background-image:url("separation.jpg"); background-repeat:repeat-x; height:7px; margin:10px;}
.lien_fleche a {background-image:url("btn_go.png"); background-position:right; background-repeat:no-repeat; color:#0d699c; text-decoration:none; height:19px; padding-right:25px; border:0px solid blue;}
.lien_fleche a:visited {background-image:url("btn_go.png"); background-position:right; background-repeat:no-repeat; color:#0d699c; text-decoration:none; height:19px; padding-right:25px; border:0px solid blue;}
.lien_fleche a:hover {color:#4d626d; text-decoration:underline;}
/*---------------------------------------------COLONE 3 --------------------------------------------*/
#colone3 {
float:left;
margin-top:10px;
margin-left:10px;
width:265px;
border: 0px solid red;
text-align:left;
}
.titre_3{text-align:left; background-color:#dfe7eb; font-size:16px; padding:5px; color:#102c55;}
.titre_4 {background-image:url("titre-blue.jpg"); background-repeat:repeat-x; height:21px; padding-left:5px; padding-top:7px; margin-bottom:7px; border:0px solid pink; color:#ffffff;}
.text_portefeuille{color:#0c254d; font-size:12px; text-align:justify;}
.tab_boxe{border:1px solid #0d699c; margin:0px 0px 10px 0px;}
.tab_3a {padding-left:5px; border:0px solid yellow; font-size:10px;}
.tab_3b{background-color:#dfe7eb; padding-left:5px; border:0px solid yellow; font-size:10px;}
.abo_2 {background-color:#8b3d3d; width:50px; font-size:11px; color:#ffffff; text-align:center;}
.abo_3 {background-color:#8b3d3d; width:50px; font-size:10px; color:#ffffff; text-align:center;}
.pink_link a {color:#a82f6d; font-size:10px; font-weight:bold; text-decoration:none; border:0px solid yellow;}
.pink_link a:visited { color:#a82f6d; font-size:10px; font-weight:bold; text-decoration:none; border:0px solid yellow;}
.pink_link a:hover {color:#0d699c; font-weight:bold;}
/*---------------------------------------------COLONE 4 --------------------------------------------*/
#colone4{
float:left;
margin-top:10px;
margin-left:10px;
width:150px;
border: 0px solid brown;
}
.boxe_graph {display:block; background-color:#0c254d; width:140px; height:95px; padding:10px 5px 5px 5px; text-align:center; font-size: 12px; color:#ffffff; border:0px solid yellow;}
.boxe_info {display:block; background-color:#dfe7eb; width:140px; height:150px; padding:5px; text-align:center; font-size: 12px; color:#0c254d; border:0px solid yellow;}
.blue_btn a {display:block; background-image:url('btn-bleu.jpg'); color:#ffffff; text-decoration:none; width:140px; height:21px; margin:2px 0 2px 0; padding:8px 0 0 10px;}
.blue_btn a:visited {display:block; background-image:url('btn-bleu.jpg'); color:#ffffff; text-decoration:none; width:140px; height:21px; margin:2px 0 2px 0; padding:8px 0 0 10px;}
.blue_btn a:hover {color:#0c254d;}
/*---------------------------------------------COLONE 5 --------------------------------------------*/
#colone5 {
float:left;
margin-top:10px;
width:800px;
border: 0px solid green;
text-align:justify;
}
.titre_article {font-size:16px; font-weight:bold; color:#8f1955;}
#colone2b {
float:left;
margin-top:10px;
width:535px;
border: 0px solid green;
text-align:justify;
}
/*---------------------------------------------FOOTER--------------------------------------------*/
#footer {
clear:both;
background-image:url("footer.jpg");
background-repeat:repeat-x;
background-color:#0c254d;
width:980px;
padding:30px 10px 20px 10px;
border:0px solid yellow;
color:#ffffff;
font-size: 10px;
text-align:center;
}
.footer_menu1 a {color:#00a8ff; font-size:14px; text-decoration:none; border:0px solid yellow;}
.footer_menu1 a:visited { color:#00a8ff; text-decoration:none; border:0px solid yellow;}
.footer_menu1 a:hover {color:#6ceaff;}
.footer_menu2 a {color:#00a8ff; text-decoration:none; border:0px solid yellow;}
.footer_menu2 a:visited { color:#00a8ff; text-decoration:none; border:0px solid yellow;}
.footer_menu2 a:hover {color:#6ceaff;}
.footer_tab {vertical-align:top;}
.footer_sepa1 {float:left; margin:5px 10px 5px 10px; background-color:#ffffff; width: 1px; height:5px;}
.footer_sepa2 {float:left; margin:5px 10px 5px 10px; background-color:#102c55; width: 1px; height:60px;}
.footer_link a {color:#00a8ff; text-decoration:none; border:0px solid yellow;}
.footer_link a:visited { color:#00a8ff; text-decoration:none; border:0px solid yellow;}
.footer_link a:hover {color:#6ceaff;}