@charset "utf-8";
/* CSS Document */

.cliquable:hover {
	cursor: pointer;
}


/* commun à toutes les pages de l'annuaire*/
p1 {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	font-size:14px;
	line-height:20px;
	}

p2 {
	line-height:20px;
	}
	
#conteneur{
	position:relative;
	height:100%;
	width:620px;
	padding: 15px 15px 15px 15px;
	}
	


/*puces en général*/

#pucesannuaire {
	line-height:25px;
	list-style-image:url(../img/puce.png);
	position:relative;
	}
	

#puces annuaire li {
	list-style-image:url(../img/puce.png);
	position:relative;
	margin-left:25px;
	}
	
#pucesannuaire ul {
    list-style-image:url(../img/puce.png);
	position:relative;
	margin-left:25px;
}



/* BLOCS ANNUAIRE (sauf liste métier)*/


/* Bloc rose foncé*/

.bloc1, .bloc2 {
padding: 10px;
width: 298px; 
_height: 140px;
background-color:#efefef;
margin: 8px;
}

.bloc1 {
	float: left;
	}
	
/* Bloc rose clair*/	
.bloc2 {
	float:right;
	}

.bloc1 p, .bloc2 p {
	padding-top:10px;
}
	
/*image Bloc rose foncé*/
.image1, .image2 {
	float:left;
	padding-right:15px;
	padding-bottom:10px;
	}
	
/* FIN BLOCS ANNUAIRE (sauf liste métier)*/


	

/*Titres (images) famille métier, famille formations, liste des établissements*/

#titre {
	padding: 25px 25px 25px 25px ;
	}


/*LISTE ETABLISSEMENTS*/

/*fond et structure du tableau*/

.liste_etablissement{
	border: 1px solid none;
	border-collapse:collapse;
	text-align:left;
	background-color:#F8F1ED;
	font-size:14px;
	border-color:#000000;
	width:100%;
	}
	
/*en tete du tableau*/

/*colonne école*/

 .ecoles{
 border:none;
 padding:10px 10px 10px 10px;
 width:65%;
 }
 
/*colonne localisation*/

.localisation {
border:none;
 padding:10px 10px 10px 10px;
 width:35%;
 }

/*ligne rose foncé*/
.ligne_1{
 border:none; 
 background-color:#e7eaee;
 padding:10px 10px 10px 10px;
 }

/*ligne rose clair*/  

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

/*FIN LISTE ETABLISSEMENTS*/



/*FICHE ECOLE/METIER*/	

/*fond commun blanc fiche école et fiche métier*/	

#carre {
	width:467px;
	height:100%;
	background-color:#FFFFFF;
	position:relative;
	padding-bottom:50px;
	padding-left:50px;
	padding-right:50px;
	margin-left:auto;
	margin-right:auto;
	}


/*FICHE METIER*/

/*haut de la fiche métier scotchée*/

#hautfiche{
	background-image:url(../img/haut-fiche2.png);
	width:567px;
	height:169px;
	margin-left:auto;
	margin-right:auto;
	}
	

/*fond violet fiche métier*/

#fondfiche {
	background-color:#333333;
	width:653px;
	height:100%;
	position:relative;
	padding-top:15px;
	padding-bottom:50px;
	}


/*Puce fiche metier*/

#puce {
	background-image:url(../img/Sans-titre-4.jpg);
	background-repeat:no-repeat;
	width:43px;
	height:43px;
	position:absolute;
	margin-left:150px;
	margin-top:10px;
	}
	
	
/*FIN FICHE METIER*/	




/*FICHE ECOLE*/

/*fond violet fiche école*/

#fiche {
	background-color:#333333;
	width:653px;
	height:100%;
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	}
	


/*Puce fiche école*/
	
#puceficheecole {
	background-image:url(../img/Sans-titre-4.jpg);
	background-repeat:no-repeat;
	width:43px;
	height:42px;
	position:absolute;
	margin-top:50px;
	margin-left:115px;
	}
	
	
/*tableau fiche école, taux de réussite*/

.tableauficheecole{
	margin-left:auto;
	margin-right:auto;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;
	}

.tabelau tr td {
	margin-left:auto;
	margin-right:auto;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;
	}




/*bouton contacter école, fiche école*/	
	
input.EnvoyerFichier{
	background:url(../img/bouton3.jpg) no-repeat;
	width:86px;
	height:32px;
	margin-left:185px;
	margin-top:20px;
	color:#FFFFFF;
	font-size:14px;
	border:none;
	} 
	
	
input.EnvoyerFichier:active {
	position: relative;
	left: 2px;
	top: 2px;
	} 	
	
/*FIN FICHE ECOLE*/	





/*ALPHABET*/	

#bloc_alphabet {
	height:100%;
	width:565px;
	background-color:#FFFFFF
	padding:10px 10px 10px 10px ;
	}


#ligne1_horizontale {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:55px;
	padding-left:75px;
	position:relative;
	}

#ligne2_verticale {
	font-family:Arial, Helvetica, sans-serif;
	font-size:55px;
	float:left;
	padding-top:10px;
	position:relative;
	width:12%;
	text-align:center;
	}
	
#ligne3_verticale {
	font-family:Arial, Helvetica, sans-serif;
	font-size:55px;
	float:right;
	padding-top:10px;
	position:relative;
	width:12%;
	text-align:center;
	}


#image_alphabet {
	position:relative;
	width:439;
	height:298;
	}
	
/*FIN ALPHABET*/		
	

/*LISTE METIERS*/




/*conteneur liste métier*/

#conteneurmetier {
	width:650px;
	height:100%;
	}


/* Bloc rose foncé*/

#bloclistemetier1 {
	height:100%;
	width:565px;
	position:relative;
	background-color:#e7eaee;
	padding:10px 10px 10px 10px ;
	float:right;
	}
	
/* Bloc rose clair*/

#bloclistemetier2 {
	height:100%;
	width:565px;
	position:relative;
	background-color:#F8F1ED;
	padding:10px 10px 10px 10px ;
	float:right;
	}


/*spirales liste métiers*/
#spirales {
	float:left;
	background-image:url(../img/spirales.png);
	
	width:auto;
	height:auto;
	background-repeat:repeat-y;
	}
	
.titre_metier {
	font-size: 17px;
	font-family: 'lato', arial;
	text-transform:uppercase;
}


/*FIN LISTE METIERS*/