/* Dans tout ce document, il est souvent indiqu� : padding:0px; et margin:0px; */
/* Ceci est n�cessaire car les navigateurs n'interprete pas de la m�me mani�re les marges de base */
/* Par exemple IE consid�re de base des valeurs de 5px pour padding et margin alors que firefox  prendra comme valeur de base 0 */
/* Donc si on veut une pr�sentation semblables sur tous les navigateurs, on doit pr�ciser de les mettre � z�ro */

body  /* CSS pour tout le document */
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#222222 ; /* CSS pour la police de base du site (typo, taille et couleur) */
	background-color:#dfddd6;
	padding:0px;
	margin:0px;

}


.submit{
	background:url(IMG/button.gif);
	display:block;
	color:#607890;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-radius: 20px;
	text-decoration:none;
	width:203px;
}
.bouton{
	background:url(IMG/button.gif);
	display:block;
	color:#607890;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-radius: 20px;
	text-decoration:none;
	width:191px;
}
input.bouton{
	background:url(IMG/button.gif);
	display:block;
	color:#607890;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-radius: 20px;
	text-decoration:none;
	width:191px;
}
#global {margin: 0 auto; width:1020px;}

/*CSS pour tout les tableaux */
table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	//padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	//-moz-border-radius: 3px 3px 3px 3px;
}

.TdTitre
{
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	color:#a40c16; /* On indique la couleur du titre */
	background-color: red; /* On indique la couleur de fond du "bloc" o� le titre est afficher */
	font-weight:bold; /* On indique que le texte doit �tre en gras */
	width:201px;
	padding:8px 10px; 
	margin:0px;
	text-align:center;
}


a /* CSS pour tout les liens du document */
{	
	color:#222222; /* Couleur de base des liens */
	text-decoration:none;
}
a:hover { text-decoration:underline; } /* Pour souligner les liens de base au passage de la souris */

img { border:0px; padding:0px; margin:0px; } /* Si l'on fait un lien sur une image, elle ne porte pas de bords. */

hr /* CSS pour les s�paration hr */
{
	padding:0px; margin:0px;
	color:#323100; /* On en choisi la couleur */
	background-color:#323100; /* On en choisi la couleur de fond (semblable ligne du dessus mais obligatoire car pas interpr�t� par tous les navigateurs)*/
	height:1px; /* On r�gle la hauteur */
	border:0px; /* On lui met pas de bord */
}

ul { padding:0px; margin:0px; list-style-position:outside; }
li { padding:0px; margin:0px; }

h1  /* CSS pour influencer l'affichage des raccourcis typo de spip (ici quand on met {{XXXXX}} )*/
{
	text-align:left; /* On choisi l'alignement du texte */
	font-size:15px; font-weight:bold; /* On regle la police */
	padding:0px; margin:0px;
}


div { padding:0px; margin:0px; }

p  { padding:0px; margin:0px; margin-bottom:15px; }



/*----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------CSS MENU HAUT --------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/


.menuGenFond /* CSS pour d�finir le fond du menu de haut de page */
{
	background-image:url(images/fonds/logo_iep.bmp); /* On d�finit l'image de fond */
	background-repeat:no-repeat; /* On indique qu'on ne souhaite pas que celle-ci se r�p�te */
	width:1020px ; /* On fixe la dimension horizontale (celle de l'image) */
	height:155px; /* On fixe la dimension verticale (celle de l'image) */
	padding:0px; margin:0px;
	float:left;
}

a#menuLogo /* CSS pour le logo dans le bandeau haut (pour revenir � la page d'accueil) */
{
	width:100px; height:100px; 
	padding:0px; margin:0px; margin-left:40px; margin-top:35px;
	float:left; 
	//**background-image:url(images/fonds/logo.gif);*//
}



#menu {
height:50px;
width:850px;
margin: 0 auto;
font-family:Arial;
font-size:17px;
font-weight:bold;
float:left;
padding-top:77px;
padding-left:8px;
z-index:99;
}

#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}

#menu ul li{
position: relative;
display: inline;
float: left;
padding-bottom:10px;
}

#menu ul li a{
display: inline;
margin:0 12px;
text-decoration: none;
color:#64625c;
}

#menu ul li a:hover{
color: #ec8d06;
}

