/* CSS Document */

/*MENU*/
#menu_pic{
clear: left;
position: absolute;
top: 130px;
/*left: 13px;*/
left: 9px;
width: 742px;
padding: 0 0 0 0;
margin: 0 0 0 0;
/*border-bottom: 1px solid #000;*/
height: 26px;

}
ul#menu2{
padding: 0 0 0 0;
margin: 0 0 0 0;
width : 742px;
height: 26px;
list-style-type: none;
display: inline;
}
#menu2 li{
float: left;
}

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

#v_menu_gauche_cg_orange{
position: absolute;
top: -2px;
left: -2px;
background: url(../../templates/images/orange/coin_gauche_menu_2.gif) left no-repeat;
height: 8px;
width: 11.5px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0;
}
#v_menu_gauche_cache_orange{
background: url(../../templates/images/orange/border_s_mn.gif) left;
background-repeat: repeat-y;
position: absolute;
top: 8px;
left: 2px;
background-color: #F7AB3C;
height: 23px;
width: 174px;
}
#v_menu_gauche_cache_orange2{
position: absolute;
top: 2px;
left: 10px;
background-color: #F7AB3C;
height: 23px;
width: 741px;
z-index: 200;
}
#v_menu_gauche_bg_orange_parent{
height: 170px;
width: 176px;
margin: -2 0 0 0;
padding: 2 0 50px 0;
}
#v_menu_gauche_bg_orange{
background: url(../../templates/images/orange/border_s_mn.gif) left;
background-repeat: repeat-y;

width: 176px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/*faire un div pour le fond orange ndlr*/


#v_menu_gauche_bd_orange{
background: url(../../templates/images/orange/coin_gauche_s_menu_14.gif) right;
background-repeat: repeat-y;
background-color: #F7AB3C;
width: 165px !important;
margin: 28px 0 0 1px !important;
width: 175px;
margin: 27px 0 0 1px;
padding: 0 5px 0 5px;
border-left: 1px solid #ccc;
}
/*lien du menu vertical*/
ul#v_menu{
background: url(../../templates/images/orange/fond_menu_v.gif) left top;
background-repeat: repeat-x;
text-align: left;
font-size: 10px;
width: 173px !important;
width: 170px;
/*background-color: none;*/
margin: 0 0 0 -5;
padding: 0 0 0 0;
border: none !important;

}

li.v_menu{
color: #000000;
display: block;
width: 173px !important;
width: 170px;
clear: left;
background: url(../../templates/images/orange/bordure_bas_lien_menu.jpg) bottom repeat-x;
padding: 2px 0 4px 0; 
margin: 0 0 0 0; 
}
.v_menu a:link, .v_menu a:visited, .v_menu a:active{
color: #000000;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 15;
font-size: 11px;
}
.v_menu a:hover{
color: #000000;
text-decoration: underline;
padding: 0 0 0 0;
margin: 0 0 0 15px;
font-size: 11px;
}
/*lien du menu vertical*/
#v_menu_gauche_cb_orange{
background: url(../../templates/images/orange/coin_bas_con_mn_20_21_2.gif) no-repeat;
width: 172px !important;
width: 180px;
height: 24px;
margin: 0 0 0 0;
padding: 0 0 20px 20px;
}

/*PARTIE DROITE DU MENU VERTICAL*/
#v_menu_droit_orange{
position: absolute;
top: 156px;
left: 176px;
/*width: 592px;*/
width: 595px;
/*height: 250px;*/
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0;
}
#v_menu_droit_cg_orange{
position: absolute;
top: 21px;
left: -2px;
background: url(../../templates/images/orange/coin_haut_gauche_19.gif) right no-repeat;
width: 10px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

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

#v_menu_droit_cd_orange{
float: right;
background: url(../../templates/images/orange/coin_droit.gif) right no-repeat;
margin: 0px 5px 0 0;
padding: 0 0 0 0;
border: 0;
width: 17px;
height: 24px;
background-color: #F7AB3C;
}








li.image{
display: block;
width: 19px !important;
width: 21px;
height: 26px;
background: url(../../templates/images/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/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;
}
/*
li.image2{
display: block;
width: 100px !important;
width: 106px;
height: 26px;
background: url(../images/orange/onglet_2.gif) no-repeat 0 0;
padding: 5px 0 0 5;
margin: 0 0 0 0; 
}
.image2 a:link,.image2 a:active,.image2 a:visited {
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: 26px !important;
left: 20px;
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 {
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: 16px;
width:inherit !important;
width:168px;
}
#span_2_bulle{
position: absolute;
background: url(../images/orange/span_ora_bulle.gif) no-repeat;
top: -5px;
left: 30px !important;
left: 25px;
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 {    
display: none;
}
a.image2:hover span { 
display: block;
position: absolute;
top: 26px;
left: 68px;
height: 15px;
margin: 0 0 0 0;
padding: 1px 1px 1px 3px;
width: 600px;
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 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 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 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;
}


a.simulation p b
{
	text-decoration : none;
	color : black;
}

a.simulation img
{
	border : none;
}