/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#015ab7;
		font-family:verdana;
		font-size:10px;
		color:#000;
		background-image:url(images/fond-site.jpg);
		background-repeat:no-repeat;
		background-position:center top;
	}
	
	a img{
		border:0;
	}
	
	.clear{	
		clear:both;
		height:1px;
	}

	#globalAccueil{
		width:914px;
		height:587px;
		margin:auto;
		padding:0;
		background-image:url(images/fond-accueil.jpg);
		background-repeat:no-repeat;
	}

	#entete{
		position:relative;
		width:900px;
		height:150px;
		padding:10px 0 0 7px;
		background-image:url(images/dessin-entete.gif);
		background-repeat:no-repeat;
		background-position:226px 32px;
	}
	
	#logoCurien{
		float:left;
		width:185px;
		padding:18px 0 0 19px;
	}
	
	#logoCci{
		position:absolute;
		z-index:62;
		top:85px;
		left:22px;
		width:50px;
		height:54px;
	}
	
	#enteteDroite{
		float:left;
		width:509px;
		margin:9px 0 0 0;
		padding:0 0 0 163px;
	}
	
	#menu{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.menu{
		float:left;
		position:relative;
	}
	
	#menu1{
		width:63px;
	}
	
	#menu2{
		width:126px;
	}
	
	#menu3{
		width:113px;
	}
	
	#menu4{
		width:116px;
	}
	
	#menu5{
		width:90px;
	}
	
	.menuLien{
		display:block;
		height:26px;
		padding:48px 0 0 0;
		background-position:0 0;
		background-repeat:no-repeat;
		text-align:center;
		font-size:120%;
		color:#000;
		text-decoration:none;
	}
	
	.menuLien:hover{
		background-position:0 -74px;
		color:#0054ac;
	}
	
	#menuLien1{
		width:63px;
		background-image:url(images/menu1.gif);
	}
	
	#menuLien2{
		width:126px;
		background-image:url(images/menu2.gif);
	}
	
	#menuLien3{
		width:113px;
		background-image:url(images/menu3.gif);
	}
	
	#menuLien4{
		width:116px;
		background-image:url(images/menu4.gif);
	}
	
	#menuLien5{
		width:90px;
		background-image:url(images/menu5.gif);
	}
	
	.sousMenu{
		position:absolute;
		z-index:70;
		top:74px;
		width:auto;
		margin:0;
		padding:0;
		list-style:none;
		background-color:#e2e2e2;
		display:none;
	}
	
	#sousMenu1{
		left:0px;
	}
	
	#sousMenu2{
		left:0px;
	}
	
	#sousMenu3{
		left:0px;
	}
	
	#sousMenu4{
		left:0px;
	}
	
	#sousMenu5{
		left:-64px;
	}
	
	.sousMenuLien{
		display:block;
		width:306px;
		padding:6px;
		font-size:110%;
		color:#000;
		text-decoration:none;
	}
	.sousMenuItem{
		width:auto;
	}
	.sousMenuLien:hover{
		color:#fff;
		background-color:#a1a1a1;
	}
	
	#enteteDroite h1{
		margin:13px 0 0 59px;
		padding:0;
	}
	
	#pageAccueil{
		width:900px;
		/*height:420px;*/
		padding:0 0 0 7px;
	}
	
	#accueilGauche{
		float:left;
		width:361px;
	}

	#pageAccueil h1{
		width:323px;
		margin:0;
		padding:12px 20px 0 18px;
	}
	
	/*#contenuAccueil{
		float:left;
		width:506px;
		height:397px;
		font-size:110%;
	}*/

	#contenuAccueil{
		float:left;
		width:506px;
		min-height:420px;
		_height:420px;
		font-size:110%;
	}
	
	#contenuAccueil p{
		margin:0 0 10px 0;
	}
	
	#contenuAccueil p.accueilMarge{
		margin:0 0 10px 6px;
	}
	
	#contenuAccueil a{
		color:#0f63bb;
		text-decoration:none;
	}
	
	#contenuAccueil a:hover{
		text-decoration:underline;
	}
	
	#piedAccueil{
		margin:0 0 0 380px;
		padding:18px 0 10px 0;
		color:#0089c7;
	}
	
	#piedAccueil a, #pied a{
		color:#000;
		text-decoration:none;
	}
	
	#piedAccueil a:hover, #pied a:hover{
		text-decoration:underline;
	}
	
	
	#global{
		width:914px;
		margin:auto;
		background-image:url(images/fond-page.gif);
		background-repeat:no-repeat;
	}
	
	#pied{
		width:914px;
		height:30px;
		padding:14px 0 0 0;
		background-image:url(images/fond-pied.jpg);
		background-repeat:no-repeat;
		text-align:center;
		color:#0089c7;
		font-size:110%;
	}
	
	#pageGauche{
		float:left;
		width:197px;
		margin:10px 0 0 0;
		padding:0 0 0 7px;
	}
	
	#pageGauche h1{
		margin:0 0 2px 27px; 
	}
	
	#actualites{
		width:152px;
		margin:10px 0 0 10px;
		padding:13px 13px 10px 13px;
		background-color:#0054ac;
		color:#fff;
		font-size:110%;
	}
	
	#actualites p{
		margin:0 0 10px 0;
	}
	
	#coordonnees{
		width:132px;
		margin:25px 0 0 19px;
		padding:13px;
		border:1px solid #0054ac;
		color:#0054ac;
		font-size:110%;
	}
	
	#coordonnees a{
		color:#0f63bb;
		text-decoration:underline;
	}

