/* CSS Document */

/*MENU*/
#menu_pic{
clear: left;
position: absolute;
top: 130px;
/*left: 13px;*/
left: 9px;
width: 742px;
/*border-bottom: 1px solid #000;*/
height: 26px;
}
ul#menu2{
width : 742px;
height: 26px;
list-style-type: none;
display: inline;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#menu2 li{
float: left;
}

/*PARTIE GAUCHE DU MENU VERTICAL*/
#v_menu_gauche{
position: absolute;
top: 156px;
left: 0px;
width: 176px;
border: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#v_menu_gauche_cg{
position: absolute;
top: -2px;
left: -2px;
background: url('../images/coin_gauche_menu_2.gif') left no-repeat;
height: 8px;
width: 11.5px !important;
width: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0 !important;
}

#v_menu_gauche_cache{
position: absolute;
top: 5px !important;
top: 6px;

left: 5.5px !important;
left: 2px;

background-color: #FEFCED;
height: 25px;
width: 172px !important;
width: 180px;

z-index:inherit !important;
z-index:1000;

border-left : inherit !important;
border-left : solid 2px lightgrey;
}

#v_menu_gauche_bg{
background: url(../images/border_s_mn.gif) left !important;
background-repeat: repeat-y !important;
background: none;
height: 170px;
width: 176px;
margin: -2 0 0 0 !important;
padding: 2 0 50px 0 !important;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#v_menu_gauche_bd{
background: url(/templates/images/coin_gauche_s_menu_14.gif) right;
background-repeat: repeat-y;
background-color: #FEFCED;

width: 150px !important;
width: 177px;

height: 180px !important;
margin: 28px 0 0 1px !important;
margin: 28px 0 0 0px;

padding: 0 15px 0 10px;
border-left: 1px solid #ccc !important;
border-left: 2px solid #ccc;
text-align : justify;
}


#v_menu_gauche_cb{
background: url(/templates/images/coin_bas_con_mn_20_2.gif) no-repeat;
width: 172px !important;
width: 177px;
height: 24px;
padding: 0 0 20px 20px !important;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
/*PARTIE DROITE DU MENU VERTICAL*/
#v_menu_droit{
position: absolute;
top: 156px;
left: 6px;

width: 580px !important;
width: 745px;

border: 0;
margin: 0 0 0 0;
padding: 0 0 0 170px !important;
padding: 0 0 0 0;

background-color: #FEFCED;
}

#v_menu_droit_cg{
position: absolute;
top: 21px;
left: 168px;
background: url(../images/coin_haut_gauche_19.gif) right no-repeat;
width: 10px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#v_menu_droit_bb{
position: absolute;
top: 18px !important;
top: 17px;
left: 176px;
background: url(../images/menu_gauche_pdroite_bd.gif) left;
background-repeat: repeat-x;
width: 572px;
height: 12px !important;
border: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#v_menu_droit_cd{
float: right;
position: relative;
background: url(../images/coin_droit.gif) right no-repeat;
margin: 0px 0px 0px -5px !important;
margin: 0 0 0 0;
border: 0;
width: 17px;
height: 24px;

left: 8px !important;
left: 15px;
}






li.image{
display: block;
width: 19px !important;
width: 25px;
height: 26px;
background: url(../images/orange/onglet_1.gif) no-repeat 0 0;
padding: 5px 0 0 5px;
margin: 0 0 0 0; 
}
a.image{
color: #333;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 9px;
}
/*2eme onglet*/
li.image2{
display: block;
text-align: center;
width: 710px !important;
width: 714px;
height: 26px;
background: url(../images/gris_onglet_2_grand.gif) no-repeat 0 0;
padding: 5px 0 0 5px;
margin: 0 0 0 0; 
}
a.image2{
display : block;
width : 100%;
height : 100%;
color: #333;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 9px;
}
#span_2{
position: absolute;
top: 161px;
left: 40% !important;
left: 38%;
visibility: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index:350;
background: url(../images/orange/span_rc_cg.gif) left no-repeat;
}
#span_2_txt {
position: relative;
margin: 0 0 0 7px;
padding: 0 7px 0 0;
z-index:150;
background: url(../images/orange/span_rc_cd.gif) right no-repeat;
}
#bckgrnd2{
background: url(../images/orange/span_rc_mi.gif) repeat-x;
margin: 0 0 0 0;
padding: 1px 0 0 0;
height: 15px;
width:170px;
}
#span_2_bulle{
position: absolute;
background: url(../images/orange/span_ora_bulle.gif) no-repeat;
top: -5px;
left: 80px !important;
left: 100px;
z-index:400;
height: 5px;
width: 20px;
}
a.image2:hover {
color: darkorange;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
a.image2 span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.image2:hover span {   /* définition de la balise <span> au survol */
/*voir pour du dynamique*/
display: block;
position: absolute;
top: 26px;
left: 68px;
height: 15px;
margin: 0 0 0 0;
padding: 1px 1px 1px 3px;
width: 600px;/* largeur de la zone de commentaires, selon la taille de l'image */
text-align: left;
color: black;
background: url(../images/span_rc.gif) no-repeat 0 0;
z-index:150;
}

/*3eme onglet*/
li.image3{
display: block;
width: 94px;
height: 26px;
background: url(../images/gris_onglet_3.gif) no-repeat 0 0;
padding: 5px 0 0 5px;
margin: 0 0 0 0; 
}
a.image3{
display : block;
width : 100%;
height : 100%;
color: #333;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 9px;
}
#span_3{
position: absolute;
top: 161px;
left: 126px;
visibility: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index:350;
/*background: url(../images/span_rc_cd.gif) right no-repeat;*/
background: url(../images/violet/span_rc_cg.gif) left no-repeat;
}
#span_3_txt {
margin: 0 0 0 7px;
padding: 0 7px 0 0;
z-index:150;
background: url(../images/violet/span_rc_cd.gif) right no-repeat;
}
#bckgrnd3{
background: url(../images/violet/span_rc_mi.gif) repeat-x;
margin: 0 0 0 0;
padding: 1px 0 0 0;
height: 15px;
}
#span_3_bulle{
position: absolute;
background: url(../images/violet/span_vio_bulle.gif);
/*border: 1px solid blue;*/
top: -5px;
left: 25px;
z-index:400;
height: 5px;
width: 20px;
}
a.image3:hover {
color: mediumorchid;
}
a.image3:hover span {   /* définition de la balise <span> au survol */
/*voir pour du dynamique*/
display: block;
position: absolute;
top: 26px;
left: 68px;
height: 15px;
margin: 0 0 0 0;
padding: 1px 1px 1px 3px;
width: 600px;/* largeur de la zone de commentaires, selon la taille de l'image */
text-align: left;
color: black;
background: url(../images/span_rc.gif) no-repeat 0 0;
z-index:150;
}