#menu ul li ul{
left: 0;
position: absolute;
top: 1em;
display: block;
visibility: hidden;
border-color:black;
border-style:solid;
border-width:1px 1px 1px 20px;
background-color:#FFFFFF;
z-index:99;
}

#menu ul li ul li{
display: list-item;
float: none;
padding:0px;
}

#menu ul li ul li a{
display: block;
color:#222222;
text-decoration: none;
text-align:left;
margin:0px;
padding: 3px 0px 3px 8px;
font-size:12px;
width:160px;
}

#menu ul li ul li a:hover{
color:#ec8d06;
}


/* Holly Hack for IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
* html #menu ul li ul li { float: left;}
/* End */




/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------CSS MENU BARRE-------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

div#menubarre 
{ 
	clear:both;
	float:left;
	background-image:url(images/fonds/fond_barre.jpg);
	background-repeat:repeat-y;
	height:26px;
	width:1020px;
}

#menubarre span 
{
	font-size: 0.9em;
}

div#contenuBarre 
{ 
	float:left;
	width:800px;
}

span#affiche_gu
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}

span#affiche_acces
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}

span#affiche_faq
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}

span#affiche_contact
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
span#affiche_intranet
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}


span#affiche_inscription
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}

input.bouton#outil_inscription
{
	background-image:url(images/btn_inscription.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_inscription:hover
{
	background-image:url(images/btn_inscription2.jpg);
}

span#affiche_modalites
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_modalites
{
	background-image:url(images/btn_modalite.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_modalites:hover
{
	background-image:url(images/btn_modalite2.jpg);
}
input.bouton#outil_reglement
{
	background-image:url(images/btn_charte.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_reglement:hover
{
	background-image:url(images/btn_reglement2.jpg);
}
span#affiche_programme
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_programme
{
	background-image:url(images/btn_programme.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_programme:hover
{
	background-image:url(images/btn_programme2.jpg);
}
span#affiche_calendrier
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_calendrier
{
	background-image:url(images/btn_calendrier.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_calendrier:hover
{
	background-image:url(images/btn_calendrier2.jpg);
}
span#affiche_procedure_inscription
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_procedure_inscription
{
	background-image:url(images/btn_procedure_inscription.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_procedure_inscription:hover
{
	background-image:url(images/btn_procedure_inscription2.jpg);
}
span#affiche_infopratique
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_infopratique
{
	background-image:url(images/btn_infopratique.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_infopratique:hover
{
	background-image:url(images/btn_infopratique2.jpg);
}
span#affiche_annales
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_annales
{
	background-image:url(images/btn_annales.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_annales:hover
{
	background-image:url(images/btn_annales2.jpg);
}
span#affiche_annales
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_annales
{
	background-image:url(images/btn_annales.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_annales:hover
{
	background-image:url(images/btn_annales2.jpg);
}
span#affiche_espace_candidat
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_espace_candidat
{
	background-image:url(images/btn_espace_candidat.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:40px;
	width:198px;
}

input.bouton#outil_espace_candidat:hover
{
	background-image:url(images/btn_espace_candidat2.jpg);
}
span#affiche_quitter
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
a#outil_quitter
{
	background-image:url(images/btn_quitter.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:30px;
	width:127px;
}

a#outil_quitter:hover
{
	background-image:url(images/btn_quitter2.jpg);
}

span#affiche_terminer
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
a#outil_terminer
{
	background-image:url(images/btn_terminer.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:30px;
	width:127px;
}

a#outil_terminer:hover
{
	background-image:url(images/btn_terminer2.jpg);
}

span#affiche_EtapeSuivante
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_EtapeSuivante
{
	background-image:url(images/btn_EtapeSuivante.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:30px;
	width:127px;
}

input.bouton#outil_EtapeSuivante:hover
{
	background-image:url(images/btn_EtapeSuivante2.jpg);
}
span#affiche_retour
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_retour
{
	background-image:url(images/btn_retour.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:30px;
	width:127px;
}

input.bouton#outil_retour:hover
{
	background-image:url(images/btn_retour2.jpg);
}
/*===================================================================================================*/
span#affiche_retour
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
a#outil_retour
{
	background-image:url(images/btn_retour.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:30px;
	width:127px;
}

a#outil_retour:hover
{
	background-image:url(images/btn_retour2.jpg);
}
/*=====================================================================================================*/
/*===================================================================================================*/

span#affiche_acc_paiement
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_acc_paiement
{
	background-image:url(images/btn_acc_paiement.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:30px;
	width:177px;
}

input.bouton#outil_acc_paiement:hover
{
	background-image:url(images/btn_acc_paiement2.jpg);
}
/*=====================================================================================================*/
span#affiche_modifier
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_modifier
{
	background-image:url(images/btn_modifier.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:30px;
	width:127px;
}

input.bouton#outil_modifier:hover
{
	background-image:url(images/btn_modifier2.jpg);
}
span#affiche_valider
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}
input.bouton#outil_valider
{
	background-image:url(images/btn_valider.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:30px;
	width:127px;
}

input.bouton#outil_valider:hover
{
	background-image:url(images/btn_valider2.jpg);
}
input.bouton#outil_resultat
{
	background-image:url(images/btn_resultat.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:45px;
	width:337px;
}

input.bouton#outil_resultat:hover
{
	background-image:url(images/btn_resultat2.jpg);
}
input.bouton#outil_resultatInactif
{
	background-image:url(images/btn_resultatInactif.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:45px;
	width:337px;
}

input.bouton#outil_resultatInactif:hover
{
	background-image:url(images/btn_resultatInactif.jpg);
}
input.bouton#outil_convocation
{
	background-image:url(images/btn_ImpConvoc.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:45px;
	width:337px;
}

input.bouton#outil_convocation:hover
{
	background-image:url(images/btn_ImpConvoc2.jpg);
}
input.bouton#outil_dossins
{
	background-image:url(images/btn_ImpDossier.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:45px;
	width:337px;
}

input.bouton#outil_dossins:hover
{
	background-image:url(images/btn_ImpDossier2.jpg);
}

input.bouton#outil_Modifmdp
{
	background-image:url(images/btn_ModifMdp.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:45px;
	width:337px;
}

input.bouton#outil_Modifmdp:hover
{
	background-image:url(images/btn_ModifMdp2.jpg);
}

input.bouton#outil_modifIns
{
	background-image:url(images/btn_ModifIns.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:45px;
	width:337px;
}

input.bouton#outil_modifIns:hover
{
	background-image:url(images/btn_ModifIns2.jpg);
}
input.bouton#outil_test_niveau
{
	background-image:url(images/btn_test_niveau.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	height:45px;
	width:337px;
}

input.bouton#outil_test_niveau:hover
{
	background-image:url(images/btn_test_niveau2.jpg);
}
span#affiche_francais
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}

span#affiche_anglais
{
	color:#FFFFFF;
	display:none;
	position:absolute;
	margin-left:265px;
	margin-top:6px;
}

a#outil_francais
{
	background-image:url(images/menuBarre/btn_fr.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
	float:left;
	height:25px;
	width:32px;
}

a#outil_anglais
{
	background-image:url(images/menuBarre/btn_en.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
	float:left;
	height:25px;
	width:32px;
}

a#outil_acces
{
	background-image:url(images/menuBarre/btn_acces.jpg);
	background-repeat:no-repeat;
	margin-left:12px;
	float:right;
	height:25px;
	width:32px;
}

a#outil_acces:hover
{
	background-image:url(images/menuBarre/btn_acces2.jpg);
}

a#outil_faq
{
	background-image:url(images/menuBarre/btn_faq.jpg);
	background-repeat:no-repeat;
	margin-left:12px;
	float:right;
	height:25px;
	width:32px;
}

a#outil_faq:hover
{
	background-image:url(images/menuBarre/btn_faq2.jpg);
}

a#outil_contact
{
	background-image:url(images/menuBarre/btn_contact.jpg);
	background-repeat:no-repeat;
	margin-left:12px;
	float:right;
	height:25px;
	width:32px;
}

a#outil_contact:hover
{
	background-image:url(images/menuBarre/btn_contact2.jpg);
}
a#outil_modalite
{
	background-image:url(images/btn_modalite.jpg);
	background-repeat:no-repeat;
	margin-left:12px;
	float:right;
	height:50px;
	width:221px;
}

a#outil_modalite:hover
{
	background-image:url(images/btn_modalite2.jpg);
}
a#outil_intranet
{
	background-image:url(images/menuBarre/btn_intranet.jpg);
	background-repeat:no-repeat;
	margin-left:12px;
	float:right;
	height:25px;
	width:32px;
}

a#outil_intranet:hover
{
	background-image:url(images/menuBarre/btn_intranet2.jpg);
}

a#outil_gu
{
	background-image:url(images/menuBarre/btn_gu.jpg);
	background-repeat:no-repeat;
	margin-left:12px;
	float:right;
	height:25px;
	width:32px;
}

a#outil_gu:hover
{
	background-image:url(images/menuBarre/btn_gu2.jpg);
}

span#loupe
{
	margin-left:45px;
	margin-right:5px;
	background-image:url(images/menuBarre/loupe.jpg);
	background-repeat:no-repeat;
	float:right;
	height:25px;
	width:32px;
}

.forml
{
	font-size:0.9em;
	color:#676767;
	float:left;
}

#q 
{
	border-color:#333333 #666666 #666666 #333333;
	border-style:solid;
	border-width:1px;
	height:17px;
	margin-top:2px;
	padding-left:5px;
	width:150px;
}

.larecherche
{
	width:220px;
	float:left;
}




/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------CSS PIED PAGE-------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

.piedPageFond /* CSS pour le fond du pied de page */
{
	background-image: url(images/fonds/fond_bas02.jpg); /* On d�finit l'image de fond */
	background-repeat: no-repeat; /* On indique qu'on ne souhaite pas que celle-ci se r�p�te */
	width:1020px ; /* On fixe la dimension horizontale (celle de l'image) */
	height:40px; /* On fixe la dimension verticale (celle de l'image) */
	clear:both;
	float:left;
}

a#menuBas3 /* CSS pour bouton n�3 : Mentions l�gales */
{
	color:#ffffff;
	padding-top:7px;
	padding-left:25px;
	font-size:12px;
	float:left;
}

a#menuBas3:hover 
{
	color:#a40c16;
}

a#menuBas5 /* CSS pour bouton n�5 : Plan du site */
{
	color:#ffffff;
	padding-top:7px;
	padding-left:12px;
	font-size:12px;
	float:left ;
}

a#menuBas5:hover 
{	
	color:#a40c16;
}

a#menuBas7 /* CSS pour bouton n�6 : Contact par mail */
{
	color:#ffffff;
	padding-top:7px;
	padding-left:12px;
	font-size:12px;
	float:left ;
}

a#menuBas7:hover 
{	
	color:#a40c16; 
}

p#adresseBas
{
	color:#ffffff;
	padding-top:8px;
	padding-right:25px;
	font-size:9px;
	float:right;
}



/*----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------CSS ACCUEIL---------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

h2
{
	text-align:left; /* On choisi l'alignement du texte */
	font-size:1.2em; font-weight:normal; /* On regle la police */
	padding-top:5px;
	padding-left:30px; 
	margin:0px;
	color:#FFFFFF;	
}

h3
{
	color:#ffffff;
	text-align:left; /* On choisi l'alignement du texte */
	font-size:1.0em; font-weight:bold; /* On regle la police */
	margin:0px;
	padding-left:20px;
	color:#a40c16;
	background-image: url(images/blocAccueil/puce_bloc.gif);
	background-repeat: no-repeat;	
}

#contenu
{
	width:1020px;
	background-image:url(images/fonds/fond_contenu.jpg);
	background-repeat:repeat-y;
	float:left;
}

#contenuGauche
{
	width:368px;
	float:left;
	padding-left:11px;
}

#contenuDroite
{
	width:630px;
	float:left;
}

#texteBloc
{
	padding:10px 10px 10px 20px;
	width:235px;
}

#texteBloc a
{
	text-decoration:underline;
}

#texteBloc a:hover
{
	color:#a40c16;
}

#listeBloc
{
	list-style-image: url(images/puce.gif);
	list-style-position:inside;
	padding:10px 0px 0px 20px;
}

a#lienBloc
{
	text-decoration:none;
}

a#lienBloc:hover
{
	color:#ec8d06;
	text-decoration:underline;
}

a#lienBlocActu
{
	text-decoration:underline;
	float:right;
}

a#lienBlocActu:hover
{
	color:#ec8d06;
}

/* ----------------------------------- ETUDES --------------------------------- */
	
#Etudes /* Div generale du bloc etudes */
{
	padding-top:20px;
	padding-left:38px;
	float:left;
}
	
#teteEtudes /* Div du titre "Etudes" */
{
	background-image: url(images/blocAccueil/tete_etudes.jpg);
	background-repeat: no-repeat;
	width:320px;
	height:25px;
}
		
#contenuEtudes /* Div contenant les blocs de texte */
{
	width:320px;
	height:366px;
	border:1px solid #000000;
	background-image: url(images/blocAccueil/imgEtudes.jpg);
	background-repeat: no-repeat;
}

#chapoEtudes /* 1er bloc de texte */
{
	padding:10px 0px 0px 50px;
	width:270px;
	height:115px;
	background-image: url(images/blocAccueil/separateurPt.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
			
#actuEtudes /* 2eme bloc de texte */
{
	padding:10px 0px 0px 50px;
	width:270px;
	height:120px;
	background-image: url(images/blocAccueil/separateurPt.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
			
#liensEtudes /* 3eme bloc de texte */
{
	padding:10px 0px 0px 50px;
	width:270px;
	height:100px;
}
	
	
/* ----------------------------------- VIE ETUDIANTE --------------------------------- */

#VieEtu
{
	clear:both;
	padding-top:38px;
	padding-left:38px;
	float:left;
}
	
#teteVieEtu
{
	background-image: url(images/blocAccueil/tete_vieEtudiante.jpg);
	background-repeat: no-repeat;
	width:320px;
	height:25px;
}
		
#contenuVieEtu
{
	width:320px;
	height:412px;
	border:1px solid #000000;
	background-image: url(images/blocAccueil/imgVieEtu.jpg);
	background-repeat: no-repeat;
}

#chapoVieEtu /* 1er bloc de texte */
{
	padding:10px 0px 0px 50px;
	width:270px;
	height:160px;
	background-image: url(images/blocAccueil/separateurPt.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
			
#actuVieEtu /* 2eme bloc de texte */
{
	padding:10px 0px 0px 50px;
	width:270px;
	height:120px;
	background-image: url(images/blocAccueil/separateurPt.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
			
#liensVieEtu /* 3eme bloc de texte */
{
	padding:10px 0px 0px 50px;
	width:270px;
	height:100px;
}
	

/* ----------------------------------- INSTITUT --------------------------------- */	
				
#Institut
{
	padding-top:20px;
	padding-left:30px;
	float:left;
}
	
#teteInstitut
{
	background-image: url(images/blocAccueil/tete_institut.jpg);
	background-repeat: no-repeat;
	width:560px;
	height:25px;
}
		
#contenuInstitut
{
	width:560px;
	height:270px;
	border:1px solid #000000;
	background-image: url(images/blocAccueil/imgInstitut.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;

}
		
#chapoInstitut
{
	padding:10px 0px 0px 20px;
	width:270px;
	height:140px;
	float:left;
}
				
#actuInstitut
{
	padding:10px 0px 0px 0px;
	width:270px;
	height:130px;
	float:right;
}
			
#liensInstitut
{
	padding:18px 0px 0px 20px;
	background-image: url(images/blocAccueil/separateurGd.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	width:540px;
	height:100px;
	float:left;
}


/* ----------------------------------- ACTUALITES --------------------------------- */
		
#Actu
{
	padding-top:38px;
	padding-left:30px;
	float:left;
	height:430px;
}
	
#teteActu
{
	background-image: url(images/blocAccueil/tete_actu.jpg);
	background-repeat: no-repeat;
	width:560px;
	height:25px;
}

#contenuActu
{
	width:560px;
	height:400px;
	border:1px solid #000000;
	background-image: url(images/blocAccueil/imgActu.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}

#zoneActu
{
	padding:10px 0px 0px 20px;
	width:270px;
	height:295px;
	float:left;
}

#videoActu
{
	padding:23px 10px 0px 0px;
	width:210px;
	height:210px;
	float:right;
}

#liensActu
{
	padding:18px 0px 0px 20px;
	background-image: url(images/blocAccueil/separateurGd.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	width:540px;
	height:100px;
	float:left;
}
				
#listeActu
{
	list-style-position:inside;
	list-style-type:square;
	padding:10px 0px 0px 20px;
}

#listeActu LI
{
	background-image: url(images/blocAccueil/separateurActu.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
	margin:0 0 10px;
	padding:0 0 10px;
}

#listeActu2
{
	list-style-position:inside;
	list-style-type:square;
	padding:10px 0px 10px 0px;
}


/* ----------------------------------- NUAGE DE MOTS --------------------------------- */


#blocNuage { width:560px; padding:20px 10px 50px 30px; float:left;}


/* Reglage des couleurs */
.Nuage1 { color:#222222;}
.Nuage1:hover { color:#ec8d06;}

.Nuage2 { color:#424242;}
.Nuage2:hover { color:#ec8d06;}

.Nuage3 { color:#737373;}
.Nuage3:hover { color:#ec8d06;}


/* mise à l'horizontale de la liste de mots */
.nuage LI { display: inline; }


/* Reglage des tailles de texte */
.nuage .tailleNuage1 { font-size: 1.7em;}
.nuage .tailleNuage2 { font-size: 1.3em;}
.nuage .tailleNuage3 { font-size: 1em;}






/*----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------CSS CONTENU RUBRIQUES---------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/


#contenu2
{
	width:1020px;
	background-image:url(images/fonds/fond_contenu.jpg);
	background-repeat:repeat-y;
	float:left;
}

.contenu2Table 
{
	padding-left:11px;
	width:1009px;
}

.contenuArt { padding:0px; margin:0px; }

.tdMenuRub
{
	vertical-align:top;
}

#conteneurMenuRub
{
	margin-left:5px;
	margin-top:10px;
}

#teteMenuRub
{
	background-image:url(images/entreeRubrique/haut_menu_rub.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:28px;
	width:221px;
}

.contenuGaucheRubInstitut /* CSS pour la partie gauche dans rubrique : photos (differentes � chaque fois) + boutons precedent ...       */
						  /* A noter que pour toutes les grandes parties le fonctionnement est le m�me, il n'est donc pas expliqu� plus */
{
	margin:0px;	padding:0px;
	background-image:url(images/entreeRubrique/imageInstitut.jpg); /* On indique l'image de fond */
	background-position:top; /* On indique que celle-ci doit se positionner en haut */
	background-repeat:no-repeat; /* Pour ne pas qu'elle se repete */
	border-left:solid #000 1px;
	border-right:solid #000 1px;  
	width:219px;
	height:130px;
}

.contenuGaucheRubEtudes
{
	margin:0px;	padding:0px;
	background-image:url(images/entreeRubrique/imageEtude.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-left:solid #000 1px;
	border-right:solid #000 1px;  
	width:219px;
	height:130px;
}

.contenuGaucheRubInternational
{
	margin:0px;	padding:0px;
	background-image:url(images/entreeRubrique/imageInternationnal.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-left:solid #000 1px;
	border-right:solid #000 1px;  
	width:219px;
	height:130px;
}

.contenuGaucheRubDocumentation
{
	margin:0px;	padding:0px;
	background-image:url(images/entreeRubrique/imageDocumentation.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-left:solid #000 1px;
	border-right:solid #000 1px;  
	width:219px;
	height:130px;
}

.contenuGaucheRubRecherche
{
	margin:0px;	padding:0px;
	background-image:url(images/entreeRubrique/imageRecherche.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-left:solid #000 1px;
	border-right:solid #000 1px;  
	width:219px;
	height:130px;
}

.contenuGaucheRubVieEtudiante
{
	margin:0px;	padding:0px;
	background-image:url(images/entreeRubrique/imageVieEtudiante.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-left:solid #000 1px;
	border-right:solid #000 1px;  
	width:219px;
	height:130px;
}

.contenuGaucheRubEntreprises
{
	margin:0px;	padding:0px;
	background-image:url(images/entreeRubrique/imageEntreprise.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-left:solid #000 1px;
	border-right:solid #000 1px;  
	width:219px;
	height:130px;
}

.TitreGaucheRub /* Css pour l'affichage du titre de la rubrique ou article actuel */
{
	color:#ffffff; /* On indique la couleur du titre */
	background-color:#000; /* On indique la couleur de fond du "bloc" o� le titre est afficher */
	font-weight:bold; /* On indique que le texte doit �tre en gras */
	width:201px;
	padding:8px 10px; 
	margin:0px;
	text-align:center;
}

.SSTitreGaucheRub /* Css pour l'affichage du titre des sous rubrique ou articles dependant de la rubrique o� l'on est */
{
	font-size:12px; /* On fixe la taille de la police */
	background-image:url(images/entreeRubrique/centre_menu_rub.jpg);
	background-repeat:repeat-y;
	width:201px;
	padding-bottom:20px; padding-left:10px; padding-top:20px; padding-right:10px;
	margin:0px;
}

.SSTitreGaucheRub a /* Css pour les liens des ss-titres */
{
	display:block;
	padding:0px; margin:0px;
}

.SSTitreGaucheRub a:hover /* Css pour les liens des ss-titres */
{
	color:#a40c16;
}

.listeMenuGauchRub /* CSS pour la liste des ss-titres */
{
	margin:0px; margin-left:5px;
	padding:0px;
	list-style:none;
}

.listeMenuGauchRub li { margin:0px; margin-bottom:7px; padding:0px; }

.listeMenuGauchRub li a { margin:0px; padding:0px; display:inline; }

.SSTitreGaucheRubActuel /* CSS pour le ss-titre o� l'on se trouve actuellement */
{
	padding:0px;
	margin:0px;
	display:block;
}

.separationGauchRub /* pied du menu |___________| */
{
	background-color:#222; /* On fixe la couleur de fond */
	background-image:url(images/entreeRubrique/bas_menu_rub.jpg);
	background-repeat:no-repeat;
	height:25px; /* On fixe la hauteur */
	width:221px;
	padding:0px; margin:0px;
}

.conteneurBoutGauche
{
	vertical-align:bottom;
}

a#boutGaucheRub2 /* Css pour le bouton de gauche n�2 (haut de page) */
{
	background-image:url(images/boutGaucheRub/bt_haut_01.jpg);
	width:42px;	height:59px;
	float:left;
	padding:0px; margin:0px 0px 0px 35px;
}
a#boutGaucheRub2:hover { background-image:url(images/boutGaucheRub/bt_haut_02.jpg); } /* Css pour le bouton de gauche n�2 survol */

a#boutGaucheRub3 /* Css pour le bouton de gauche n�2 (accueil) */
{
	background-image:url(images/boutGaucheRub/bt_accueil_01.jpg);
	width:42px;	height:59px;
	float:left;
	padding:0px; margin:0px 10px 0px 10px;
}
a#boutGaucheRub3:hover { background-image:url(images/boutGaucheRub/bt_accueil_02.jpg); } /* Css pour le bouton de gauche n�3 survol */

a#boutGaucheRub4 /* Css pour le bouton de gauche n�2 (imprimer) */
{
	background-image:url(images/boutGaucheRub/bt_imp_01.jpg);
	width:50px;	height:59px;
	float:left;
	padding:0px; margin:0px 0px 0px 10px;
}
a#boutGaucheRub4:hover { background-image:url(images/boutGaucheRub/bt_imp_02.jpg); } /* Css pour le bouton de gauche n�4 survol */

.contenuDroiteRub /* CSS pour partie droite (celle avec textes) */
{
	padding:0px; margin:0px;
	font-size:12px; /* On fixe la taille de la police */
	width:798px; /* On fixe la largeur */
	vertical-align:top; /* On indique que le texte doit s'aligner sur le haut */
}

.contenuDroiteRubTitre /* CSS pour titres dans la partie droite (celle avec textes) */
{
	font-size:17px; /* On fixe la taille du titre */
	color:#a40c16; /* on fixe la couleur du titre */
	font-weight:bold; /* On indique que le titre est en gras */
	padding:0px; padding-left:50px; padding-right:0px;
	margin:0px; margin-bottom:10px;
	//width:435px;
}

.contenuDroiteRubChapo /* CSS pour chapeau dans la partie droite (celle avec textes) si il y en a */
{
	padding:0px; padding-left:50px; padding-right:0px;
	margin:0px; margin-bottom:15px;
	font-style: italic; /* On indique que le texte est en italique */
	font-size:11px; /* On fixe la taille de police */
	width:435px;
}

.contenuDroiteRubLogo /* CSS pour logo dans la partie droite (celle avec textes) si il y en a */
{
	float:right;
	padding:0px;
	margin:0px; margin-right:120px; margin-top:12px;
}

* html .contenuDroiteRubLogo /* CSS pour logo dans la partie droite (celle avec textes) si il y en a mais que pour IE */
{
	float:right;
	padding:0px;
	margin:0px; margin-right:60px; margin-top:20px;
}

.contenuDroiteRubTexte /* CSS pour textes dans la partie droite (celle avec textes) */
{
	padding:0px; padding-left:50px; padding-right:0px; padding-bottom:20px;
	margin:0px; margin-top:15px;
	font-size:11px; /* On fixe la taille de police */
	text-align:justify; /* On indique que le texte doit �tre justifi� */
	width:435px;
}

.contenuDroiteRubChemin /* CSS pour affichage du chemin d'acc�s � la rubrique ou � l'article */
{
	padding:0px; padding-bottom:30px; padding-left:50px; padding-right:0px; padding-top:30px;
	margin:0px;
	font-size:12px; /* On fixe la taille de la police */
}

.contenuDroiteRubChemin a, .contenuDroiteRubChemin a:hover, .contenuDroiteRubChemin a:visited
{
	padding:0px;
	margin:0px;
}

.contenuDroiteInfosCom { float:right; padding:0px; margin:0px; margin-top:50px; margin-right:5px;} /* Css pour les encadr�s (quand il y en a)*/

.contenuDroiteActu /* Css pour l'affichage des encadr�s */
{
	width:190px; /* On fixe la taille */
	background-image:url(images/entreeRubrique/centre_menu_rub.jpg);
	background-repeat:repeat-y;
	padding:16px;
	margin:0px;
}

.contenuDroiteActuTitre /* Css pour l'affichage des titres dans les encadr�s */
{
	padding:0px; margin:0px;
	font-weight:bold; /* On indique que les titres doivent �tre en gras */
}

.contenuDroiteActuTexte /* Css pour l'affichage des textes dans les encadr�s */
{
	padding:0px; 
	margin:0px; margin-bottom:15px; /*margin-left:10px; margin-right:20px;*/
	font-size:11px; /* On fixe la taille de police du texte */
}

.contenuDroiteActuPhoto /* Css pour l'affichage des photos (logo) pour les rubriques */
{
	text-align:center; /* On aligne la photo au centre de son conteneur */
	padding:0px;
	margin:0px; margin-top:20px; margin-bottom:50px; margin-right:10px;
}

.SSTitreMenuGauchRub
{
	padding:0px;
	margin:0px; margin-top:15px; margin-bottom:3px;
	font-weight:bold;
}

.rubAffArt
{
	padding:0px;
	margin:0px; margin-bottom:10px;
}

.rubAffArtTitre
{
	text-align:left;
	font-weight:bold;
	padding:0px; margin:0px;
}

.rubAffCenTitre
{
	padding:0px; padding-top:20px; 
	font-weight:bold;
	margin:0px; margin-bottom:10px; 
}



/* ------------------------------------- Page Recherche -------------------------------- */


.conteneurResultatsRecherche
{
	margin:0px; margin-left:20px; margin-top:40px; margin-bottom:40px;
	padding:0px;
}

.resultatsRecherche
{
	text-align:left;
	margin:0px; margin-top:20px; margin-left:20px;
	padding:0px;
}

.resultatsRechercheLi
{
	margin:0px; margin-bottom:5px;
	padding:0px;
	font-size:13px; font-weight:bold;
	list-style:none;
}

.cheminResultatsRecherche
{
	font-size:10px; font-style:italic; margin-left:20px; margin-bottom:15px;
}




/*----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------CSS PLAN DU SITE---------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/



.contenuGaucheTitre
{
	color:#a40c16; /* On indique la couleur du titre */
	font-weight:bold; /* On indique que le texte doit �tre en gras */
	font-size:15px; /* On indique la taille de la police */
	padding:10px; 
	margin:0px; margin-top:123px; /* On le place � 123px du haut de cette partie gauche (123px=hauteur de la photo)*/
}

.contenuDroiteRecherche /* CSS pour partie droite (celle avec textes) */
{
	padding:0px; padding-top:25px; padding-bottom:25px;
	margin:0px;
	width:700px; /* On fixe la largeur */
	vertical-align:top; /* On indique que le texte doit s'aligner sur le haut */
}

.contenuDroiteTitreSecteur
{
	padding:0px; padding-left:17px;
	margin:0px; margin-top:25px;
	font-size:20px; font-weight:bold;
}

.contenuDroiteArticlesRacine
{
	padding:5px; padding-left:80px;
	margin:0px;
}

.contenuDroiteTitreRubriques
{
	padding:0px; padding-left:70px;
	margin:0px;
}

.contenuDroiteArticles
{
	padding:5px; padding-left:40px;
	margin:0px;
}

.listeArticles
{
	padding:0px; margin:0px;
	list-style-image: url(images/puce.gif);
}

.listeRubriques
{
	padding:0px; margin:0px;
	list-style-image: url(images/puce.gif);
}