/* CSS Document */

/* -------- STYLE GENERAL ------- */

html, body
{
margin:0px;
padding:0;
/*overflow:hidden;*/
color: #2F318D;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
background:url(../ressource/fond.gif) top left repeat-x;
}

#page
{
	margin:0;
	padding:0;
	width: 1000px;
}

table {
width: 100%;
margin: 0 0 0;
padding: 0;
}

tr, td {
border-collapse: collapse;
margin:0;
padding: 0;
border: 0 none;
}

/* ---- WebOp! ----
   ---------------------------- */

/* --- Interface WebOp ! --- */

#wo_interf table tr td
{
padding:5px 5px 10px 5px;
}
   
/* --- Titre des pages --- */
.wo1__rub1_titre {
font: bold 1.5em Arial, Verdana, Helvetica, sans-serif;
line-height: 30px;
}

.titre_webop
{
display:block;
padding: 65px 15px 10px 70px;
height: 125px;
vertical-align: bottom;
background: url(../ressource/titre.gif) 50px 60px no-repeat;
}

/* --- */

/*.wo2__rub1_titre { font: bold 1.3em Arial, Verdana, Helvetica, sans-serif; line-height: 30px; margin: 15px 15px 25px 10px; }*/
/* Style de paragraphe 1 */
.wo2__par1_titre { font: bold 0.9em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; display:block; padding:10px 0 10px 15px}
a.wo2__par1_titre { font: bold 1em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; color:#2F318D; padding:0;}
a.wo2__par1_titre:hover { background: #FEE; }
.wo2__par1_pesp { text-decoration:none;} /* Astuce pour qu'il s'affiche dans webop! */
a.wo2__par1_pesp { font-size:11px; font-weight:bold; color:#2f318d ; text-decoration:none; display:block; float:right; margin:3px 0 7px 0;} 
a.wo2__par1_pesp:hover { background: #FEE;} 
.wo2__par1_texte { font: normal 0.8em Arial, Verdana, Helvetica, sans-serif; margin: 0; display:block; padding:3px 0 3px 15px; text-align:justify;}
.wo2__par1_texte a { text-decoration:underline; color:#2f318d}
.wo2__par1_texte a:hover { background: #FEE;}
.wo2__par1_lien {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo2__par1_lien {  text-decoration: none; color:#2f318d ; border-bottom: 1px solid #FFC0C0;}
a.wo2__par1_lien:hover { background: #FEE; border-bottom: 1px solid #FFC0C0;}
.wo2__par1_texte img { margin-right:10px; }
.wo2__par1_legende {  font: 10px Arial, Helvetica, sans-serif; color: #93cec1 ; padding: 2px 0 0 0;}
/* Style de paragraphe 2 */
.wo2__par2_titre { font: bold 0.9em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; display:block; padding:10px 0 10px 15px ;}
a.wo2__par2_titre { font: bold 1em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; color:#2F318D; padding:0;}
a.wo2__par2_titre:hover { background: #FEE; }
.wo2__par2_pesp {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo2__par2_pesp { font-size:11px; color:#2f318d ; display:block; float:right; margin:3px 0 7px 0;} 
a.wo2__par2_pesp:hover { background: #FEE;} 
.wo2__par2_texte { font: normal 0.8em Arial, Verdana, Helvetica, sans-serif; margin: 0; display:block; padding:5px 5px 5px 100px; background:url(../ressource/puce3.gif) 85px 5px no-repeat; text-align:justify;}
.wo2__par2_texte a { text-decoration:underline; color:#2f318d;}
.wo2__par2_texte a:hover { background: #FEE;}
.wo2__par2_lien {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo2__par2_lien {  text-decoration: none; color:#2f318d ; border-bottom: 1px solid #FFC0C0;}
a.wo2__par2_lien:hover { background: #FEE; border-bottom: 1px solid #FFC0C0;}
.wo2__par2_texte img { margin-right:10px; }
.wo2__par2_legende {  font: 10px Arial, Helvetica, sans-serif; color: #93cec1 ; padding: 2px 0 0 0;}
/* Style de paragraphe 3 */
.wo2__par3_titre { font: bold 0.9em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; display:block; padding:5px 0 5px 15px}
a.wo2__par3_titre { font: bold 1em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; color:#2F318D; padding:0;}
a.wo2__par3_titre:hover { background: #FEE; }
.wo2__par3_pesp {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo2__par3_pesp { font-size:11px; color:#2f318d ; display:block; float:right; margin:3px 0 7px 0;} 
a.wo2__par3_pesp:hover { background: #FEE;} 
.wo2__par3_texte { font: bold 0.9em Arial, Verdana, Helvetica, sans-serif; margin: 0; display:block; padding:5px 5px 5px 15px; text-align:justify;}
.wo2__par3_texte a { text-decoration:underline; color:#2f318d}
.wo2__par3_texte a:hover { background: #FEE;}
.wo2__par3_texte table {width:auto;}
.wo2__par3_lien {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo2__par3_lien {  text-decoration: none; color:#2f318d ; border-bottom: 1px solid #FFC0C0;}
a.wo2__par3_lien:hover { background: #FEE; border-bottom: 1px solid #FFC0C0;}
.wo2__par3_texte img { margin-right:10px; }
.wo2__par3_legende {  font: 10px Arial, Helvetica, sans-serif; color: #93cec1 ; padding: 2px 0 0 0;}
/* Style liens & documents */
.wo2__doc1_titre { vertical-align:top;} /* Astuce pour qu'il s'affiche dans webop! */
a.wo2__doc1_titre { display:block; float:left; font: bold 0.8em Arial, Verdana, Helvetica, sans-serif; line-height:14px; color: #2f318d;  padding:15px 5px 15px 40px; background:url(../ressource/puce2.gif) 15px 15px no-repeat; text-decoration:none;}
a.wo2__doc1_titre:hover { text-decoration:underline; }
.wo2__doc1_titre img { margin:15px 5px 15px 5px;} /* (Callage de l'icône Word, Excel, PDF...) */
.wo2__lien1_titre {vertical-align:top;} /* Astuce pour qu'il s'affiche dans webop! */
a.wo2__lien1_titre  {  display:block; float:left; font: bold 0.8em Arial, Verdana, Helvetica, sans-serif; line-height:14px; color: #2f318d;  padding:15px 5px 15px 40px; background:url(../ressource/puce2.gif) 15px 15px no-repeat; text-decoration:none;}
a.wo2__lien1_titre:hover { text-decoration:underline; }
.wo2__lien2_titre {} /* Astuce pour apparaitre dans WebOp! */
a.wo2__lien2_titre {font: bold 0.65em Arial, Verdana, Helvetica, sans-serif; margin-left:16px;}
a.wo2__lien2_titre:hover {background: #FEE;}

/* Style de paragraphe 1 (wo3)*/
.wo3__par1_titre { font: bold 0.9em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; display:block; padding:10px 0 10px 15px}
a.wo3__par1_titre { font: bold 1em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; color:#2F318D; padding:0;}
a.wo3__par1_titre:hover { background: #FEE; }
.wo3__par1_pesp { text-decoration:none;} /* Astuce pour qu'il s'affiche dans webop! */
a.wo3__par1_pesp { font-size:11px; font-weight:bold; color:#2f318d ; text-decoration:none; display:block; float:right; margin:3px 0 7px 0;} 
a.wo3__par1_pesp:hover { background: #FEE;} 
.wo3__par1_texte { font: normal 0.8em Arial, Verdana, Helvetica, sans-serif; margin: 0; display:block; padding:3px 0 3px 15px; text-align:justify;}
.wo3__par1_texte a { text-decoration:underline; color:#2f318d}
.wo3__par1_texte a:hover { background: #FEE;}
.wo3__par1_lien {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo3__par1_lien {  text-decoration: none; color:#2f318d ; border-bottom: 1px solid #FFC0C0;}
a.wo3__par1_lien:hover { background: #FEE; border-bottom: 1px solid #FFC0C0;}
.wo3__par1_texte img { margin-right:10px; }
.wo3__par1_legende {  font: 10px Arial, Helvetica, sans-serif; color: #93cec1 ; padding: 2px 0 0 0;}
/* Style de paragraphe 2 */
.wo3__par2_titre { font: bold 0.9em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; display:block; padding:10px 0 10px 15px ;}
a.wo3__par2_titre { font: bold 1em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; color:#2F318D; padding:0;}
a.wo3__par2_titre:hover { background: #FEE; }
.wo3__par2_pesp {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo3__par2_pesp { font-size:11px; color:#2f318d ; display:block; float:right; margin:3px 0 7px 0;} 
a.wo3__par2_pesp:hover { background: #FEE;} 
.wo3__par2_texte { font: normal 0.8em Arial, Verdana, Helvetica, sans-serif; margin: 0; display:block; padding:5px 5px 5px 100px; background:url(../ressource/puce3.gif) 85px 5px no-repeat; text-align:justify;}
.wo3__par2_texte a { text-decoration:underline; color:#2f318d;}
.wo3__par2_texte a:hover { background: #FEE;}
.wo3__par2_lien {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo3__par2_lien {  text-decoration: none; color:#2f318d ; border-bottom: 1px solid #FFC0C0;}
a.wo3__par2_lien:hover { background: #FEE; border-bottom: 1px solid #FFC0C0;}
.wo3__par2_texte img { margin-right:10px; }
.wo3__par2_legende {  font: 10px Arial, Helvetica, sans-serif; color: #93cec1 ; padding: 2px 0 0 0;}
/* Style de paragraphe 3 */
.wo3__par3_titre { font: bold 0.9em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; display:block; padding:5px 0 5px 15px}
a.wo3__par3_titre { font: bold 1em Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; color:#2F318D; padding:0;}
a.wo3__par3_titre:hover { background: #FEE; }
.wo3__par3_pesp {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo3__par3_pesp { font-size:11px; color:#2f318d ; display:block; float:right; margin:3px 0 7px 0;} 
a.wo3__par3_pesp:hover { background: #FEE;} 
.wo3__par3_texte { font: bold 0.9em Arial, Verdana, Helvetica, sans-serif; margin: 0; display:block; padding:5px 5px 5px 15px; text-align:justify;}
.wo3__par3_texte a { text-decoration:underline; color:#2f318d}
.wo3__par3_texte a:hover { background: #FEE;}
.wo3__par3_texte table {width:auto;}
.wo3__par3_lien {} /* Astuce pour qu'il s'affiche dans webop! */
a.wo3__par3_lien {  text-decoration: none; color:#2f318d ; border-bottom: 1px solid #FFC0C0;}
a.wo3__par3_lien:hover { background: #FEE; border-bottom: 1px solid #FFC0C0;}
.wo3__par3_texte img { margin-right:10px; }
.wo3__par3_legende {  font: 10px Arial, Helvetica, sans-serif; color: #93cec1 ; padding: 2px 0 0 0;}
/* Style liens & documents */
.wo3__doc1_titre { vertical-align:top;} /* Astuce pour qu'il s'affiche dans webop! */
a.wo3__doc1_titre { display:block; float:left; font: bold 0.8em Arial, Verdana, Helvetica, sans-serif; line-height:14px; color: #2f318d;  padding:15px 5px 15px 40px; background:url(../ressource/puce2.gif) 15px 15px no-repeat; text-decoration:none;}
a.wo3__doc1_titre:hover { text-decoration:underline; }
.wo3__doc1_titre img { margin:15px 5px 15px 5px;} /* (Callage de l'icône Word, Excel, PDF...) */
.wo3__lien1_titre {vertical-align:top;} /* Astuce pour qu'il s'affiche dans webop! */
a.wo3__lien1_titre  {  display:block; float:left; font: bold 0.8em Arial, Verdana, Helvetica, sans-serif; line-height:14px; color: #2f318d;  padding:15px 5px 15px 40px; background:url(../ressource/puce2.gif) 15px 15px no-repeat; text-decoration:none;}
a.wo3__lien1_titre:hover { text-decoration:underline; }
.wo3__lien2_titre {} /* Astuce pour apparaitre dans WebOp! */
a.wo3__lien2_titre {font: bold 0.65em Arial, Verdana, Helvetica, sans-serif; margin-left:16px;}
a.wo3__lien2_titre:hover {background: #FEE;}

/* ------------------- /*

/* ---- Style de paragraphes/caractères ----- */

h1 { line-height: 30px; 
font: bold 1.5em Arial, Verdana, Helvetica, sans-serif;
margin: 15px 15px 25px 10px;
}

h4, strong {
font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
}

h5
{
font: bold 1.3em Arial, Verdana, Helvetica, sans-serif; text-align:center; padding-right:25px;
}

.courant {
font: normal 0.8em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
width: 100%
}

a, img {border: 0 none;}

li {
/*display:inline;*/
margin:2px 0 2px 0;
padding-left: 15px;
list-style-type: none;
list-style-position:outside;
background: url(../ressource/puce2.gif) -0.6em -0.1em no-repeat;
} 

/*
li {
display:block;
height: 1.5em;
margin: 1.2em 0;
list-style-type: none;
}
*/

li a:link, li a:visited, a.mail:link, a.mail:visited, h3 a:link, h3 a:visited {
text-decoration: none;
border-bottom: 1px solid #2F318D;
padding: 1px;
color: #2F318D;
}

li a:hover, a.mail:hover, h3 a:hover{
text-decoration: none;
border-bottom:1px solid #FFC0C0;
padding: 1px;
background: #FEE;
}

b {
font: bold 1em Arial, sans-serif;
}
em {
font: normal 0.8em Helvetica, Verdana, Arial, sans-serif;
text-decoration:none;
}

cite {
font: italic 1em Verdana, Arial, sans-serif;
text-decoration:none;
}

sup {
font: normal 0.8em Arial, Verdana, Helvetica, sans-serif;
}


/* ------- HAUT -------- */

#menu {
	position: relative;
	height: 20px;
	top: 132px;
	width:1000px;
	text-align: left;
	background-image: url(../ressource/fond_menu.gif);
	background-repeat: no-repeat;
	background-position: 180px 0;
	margin:0 0 20;
	padding:0;
}

#menu li
{
display:block;
float:left;
margin:0;
padding:0;
list-style-type:none;
background:none;
}

#menu li a
{
display:block;
height:20px;
text-decoration:none;
border:0;
margin:0;
padding:0;
}

#menu li#menu_01 a { width:76px; background:url(../ressource/bt_menu01_off.gif) top left no-repeat; margin-left:178px;}
#menu li#menu_01 a:hover { background:url(../ressource/bt_menu01_on.gif) top left no-repeat;}

#menu li#menu_02 a { width:140px; background:url(../ressource/bt_menu02_off.gif) top left no-repeat;}
#menu li#menu_02 a:hover { background:url(../ressource/bt_menu02_on.gif) top left no-repeat;}

#menu li#menu_03 a { width:119px; background:url(../ressource/bt_menu03_off.gif) top left no-repeat;}
#menu li#menu_03 a:hover { background:url(../ressource/bt_menu03_on.gif) top left no-repeat;}

#menu li#menu_04 a { width:119px; background:url(../ressource/bt_menu04_off.gif) top left no-repeat;}
#menu li#menu_04 a:hover { background:url(../ressource/bt_menu04_on.gif) top left no-repeat;}

#menu li#menu_05 a { width:117px; background:url(../ressource/bt_menu05_off.gif) top left no-repeat;}
#menu li#menu_05 a:hover { background:url(../ressource/bt_menu05_on.gif) top left no-repeat;}

#menu li#menu_06 a { width:131px; background:url(../ressource/bt_menu06_off.gif) top left no-repeat;}
#menu li#menu_06 a:hover { background:url(../ressource/bt_menu06_on.gif) top left no-repeat;}

#menu li#menu_07 a { width:119px; background:url(../ressource/bt_menu07_off.gif) top left no-repeat;}
#menu li#menu_07 a:hover { background:url(../ressource/bt_menu07_on.gif) top left no-repeat;}

#gauche {
background-image: url(../ressource/bandeau_gauche.jpg);
background-repeat: no-repeat;
width: 220px;
vertical-align: bottom;
border-collapse: collapse;
}

#gauche img {border: 0 none;}

#centre {
	vertical-align: top;
	text-align: right;
	height: 130px;
	position: relative;
	
}

/* ----- CENTRE ------- */


.titre {
	height: 75px;
	vertical-align: bottom;
	background-image: url(../ressource/titre.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding: 0 15px;
	position: relative;
}

.scroll {
height:100%;
width:100%;
position:relative;
left: -45px;
min-height:450px;
}

/*
.scroll {
overflow:auto;
height:100%;
width:100%;
min-height:300px;
z-index: 15;
position:relative;
left: -45px;
}
*/

.voletgauche {
padding: 0 25px 15px 15px;
vertical-align: top;
text-align:justify;
width:50%;

}

.voletgauche2 {
padding: 0 20px 15px 15px;
vertical-align: top;
text-align: justify;
width:25%;
}

.voletdroite {
	z-index: 14;
	left: -45px;
	width:50%;
	border-left: 1px solid #2F318D;
	padding: 0 25px 15px;
	vertical-align: top;
	text-align:justify;
}



.surlien a:link, .surlien a:visited {
border-bottom: 1px solid #2F318D; 
text-decoration:none;
position:relative;
z-index: 45;
}

.surlien a:hover {
background: #FEE;
border-bottom: 1px solid #FFC0C0;  text-decoration:none;
z-index: 1;
}

.listing {
background-color: #9CC;
width:700px;
border: 1px solid #2F318D;
padding: 3px;
}

.listing th {
background-color: #9CC;
}

.listing td {
padding:3px;
font: normal 0.8em Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

.rose {
background-color: #FFF;
}


#annuel, #previsionnel, #diagnostic, #alerte, #licenciement, #operation, #salaries, #projets {
position:absolute;
visibility:hidden;
z-index:150;
width:700px;
left:212px;
}

#annuel {
top:385px;}

#previsionnel {
top:605px;}

#diagnostic {
top:820px;}

#alerte {
top:1045px;}

#licenciement {
top:1300px;}

#operation {
top:1520px;}

#salaries {
top:425px;}

#projets {
top:660px;}


.contact {
font: normal 1em arial, helvetica, sans-serif;
text-align: left;
}

.bouton {
background-color: #9CC;
border: 2px solid #FEE;
font-weight: bold;
}

.fermer {
background-color:#2F318D;
margin:0;
text-align:right;
color:#fff;
font: bold 0.8em arial, helvetica, sans-serif;
}

.croix {
background-color:#FBB;
text-align: center;
width: 15px;
text-decoration:none;
}

/* ------- BAS ------- */

#pied {
	height: 20px;
	background-color: #B6DAC7;
}

#tableau_global {
	margin-top: -55px;
	height: 579px;
}