/* CSS Document */
/************************************************************** HABILLAGE PRINCIPALE ************************************************************/

body{
	font-family:Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:0;
}

p, li, ul, div, a, h1, h2, h3, h4, h5, h6, form, input, b, strong, hr, ol, u, em ,br, a, table{
	margin:0;
	padding:0;
}

html{
	overflow:scroll;
}

p, label{	
	font-size: 11px;
	color:#797979;
	text-decoration:none;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	line-height:15px;}
	
a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#911010;
	text-decoration:none;

}

.noVisible{
	display:none;
}
a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#868585;
	text-decoration:underline;
}
hr{
	background-color:#797979;}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding-left:0px;
	margin-bottom:7px;
}
/***********************************************
Images de niveau H1 des différentes rubriques du site
***************************************************/
.rubrique-about{
	background-image:url(/images/charte/h1-about-epnet.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	height:22px;
	width:511px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;*/
}
.rubrique-project{
	background-image:url(/images/charte/h1-project-progress.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	height:22px;
	width:511px;
}
.rubrique-reports{
	background-image:url(/images/charte/h1-reports-working-groups.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	height:22px;
	width:511px;
}
.rubrique-forthcoming{
	background-image:url(/images/charte/h1-forthcoming-events.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	height:22px;
	width:511px;
}
.rubrique-diary {
	background-image:url(/images/charte/h1-diary.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	height:22px;
	width:511px;
}
.rubrique-partners {
	background-image:url(/images/charte/h1-partnership.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	height:22px;
	width:511px;
}

/*******************************************************/
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#911010;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:8px;
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#797979;
	padding-left:15px;
	padding-bottom:8px;
}
h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#999999;
	padding-left:20px;
}

ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#797979;
	padding-left:20px;
	list-style-type: square;
	margin-left:30px;
}

input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#911010;
}

/************************************************************************************************************
FONDS SITE
*************************************************************************************************************/
.align-body{
	margin:auto;
	width:1000px;
}

/****************************************
ACCUEIL
******************************************/
.fond-accueil{
	background-image:url(/images/charte/fond-accueil.gif);
	background-repeat:repeat-y;
	width:1000px;
	background-position:center;
	margin:auto;
}

.fond-accueil .img-accueil{
	background-image:url(/images/charte/img-accueil.jpg);
	background-repeat:no-repeat;
	height:800px;
	background-position:center;
	_margin-left:1px;
}

.fond-accueil .authentification{
	width:340px;
	height:150px;
	margin-left:243px;
	_margin-left:150px;
	margin-top:210px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.fond-accueil .authentification a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
}
.text-authentification{
	float:left;
	width:122px;
}
.text-authentification p, .text-save-password p{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:17px;
	margin-top:3px;
}
.text-save-password input{
	width:10px;
	height:10px;
}
.input-authentification{
	float:left;
	width:217px;
	height:35px;
}
.input-authentification input{
	width:160px;
	height:12px;
	margin-bottom:2px;
}
.text-save-password{
	float:left;
	width:340px;
	text-align:left;
	margin-top:5px;
}
.button-login{
	margin-top:25px;
	padding:0;
	width:150px;
	height:0px;
	float:right;
}

.button-login input{
	width:96px;
	height:23px;
	font-size:12px;
	color:#000000;
}

.Provided{
	float:left;
	width:1000px;
	margin-left:33px;
	margin-top:14px;
}
.Provided a{
	color:#868585;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-decoration:none;
}
.Provided a:hover{
	text-decoration:underline;
}

/****************************************
BANDEAU
******************************************/
#bandeau{
	background-image:url(/images/charte/img-bandeau.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:998px;
	height:137px;
}
#bandeau .identification{
	width:800px;
	color:#929382;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:30px;
	padding-right:0px;
	padding-top:8px;
	font-weight:bold;
	float:left;
}
#bandeau .identification .name{
	color:#911010;
}
#bandeau .date{
	width:80px;
	float:right;
	color:#929382;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-right:0px;
	padding-top:8px;
	font-weight:bold;
}
#bandeau img{
	border: none;
}

/****************************************
BODY
******************************************/
#fond-body{
	background-image:url(/images/charte/fond-body.gif);
	background-repeat:repeat-y;
	background-position:top;
	width:998px;
	float:left;
	margin:0;
	padding:0;
}

#fond-body .space{
	height:25px;
}

#fond-body .contenu{
	width:520px;
	float:left;
	padding-bottom:10px;
}

/***********************************************
AGENDA
*************************************************/

#fond-body .Diary{
	float:right;
	width:250px;
	height:auto;
	background-image:url(/images/charte/fond-agenda.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-repeat:repeat-y;
}

#fond-body .Diary .fond-diary-h{
	background-image:url(/images/charte/fond-agenda-h.gif);
	background-repeat:no-repeat;
	height:24px;
	line-height:24px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:33px;
}

