/* @override http://195.68.25.129/dev/gpa/design/general.css */

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



/**************************/
/* Balises HTML de base : */
/**************************/
body{
	font-family: Verdana, Arial;
	color: #000000;
	margin:0px;
	padding: 0px;
 	text-align: center;
	background-color: #e4e6e1;
}



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


#entete{
	width:780px;
	/*margin-top:10px;*/
	margin-left:auto;
	margin-right:auto;
	text-align: left;
    border-left:#FFFFFF 1px solid ;
    border-right:#FFFFFF 1px solid ;
	
}

/************************************/
/* Le nom du site */
/* -------------- */
#siteName{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

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

/* Les boutons de navigation et les liens dans cet en-t�te */
/* ------------------------------------------------------- */


.menuLink{
    BACKGROUND-COLOR:#8c0000;
    HEIGHT:16px;
    font-weight: 100;
    font-size: 7pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    BORDER-BOTTOM: #FFFFFF 1px solid ;
    BORDER-TOP:#FFFFFF 1px solid ;
}

.menuLink a, .menuLink a:link, .menuLink a:visited{
	color: #ffffff;
	text-decoration: none;
}
.menuLink a:hover{
	text-decoration: underline;
}

.sousmenuLink{
    BACKGROUND-COLOR:#E9E9E9;
	HEIGHT:20px;
	FONT-WEIGHT: 600;
    FONT-SIZE: 7.5pt;
    TEXT-TRANSFORM: none;
    COLOR: #898989;
    FONT-FAMILY: Verdana,Arial;
    TEXT-ALIGN: center;
}

.sousmenuLink a, .sousmenuLink a:link, .sousmenuLink a:visited{
	text-decoration : none;
	font-weight : 600;
    COLOR: #898989;
}
.sousmenuLink a:hover{
	text-decoration: underline;
}

.menuSel{
    background-color:#E9E9E9;
    border-bottom: none;
    BORDER-LEFT: #FFFFFF 1px solid ;
    BORDER-RIGHT: #C9C9C9 1px solid ;
    border-top: #E9E9E9 1px solid ;
    color: #FFFFFF;
    font-family: Arial, Verdana;
    font-size: 7pt;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

.menuSel a, .menuSel a:link, .menuSel a:visited, .menuSel a:hover{
	color: #8c0000;
	text-decoration: none;
}

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


.menuHome{
    background-color:#8c0000;
    border-bottom: #FFFFFF 1px solid ;
    border-top:#FFFFFF 1px solid ;
    color: white;
    font-family: Arial, Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

.menuHome a, .menuHome a:link, .menuHome a:visited, .menuHome a:hover{
	color: #ffffff;
	text-decoration: none;
}

/************************************/
a.glink, a.glink:visited, a.glink:hover{
	font-size: 13px;
	font-family: Verdana, Arial;
	font-weight:bold;
  	color: #8f0000;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

.skipLinks {display: none;}




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

.contentMenu {
	font-size:11px;
	
	font-family: Verdana, Arial;
	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;}

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

/**************************************************************************************************************************/
/* 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-top:0px;
	margin-left:auto;
	margin-right:auto;
	
	width:780px;
	text-align: left;
	background-color: #FFFFFF ;
	
}



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

.menu{
	left:0px;
	margin: 0px;
	font:11px Verdana,sans-serif;
	background-color: #6D6D6D ;
	color:#FFFFFF;
	padding:3px 0px 5px 5px;

}

.menu h1 {
	font-size:15px;
	color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	margin-top:5px;
}

.menu h2 {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:10px;
}

.menu a, .menu a:link, .menu a:visited{
	color: #FFFFFF;
	text-decoration: none;
	padding:3px 0px 0px 5px;
}
.menu a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}

.login{
	font:11px Verdana,sans-serif;
	color:#FFFFFF;
	padding:3px 0px 5px 5px;
}

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

.relatedLinks{
	font-size:14px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
}


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


#sectionLinks{
	margin-right: 5px;
	margin-top:2px;
	padding: 0px;
	font-size:11px;
	color:#FFFFFF;
}



#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	padding: 3px 0px 3px 10px;
	color:#FFFFFF;
}

#sectionLinks a:hover{
	text-decoration: underline;
	color:#CCCCCC;
}
/************************************/



/* ------------------------------------------------------------------------------------------------------------------------------ */
/* 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{
	font:12px Verdana,sans-serif;

	padding-top:5px;
	padding-left:5px;
	background: #ffffff url("images/pic_search_back.gif");
	background-repeat:repeat-y;
}


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


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

#pied{
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	width:780px;
	top: 10px;

	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;

}

.baspage {
	color: #000000;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
	}

.baspage a, .baspage a:link, .baspage a:visited{
	color: #000000;
	font-weight:normal;
	text-decoration:none;	
}


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


.iframechoose {
	border:8px solid #999999;
	-moz-border-radius:6px;
	cursor:move;
	opacity:0.9;
	filter:alpha(opacity=90);
	z-index:999;
	background-color:#ffffff;
}

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

.imgNormal { position:relative;float:left; width:150px; height:200 px;margin:5px;text-align:center;border:2px solid #999999;-moz-border-radius:8px;background-color:#E5E5E5; }
.imgSelected { position:relative;float:left; width:150px; height:200 px;margin:5px;text-align:center;border:2px solid #f18200;-moz-border-radius:8px;background-color:#ffd5b3; }


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


.button {background-color:#FFFFFF;color:#000000;font-size:11px;font-weight:bold;border:1px solid black;}


/** Admin **/
.admin_zone {
	-moz-border-radius:16px;
	width:300px;
	margin-right:50px;
	background: #e5e5e5;
	border: 2px solid #e5e5e5;
	text-align:left;
}

/** Boutons de formulaire **/
#bOk {color:#336633;font-family:"Trebuchet MS";font-weight:bold;font-size:13px;font-variant:small-caps; }
#bAnnuler {color:#333333;font-family:"Trebuchet MS";font-size:8px;}
#bSup {color:#996666;font-family:"Trebuchet MS";font-weight:bold;font-size:12px;}
#bChercher {color:#333333;font-weight:bold;font-family:"Trebuchet MS";font-size:13px;font-variant:small-caps;letter-spacing:1px;}
#bNouveau {color:#444444;font-family:"Trebuchet MS";font-size:12px;}
#bReinit {color:#555555;font-family:"Trebucher MS";font-size:11px;}

/** MSG ALERT JS : Note il existe aussi une partie dans le template pour le hack fixed IE6 **/
#alertBox {
	position:absolute;
	float:left;
	top:100px; /*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:#ffffcc;
	border:1px solid #363636;
	text-align:center;
	font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}