/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:12px;
		color:#231f20;
		background-color:#e6e7e8;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	#global{
		margin:auto;
		width:770px;
		background-color:#fff;
	}
	
	#entete{
		width:770px;
	}
	
	#logo{
		float:left;
		width:179px;
		margin:5px 8px 0 0;
		padding:0 0 0 7px;
	}
	
	#titrePage{
		float:left;
		width:544px;
		background-repeat:no-repeat;
		margin:86px 0 0 0;
		padding:72px 0 0 32px;
		height:37px;
		color:#fff;
		font-size:150%;
		font-weight:bold;
	}
	
	.titrePageBleu{
		background-image:url(images/vague-bleu.gif);
	}
	
	.titrePageOrange{
		background-image:url(images/vague-orange.gif);
	}
	
	.titrePageVert{
		background-image:url(images/vague-verte.gif);
	}
	
	#gauche{
		float:left;
		width:194px;
	}
	
	#moteurRecherche{
		width:171px;
		margin:24px 0 0 8px;
		padding:5px 0 5px 6px;
	}
	
	.moteurRechercheBleu{
		background-color:#0072ba;
	}
	
	.moteurRechercheOrange{
		background-color:#d08615;
	}
	
	.moteurRechercheVert{
		background-color:#369829;
	}
	
	#moteurRecherche h2{
		margin:0;
		font-size:110%;
		font-weigth:bold;
		color:#fff;
	}
	
	#champRecherche{
		float:left;
		width:142px;
		margin:4px 0 0 0;
	}
	
	#champRecherche input{
		font-family:verdana;
		font-size:11px;
		color:#231f20;
		padding:3px 2px 3px 2px;
		border:0;
		background-color:#fff;
	}
	
	#okRecherche{
		float:left;
		width:23px;
		margin:2px 0 0 0;
		_margin:3px 0 0 0;
	}
	
	#menu{
		margin:30px 0 0 0;
		padding:14px 0 14px 0;
		width:193px;
		border-right:1px solid #626262;
		list-style:none;
	}
	
	.menuNiv1{
		width:10 0 0 0;
		padding:0;
	}
	
	.niv1{
		display:block;
		width:173px;
		padding:6px 10px 6px 10px;
		text-decoration:none;
		background-color:#fff;
		font-size:110%;
		font-weight:bold;
	}
	
	.niv1Actif{
		display:block;
		width:173px;
		padding:6px 10px 6px 10px;
		text-decoration:none;
		font-size:110%;
		font-weight:bold;
	}
	
	.niv1Bleu{
		color:#007ac2;
	}
	
	.niv1BleuActif{
		background-color:#e4f3fc;
		color:#007ac2;
	}
	
	.niv1Orange{
		color:#d18316;
	}
	
	.niv1OrangeActif{
		background-color:#f9eddd;
		color:#d18316;
	}
	
	.niv1Vert{
		color:#48a942;
	}
	
	.niv1VertActif{
		background-color:#e3fbe0;
		color:#48a942;
	}
	
	.sousMenu{
		margin:0 0 0 0;
		padding:0 0 0 0;
		list-style:none;
	}
	
	.sousMenuActif{
		margin:0 0 0 0;
		padding:0 0 0 0;
		list-style:none;
		display:block;
	}
	
	.sousMenuBleu{
		background-color:#e4f3fc;
	}
	
	.sousMenuOrange{
		background-color:#f9eddd;
	}
	
	.sousMenuVert{
		background-color:#e3fbe0;
	}
	
	.menuNiv2{
		margin:0;
		padding:0;
	}
	
	.niv2{
		display:block;
		width:173px;
		padding:4px 10px 4px 10px;
		margin:0;
		font-size:90%;
		color:#231f20;
		text-decoration:none;
	}
	
	.niv2ActifBleu{
		display:block;
		width:173px;
		padding:4px 10px 4px 10px;
		margin:0;
		font-size:90%;
		color:#007ac2;
		text-decoration:none;
	}
	
	.niv2ActifOrange{
		display:block;
		width:173px;
		padding:4px 10px 4px 10px;
		margin:0;
		font-size:90%;
		color:#d18316;
		text-decoration:none;
	}
	
	.niv2ActifVert{
		display:block;
		width:173px;
		padding:4px 10px 4px 10px;
		margin:0;
		font-size:90%;
		color:#48a942;
		text-decoration:none;
	}
	
	.titreNiv2{
		font-weight:bold;
		font-size:90%;
		padding:3px 10px 2px 10px;
	}
	
	.niv2:hover{
		background-color:#f9f9f9;
	}
	
	#droite{
		float:left;
		width:576px;
		margin:-1px 0 0 0;
	}
	
	#accueilGauche{
		float:left;
		width:250px;
		padding:0 20px 0 30px;
	}
	
	#accueilGauche h1, #accueilDroite h1{
		font-size:140%;
		font-weight:bold;
		color:#007ac2;
		margin:20px 0 0 0;
		padding:13px 0 0 37px;
		height:21px;
		background-image:url(images/picto-titre-bleu.gif);
		background-repeat:no-repeat;
	}
	
	#accueilGauche h2, #accueilDroite h2{
		font-size:110%;
		font-weight:bold;
		margin:15px 0 6px 0;
	}
	
	#accueilGauche p, #accueilDroite p{
		margin:0 0 10px 0;
		font-size:90%;
	}
	
	#accueilGauche a, #accueilDroite a{
		color:#007ac2;
		text-decoration:none;
	}
	
	#accueilGauche a:hover, #accueilDroite a:hover{
		text-decoration:underline;
	}
	
	.separateur{
		border-bottom:1px dotted #007ac2;
		height:8px;
	}
	
	#accueilDroite{
		float:left;
		width:264px;
		padding:0 0 0 12px;
	}
	
	#contenuAccueilDroite{
		width:254px;
	}
	
	#nouveauCatalogue{
		text-align:center;
	}
	
	#pied{
		width:770px;
		margin:30px 0 0 0;
	}
	
	.piedBleu{
		background-color:#007ac2;
	}
	
	.piedVert{
		background-color:#48a942;
	}
	
	.piedOrange{
		background-color:#d18316;
	}
	
	#piedGauche{
		float:left;
		width:175px;
		padding:28px 0 0 11px;
		margin:0 35px 0 0;
	}
	
	#piedCentre{
		float:left;
		width:200px;
		padding:11px 0 0 0;
		color:#fff;
	}
	
	#piedCentre p{
		margin:0;
	}
	
	#piedCentre a{
		color:#fff;
		text-decoration:underline;
	}
	
	#accesPlan{
		margin:10px 0 0 0;
	}
	
	#piedDroite{
		float:left;
		width:349px;
		font-size:75%;
		color:#fff;
		padding:11px 0 4px 0;
	}
	
	#piedDroite p{
		margin:0 0 7px 0;
	}
	
	#piedDroite a{
		color:#fff;
		text-decoration:underline;
	}
	
	#piedDroite a.idweb{
		color:#fff;
		font-weight:bold;
		font-size:110%;
		text-decoration:none;
	}
	
	#piedDroite a:hover.idweb{
		text-decoration:underline;
	}
	
	#texteAnimation{
		float:left;
		width:250px;
		padding:0 20px 0 30px;
	}
	
	#texteAnimation h3{
		font-size:110%;
		font-weight:bold;
		margin:20px 0 3px 0;
		padding:0;
	}

	#texteAnimation h3.titreAnimationBleu{
		color:#007ac2;
	}
	
	#texteAnimation h3.titreAnimationOrange{
		color:#d18316;
	}
	
	#texteAnimation h3.titreAnimationVert{
		color:#48a942;
	}
	
	#texteAnimation p{
		margin:0 0 5px 0;
		padding:0;
	}
	
	#pasInfo{
		font-size:80%;
		padding:4px 0 0 0;
	}
	
	.pasInfoBleu{
		color:#007ac2;
	}
	
	.pasInfoBleu a{
		color:#007ac2;
		text-de coration:underline;
		font-weight:bold;
	}
	
	.pasInfoOrange{
		color:#d18316;
	}
	
	.pasInfoOrange a{
		color:#d18316;
		text-de coration:underline;
		font-weight:bold;
	}
	
	.pasInfoVert{
		color:#48a942;
	}
	
	.pasInfoVert a{
		color:#48a942;
		text-de coration:underline;
		font-weight:bold;
	}
	
	#animation{
		float:left;
		width:276px;
		text-align:right;
	}