body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	background-color: #EDEDED;
	/*background-image: url(images/fd.gif);*/
}

/**********/
/* liens  */
/**********/

a:link{
	color: #000000;
	/*font-size: 8pt;*/
	text-decoration: underline
}
a:visited {
	color: #000000;
	/*font-size: 8pt;*/
	text-decoration: none
}
a:active {
	color: #FF0000;
	/*font-size: 8pt;*/
	text-decoration: none
}
a:hover {
	color: #FF0000;
	/*font-size: 8pt;*/
	text-decoration: underline;
}

.lien_liste:hover {
	color: #03B2B7;
	text-decoration: none;
}

.lien_phototheque:hover {
	color: #03B2B7;
	text-decoration: none;
}


.lienrecherche:link {
	color: red;
	text-decoration: none;
}

.lienrecherche:visited {
	color: red;
	text-decoration: none;
}
.lienrecherche:active {
	color: red;
	text-decoration: none;
}

.lienrecherche:hover {
	color: #03B2B7;
	text-decoration: underline;
}


.lien_theme:hover {
	color: white;
	text-decoration: none;
}

.lien:link {
	color: #009999;
	text-decoration: underline;
}

INPUT, TEXTAREA {
   	font-family : Verdana;
   	font-size : 8pt;
   	background-color:#E8E8E8;
   	border: 1px solid black;
	padding: 3px 3px 3px 3px;
}

SELECT{
	font-family : Verdana;
   	font-size : 8pt;
}

SELECT.admin {
	font-size : 7pt;
	border: 0px;
	padding: 0px 0px 0px 0px;
}


#conteneur {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 91px;
	background-image: url(images/bannieres/banniere_test.gif);
	background-repeat: no-repeat;
}

#haut {
	position: relative;
	height: 24px;
	width: 800px;
	background-image: url(images/barre_menu/gris.gif);
	background-repeat: no-repeat;
}

#centre {
	background-image: url(images/charte7_04.gif);
	background-repeat: repeat; 
	/*z-index: 1;*/
	padding-left:15px;
	padding-right:15px;
	padding-top: 10px;	
	padding-bottom: 5px; 
}

.contenu {
	background-image: url(images/fd_fleur01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border: 0px dashed pink;
	border-bottom: 1px dashed gray;
	padding: 15px 2px 0px 2px;
	text-align: justify;
	height: 100%;
	margin-top:5px;
}

.gauche{
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 5px;
	width: 155px;
	background-color: transparent;
	border: 0px solid #FFD700;
}

.spacer {
	clear:both;
	font-size: 1px;
	line-height: 0px;
}

.principal {
	margin-left: 180px;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color: transparent;
	padding: 5px 10px 10px 10px;
	border: 0px solid red;
	height: 100%;
}

#pied {
	border: 0px solid Blue;
	height: 75px;
	background-image: url(images/charte7_05.gif);
	background-repeat: no-repeat;
	text-align: center;
}

/* Titres et blocs de texte */

.principal h2{
	color: #1A746E;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial;
	margin: 0;
	margin-bottom:5px;
}

.principal h3{
	color: #1A746E;
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana;
	margin: 0;
	margin-bottom:5px;
}

.titre_bloc{
	background-image: url(pictures/css/bloc/haut.gif);
	background-repeat: no-repeat;
	height:20px;
	padding-top:3px;
	padding-left:3px;
	border-bottom: 1px dashed gray;
}

.contenu_bloc{
	background-image: url(pictures/css/bloc/milieu.gif);
	background-repeat: repeat;
	padding: 5px 5px 5px 5px;
	
}

.bas_bloc {
	background-image: url(pictures/css/bloc/bas.gif);
	background-repeat: no-repeat;
	height: 12px;
	
}

.bloc_menu_gauche{
	width: 150px;
	border: 1px dashed Gray;
	background-color: transparent;
	padding: 2px 2px 2px 2px;
	margin-bottom: 15px; 
	margin-right: 2px;
	float: left;
	text-align: left;
}

.bloc_menu_gauche_drapeaux{
	width: 150px;
	border: 0px dashed Gray;
	background-color: transparent;
	padding: 2px 2px 2px 2px;
	margin-bottom: 15px;
	margin-right: 2px;
	float: left;
	text-align: center;
}

#bloc_texte {
	margin-bottom: 15px;
	background-color: White;
}

