/* ***************************************************************** */
/*                                                SITE EN GENERAL                                                  */
/* ***************************************************************** */


/* Titre de la page */
.titrePage {
	/*
	font-size: 13px; 
	color: #27364b; 
	font-family : tahoma; 
	font-weight: bold; 
	text-align: center;
	*/
	font: bold 12px Verdana;
	color: white;
	background: rgb(56,62,78);
	margin-bottom: 0; 
	padding: 7px 0 7px 8px;
	text-align:center;
}

/* Titre de zone de menu */
.titreMenu {
	font-size: 11px; 
	color: #27364b; 
	font-family : tahoma; 
	font-weight: bold; 
	text-align: center
}

/* Introduction à un article */
.introduction {	
	font-size: 11px; 
	color: #c4c2d9; 	
	font-family : verdana;	
	font-weight: bold;
	text-align:justify;
}

/* Titre de rubrique */
.titre {	
	font-size: 12px; 	
	color: white;
	font-family : verdana; 
	font-weight: bold; 	
} 

/* Texte des articles */
.texte {
	font-size: 11px; 
	color: #c4c2d9; 	
	font-family : verdana;	
	font-weight: bold;
	text-align:justify;
} 



/* Infos sur les pages */
.infos {
	font-style:italic;
	text-align:right;
	font-size: 10px; 
	color: #c4c2d9; 	
	font-family : verdana;	
	font-weight: bold;	
}

/* Texte d'un bouton */
.bouton {
	font-size: 11px; 
	color: black; 	
	font-family : verdana;
	margin-left:5px;	
} 

body {
	scrollbar-3d-light-color: #000000;
	scrollbar-arrow-color: #696e83;
	scrollbar-base-color: #000000;
	scrollbar-dark-shadow-color: #000000;
	scrollbar-face-color:  #000000;
	scrollbar-highlight-color: #696e83;
	scrollbar-shadow-color: #696e83;		
	background-color: rgb(39,41,49);
}


/* LIEN CLASSIQUE */

/* LIEN NEWS */

a.lienPage:link {
	font-size: 11px; 
	color: white; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: none;
	font-weight: bold; 
}

a.lienPage:active {
	font-size: 11px; 
	color: white; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: none;
	font-weight: bold; 
}

a.lienPage:visited {
	font-size: 11px; 
	color: white; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: none;
	font-weight: bold; 
}

a.lienPage:hover {
	font-size: 11px; 
	color: white; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: underline;
	font-weight: bold; 
}




/* LIEN DU MENU VERTICAL  */

a.lienMenuVertical:link {
/*
	font-size: 10px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: tahoma; 
	text-decoration: none;
	font-weight: bold; 
*/
}

a.lienMenuVertical:active {
/*
	font-size: 10px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: tahomaf; 
	text-decoration: none;
	font-weight: bold; 
*/
}

a.lienMenuVertical:visited {
/*
	font-size: 10px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: tahoma; 
	text-decoration: none;
	font-weight: bold; 
*/
}

a.lienMenuVertical:hover {
/*
	font-size: 10px; 
	color: #c4c2d9; 
	text-align: center; 
	font-family: tahoma; 
	text-decoration: none;
	font-weight: bold; 
*/
}

/* LIEN DU MENU HORIZONTAL */

a.lienMenuHorizontal:link {
	font-size: 10px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: tahoma; 
	text-decoration: none;
	font-weight: bold; 
}

a.lienMenuHorizontal:active {
	font-size: 10px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: tahomaf; 
	text-decoration: none;
	font-weight: bold; 
}

a.lienMenuHorizontal:visited {
	font-size: 10px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: tahoma; 
	text-decoration: none;
	font-weight: bold; 
}

a.lienMenuHorizontal:hover {
	font-size: 10px; 
	color: #c4c2d9; 
	text-align: center; 
	font-family: tahoma; 
	text-decoration: none;
	font-weight: bold; 
}

/* LIEN DU SOMMAIRE */

a.lienSommaire:link {
	font-size: 11px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: verdana; 
	text-decoration: none
}

a.lienSommaire:active {
	font-size: 11px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: verdana; 
	text-decoration: none
}

a.lienSommaire:visited {
	font-size: 11px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: verdana; 
	text-decoration: none
}

a.lienSommaire:hover {
	font-size: 11px; 
	color: #c4c2d9; 
	text-align: center; 
	font-family: verdana; 
	text-decoration: none
}


/* LIEN EXTERNE PANEL */

a.lienExternePanel:link {
	font-size: 11px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: none;
	font-weight: bold; 
}

a.lienExternePanel:active {
	font-size: 11px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: none;
	font-weight: bold; 
}

a.lienExternePanel:visited {
	font-size: 11px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: underline;
	font-weight: bold; 
}

a.lienExternePanel:hover {
	font-size: 11px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: underline;
	font-weight: bold; 
}


/* LIEN INTERNE PANEL */

a.lienInternePanel:link {
	font-size: 11px; 
	color: black; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: underline;
}

a.lienInternePanel:active {
	font-size: 11px; 
	color: black; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: underline;
}

a.lienInternePanel:visited {
	font-size: 11px; 
	color: black; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: underline;
}

a.lienInternePanel:hover {
	font-size: 11px; 
	color: #9a9eb8; 
	text-align: center; 
	font-family: Verdana; 
	text-decoration: underline;
}


