/* -------------------------------------- 
 FEUILLE DE STYLE GENERALE (general.css) 
 Cr�e par Opsomai. (C) 2005 
--------------------------------------- */
@import url("style.css");



/**************************/
/* Balises HTML de base : */
/**************************/
body{
	font-family: Helvetica,sans-serif;
 	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: #cccccc url("images/bg_cont.gif") fixed;
	background-repeat:repeat-y;
}



/************!!!!!!!!!!!!!*************/
/**************************************/
/* Construction du mod�le d'interface */
/**************************************/
/************!!!!!!!!!!!!!*************/
/*************************************************************************************************/
/* Cadre contenant l'en-t�te (nom du site, recherche, boutons d'accueil, langue, recherche, ...) */
/*************************************************************************************************/


#entete{
	margin-left:0px;
	margin-right:0px;
	padding : 0px;
	width:100%;
	height: 104px;
	text-align: left;
	background: #791F3E;
	
}

/************************************/
/* Le nom du site */
/* -------------- */
#siteName{
}

/************************************/
#logo{
	position: absolute;
	left: 0px;
	top: 40px;
	z-index: 100;
}

#lang{
	position: absolute;
	top: 5px;
	right:20px;
}

#globalNav{
	position: absolute;
	height: 30px;
	color: #cccccc;
	left: 0px;
	width:100%;
	top: 49px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	background-image:  url(images/fd_menu.gif);
}


#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 0px;
	height: 30px;
	padding-top: 0px;
	padding-left: 200px;
	left: 0px;
	color: #791F3E;
	background-image:  url(images/fd_menu_g.gif);
	background-repeat:  no-repeat;
}

/************************************/

.contentMenu {
	font-size:11px;
	
	font-family:'Trebuchet MS';
	color:#333333;
	background-color:white;
	border-bottom:1px solid black;
}

.contentMenu a {
	width:120px;
	color:#333366;
	background-color:#F0F0F0;
	border:1px solid #666666;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	margin-left:4px;
	-moz-border-radius:4px;
}

.contentMenu a:hover {background-color:#F0F0FF;}

/************************************/

a.glink, a.glink:visited,a.glink:hover{
	font-family: Helvetica,sans-serif;
 	font-size: 12px;
	font-weight: normal;
	/*font-variant: small-caps;*/
	border-left: 2px solid #888888;
  	color: #791F3E;
	padding-left : 10px;
	margin:  0px 0px 0px 10px;
	text-decoration: none;
}

a.glink1, a.glink1:visited,a.glink1:hover{
	font-family: Helvetica,sans-serif;
 	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
  	color: #791F3E;
	padding-left : 10px;
	margin:  0px 0px 0px 10px;
	text-decoration: none;
}


.skipLinks {display: none;}

#fondHaut{
	position: relative;
	height: 25px;
	color: #cccccc;
	left: 0px;
	top: 79px;
	right:0px;
	width:100%;
	background-image:  url(images/bg_haut.gif);
	background-repeat: repeat-x;
}

#cadreHautBlanc{
	position: relative;
	height: 13px;
	color: #cccccc;
	left: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	background:  #FFFFFF url(images/haut_blanc.gif) repeat-x;
}

#cadreBasBlanc{
	position: relative;
	left: 0px;
	right:0px;
	height: 13px;
	padding: 0px;
	margin: 0px;
	background:  #CCCCCC url(images/bas_blanc.gif) repeat-x;
}

#cadreHautOrange{
	position: relative;
	left: 0px;
	right:0px;
	height: 13px;
	padding: 0px;
	margin: 0px;
	background:   #E96327 url(images/haut_orange.gif) repeat-x;
}


#fondTab{
	position: relative;
	left: 0px;
	right:0px;
	padding: 0px;
	margin: 0px;
}


#fondGauche {
	position: relative;
	left: 0px;
	background-repeat:  no-repeat;
}

#fondDroite {
	position: absolute;
	right:0px;
	background-repeat:  no-repeat;
}



/************************************/