#haut_texte {
	/*background-image: url(pictures/css/bloc/barre_bloc_bleu.gif);*/
	background-image: url(pictures/css/bloc/haut_degrade_bleu.gif);
	background-repeat: no-repeat;
	height: 22px;
	color: white;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 2px;
	padding-left: 5px;
}

#contenu_bloc_texte {
	padding: 15px 15px 15px 15px;
	background-image: url(pictures/css/illustrations/fond_gris_degrade_angle.gif);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 130%;
	font-size: 8pt;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

#contenu_bloc_texte_accueil {
	padding: 15px 15px 15px 15px;
	background-image: url(images/fonds/mixed02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 120%;
	font-size: 8pt;
	border: 1px solid gray;
}


#contenu_bloc_texte_accueil li{
	margin-bottom: 10px;
}

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

#bloc_texte_admin {
	margin-bottom: 15px;
	background-color: White;
	border-collapse: collapse;
	/*padding: 5px 5px 5px 5px;*/
	border: 0px solid gray;
	
}

#haut_rouge {
	background-image: url(pictures/css/bloc/haut_degrade_rouge.gif);
	background-repeat: no-repeat;
	height: 22px;
	color: white;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 2px;
	padding-left: 5px;
}

#contenu_bloc_texte_rouge {
	background-image: url(pictures/css/illustrations/fond_gris_degrade_angle.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	font-size: 8pt; 
	/*background-image: url(pictures/css/illustrations/fond_gris_degrade_angle.gif);*/
}

#contenu_bloc_texte_rouge_tour {
	padding: 15px 15px 15px 15px;
	background-image: url(pictures/css/illustrations/fond_gris_degrade_angle.gif);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 130%;
	font-size: 8pt;
	border: 1px solid gray;
	border-top: none;
}

.texte_decale{
	padding: 10px 10px 10px 10px;
	
}


/* Mise en page FonT */
.italique{width: 25px;font-style: italic;}
.gras{font-weight: bold;width: 25px;}
.souligne{text-decoration: underline;width: 25px;}

.rouge {color: Red;}
.vert{color: Green;}
.bleu{color: blue;}
.gris{color: Gray;}
.jaune{color: Yellow;}

.rougeGras {color: Red; font-weight:bold;}
.vertGras{color: Green; font-weight:bold;}
.bleuGras{color: blue; font-weight:bold;}
.grisGras{color: Gray; font-weight:bold;}
.jauneGras{color: Yellow; font-weight:bold;}



/* Styles Pour le menu déroulant */
.menu, .ssmenu {
	background-color:#F0F0F0;
	/*color:#6D6D6C;*/
	font-size:8pt;
	font-weight:bold;
	font-family:Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	position: relative;
	text-align:center;
	/*background: url("pro/pro2.jpg") #F0F0F0;*/
	background-color: transparent;
	/*color:#969695;*/
	color: Black;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>*/
	display:none;
}
.ssmenu ul,.ssmenu li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des listes */
	padding-left:2px;
	padding-right: 2px;
	margin:0;
	list-style-type:none;
	border-bottom: 1px solid #CDCDCC;
	border-right: 1px solid #CDCDCC;
}
.menu a, .menu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color: #437275;
	font-size: 9pt;
	padding:2px;
	text-decoration:none;
	font-family: Arial,Verdana;
	display:block;
	margin:0px;
	width:100%;
}

.menu a:hover, .menu a:focus {
/* Les liens sous le curseur.*/
	color:  #03B2B7;
	text-decoration:none;
	font-family:Arial;
	font-size: 9pt;
	margin:0px;
	width:100%;
	font-weight: bold;
}

.ssmenu a, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#969695;
	padding:2px;
	text-decoration:none;
	font-family:Arial;
	font-size: 8pt;
	font-weight: bold;
	display:block;
	margin:0px;
	width:100%;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.*/
	color:  #03B2B7;
	text-decoration:none;
	font-family:Arial;
	font-size: 8pt;
	margin:0px;
	width:100%;
	font-weight: bold;
}

.ssmenu a, .ssmenu a:visited {
	padding-left:5px;
}
/*
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}
*/

img {
	border: none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}

/* Images flottantes */
.img_flottante_gauche{
	float: left;
	border: 0px solid black;
	margin: 5px;
}

.img_flottante_droite{
	float: right;
	border: 0px solid black;
	margin: 5px;
}

.img_du_jour {
	border: 1px solid black;
	vertical-align: center;
	text-align: center;
}

/* Présentation des formulaires dans les tableaux */
table.form {
	width: auto;
}


