/* CSS Document */

	/*Elements bloc ---START--- __________________________________________________________________*/
	
		.blocEnteteLeft{ /*entête gauche du bloc(contenant la partie titre)*/
			width:300px;
			float:left;
		}
		
		.blocEnteteLeft h1{ /*titre du bloc, peut être personnalisé grâce aux classes complémentaires ci-dessous*/
			margin:0;
		}
		
			h1.titre1{ /*titre avec flèche orange et texte orange*/
				padding:0 0 5px 29px;
				background-image:url(/img/contenu/title.gif);
				background-position:3px 0;
				font-size:1.1em;
				color:#0e3955;
				font-weight:bold;
			}
			
			h1.titre2{ /*titre avec flèche jaune et texte jaune*/
				padding:0 0 5px 29px;
				background-image:url(/img/contenu/title.gif);
				background-position:3px 0;
				font-size:1.1em;
				color:#0e3955;
				font-weight:bold;
			}
			
			h1.titre3{ /*titre avec flèche orange et texte gris*/
				padding:0 0 5px 29px;
				background-image:url(/img/contenu/title.gif);
				background-position:3px 0;
				font-size:1.1em;
				color:#40595d;
				font-weight:bold;
			}
			
		.blocEnteteRight{ /*entête droite du bloc(contenant un lien ou du texte)*/
			width:145px;
			float:left;
			text-align:right;
			height:16px;
			padding:1px 5px 0 0; /*personnalisable*/
			color:#666;
		}
			
		.blocEnteteRight a{ /*lien du deuxième bloc entête, l'ensemble de cette classe est personnalisable*/
			font-size:100%;
			color:#ff9900;
			text-decoration:none;
		}
			
		.blocEnteteRight a:hover{ /*lien du deuxième bloc entête, état survolé, l'ensemble de cette classe est personnalisable*/
			text-decoration:underline;
		}
			
		.fixBlocEntete{ /*permet de placer les 2 blocs entêtes côte à côte, peut être personnalisé grâce aux classes complémentaires ci-dessous*/
			width:450px;
			clear:both;
		}
		
				.fixBlocEntete1{ /*liseret gris sous l'entête*/
					height:2px;
					background-image:url(/img/contenu/bloc_top_gris.gif);
					background-repeat:no-repeat;
				}
				
				.fixBlocEntete2{ /*liseret orange sous l'entête*/
					height:2px;
					background-image:url(/img/contenu/bloc_top.gif);
					background-repeat:repeat-x;
				}
				
				.fixBlocEntete3{ /*liseret jaune sous l'entête*/
					height:2px;
					background-image:url(/img/contenu/bloc_top_jaune.gif);
					background-repeat:no-repeat;
				}
		
		.blocContenu{ /*partie contenu du bloc, ce style peut être complété à l'aide des classes ci-dessous*/
			width:435px;
			padding:6px 5px 8px 10px; /*personnalisable*/
			font-size:110%; /*personnalisable*/
			/*color:#757779; /*personnalisable*/
			color:red;
		}
		
			.blocContenuBordure1{ /*bordure gauche grise*/
				background-image:url(/img/contenu/bloc_left_gris.gif);
				background-repeat:repeat-y;
			}
			
			.blocContenuBordure2{ /*bordure gauche orange*/
				background-image:url(/img/contenu/bloc_top_cote.gif);
				background-repeat:repeat-y;
			}
			
			.blocContenuBordure3{ /*bordure gauche jaune*/
			}
			
			
			.blocContenuFond1{ /*fond gris*/
				background-color:#f4f4f4;
			}
			
			.blocContenuFond2{ /*fond jaune*/
				background-color:#f4f4f4;
				border:solid 1px #0E3753;
			}
			
	/*Elements bloc ---END--- ____________________________________________________________________*/
	
	
	
	/*contenu des blocs ---START--- ______________________________________________________________*/
	
	/*contenu de bloc sur 2 colonnes styles non personnalisables*/
	
	.blocContenuLeft{ /*contenu de bloc sur 2 colonnes, colonne de gauche*/
		width:205px;
		margin-right:15px;
		float:left;
	}
		
	.blocContenuRight{ /*contenu de bloc sur 2 colonnes, colonne de droite*/
		width:205px;
		float:left;
	}
		
	.blocContenuFix{ /*2 colonnes, permet d'aligner les 2 colonnes*/
		clear:both;
		height:1px;
	}
	
	/*contenu de bloc sur 2 colonnes, styles pour formulaire avec photo non personnalisables*/
	
	.blocContenuFormuPhotoLeft{ /*colonne de gauche*/
		width:300px;
		padding-right:15px;
		float:left;
	}
		
	.blocContenuFormuPhotoRight{ /*contenu de bloc sur 2 colonnes, colonne de droite*/
		width:120px;
		text-align:right;
		float:left;
	}
	
	.blocContenuFormuPhotoRight img{ /*ombre sur la photo ie uniquement*/
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
	}
		
	/*contenu de formulaire sur 2 colonnes (tableau) styles personnalisables pour les champs intitulé (colonne de gauche)*/
	
	.formuLabelText{ /* style appliqué pour les éléments text, radio, checkbox*/
		height:24px;
		font-family:arial;
	}
	
	.formuLabelSelect{ /*style appliqué pour les éléments select*/
		height:28px;
	}
	
	.formuLabelArea{ /*style appliqué pour les éléments textarea*/
		vertical-align:top;
		padding-top:5px;
		font-family:arial;
	}
	
		.sizeA{ /* style à ajouter aux 3 styles précédents pour la taille (longueur des intitulés de champs*/
			width:130px;
		}
		
		.sizeB{ /* style à ajouter aux 3 styles précédents pour la taille (longueur des intitulés de champs*/
			width:100px;
		}
		
		.sizeC{ /* style à ajouter aux 3 styles précédents pour la taille (longueur des intitulés de champs*/
			width:140px;
		}
		
		.sizeD{ /* style à ajouter aux 3 styles précédents pour la taille (longueur des intitulés de champs*/
			width:70px;
		}
		
		.sizeE{ /* style à ajouter aux 3 styles précédents pour la taille (longueur des intitulés de champs*/
			width:170px;
		}
	
	.formuArea{ /*marge au dessus d'1 élément area*/
		padding-top:2px;
		padding-bottom:2px;
	}
	
	.formuArea img{ /*style de la photo*/
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
	}
	
	.champOblig{ /*style appliqué sur l'étoile indiquant que le champ est obligatoire, personnalisable*/
		color:#ff9900;
	}
	
	.champTexte{ /*style appliqué sur les éléments de formulaires (champ texte...), personnalisable*/
		border:1px solid #9f9f9f;
		color:#757779;
		font-family:Trebuchet MS, verdana, arial;
		font-size:11px;
		padding:0 3px 0 3px;
	}
	
	.champTexteFile{ /*style appliqué sur l'élément de formulaire "file"*/
		border:1px solid #9f9f9f;
		color:#757779;
		font-family:Trebuchet MS, verdana, arial;
		font-size:11px;
		padding:0 3px 0 3px;
		width:180px;
	}
	
	.validerFormu{ /* class pour la validation d'un formulaire*/
		color:#ff9900;
	}
	
	.validerFormu a{ /*bouton valider de formulaires lien*/
		color:#ff9900;
	}
	
	.validerFormu a:hover{ /*bouton valider de formulaires lien survolé*/
		text-decoration:underline;
	}
	.fix5{ /*permet de créer une espace de 5 px de hauteur*/
		height:5px;
	}
	
	/*contenu : liste à puce personnalisable*/
	
	.blocContenu ul{ /*conteneur de la liste*/
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.blocContenu li{ /*éléments de la liste*/
		margin:0 0 5px 0;
		padding:0 0 0 7px;
		background-image:url(/img/contenu/puce.gif);
		background-repeat:no-repeat;
		background-position:0 7px;
	}
	
	/*contenu : liens personnalisables*/
	
	.blocContenu a{ /*lien*/
		font-size:100%;
		color:#ff9900;
		text-decoration:none;
	}
	
	.blocContenu a:hover{ /*lien survolé*/
		text-decoration:underline;
	}
	
	/*contenu sous-titre personnalisable*/
	
	.blocContenu h3{ /*conteneur du sous-titre personnalisable, l'aspect graphique du sous-titre est personnalisable à l'aide de la classe ci-dessous*/
		margin:8px 0 5px 0;
		padding:0;
		font-size:100%;
	}

	h3{font-size:1.1em;}
	
	h4{font-size:1.1em; font-weight: normal;}
	
	.sousTitre1{ /*sous-titre gris sur fond vert*/
		background-color:#afcde7;
		padding:0 4px 0 4px;
	}
	
	/*message erreur*/
	
		.error{
			color:#FF0000;
		}
	
	/*message erreur*/
	
	/*contenu tableaux/listes personnalisables, les tailles des cellules sont fixées en "dur" dans les pages,
	pour modifier les tailles des cellules ne pas oublier de déduire les padding inclus dans les styles ci-dessous*/
	
	.listeAffichResult1{ /*style pour la première ligne d'affichage de résultats*/
		width:435px;
		text-align:center;
		font-size:110%;
		color:#000;
		padding:0 0 7px 0;
	}
	
	.listeAffichResult2{ /*style pour la deuxième ligne d'affichage de résultats*/
		width:435px;
		text-align:center;
		font-size:110%;
		color:#000;
		padding:0 0 3px 0;
		border-bottom:1px solid #8D8F8F;
		margin:0 0 8px 0;
	}
	
	.listeAffichResult2 a{ /*style pour les liens de la deuxième ligne d'affichage de résultats*/
		font-size:100%;
		color:#ff9900;
		text-decoration:none;
	}
	
	.listeAffichResult2 a:hover{ /*style pour les liens de la deuxième ligne d'affichage de résultats*/
		text-decoration:underline;
	}
	
	.listeEntete{ /*style pour les entetes de tableau*/
		font-weight:bold;
		background-color:#f2f2f2;
		color:#000;
	}
	
	.listePuce{ /*cellule de gauche avec la puce*/
		background-image:url(/img/contenu/liste_puce.gif);
		background-repeat:no-repeat;
		background-color:#fff;
	}
		
	.listeTexte{ /*cellule de texte*/
		background-image:url(/img/contenu/liste_bordure_ligne.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		font-size:100%;
		color:#000;
		vertical-align:top;
		padding:7px 22px 10px 1px;
	}
	
	.listePicto{ /*cellule contenant un picto*/
		padding:9px 9px 0 0;
		background-image:url(/img/contenu/liste_bordure_ligne.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		vertical-align:top;
	}
		
	.listeClair{ /*pour l'alternance des lignes, style des lignes sur fond clair, s'ajoute sur le td à la première classe*/
		background-color:#fff;
	}
		
	.listeFonce{ /*pour l'alternance des lignes, style des lignes sur fond foncé, s'ajoute sur le td à la première classe*/
		background-color:#f2f2f2;
	}
		
	.listePromo{ /*style appliqué pour changer le style de police des informations secondaires de la cellule texte*/
		font-style:italic;
		color:#757779;
	}
		
	/*contenu des blocs ---END--- ______________________________________________________________*/
	
	
	
	
	/*autres éléments non inclus dans un bloc ---START--- ______________________________________*/
	
	/*séparateur de bloc*/
	
	.blocSeparateur{ /*permet de créer un espace entre 2 blocs placés l'un sous l'autre*/
		clear:both;
		height:18px; /*taille de l'espace personnalisable*/
	}
	
	/*texte informatif en haut de page (ex: attente de validation)*/
	
	.message{ /*présentation du message informatif à l'extérieur d'un bloc, personnalisable*/
		margin:0 0 10px 0;
		padding:0;
		font-size:110%;
		font-family:arial;
		color:#000;
	}
	
	.messageI{ /*présentation d'un message informatif à l'intérieur d'un bloc, personnalisable*/
		margin:0 0 10px 0;
		padding:0;
		font-family:arial;
		color:#000;
	}
	
	/*bouton retour*/
	
	.retour{ /* class pour le conteneur des liens retour*/
		margin:15px 0 10px 0;
		color:#ff9900;
	}
	
	.retour a{ /* class pour les liens retour*/
		color:#ff9900;
		font-size:100%;
		text-decoration:none;
	}
	
	.retour a:hover{ /* class pour les liens retour survolés*/
		text-decoration:underline;
	}
	
	/*bouton valider*/
	
	.valider{ /*bouton valider de formulaires*/
		color:#ff9900;
		width:442px;
		padding-left:8px;
		margin-bottom:10px;
		margin-top:12px;
	}
	
	.valider a{ /*bouton valider de formulaires lien*/
		font-size:100%;
		color:#ff9900;
		text-decoration:none;
	}
	
	.valider a:hover{ /*bouton valider de formulaires lien survolé*/
		text-decoration:underline;
	}
	
	.validerI{ /*bouton valider de formulaires à l'intérieur d'un bloc*/
		font-size:110%;
		font-weight:bold;
		color:#ff9900;
		padding-left:8px;
		margin-bottom:10px;
		margin-top:12px;
	}
	
	.validerI a{ /*bouton valider de formulaires lien*/
		font-size:100%;
		color:#ff9900;
		text-decoration:none;
	}
	
	.validerI a:hover{ /*bouton valider de formulaires lien survolé*/
		text-decoration:underline;
	}
	
	h1{ /*titre de page*/
		font-family:Trebuchet MS, verdana, arial;
		font-weigth:bold;
		font-size:1.6em;
		color:#28526e;
		margin-bottom:8px;
	}
	
	h2{ /*sous-titre de page (non-inclus dans un bloc)*/
		font-family:Trebuchet MS, verdana, arial;
		font-weigth:bold;
		font-size:1.3em;
		color:#757779;
		margin-bottom:4px;
	}
	
	.actuDate{ /*style pour l'affichage de la date de l'actu (inclus dans H2)*/
		font-family:Trebuchet MS, verdana, arial;
		font-size:10px;
		color:#333;
		font-weight:normal;
		margin-left:10px;
	}
	
	p.normalP{ /* style pour un paragraphe non inclus dans un bloc*/
		font-family:Trebuchet MS, verdana, arial;
		color:#000;
		margin-bottom:3px;
		text-align:justify;
		width:100%;
		font-size:1.1em;
	}
	
	a.normal{ /* style pour les liens non-inclus dans un  bloc*/
		color:#ff9900;
	}
	
	a.normal:hover{ /* style pour les liens survolés non-inclus dans un  bloc*/
		text-decoration:underline;
	}
	
	.actuToutes{ /*conteneur du lien toutes les actus*/
		background-image:url(/img/contenu/fleche_orange.gif);
		background-repeat:no-repeat;
		background-position:0 1px;
		padding:0 0 0 29px;
	}
	
	.actuSeparateur{ /*separateur d'actus*/
		height:1px;
		border-bottom:1px dashed #757779;
		margin:5px 0 5px 0;
	}
	
	.actuRubSeparateur{ /*separateur entre la rubrique actu et la rubrique évènement*/
		height:25px;
	}
	
	/*autres éléments non inclus dans un bloc ---END--- _______________________________________*/
	
	
	
	/*mise en page particulière ---START-- ____________________________________________________*/
	
	/*fiche annuaire 2 pavés côte à côte (Identité et Cursus)*/
	
	.ficheIdentite{ /*conteneur du bloc identite*/
		float:left;
		width:270px;
		margin-right:9px;
	}
	
	.ficheidentiteLeft{ /*partie gauche (titre) du bloc identité*/
		width:170px;
		float:left;
	}
	
	.ficheidentiteLeft h1{ titre du bloc identité pour la couleur du titre on applique les mêmes classes que pour 1 bloc normal
		margin:0;
	}
	
	.ficheidentiteRight{ /*partie droite (lien mofifier) du bloc identité*/
		width:95px;
		float:left;
		text-align:right;
		height:16px;
		padding:1px 5px 0 0; /*personnalisable*/
		font-size:100%;
		color:#666;
	}
	
	.ficheidentiteRight a{ /*lien*/
		font-size:100%;
		color:#ff9900;
		text-decoration:none;
	}
	
	.ficheidentiteRight a:hover{ /*lien survolé*/
		text-decoration:underline;
	}
	
	.fixBlocIdentite{ /*permet de placer les 2 blocs entêtes côte à côte, peut être personnalisé grâce aux classes complémentaires des blocs normaux*/
		width:270px;
		clear:both;
	}
	
	.ficheCursus{ /*conteneur du bloc cursus*/
		float:left;
		width:171px;
	}
	
	.ficheCursusLeft{ /*bloc cursus partie gauche (titre)*/
		width:90px;
		float:left;
		height:17px;
	}
	
	.ficheCursusLeft h1{ /*titre du bloc cursus pour la couleur du titre on applique les mêmes classes que pour 1 bloc normal*/
		margin:0;
	}
	
	.ficheCursusRight{ /*bloc cursus partie droite (lien)*/
		width:76px;
		float:left;
		text-align:right;
		height:16px;
		padding:1px 5px 0 0; /*personnalisable*/
		font-size:100%;
		color:#666;
	}
	
	.ficheCursusRight a{ /*lien*/
		font-size:100%;
		color:#ff9900;
		text-decoration:none;
	}
	
	.ficheCursusRight a:hover{ /*lien survolé*/
		text-decoration:underline;
	}
	
	.fixBlocCursus{ /*permet de placer les 2 blocs entêtes côte à côte, peut être personnalisé grâce aux classes complémentaires des blocs normaux*/
		width:171px;
		clear:both;
	}
	
	.ficheIdentiteContenu{ /*partie contenu d'identité personnalisable avec les classes habituelles des blocs contenu*/
		width:255px;
		padding:6px 5px 8px 10px; /*personnalisable*/
		font-size:110%; /*personnalisable*/
		color:#757779; /*personnalisable*/
	}
	
	.ficheIdentiteContenuLeft{ /*partie gauche du contenu identité*/
		width:130px;
		margin-right:10px;
		float:left;
	}
	.ficheIdentiteContenuLeft a{
		color:#ff9900;
	}
	.ficheIdentiteContenuLeft a:hover{
		text-decoration:underline;
	}
	.ficheIdentiteContenuRight{ /*partie droite du contenu identité*/
		width:115px;
		float:left;
	}
	
	.ficheIdentiteContenuRight img{ /* style de la photo partie droite du contenu identité*/
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
	}
	
	.ficheCursusContenu{ /*partie contenu du cursus personnalisable avec les classes habituelles des blocs contenu*/
		width:156px;
		padding:6px 5px 8px 10px; /*personnalisable*/
		font-size:110%; /*personnalisable*/
		color:#757779; /*personnalisable*/
		margin-top:10px;
	}
	
	.cvTexte{ /*texte du cv*/
		font-family:Trebuchet, verdana, arial;
		font-size:100%;
	}
	
	.cvTexteB{ /*texte du cv*/
		font-family:Trebuchet, verdana, arial;
		font-size:100%;
		color:#000;
	}
	
	/*mise en page particulière ---END--- _____________________________________________________*/