/**************************************************************************************************************************/
/* LE CONTENEUR (qui va contenir le bandeau donnant le nom de la page, le menu, le contenu de la page et le pied de page) */
/**************************************************************************************************************************/

#conteneur{

	display:block;
	margin:0px;
	width:100%;
	
	text-align: left;
	
}



/************************************/
/* ----------------------- */
/*LE MENU (zone de gauche) */
/* ----------------------- */

.menu{
	width:180px;
	padding: 0px;
	margin: 0px;
	background: #791F3E;
	font:  Helvetica,sans-serif;
}


.menu a:link, .menu a:visited{
	color: #000000;
	text-decoration: underline;
}
.menu a:hover{
	color: #000000;
	text-decoration: underline;
}

.menu h1{
	margin: 40px 10px 0px 11px;
	padding: 0px 0px 0px 30px;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	background-image:  url(images/fd_auth.gif);
}

/************************************/

.relatedLinks{
	margin: 0px 10px 10px 11px;
	padding: 0px 0px 0px 10px;
	background: #e8eaeb;
	border: 1px solid #e8eaeb;
	color: #000000;
	font: Helvetica,sans-serif;
	font-size: 10px;
}


/************************************/


#sectionLinks{
	margin: 0px;
	padding: 0px 10px 2px 0px;
	color: #000000;
	font: Helvetica,sans-serif;
	font-size: 10px;
}

#sectionLinks h2{
	font: Helvetica,sans-serif;
	font-size: 12px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 50px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(images/bg_nav.jpg);
	background-repeat:  no-repeat;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
	color: #000000;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
/************************************/

#credit{
	/*position:absolute;
	top:450px;*/
	left:0px;	
	width:181px;
	height:25px;
	bottom:0px;
	padding: 0px;
	margin:0px 0px 0px 0px;
	text-align: center;
	font: small Helvetica,sans-serif;
	font-size: 10px;
	color: #FFFFFF;

}


#credit a:link, #credit a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#credit a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}


/* ------------------------------------------------------------------------------------------------------------------------------ */
/* LE CONTENU DE LA PAGE (zone centrale), poss�dant 2 astuces pour fixer des bugs de navigateurs : 1 pour MacIE5 et 1 pour IE/Win */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.contenu{
	margin-top:0px;
	background-color : #FFFFFF;
	border-left:20px solid #CCCCCC;
	border-right:20px solid #CCCCCC;
}


/* La balise #contenu comporte aussi d'autres balises de type #id et .class pour afficher les r�sultats d'�ventuelles recherches : */
/* ------------------------------------------------------------------------------------------------------------------------------- */


/************************************/

#pied{
	padding: 0px;
	margin-left:181px;
	margin-top: 0px;
	height:25px;
}



/************************************/


.iframechoose {
	border:1px solid #333333;
	cursor:move;
	border-top:10px solid #000055;
	z-index:99;
}

/************************************/
/** IMAGEUR **/

.imgNormal { border:2px solid #999999;-moz-border-radius:8px;background-color:#E5E5E5; }
.imgSelected { border:2px solid #f18200;-moz-border-radius:8px;background-color:#ffd5b3; }


/************************************/
/* ------------ */
/* BLOC DTREE */
/* ------------ */
.blocDtree{
	padding: 10px 10px 10px 10px;
	font-family:Arial;
	font-size:10px;
}
.blocDtree A:link,.blocDtree A:visited {
	color:#555555;
}

/** MSG ALERT JS : Note il existe aussi une partie dans le template pour le hack fixed IE6 **/
#alertBox {
	position:absolute;
	float:left;
	top:50px; /*ATTENTION, on ne peut pas utiliser Bottom avec MOVE*/
	left:-260px;
	width:250px;
	background-image:url('images/shadow_alpha.png') !important;
	background-image:url('images/shadow.gif');
	background-position:bottom right;
	z-index:100;
	
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
html>body #alertBox { position: fixed;left: -260px; top: 50px; }

#alertBoxContent {
	position:relative;
	margin:-6px 6px 6px -6px;
	padding:25px 5px 25px 5px;			
	background-color:#CCCCCC;
	border:1px solid #363636;
	text-align:center;
	font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}