td.champForm {
	text-align: left;
	width: 50px;
}

td.champForm.input {
	background-color: red;
}

td.libForm {
	text-align: right;
	font-size: 8pt;
	vertical-align: top;
}

td.submitForm{
	text-align: right;
}

/* Affichage de liste dans les tableaux */
table.liste{
	text-align: center;
	background: White;
	border:1px solid black;
	width: 100%;
	border-collapse: collapse;
}

td.menu_admin {
	font-size: 7pt;
	font-weight: normal;
	color: red;
	vertical-align: middle;
	text-align: center;
}


.liste_titre {
	background-color: #828282;
	color: White;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid black;
}

.liste_pair{
	background-color: white;
	text-align: center;
	border-bottom: 1px dashed gray;
}

.liste_impair{
	background-color: #D9D9D9;
	text-align: center;
	border-bottom: 1px dashed gray;
}

/*** Editeur de News et Agenda ***/

.saisie_titre{
	width: 40%;
}

#zone_texte{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#apercu{
	border: 1px solid silver;
	text-align: left;
}

.valid_apercu{
	text-align: center;
}

td.form_editeur{
	text-align: right;
	padding-right: 3px;
	width: 200px;
	font-size : 8pt;
}

td.theme1 {
	background-color : red;
	width: 30%;
}

td.form_editeur_personnel{
	text-align: right;
	padding-right: 3px;
	width: 15%;
	font-size : 8pt;
}


#editeur{
	width:500px;
	border: 1px solid silver;
	background-color: white;
	margin-top: 2em;
	padding:5px;
	height: 100%;
}

#editeur div{
	padding: 5px;
}

#editeur form{
	margin: 0 0 0 0;
	padding: 5 5 5 5;
}

#editeur textarea.agenda{
	width: 495px;
	height: 310px;
	margin:0 0 0 0;
	border: 1px solid #DCDCDC;
	background: url(pictures/css/news/agenda.jpg) no-repeat top right;
	font-size:8pt;
	overflow: hidden;
}

#zone_saisie{
	background-color: Blue;
}

#actions_news {
	padding-bottom: 2px;
	border-bottom: 1px dashed gray;
	background-color: transparent;
	text-align: right;
	font-size: 7pt;
}

#titre_news{
	float: left;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	font-family: sans-serif;
}

#date_news{
	margin-top: 15px;
	margin-bottom: 5px;
	color: gray;
	text-align: right;
	font-size: 7pt;
}
/* fin pour editeur de News et Agenda */


.button_calendar {
	
	background-image: url(images/b_calendar.png);
	background-repeat: no-repeat;
	border: none;
	background-color: white;
	height: 16px;
	width: 16px;
	
}

.button_help {
	
	background-image: url(images/aide.gif);
	background-repeat: no-repeat;
	border: none;
	background-color: white;
	height: 13px;
	width: 12px;
	
}

/*
	SPAN pour affichages
*/
.titre_bloc_gauche{
	font-size: 9pt;
	color: #03B2B7;
	font-weight: bold;
	font-family: Arial;
}

.photo_trombi{
	border: 1px solid black;
}

td.trombi_photo{
	text-align: center;
	font-weight: bold;
}

td.trombi_libelle{
	text-align: right;
	font-weight: bold;
}

#actions_right{
	text-align: right;
}

td.right_bold{
	text-align: right;
	font-weight: bold;
}

/*
	Positions sur le site
*/
#position_site{
	text-align: right;
	font-size: 7pt;
}

/* zone d'affichage du contenu d'une offre de stage */
#contenu_stage{
	border : 1px solid silver;
	width: 97%;
	padding: 5px 5px 5px 5px;
	margin-top : 10px;
	margin-bottom: 10px;
}

/*
Affichage des listes de news,agenda,stages pour les visiteurs
*/

#titre_liste{
	float: left;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	font-family: sans-serif;
}

#bloc_liste {
	width: 97%;
	border: 1px solid pink;
	padding: 5px 5px 5px 5px;
}

#actions_droite {
	padding-bottom: 2px;
	border-bottom: 1px dashed gray;
	background-color: transparent;
	text-align: right;
	font-size: 7pt;
	margin-bottom: 3px;
}



#date_liste{
	margin-top: 15px;
	margin-bottom: 5px;
	color: gray;
	text-align: right;
	font-size: 7pt;
}

#complement_infos{
	margin-top: 0px;
	margin-bottom: 10px;
	padding : 5px 5px 5px 5px;
	color: gray;
	text-align: left;
	font-size: 8pt;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