/* ================================ CONTENU */
	#contenu{
		float:left;
		width:587px;
		padding:0 31px 34px 85px;
		font-size:110%;
	}
	
	#imprimerPage{
		float:left;
		display:block;
		width:100px;
		margin:0;
		padding:2px 0 0 23px;
		background-image:url(images/picto-imprimer.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		color:#000;
	}
	
	#demandeDocumentation{
		float:left;
		display:block;
		width:180px;
		border-left:242px solid #fff;
		margin:0 22px 0 0;
		padding:2px 0 0 15px;
		background-image:url(images/picto-documentation.gif);
		background-position:0 1px;
		background-repeat:no-repeat;
		text-decoration:none;
		color:#000;
	}
	
	#imprimerPage:hover, #demandeDocumentation:hover{
		text-decoration:underline;
	}
	
	#contenu h1{
		margin:15px -31px 15px -85px;
		padding:0 0 5px 85px;
		border-bottom:1px solid #0054ac;
		font-size:220%;
		font-weight:normal;
		color:#0054ac;
		background-image:url(images/picto-titre.gif);
		background-repeat:no-repeat;
		background-position:52px 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 14px 0;
	}
	
	#contenu p.grandeMarge{
		margin:0 0 22px 0;
	}
	
	#contenu ul{
		margin:0 0 14px 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;
	}
	#contenu h2 a:hover{
		text-decoration:none;
	}
	
	.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:6px;
	}
	
	.tableauApprentissage td{
		padding:6px;
		background-color:#f1f9fb;
		text-align:center;
	}
	
	.tableauApprentissage td.premiereCellule{
		font-weight:bold;
		text-align:left;
	}
	.tableauDiplomes1{
		width:293px;
		margin:10px 0 0 0;
		border-right:35px solid #fff;
	}
	.tableauDiplomes1 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%;
	}
	.tableauDiplomes2{
		width:587px;
		margin:0 0 0 0;
	}
	.tableauDiplomes2 td{
		text-align:center;
		vertical-align:middle;
		width:256px;
		height:170px;
		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%;
	}
	.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{
		position:absolute;
		z-index:34;
		top:-22px;
		display:none;
		border-top:2px solid #888;
		border-left:2px solid #888;
		border-bottom:2px solid #555;
		border-right:2px solid #555;
	}
	
	#zoom1{
		left:-30px;
	}
	
	#zoom2{
		left:119px;
	}
	
	#zoom3{
		left:268px;
	}
	
	#zoom4{
		left:407px;
	}
	.texteColleDiapo{
		margin:0;
		padding:0;
		color:#999;
	}
	.galeriePhoto{
		/*position:absolute;*/
		background-color: #F2F2F2;
		margin:0 0 10px 0;
		width:auto;
	}