/* ***************************************************************** */
/*                                                MENU GAUCHE                                                        */
/* ***************************************************************** */

/* Penser à ajouter le nom du menu dans le fichier javascript */

.menu_deroulant ul{
margin:0;
padding: 0;
list-style-type: none;
width: 180px; 
background: rgb(56,62,78);
font: bold 12px Verdana, Helvetica, sans-serif;
color:white;
}
	
.menu_deroulant ul li{
position: relative;
}
	
/*Sub level menu items */
.menu_deroulant ul li ul{
position: absolute;
width: 180px; /*sub menu width*/
top: 0;
visibility: hidden;
border: 1px solid black;
}

/* Sub level menu links style */
.menu_deroulant ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
background: rgb(56,62,78);
padding: 5px 8px;
border-bottom: 0;
font: bold 12px Verdana, Helvetica, sans-serif;
}

.menu_deroulant ul li a:visited{
color: white;
}

.menu_deroulant ul li a:hover{
background-color: rgb(153,159,189);
list-style-type: disc;
}

.menu_deroulant .sous_menu_deroulant{
background: url(images/menu_fleche.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .menu_deroulant ul li { float: left; height: 1%; }
* html .menu_deroulant ul li a { height: 1%; }
/* End */


/* ***************************************************************** */
/*                                                SOMMAIRE                                                              */
/* ***************************************************************** */

.liste_sommaire{
width: 750px;
margin-left:auto;
margin-right:auto;
}

.liste_sommaire .titre_sommaire{
font: bold 12px Verdana;
color: white;
background: rgb(56,62,78); 
margin-bottom: 0; 
padding: 7px 0 7px 8px;
}

.liste_sommaire ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; 
}

.liste_sommaire ul li{
padding-bottom: 2px; 
}

.liste_sommaire ul li a{
font: normal 11px Verdana;
color: black;
background: #E9E9E9 url(images/puce_sommaire.gif) no-repeat 9px 8px;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 31px; 
padding-right: 25px; 
padding-bottom: 10px; 
text-decoration: none;
}

.liste_sommaire ul li a:visited{
color: black;
}

.liste_sommaire ul li a:hover{ 
color: white;
background-color: rgb(153,159,189);
}


/* ***************************************************************** */
/*                                                BOUTONS                                                                 */
/* ***************************************************************** */

a.bouton{
background: transparent url('images/bouton_gauche.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Verdana;
line-height: 22px; 
height: 30px; 
padding-left: 8px; 
text-decoration: none;
}

a:link.bouton, a:visited.bouton, a:hover.bouton, a:active.bouton{
color: white; 
}

a.bouton span{
background: transparent url('images/bouton_droite.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; 
}

a:hover.bouton{ 
text-decoration: underline;
}

.zone_bouton{     
overflow: hidden; 
width: 100%;
}

/* ***************************************************************** */
/*                                                NEWS                                                                       */
/* ***************************************************************** */
/*


/* News */
.liste_news {
//list-style-image:url(../../images/deco/news_musique.png);
margin-bottom:5px;
}

.info_news {
padding-top:5px;
font-size: 11px; 
color: white; 
text-align: center; 
vertical-align:top;
font-family: Verdana; 
text-decoration: none;
font-weight: bold; 
} 





/* ***************************************************************** */
/*                                                PLAN DU SITE                                                         */
/* ***************************************************************** */


.plan_site{
background: #E9E9E9;
border: 2px solid black;
margin-left:auto;
margin-right:auto;
width:400px;
}


.plan_site ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.plan_site ul li{
padding-left:50px;
padding-bottom: 2px; 
}

.plan_site ul li a{
font: normal 11px Verdana;
color: black;
background: #E9E9E9 url(images/puce_sommaire.gif) no-repeat 9px 8px;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 31px; 
padding-right: 25px; 
padding-bottom: 10px; 
text-decoration: none;
}

.plan_site ul li a:visited{
color: black;
}

.plan_site ul li a:hover{ 
color: white;
background-color: rgb(153,159,189);
}



/* ***************************************************************** */
/*                                                PANELS DEROULANTS                                          */
/* ***************************************************************** */


.panel_deroulant {
    width: 100%;	
    border: solid 1px black;
    text-align: center;
    overflow: hidden; 
}
	
.panel_deroulant_titre {
    color: #ffffff;
    padding: 5px;
    /*background-color: rgb(56,62,78); */
	background-image: url(images/panel_degrade.png);
}
	
.panel_deroulant_contenu {
    background-color: #E9E9E9;
    padding: 10px;
    overflow: hidden;
    border-top: solid 1px black; 
	font: normal 11px Verdana;
	color: black;
	text-align:justify;
}

.panel_deroulant_texte {
	font: normal 11px Verdana;
	color: black;
}


/* ***************************************************************** */
/*                                                TABLE DES MATIERES                                         */
/* ***************************************************************** */

.table_matieres ul li {
font: normal 11px Verdana;
color: black;
background: #E9E9E9 url(images/puce_sommaire.gif) no-repeat 9px 0px;
display: block;
line-height: 12px;
padding-left: 31px; 
padding-right: 25px; 
padding-bottom: 0px; 
text-decoration: none;
list-style-type: none;
margin-top:20px;
}


/* ***************************************************************** */
/*                                             IMAGE POPUP                                                             */
/* ***************************************************************** */


.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/popup/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/popup/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/popup/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}