#fond-body .Diary .contenu{
	height:auto;
	width:210px;
	text-align:justify;
	color:#FFFFFF;
	float:left;
	margin-left:7px;
	margin-top:3px;
	margin-bottom:10px;
}
/*
#fond-body .Diary .contenu h1{
	background-image:url(/images/charte/puce-titre-events.gif);
	height:19px;
	background-position: top left;
	padding-left:18px;
	background-repeat:no-repeat;
	color:#dde6d5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top:7px;
	padding-bottom:0;
	margin-bottom:0;
	text-decoration:none;

}
#fond-body .Diary .contenu .lien-event{
	color:#dde6d5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;}

#fond-body .Diary .contenu lien-event:hover{
	text-decoration:underline;}

#fond-body .Diary .contenu p{
	padding-left:18px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	margin-bottom:2px;
}

#fond-body .Diary .contenu a{
	color:blue;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;}

#fond-body .Diary .contenu a:hover{
	text-decoration:underline;}
*/
#fond-body .Diary .fond-diary-b{
	background-image:url(/images/charte/fond-agenda-b.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:24px;
	width:230px;
	color:#911010;
	float:left;}

#fond-body .Diary .fond-diary-b .lienDiaryBas{
	float:right;
	color:#911010;
	text-decoration:none;
	padding-right:10px;
	padding-top:2px;
}
#fond-body .Diary .fond-diary-b .lienDiaryBas:hover{
	text-decoration:underline;
}

/****************************************
PIED PAGE
******************************************/
#pied-page{
	background-image:url(/images/charte/fond-pied-page.gif);
	background-repeat:no-repeat;
	height:23px;
	width:998px;
	float:left;
	text-align:right;
	line-height:23px;
}
.align-contact{
	margin-top:2px;
	_margin-top:7px;
}

#pied-page .lienMenuBas{
	margin-top:10px;
	margin-right:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;

}

#pied-page .lienMenuBas:hover{
	margin-right:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
}


/***************************************************************** HABILLAGE DU MENU DE GAUCHE **************************************************/

#menu-gauche-presentation{
	/*position: relative;
	left: 0px;
	display: block;*/
	float:left;
	width: 210px;
}

#menu-gauche-presentation a, #menu-gauche-presentation a:visited{
	display: block;
	width: 200px;
	height: 20px;
	background-image: url(/images/charte/img-menu-desactive.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #ffffff;
	margin: 1px 0;
	padding-left: 12px;
	padding-top : 3px;
}

#menu-gauche-presentation a:hover{
	background-image: url(/images/charte/img-menu-active.gif);
	background-x-position: left;
	background-y-position: center;
	color: #FFFFFF;
	text-decoration: none;
}

#menu-gauche-presentation a.selection, #menu-gauche-presentation a.selection:hover, #menu-gauche-presentation a.selection:visited{
	background-image: url(/images/charte/img-menu-active.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color:#FFFFFF;
}

/*
#menu{
	padding-top:0px;
	padding-bottom:15px;
	float:left;
	width:220px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.niveau1 {
	height: 22px;
	width: 202px;
	text-indent: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	font-weight: normal;
	padding-top:2px;
}

.niveau1-acc {
	height: 22px;
	width: 202px;
	text-indent: 10px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight: normal;
	padding-top:2px;
}

.niveau1Selection{
	background-image: url(/images/charte/img-menu-active.gif);
	height: 22px;
	background-repeat: no-repeat;
	font-size: 11px;
	color:#FFFFFF;
}

.niveau1Selection a:hover{
	color: white;
}

.niveau1Fond {
	background-image: url(/images/charte/img-menu-desactive.gif);
	background-repeat: no-repeat;
}
.niveau1Fond-Acc {
	background-image:url(/images/charte/img-menu-active.gif);
	background-repeat: no-repeat;
}

/***
.niveau2 {
	width:255px;
	text-indent:40px;
}
.lienNiveau2{
	text-decoration:none;
	font-size: 10px;
	color: #999999;
	line-height:20px;
}
.lienNiveau2:hover{
	text-decoration:none;
	font-weight: bold;
	color: #126D9C;
}
.lienNiveau2-Select{
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
	color: #B7D53C;
	line-height: 20px;
}
***/
/******************************************************
ENCART DOWNLOAD
******************************************************/
.fond-download{
	background-color:#dde6d5;
	/*background-image:url(/images/charte/puce-main.gif);
	background-repeat:no-repeat;*/
	width:499px;
	margin-top:35px;
}
.fond-download p{
	background-image:url(/images/charte/puce-main.gif);
	background-repeat:no-repeat;
	margin-left:15px;
	padding-left:34px;
	margin-top:5px;
	margin-bottom:5px;
}
.fond-download a{
	color:#797979;
}
.fond-download a:hover{
	color:#911010;
}

.fond-download-h{
	background-image:url(/images/charte/fond-download-h.gif);
	width:499px;
	height:30px;
	background-repeat:no-repeat;}

.fond-download-b{
	background-image:url(/images/charte/fond-download-b.gif);
	width:499px;
	height:8px;
	background-repeat:no-repeat;
	background-position:bottom;
}

/******************************************************
BARRE RESULTAT
******************************************************/
.WP-title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#797979;
	padding-left:10px;
	padding-right:10px;
}
.barre{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:15px;
}

/*GESTION DE CONTENU*/
.contenuMGC{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#797979;
	width:520px;
	text-align:justify;
}

/********************MODULE SECURITE*********************************/
.body-FormRappel{
}
.body-FormRappel .entete-FormRappel{
	background-color:#911010;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;	
}
.body-FormRappel .titre-FormRappel{
	background-color:#911010;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;	
}

.body-FormRappel .intitule-FormRappel{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;	
}
.body-FormRappel .remarque-FormRappel{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #666666;	
}
.obligatoire{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #FF0000;
}
a img {
	border: 1px solid #666666 ;
}
.actubleugras img {
	border: none;
	width: auto;
	height: auto;
}