/* CSS Document */
	
body {
	
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;

	font-size: small;
	
}

.clear {
	height: 1px;
	overflow : hidden;
	clear : both;
}

#Contenu #Fil {
	margin-top: 10px;
	margin-bottom: 15px;
	
	font-size: 10px;
}

.contenu h1,
#Contenu h1 {
	margin: 0;
	padding: 0;
	
	margin-bottom: 20px;
	
	
	font-size: 1.5em;
	line-height: 1.5em;
}


.contenu,
#Contenu {
	line-height: 1.5em;
}

#Contenu {
	font-size: 1.1em;
}


/*--------------------------------------------------------------------
/* PARTENAIRES
/**/
#partenaires {

}

#partenaires h2 {
	margin : 0;
	padding : 0;
	font-size : medium;
	font-weight : bold;

	margin-top : 1em;
	margin-bottom : 1em;
}

#partenaires h3 {
	margin : 0;
	padding : 0;
	font-size : small;
	font-weight : bold;
}

.partenaire {
	margin-left : 80px;
	position : relative;
	margin-top : 1em;
	margin-bottom : 2em;
}

.partenaire .logo {
	position : absolute;
	left : -80px;
	top : 5px;
	width : 80px;
	height : 80px;

	overflow : hidden;

	text-align : center;
}

.partenaire .siteWeb {
	margin-bottom : 1em;
}


/*--------------------------------------------------------------------
/* DOCUMENTS
/**/

#documents {

}

#documents h2 {
	margin : 0;
	padding : 0;
	font-size : medium;
	font-weight : bold;

	margin-top : 1em;
	margin-bottom : 1em;
	/*margin-left : 80px;*/
}

#documents h3 {
	margin : 0;
	padding : 0;
	font-size : small;
	font-weight : bold;
}

.document {
	margin-top : 1em;
	margin-bottom : 1em;
}

.document .details, .document .description {
	font-size : x-small;
	line-height : 150%;
}

/*--------------------------------------------------------------------
/* PROJETS
/**/

#projets {

}

#projets h2 {
	margin : 0;
	padding : 0;

	font-size : small;
	font-weight : bold;

	background-color : #000;
	color : #fff;

	padding-left : 10px;

	clear : both;
}

#projets h3 {
	margin : 0;
	padding : 0;

	font-size : x-small;
	line-height : 150%;
	font-weight : bold;
}

.projet {
	margin-bottom : 1em;
	padding-top : 1em;
}

.projet .status {
	font-weight : bold;
}

.projet .pays {
	font-weight : bold;
}

.projet .typeProjet {
	font-style : italic;
}

#projets .colonneGauche {
	width : 100px;
	float : left;

	font-size : x-small;
	line-height : 150%;
}
#projets .colonneCentre {
	width : 180px;
	float : left;

	font-size : x-small;
	line-height : 150%;

	margin-left : 10px;
	margin-right : 10px;
}
#projets .colonneDroite {
	width : 200px;
	float : left;

	font-size : x-small;
	line-height : 150%;
}

.paysProjet {
	font-weight : bold;
	margin-bottom : 1em;
}

.statusProjet {
	font-weight : bold;
	margin-top : 1em;
}

.drapeauPays {
	margin-right : 10px;
}


/*--------------------------------------------------------------------
/* PERSONNES
/**/

#personnes {

}

.personne {
	position : relative;
	margin-top : 1em;
	margin-bottom : 1em;
}

#personnes h2 {
	margin : 0;
	padding : 0;

	margin-top : 2em;
	margin-bottom : 1em;

	font-weight : bold;
	font-size : medium;

	clear : both;
}

#personnes h3 {
	margin : 0;
	padding : 0;

	margin-top : 1em;
	margin-bottom : 1em;

	font-weight : bold;
	font-size : small;

	clear : both;
}

#personnes .photo {
	position : absolute;

	width : 107px;
	height : 142px;

	overflow : hidden;

	left : 0;
	top : 3em;
}

