/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#fff;
		font-family:verdana;
		font-size:10px;
		color:#000;
	}
	
	a img{
		border:0;
	}
	
	.clear{	
		clear:both;
		height:1px;
	}

	#entete{
		width:630px;
		height:150px;
		padding:10px 0 0 0;
		background-image:url(images/dessin-entete.gif);
		background-repeat:no-repeat;
		background-position:186px 32px;
	}
	
	#logoCurien{
		float:left;
		width:141px;
		padding:19px 0 0 0;
	}
	
	#logoCci{
		display:none;
	}
	
	#enteteDroite{
		float:left;
		width:255px;
		margin:25px 0 0 0;
		padding:0 0 0 160px;
	}
	
	#menu{
		display:none;
	}
	
	#enteteDroite h1{
		margin:16px 0 0 0;
		padding:0;
	}
	
	#global{
		width:630px;
		margin:auto;
	}
	
	#pied{
		display:none;
	}
	
	#pageGauche{
		display:none;
	}

/* ================================ CONTENU */
	#contenu{
		float:left;
		width:630px;
		margin:15px 0 0 0;
		font-size:110%;
	}
	
	#imprimerPage, #demandeDocumentation{
		display:none;
	}

	#contenu h1{
		margin:10px 0 15px 0;
		padding:0 0 5px 40px;
		border-bottom:1px solid #0054ac;
		font-size:200%;
		font-weight:normal;
		color:#0054ac;
		background-image:url(images/picto-titre.gif);
		background-repeat:no-repeat;
		background-position:10px 4px;
	}
	
	#contenu h2{
		margin:0 0 6px 0;
		padding:10px 0 3px 28px;
		background-image:url(images/puce-sommaire.gif);
		background-repeat:no-repeat;
		background-position:0 10px;
		font-size:150%;
		font-weight:bold;
		color:#0054ac;
	}

	#contenu p{
		margin:0 0 12px 0;
	}
	
	#contenu p.grandeMarge{
		margin:0 0 22px 0;
	}
	
	#contenu ul{
		margin:0 0 12px 12px;
		padding:0;
		list-style:none;
	}
	
	#contenu ul li{
		margin:0 0 6px 0;
		padding:0 0 0 10px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
	}
	
	#contenu ul.sommaire{
		margin:0 0 16px 0;
		padding:10px 0 0 0;
	}
	
	#contenu ul.sommaire li{
		margin:0 0 6px 0;
		padding:2px 0 3px 34px;
		background-image:url(images/puce-sommaire.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		font-size:120%;
		font-weight:bold;
	}
	
	#contenu a{
		color:#0f63bb;
		text-decoration:none;
	}
	
	#contenu a:hover{
		text-decoration:underline;
	}
	
	.plusGrand{
		font-size:110%;
	}
	
	.couleur{
		color:#0054ac;
	}
	
	.couleur2{
		color:#5099ab;
	}
	
	.plusPetit{
		font-size:90%;
	}
	
	.encorePlusPetit{
		font-size:80%;
	}
/* ================================ CONTENU */

	
/* ================================ PLACEMENT DES IMAGES */
	#contenu table.map{
		margin:0;
		border-left:0;
		border-top:0;
		border-bottom:0;
	}
	
	#contenu table.map td{
		border:0;
	}
	
	.imageAGauche{				/* image à gauche dans paragraphe */
		float:left;
		margin:0 10px 4px 0;
	}
	
	.imageADroite{				/* image à droite dans paragraphe */
		float:right;
		margin:0 0 5px 10px;
	}
	
	.imageCentre{				/* image centrée */
		text-align:center;
	}
	
	.imageAligneeDroite{		/* image alignée à droite */
		text-align:right;
	}
	
	#contenu table.map td.gaucheHaut{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:top;
	}

	#contenu table.map td.droiteHaut{				/* colonne de droite */
		padding:0;
		vertical-align:top;
	}

	#contenu table.map td.gaucheCentre{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
	}
	
	#contenu table.map td.droiteCentre{				/* colonne de droite */
		padding:0;
	}
	
	#contenu table.map td.gaucheBas{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:bottom;
	}
	
	#contenu table.map td.droiteBas{				/* colonne de droite */
		padding:0;
		vertical-align:bottom;
	}
/* ================================ PLACEMENT DES IMAGES */

	.tableauApprentissage{
		width:100%;
		margin:10px 0 5px 0;
	}
	
	.tableauApprentissage th{
		background-image:url(images/fond-entete-tableau.gif);
		background-repeat:repeat-x;
		background-position:left bottom;
		padding:5px;
	}
	
	.tableauApprentissage td{
		padding:5px;
		background-color:#f1f9fb;
		text-align:center;
	}
	
	.tableauApprentissage td.premiereCellule{
		font-weight:bold;
		text-align:left;
	}
	
	.tableauDiplomes{
		width:587px;
		margin:10px 0 0 0;
	}
	
	.tableauDiplomes td{
		text-align:center;
		vertical-align:middle;
		width:256px;
		height:190px;
		padding:0 10px 20px 10px;
		_height:170px;
		_padding:0 10px 20px 10px;
		background-image:url(images/fond-carte-visite.gif);
		background-repeat:no-repeat;
		line-height:150%;
	}
	
	.diplome1{
		border-right:35px solid #fff;
	}
	
	.asterique{
		color:#32bbfa;
	}
	
	.labelBlock{
		float:left;
		width:130px;
		padding:3px 0 0 0;
		color:#0054ac;
		font-size:110%;
	}

	.tresPetitChamp, .petitChamp, .moyenChamp, .grandChamp, .zoneAdresse{
		float:left;
		display:block;
		margin:0 0 8px 0;
		font-family:verdana;
		font-size:12px;
		padding:2px 3px 2px 3px;
		color:#000;
		border:1px solid #c8c8c8;
	}
	
	.tresPetitChamp{
		width:50px;
	}
	
	.petitChamp{
		width:100px;
	}
	
	.moyenChamp{
		width:140px;
	}
	
	.grandChamp{
		width:220px;
	}
	
	.zoneAdresse{
		width:220px;
		height:44px;
	}
	
	#contenu ul.listeDocumentations{
		margin:0 0 14px 0;
		padding:0;
		list-style:none;
	}
	
	#contenu ul.listeDocumentations li{
		margin:0 0 6px 0;
		padding:0 0 0 0;
		background-image:none;
	}
	
	#contenu p.avecMarge{
		padding:10px 0 0 0;
		margin:0 0 10px 0;
	}
	
	#envoyer{
		padding:8px 0 0 0;
		margin:0 0 0 130px;
	}
	
	#diaporama{
		width:587px;
		position:relative;
	}
	
	.diaporamaVignette{
		float:left;
		width:140px;
		margin:0 9px 0 0;
	}
	
	.diaporamaVignette2{
		float:left;
		width:140px;
	}
	
	.zoomVignette{
		display:none;
	}