/************************************************************************************
* REDEFINITION DE BALISES HTML / PSEUDO-FORMATS / DEFINITIONS COMMUNES
*************************************************************************************/


/* <body> */
BODY{
	margin:0px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:11px;	
}

/* Commun � tous les <h1> */
H1{
	font-size:14px;
}

/*
LI{
	list-style-image:url(../medias/images/ul-bullet.gif);
}
*/

/* Commun à tous les <a> */
A{
	text-decoration:none;
}

/* <a> actifs dans les contenus de page */
#page A, #home-content A {
	color:#FFDD00;
	font-weight:bold;
}


/* <a> survolésdans les contenus de page */
#home-content A:hover, #page-body A:hover{
	color:#FFFFFF;
	font-weight:bold;
}


/* <a> actifs du niveau 1 du menu principal, <a> s�l�ctionn�s du menu des langues */
#main-menu .main-menu-level1-act A, #languages-menu .languages-menu-on A{
	color:#000000;
}

/* <a> actifs du niveau 2 du menu principal, <a> survolés du menu principal */
#main-menu .main-menu-level2-act A, #main-menu .main-menu-level2-no A:hover, , #main-menu .main-menu-level1-no A:hover{
	color:#FFDD00;
}



/************************************************************************************
* CONTENEURS PRINCIPAUX
*************************************************************************************/

/* Conteneur de l'ensemble de l'interface */
#main{
	position:absolute;
	top:10px;
	width:1000px;
	height:100%;
	margin-top:10px;
	/*background-color:#112233;*/
}

/* Conteneur du footer */
#footer{
	position:relative;
	clear:both;
	margin-left:20px;
	width:20%;
	/*bottom:80px;*/
}

/* Conteneur du corps (colonnes)*/
#body{
}


/* Colonne gauche */
#left{
	position:relative;
	float:left;
	width:250px;
	height:593px;
	/*background-color:#445566;*/
}

/* Colonne centrale */
#center{
	position:relative;
	float:left;
	width:497px;
	/*background-color:#223355;*/
}

/* Colonne droite */
#right{
	position:relative;
	float:right;
	width:250px;
	height:100%;
	/*background-color:#665544;*/
}

/************************************************************************************
* MENU PRINCIPAL
*************************************************************************************/

/* Commun à tous les <a> du menu principal */
#main-menu A{
	color:#FFFFFF;
}

/* Menu principal de navigation dans l'arborescence des pages */
#main-menu{
	position:relative;
	margin-left:20px;
	margin-top:50px;
	width:210px;
	/*background-color:#FFCC00;*/
}

/* Commun à tous les niveaux et tous les états */
.main-menu-level1-no,.main-menu-level1-act,.main-menu-level2-no,.main-menu-level2-act{
	position:relative;
	height:23px;
	background-repeat:no-repeat;
	padding-left:16px;
	background-position:left;
	line-height:24px;
	letter-spacing:-1px;
}

/* Commun à tous les niveaux en état normal (NO) */
.main-menu-level1-no{
	background:url(../medias/images/main-menu-arrow-off.gif) no-repeat left 10px;
}

.main-menu-level2-no{
	background:url(../medias/images/main-menu-arrow-off.gif) no-repeat left 10px;
}

/* Commun à tous les états du niveau 1 */
.main-menu-level1-no,.main-menu-level1-act{
	width:180px;
	text-transform:uppercase;
}

/* Commun à tous les états du niveau 2 */
.main-menu-level2-no,.main-menu-level2-act{
	margin-left:13px;
	background-color:#313131;
	border-top:1px solid #4E4E4E;
	min-height:23px;
	height:auto!important;
	height:23px;
}

/* Element de niveau 1 dans son état normal (NO) */
.main-menu-level1-no{
	border-top:1px solid #4E4E4E;
	min-height:23px;
	height:auto;
}

/* Element de niveau 1 dans son état actif (ACT) */
.main-menu-level1-act{
	background:url(../medias/images/main-menu-level1-arrow-on.gif) no-repeat left 10px;
	background-color:#FFDD00;
	font-weight:bold;	
	min-height:23px;
	height:auto;
}

/* Element de niveau 2 dans son état normal (NO) */
.main-menu-level2-no{
}

/* Element de niveau 2 dans son état actif (ACT) */
.main-menu-level2-act{
	background:url(../medias/images/main-menu-arrow-on.gif) no-repeat left 10px;
	background-color:#313131;
	font-weight:bold;
}

/************************************************************************************
* MENU DE CHOIX DES LANGUES
*************************************************************************************/

/* Commun � tous les <a> du menu des langues */
#languages-menu A{
	color:#A9A9A9;
}

/* Menu de choix des langues */
#languages-menu{
	position:relative;
	margin-left:132px;
	/*color:#A9A9A9;*/
	/*background-color:#AABBCC;*/
}

/* Mise en forme commune aux items de langue */
.languages-menu-off, .languages-menu-on{
	position:relative;
	float:left;
	width:53px;
	height:18px;
	line-height:18px;
	text-align:center;
}

/* Item non s�lectionn� */
.languages-menu-off{
}

/* Item s�lectionn� */
.languages-menu-on{
	background-color:#FFDD00;
}

/************************************************************************************
* LOGO BASM
*************************************************************************************/

/* Logo BASM */
#basm-logo{
	position:relative;
	height:148px;
	width:100%;
	text-align:center;
	/*background-color:#AABBCC;*/
}

/************************************************************************************
* LIEN SITE WEB HI
*************************************************************************************/

/* Lien HI */
#hi-link{
	position:relative;
	height:30px;
}

/************************************************************************************
* MENTIONS LEGALES
*************************************************************************************/

/* Commun aux <a> des mentions l�gales */
#legal-notice A{
	color:#A9A9A9;
}

/* Mentions l�gales */
#legal-notice{
	position:relative;
	color:#A9A9A9;
	margin-top:10px;
}


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

/* Conteneur de la liste des news */
.news-list-container{
	position: relative;
	width:100%;
	font-size:11px;
}

/* Conteneur d'un item de la liste des news */
.news-list-item{
	position: relative;
	width:100%;
	margin-bottom:20px;
	clear:both;
}

/* Conteneur de la date d'un item de news */
.news-list-item-date{
	position: relative;
	float:left;
	width:100px;
}

/* Conteneur du corps d'un item de news */
.news-list-item-body{
	position: relative;
	float:left;
	width:330px;
	margin-bottom:30px;
	/*background-color:#FFCC00;*/
}

/* Conteneur du titre d'un item de news */
.news-list-item-title{
	position: relative;
	width:100%;
	margin-bottom:20px;
	font-size:12px;
	color:#FFDD00;
	font-weight:bold;
}

/* Conteneur du texte d'un item de news */
.news-list-item-content{
	position: relative;
	width:100%;
}

/* Conteneur de l'image d'un item de news */
.news-list-item-image{
	position: relative;
	float:right;
	width:200px;
	text-align:right;
	/*border:1px solid #4E4E4E*/
	margin-bottom:40px;
	/*background-color:#332211;*/
}

/* Image d'un item de news */
.news-list-item-image img{
	border:1px solid #4E4E4E;
}


/* 
* Bloc retour haut de page (ajout au style défini dans fileadmin/templates/elements/innerpages/css/innerpages.css)
*/
.news-list-item .csc-linkToTop{
	clear:both;
}

/************************************************************************************
* DEBUG
*************************************************************************************/

.typo3-debug{
	z-index: 99;
	position: absolute;
}

.typo3-debug td{
	color: #000000;
}