li.image4{
display: block;
width: 123px;
height: 26px;
background: url(../images/gris_onglet_4.gif) no-repeat 0 0;
padding: 5px 0 0 4px;
margin: 0 0 0 0; 
}
a.image4{
display : block;
width : 100%;
height : 100%;
color: #333;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 9px;
}
#span_4{
position: absolute;
top: 161px;
left: 230px;
visibility: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index:350;
/*background: url(../images/span_rc_cd.gif) right no-repeat;*/
background: url(../images/turquoise/span_rc_cg.gif) left no-repeat;
}
#span_4_txt {
margin: 0 0 0 7px;
padding: 0 7px 0 0;
z-index:150;
background: url(../images/turquoise/span_rc_cd.gif) right no-repeat;
}
#bckgrnd4{
background: url(../images/turquoise/span_rc_mi.gif) repeat-x;
margin: 0 0 0 0;
padding: 1px 0 0 0;
height: 15px;
}
#span_4_bulle{
position: absolute;
background: url(../images/turquoise/span_tur_bulle.gif);
top: -5px;
left: 30px;
z-index:400;
height: 5px;
width: 20px;
}
a.image4:hover {
color: darkturquoise;
}
a.image4:hover span {   /* définition de la balise <span> au survol */
/*voir pour du dynamique*/
display: block;
position: absolute;
top: 26px;
left: 68px;
height: 15px;
margin: 0 0 0 0;
padding: 1px 1px 1px 3px;
width: 600px;/* largeur de la zone de commentaires, selon la taille de l'image */
text-align: left;
color: black;
background: url(../images/span_rc.gif) no-repeat 0 0;
z-index:150;
}

li.image5{
display: block;
width: 101px;
height: 26px;
background: url(../images/gris_onglet_5.gif) no-repeat 0 0;
padding: 5px 0 0 5px;
margin: 0 0 0 0; 
}
a.image5{
display : block;
width : 100%;
height : 100%;
color: #333;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 9px;
}
#span_5{
position: absolute;
top: 161px;
left: 355px;
visibility: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index:350;
/*background: url(../images/span_rc_cd.gif) right no-repeat;*/
background: url(../images/rouge/span_rc_cg.gif) left no-repeat;
}
#span_5_txt {
margin: 0 0 0 7px;
padding: 0 7px 0 0;
z-index:150;
background: url(../images/rouge/span_rc_cd.gif) right no-repeat;
}
#bckgrnd5{
background: url(../images/rouge/span_rc_mi.gif) repeat-x;
margin: 0 0 0 0;
padding: 1px 0 0 0;
height: 15px;
}
#span_5_bulle{
position: absolute;
background: url(../images/rouge/span_rou_bulle.gif);
top: -5px;
left: 50px;
z-index:400;
height: 5px;
width: 20px;
}
a.image5:hover {
color: red;
}
a.image5:hover span {   /* définition de la balise <span> au survol */
/*voir pour du dynamique*/
display: block;
position: absolute;
top: 26px;
left: 68px;
height: 15px;
margin: 0 0 0 0;
padding: 1px 1px 1px 3px;
width: 600px;/* largeur de la zone de commentaires, selon la taille de l'image */
text-align: left;
color: black;
background: url(../images/span_rc.gif) no-repeat 0 0;
z-index:150;
}