#personnes .description {
	padding-left : 120px;
	min-height : 140px;
}

* html #personnes .description {
	height : 140px;
}

/*--------------------------------------------------------------------
/* ÉVÉNEMENTS
/**/

#evenements {

}

.evenement {
	margin-bottom : 2em;
}

.evenement .date_location {
	font-size : x-small;
}

.evenement h3 {
	font-size : medium;
	font-weight : bold;
	margin : 0;
	padding : 0;
}

/*--------------------------------------------------------------------
/* FORMULAIRE DE LOGIN
/**/

#frmLogin {
	padding : 0;
	margin : 0;

	width : 414px;
}

#frmLogin label {
	float : left;
	text-align : right;
	width : 200px;
	font-weight : bold;
	margin-right : 10px;
}

#frmLogin div {
	clear : both;
	padding-top : 10px;
	padding-bottom : 10px;
}

#frmLogin #username, #frmLogin #password {
	width : 200px;
	border : 1px solid #000;
	font-family : verdana;
	font-size : 10pt;
	font-weight : bold;
	float : left;
}

#frmLogin #submit {
	float : right;

	border : 1px solid #000;
	color : #000;
	background-color : #fff;
	font-size : 10pt;
	font-family : verdana;
	font-weight : bold;

	padding-left : 0.5em;
	padding-right : 0.5em;

	margin-left : 10px;
}

#frmLogin #lost_password {
	float : right;
}

.erreurLogin {
	text-align : center;
	color : #BA0000;
	font-weight : bold;
	margin-bottom : 1em;
}

/*--------------------------------------------------------------------
/* INFORMATION
/**/
.information {
	text-align : center;
	color : #BA0000;
	font-weight : bold;
	margin-bottom : 1em;
	margin-top : 1em;
}

/*--------------------------------------------------------------------
/* FORMULAIRE D'ABONNEMENT À LA NEWSLETTER
/**/

#frmSubscribe {
	margin-bottom : 10px;
}

.ligne {
	padding : 1px;
}

.formulaire {
	padding : 0;
	margin : 0;
}

.formulaire .ligne {
	clear : both;
	margin-top : 12px;
	padding-bottom : 24px;
}

.formulaire label {
	width : 127px;
	float : left;
	text-align : right;
	margin-right : 10px;
	font-weight : bold;
}

.formulaire .champTexte input,
.formulaire .ligne_champTexte input {
	border : 1px solid #000;
	color : #000;
	background-color : #fff;
	font-family : verdana;
	font-size : 10pt;
	font-weight : bold;

	width : 355px;
	float : right;
}

.formulaire .boutonSoumission,
.formulaire .ligne_boutonsSoumission {
	text-align : right;
}

.formulaire .boutonSoumission input,
.formulaire .ligne_boutonsSoumission input {
	border : 1px solid #000;
	color : #000;
	background-color : #fff;
	font-family : verdana;
	font-size : 10pt;
	font-weight : bold;
}

/*--------------------------------------------------------------------
/* PAGES DE FORMULAIRE
/**/

.frm {
	padding : 0;
	margin : 0;
	margin-top : 2em;
}

.frm .frm_ligne {
	margin-top : 1em;
}

.frm .frm_ligneType7 {
	margin-top : 2em;
}

.frm label {
	font-weight : bold;
}

.frm .frm_ligneType1 label,
.frm .frm_ligneType2 label {
	display : block;
	line-height : 130%;
}

.frm .frm_ligneType3 label,
.frm .frm_ligneType6 label {
	margin-right : 1em;
}

.frm .frm_ligneType7 label {
	line-height : 130%;
	display : block;
	border-top : 1px solid #000;
	font-size : larger;
}

.frm .frm_ligneType1 input {
	border : 1px solid #000;
	color : #000;
	background-color : #fff;
	font-weight : bold;
	font-family : verdana;
	font-size : 10pt;
	width : 99%;
}

.frm .frm_ligneType2 textarea {
	border : 1px solid #000;
	color : #000;
	background-color : #fff;
	font-weight : bold;
	font-family : verdana;
	font-size : 10pt;
	width : 99%;
	height : 150px;
}