#complement_infos_admin{
	margin-top: 0px;
	margin-bottom: 0px;
	padding : 5px 5px 5px 5px;
	color: gray;
	text-align: right;
	font-size: 8pt;
}

#barre_options{
	width: 100%;
	background: #DCDCDC;
	background-color: #D1D1D1;
	font-size: 7pt;
	margin-bottom:10px; 
}

#barre_liens{
	width: 100%;
	font-size: 7pt;
	margin-bottom:10px;
	text-align: center;
}

#barre_tri {
	text-align: center;
	margin-bottom : 15px;

}

.formRecherche {
	text-align:center;
	padding: 5px 5px 5px 5px;
}

#definition_glossaire{
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	margin-bottom: 5px;
	padding: 5px 15px 5px 20px;
	text-align: left;
}

.table_theme{
	border : 1px solid silver;
}

.fond_over_odd{
	color:white;
	background-color:#03AEB8;
}

.fond_out_odd{
	color:black;
	background-color:white;
}

.fond_over_even{
	color:white;
	background-color:#03AEB8;
}

.fond_out_even{
	color:black;
	background-color:silver;
	border-right : 1px solid silver;
}



.fond_over{
	color:black;
	background-color:silver;
}

.fond_out{
	color:black;
}



/*
	Fiches personnel
*/

.titre_fiche{
	background-color: silver;
	color: black;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}

.case_photo{
	padding: 5px 5px 5px 5px;
	text-align:center;
	width:20%;
}

.case_tel{
	padding: 5px 5px 5px 5px;
	text-align:left;
	width:80%;
	vertical-align:top;
	border-right: 1px solid silver;
}

.case_fiche{
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align:left;
	vertical-align:top;
	border: 1px solid silver;
	line-height: 120%;
}

.case_fiche_droite{
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align:right;
	vertical-align:top;
	border-right: 1px solid silver;
	line-height: 120%;
}

.case_fiche li{
	margin-bottom: 5px;
	line-height: 120%;
}

.icones_action{
	padding : 3px 3px 3px 3px;
	text-align: right;
}

.icones_action_no_padding{
	text-align: right;
}

.icones_action_fiche{
	padding : 3px 3px 3px 3px;
	text-align: right;
	border-right: 1px solid silver;
}


.titre_theme_liste{
	padding-left:5px;
	padding-right: 10px;
	
}

#confirmation {
	background-image: url(./images/css/alertes/attention.gif);
	background-position:top left;
	background-repeat: no-repeat;
	padding-left: 70px;
	padding-top: 5px;
	margin-top: 10px;
	padding-bottom: 5px;
	height: 80px;
	text-align: center;
}

#ok {
	background-image: url(./images/css/alertes/ok.gif);
	background-position:top left;
	background-repeat: no-repeat;
	padding-left: 70px;
	padding-top: 5px;
	margin-top: 10px;
	padding-bottom: 5px;
	height: 80px;
	text-align: center;
}

#erreur {
	padding-left: 70px;
	padding-top: 5px;
	margin-top: 10px;
	padding-bottom: 20px;
	background-image: url(./images/css/alertes/erreur.gif);
	background-position:top left;
	background-repeat: no-repeat;
	text-align: center;
}

td.champFormMail{
	border: 1px solid silver;
	background-color: #E6E6FA;
}


.hr_border {
	border: 1px dashed silver;
}


.publi{
	padding: 3px 3px 6px 3px;
}

.titre {
	color: gray;
	font-weight:bold;
	font-size: 8pt;
}

.expli_gauche{
	background-color: #EEEEEE;
	font-family: Trebuchet MS;
	color: black;
	font-weight: bold;
	font-size: 9pt;
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid silver;
	text-align: center;
}

.expli_droite{
	background-color: white;
	font-family: Trebuchet MS;
	color: black;
	font-size: 9pt;
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid silver;
}

.table_expli {
	border: 1px solid gray;
	border-collapse: collapse;
}

.forma_titre {
	font-weight: bold;
	padding-bottom: 10px;
}

.forma_para {
	font-weight : bold;
	font-style: italic;
	padding-bottom: 5px;
	padding-top: 8px;
}
/*
	Contenu
*/
.forma_titre_paragraphe {
	font-weight: bold;
	padding-bottom: 10px;
	color:#009999;
}

.cell {
  font-size: 9px;
  color: #00CCCC;
  font-family: Verdana;
  text-decoration: underline
 }