li.image6{
display: block;
width: 68px;
height: 26px;
background: url(../images/gris_onglet_6.gif) no-repeat 0 0;
padding: 5px 0 0 5px;
margin: 0 0 0 0; 
}
a.image6{
display : block;
width : 100%;
height : 100%;
color: #333;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 9px;
}
#span_6{
position: absolute;
top: 161px;
left: 405px;
visibility: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index:350;
/*background: url(../images/span_rc_cd.gif) right no-repeat;*/
background: url(../images/bleu/span_rc_cg.gif) left no-repeat;
}
#span_6_txt {
margin: 0 0 0 7px;
padding: 0 7px 0 0;
z-index:150;
background: url(../images/bleu/span_rc_cd.gif) right no-repeat;
}
#bckgrnd6{
background: url(../images/bleu/span_rc_mi.gif) repeat-x;
/*background-color : #468EEB;*/
margin: 0 0 0 0;
padding: 1px 0 0 0;
height: 15px;
}
#span_6_bulle{
position: absolute;
background: url(../images/bleu/span_bleu_bulle.gif);
top: -5px;
left: 90px;
z-index:400;
height: 5px;
width: 20px;
}
a.image6:hover {
color: royalblue;
}
a.image6:hover span {   /* définition de la balise <span> au survol */
/*voir pour du dynamique*/
display: block;
position: absolute;
top: 26px;
left: 68px;
height: 15px;
margin: 0 0 0 0;
padding: 1px 1px 1px 3px;
width: 600px;/* largeur de la zone de commentaires, selon la taille de l'image */
text-align: left;
color: black;
background: url(../images/span_rc.gif) no-repeat 0 0;
z-index:150;
}

li.image7{
display: block;
width: 97px;
height: 26px;
background: url(../images/gris_onglet_7.gif) no-repeat 0 0;
padding: 5px 0 0 4px;
margin: 0 0 0 0; 
}
a.image7{
display : block;
width : 100%;
height : 100%;
color: #333;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 9px;
}
#span_7{
position: absolute;
top: 161px;
left: 452px;
visibility: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index:350;
/*background: url(../images/span_rc_cd.gif) right no-repeat;*/
background: url(../images/jaune/span_rc_cg.gif) left no-repeat;
}
#span_7_txt {
margin: 0 0 0 7px;
padding: 0 7px 0 0;
z-index:150;
background: url(../images/jaune/span_rc_cd.gif) right no-repeat;
}
#bckgrnd7{
background: url(../images/jaune/span_rc_mi.gif) repeat-x;
margin: 0 0 0 0;
padding: 1px 0 0 0;
height: 15px;
}
#span_7_bulle{
position: absolute;
background: url(../images/jaune/span_jau_bulle.gif);
top: -5px;
left: 145px;
z-index:400;
height: 5px;
width: 20px;}
a.image7:hover {
color: #ffcf00;
}
a.image7:hover span {   /* définition de la balise <span> au survol */
/*voir pour du dynamique*/
display: block;
position: absolute;
top: 26px;
left: 68px;
height: 15px;
margin: 0 0 0 0;
padding: 1px 1px 1px 3px;
width: 600px;/* largeur de la zone de commentaires, selon la taille de l'image */
text-align: left;
color: black;
background: url(../images/span_rc.gif) no-repeat 0 0;
z-index:150;
}

li.image8{
display: block;
width: 96px;
height: 26px;
background: url(../images/gris_onglet_8.gif) no-repeat 0 0;
padding: 5px 0 0 5px;
margin: 0 0 0 0; 
}
a.image8{
display : block;
width : 100%;
height : 100%;
color: #333;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 9px;
}
#span_8{
position: absolute;
top: 161px;
left: 553px;
visibility: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
z-index:350;
/*background: url(../images/span_rc_cd.gif) right no-repeat;*/
background: url(../images/vert/span_rc_cg.gif) left no-repeat;
}
#span_8_txt {
margin: 0 0 0 7px;
padding: 0 7px 0 0;
z-index:150;
background: url(../images/vert/span_rc_cd.gif) right no-repeat;
}
#bckgrnd8{
background: url(../images/vert/span_rc_mi.gif) repeat-x;
margin: 0 0 0 0;
padding: 1px 0 0 0;
height: 15px;
}
#span_8_bulle{
position: absolute;
background: url(../images/vert/span_vert_bulle.gif);
top: -5px;
left: 160px;
z-index:400;
height: 5px;
width: 20px;
}
a.image8:hover {
color: green;
}
a.image8:hover span {   /* définition de la balise <span> au survol */
/*voir pour du dynamique*/
display: block;
position: absolute;
top: 26px;
left: 68px;
height: 15px;
margin: 0 0 0 0;
padding: 1px 1px 1px 3px;
width: 600px;/* largeur de la zone de commentaires, selon la taille de l'image */
text-align: left;
color: black;
background: url(../images/span_rc.gif) no-repeat 0 0;
z-index:150;
}