.frm .frm_ligneType3 input {
	border : 1px solid #000;
	background-color : #fff;
}

.frm .frm_ligneType4 input,
.frm .frm_ligneType5 input {
	border : 1px solid #000;
	background-color : #fff;
	margin-right : 1em;
}

.frm .frm_ligneType4 .frm_unOption,
.frm .frm_ligneType5 .frm_unOption {
	margin-top : 0.25em;
}

.frm .frm_ligneType4 .frm_unOption label,
.frm .frm_ligneType5 .frm_unOption label {
	font-weight : normal;
}

.frm .frm_ligneType6 select {
	border : 1px solid #000;
	color : #000;
	background-color : #fff;
	font-weight : bold;
	font-family : verdana;
	font-size : 10pt;
}

.frm .frm_ligneBouton input {

	border : 1px solid #000;
	color : #000;
	background-color : #fff;
	font-weight : bold;
	font-family : verdana;
	font-size : 10pt;

	padding-top : 2px;	
	padding-bottom : 2px;
	padding-left : 15px;	
	padding-right : 15px;
}

.frm .frm_description {
	font-style : italic;
}

.frm .frm_ligneType8 .frm_description {
	font-style : normal;
}

.frm .frm_ligneRequiredFields {
	margin-top : 1em;
}

/*--------------------------------------------------------------------
/* HCB FORM
/**/

#hcb {
	font-size : 85%;
}

#hcb .section-numero {
	font-size : medium;
	font-weight : bold;
	border : 1px solid #000;
	text-align : center;
	background-color : #fff;
	color : #000;
}

#hcb .section-titre {
	font-size : medium;
	font-weight : bold;
}

#hcb td {
	vertical-align : top;
}

#hcb label {
	
}

#hcb .champTexte {
	border : 1px solid #666;
	font-size : 8pt;
	font-family : tahoma,sans-serif;
	padding-left : 3px;
	color : #000;
	background-color : #fff;
}

#hcb .champFichier {
	border : 1px solid #666;
	font-size : 8pt;
	font-family : tahoma,sans-serif;
	padding-left : 3px;
	color : #000;
	background-color : #fff;
}

#hcb .champMemo {
	border : 1px solid #666;
	font-size : 8pt;
	font-family : tahoma,sans-serif;
	padding-left : 3px;
	color : #000;
	background-color : #fff;
	width : 407px;
	height : 50px;
}

#hcb .champTexte-demi {
	width : 175px;
}

#hcb .champFichier-demi {
	width : 175px;
}

#hcb .champTexte-mini {
	width : 100px;
}

#hcb .champTexte-complet {
	width : 407px;
}

#hcb .champFichier-complet {
	width : 407px;
}

#hcb .champCombo {
	border : 1px solid #666;
	font-size : 8pt;
	font-family : tahoma,sans-serif;
	padding-left : 3px;
	color : #000;
	background-color : #fff;
}

#hcb #submit {
	border : 1px solid #666;
	font-size : 9pt;
	font-weight : bold;
	background-color : #fff;
	color : #333;
	font-family : tahoma,sans-serif;
	padding : 3px 10px 3px 10px;
}

.messageValidationErreurs {
	border : 1px solid #666;
	padding : 5px;
	padding-left : 10px;
	padding-right : 10px;
	background-color : #fff;
	font-weight : bold;
	color : #e22;
	margin-top: 1em;
	margin-bottom: 1em;
}

.messageValidationErreurs ul {
	list-style-type : square;
	color : #000;
}

.messageValidationOK {
	border : 1px solid #666;
	padding : 5px;
	padding-left : 10px;
	padding-right : 10px;
	background-color : #fff;
	font-weight : bold;
	color : #000;
}

.messageGeneral {
	border : 1px solid #666;
	padding : 5px;
	padding-left : 10px;
	padding-right : 10px;
	background-color : #fff;
	color : #000;
}
