*
 {margin: 0; padding: 0; border: 0; }

body
 {margin: 0; padding: 0; padding-bottom: 10px; text-align: center; font-family: Verdana, Arial; font-size: 62.5%; background-image: url(../images/background.jpg); background-repeat: repeat-x; background-color: #e38200}

img
 {border: 0; margin-top: -2px}
	html>body img {margin-top: 0}

div.spacer
 {clear: both; height: 35px}

div#entete
 {display: block; position: relative; width: 961px; height: 85px; margin-left: auto; margin-right: auto; background-image: url(../images/bandeau_fond.jpg)}

	div#entete img#logo1
	 {display: block; position: absolute; top: 2px; left: 151px; z-index: 20}
		html>body div#entete img#logo1
		 {top: 0}
	
	div#entete img#logo2
	 {display: block; position: absolute; left: 262px; z-index: 30}

div#colonne
 {display: block; position: relative; width: 725px; margin-left: auto; margin-right: auto; margin-top: -2px; background-image: url(../images/colonne_fond.gif); background-repeat: repeat-y; text-align: left}

	div#colonne img.bas_colonne
	 {margin-bottom: -2px}

a#signature
 {display: block; position: relative; width: 680px; margin: 4px auto 0 auto; padding-bottom: 20px; text-decoration: none; color: #a15808; text-align: right}

	a#signature:hover
	 {text-decoration: underline; color: #7d4304}


/*--- MENU ---*/
div#menu
 {display: block; position: absolute; bottom: 3px; right: 145px; width: 579px; height: 24px; z-index: 10}
	html>body div#menu {bottom: 4px}

	div#menu a#menu01
	 {display: block; position: relative; float: left; width: 101px; height: 24px; background-image: url(../images/menu.gif); background-position: 0 0}
	
		div#menu a#menu01:hover
		 {background-position: 0 24px}
	
	div#menu a#menu02
	 {display: block; position: relative; float: left; width: 154px; height: 24px; background-image: url(../images/menu.gif); background-position: -101px 0}
	
		div#menu a#menu02:hover
		 {background-position: -101px 24px}
	
	div#menu a#menu03
	 {display: block; position: relative; float: left; width: 183px; height: 24px; background-image: url(../images/menu.gif); background-position: -255px 0}
	
		div#menu a#menu03:hover
		 {background-position: -255px 24px}
	
	div#menu a#menu04
	 {display: block; position: relative; float: left; width: 74px; height: 24px; background-image: url(../images/menu.gif); background-position: -438px 0}
	
		div#menu a#menu04:hover
		 {background-position: -438px 24px}
	
	div#menu a#menu05
	 {display: block; position: relative; float: left; width: 67px; height: 24px; background-image: url(../images/menu.gif); background-position: -512px 0}
	
		div#menu a#menu05:hover
		 {background-position: -512px 24px}
	 


/*--- PAGE Accueil ---*/
div#colonne img.photo_accueil
 {display: block; position: relative; margin-top: -3px; margin-left: 13px;}

div#espace
 {display: block; position: relative; clear: both; height: 30px;}

div#colonne .accroche
 {display: block; position: absolute; width: 230px; height: 125px; top: 19px; left: 460px; text-align: center; z-index: 5}

	div#colonne .accroche p
	 {margin-bottom: 14px}

	div#colonne .accroche b
	 {font-size: 1.1em}
	
	div#colonne .accroche a
	 {color:black; text-decoration:none}
	
		div#colonne .accroche a:hover
		 {text-decoration:underline}

div#colonne .news
 {display: block; position: relative; width: 681px; height: 90px;
 background-image: url(../images/cadres_fond_clair_moyen.gif); font-size: 1.2em; line-height: 18px;
 margin: 0px 0 37px 22px;}

	div#colonne .news .photo
	 {display: block; position: absolute; top: -18px; z-index: 9}
		html>body div#colonne .news img.photo {top: -20px;}
	
	div#colonne .news .titre
	 {display: block; position: absolute; top: -22px; left: 153px; z-index: 10}
		html>body div#colonne .news img.titre {top: -24px}
	
	div#colonne .news .mesNews
	 {display: block; position: relative; padding: 0px; margin: 4px 0 0 11px}
		html>body div#colonne .news .mesNews {padding-top: 4px}
			 
	div#colonne .news .mesNews .ejs_scroll
	 {font-size:11px; font-family:Verdana; color:#000000; text-decoration:none}
	
	div#colonne .news .mesNews p
	 {line-height: 14px; margin-top: 6px}
	
	div#colonne .news .mesNews .photo
	 {display: block; position: relative; float: left; margin: 12px 10px 0 0}
		html>body div#colonne .news .mesNews .photo {margin-top: 14px}

div#colonne .rubriqueGauche, div#colonne .rubriqueDroite
 {display: block; position: relative; width: 501px; height: 60px;
 background-image: url(../images/cadres_fond_clair_fin.gif); font-size: 1.2em; line-height: 18px;
 margin: 20px 0 37px 22px;}

	div#colonne .rubriqueGauche img.photo, div#colonne .rubriqueDroite img.photo
	 {display: block; position: absolute; top: -18px; z-index: 9}
		html>body div#colonne .rubriqueGauche img.photo, html>body div#colonne .rubriqueDroite img.photo {top: -20px}
	
	div#colonne .rubriqueGauche img.titre, div#colonne .rubriqueDroite img.titre
	 {display: block; position: absolute; top: -22px; left: 153px; z-index: 10}
		html>body div#colonne .rubriqueGauche img.titre, html>body div#colonne .rubriqueDroite img.titre {top: -24px}

div#colonne .rubriqueGauche
 {padding: 14px 30px 5px 150px}

	div#colonne .rubriqueGauche img.photo
	 {left: 18px;}
	
div#colonne .rubriqueDroite
 {padding: 14px 150px 5px 30px}

	div#colonne .rubriqueDroite img.photo
	 {right: 18px;}



/*--- Ateliers / Démonstrations ---*/
div.cadre
 {display: block; position: relative; width: 681px; margin: 0px 0 32px 22px;}
	
	div.cadre img.picto
	 {position: absolute; top: -19px; right: 24px; margin-bottom: 50px; z-index: 12;}
		html>body div.cadre img.picto {top: -24px}
	
	div.cadre .datos
	 {display: block; position: absolute; top: -14px; left: 4px; z-index: 15;
	  font-family: Arial, Verdana; color: #ddffdd; font-size: 1.3em; font-weight: bold }
		html>body div.cadre .datos {top: -17px}
	
	div.cadre div.milieuAtelier
	 {background-image: url(../images/cadres_fond_milieu.gif); background-repeat: repeat-y; margin-top: -2px; padding: 0 10px 3px 12px}
		html>body div.cadre div.milieuAtelier {margin: 0}
		
		div.cadre div.milieuAtelier p
		 {width: 530px;}
			html>body div.cadre div.milieuAtelier p {width: auto}
	
		div.cadre div.milieuAtelier .titre
		 {font-weight: bold; margin-bottom: 4px;}
	
	div.cadre .vignette
	 {display: block; position: relative; float: left; margin: 2px 8px 6px 0}
	
	div.cadre .spacer
	 {clear: both; font-size: 1px; height: 1px}





/*--- Galerie ---*/
div#galerie
 {display: block; position: relative; padding: 10px 22px 32px 22px;}

	div#galerie p.ligneDeSelection
	 {color: white; margin: 0px 14px 10px 14px; font-family: Tahoma, Trebuchet, Helvetica, Verdana, Arial; font-size: 1.8em; font-weight: bold; letter-spacing: 1px}

	div#galerie .choix
	 {float: right; font-family: Verdana, Arial; font-size: 10px; font-weight: normal; letter-spacing: 0; margin-top: 6px}
	
		div#galerie .choix a
		 {color: white; text-decoration: none}
		
			div#galerie .choix a:hover
			 {text-decoration: underline}

	div#galerie a.photo
	 {display: block; position: relative; float: left; margin: 11px; background-image: url(../images/galerie_fond_photo.gif); width: 88px; height: 88px}
		
		div#galerie a.photo img
		 {display: block; position: absolute; top: 4px; left: 4px; border: 0; font-size: 0; margin: 0; padding: 0; line-height: 0; clip: rect(0 80px 80px 0); z-index: 10}
	
	div#galerie .explications
	 {display:block; position:relative; clear:both; font-size:1em; font-weight:normal; text-align:center; color:white; padding-top:50px}
	
		div#galerie .explications p
		 { margin-bottom:4px}
		
		div#galerie .explications a
		 {color:white; text-decoration:none}
		
		div#galerie .explications a:hover
		 {text-decoration:underline}
		 


/*--- Contact ---*/
div#contact
 {padding:30px 25px 50px 70px}
 	
	div#contact img
	 {display:block; position:relative;}
 	
/*	div#formulaireContact
	 {display:block; position:relative; float:right; width:435px; background-image:url(../images/cadres_fond_milieu_moyen.gif); margin-top:1px; margin-right:5px}
	
		div#formulaireContact img.titre
		 { position:absolute; top:-16px; left:16px}
		
		div#formulaireContact form
		 {padding:6px 6px 0px 16px; font-size:1em}
		
			div#formulaireContact form p
			 {margin:4px 0 10px 0}
		
			div#formulaireContact form .txt_formulaire
			 {font-weight:bold; color:#003300}
			
			div#formulaireContact form .erreur
			 {color: #FFFFFF; background-color: #CC0000; padding-left:4px; padding-bottom:2px}
		
			div#formulaireContact form input, div#formulaireContact form textarea
			 { font-size:1em; font-weight:normal; padding:1px; border:1px solid #339966; font-family:Verdana, Arial, Helvetica, sans-serif}*/

	div#contact .adresse, div#contact .tel, div#contact .ouverture, div#contact .photo
	 {display:block; position:relative; color:white; margin-bottom:8px; font-size:1.1em; line-height:14px; width:500px}
	
		div#contact .adresse b
		 {font-size:1.2em}

	div#contact .ouverture, div#contact .photo
	 {margin-top:20px}
	
	div#contact .envoieOk
	 {padding:10px 0 0 20px}
	
	div#contact a
	 {color:#FFFFFF; text-decoration:none}
	
		div#contact a:hover
		 {text-decoration:underline}

/*--- Collectivités ---*/
div#collectivites
 { display:block; position:relative; padding:30px 21px 50px 0px}
 	
	div#collectivites img
	 {display:block; position:relative;}
	
	div#collectivites .illustration
	 {display:block; position:absolute; top:20px; left:13px; z-index:20}
	
	div#texte
	 {display:block; position:relative; float:right; width:435px; background-image:url(../images/cadres_fond_milieu_moyen.gif); margin:1px 0 35px 0}
		
		div#collectivites img.titre
		 { position:absolute; top:-14px; left:16px}
		
			div#collectivites div#texte .messages
			 {padding:6px 14px 80px 18px}
			
				div#collectivites div#texte .messages p
				 { margin-top:8px; margin-bottom:4px; line-height:14px}
				
				div#collectivites div#texte .messages a
				 {color:#000000; }
				
				div#collectivites div#texte .messages hr
				 {display:block; position:relative; border:0px; border-bottom:1px solid #006633; margin-top:24px; height:1px; margin-left:30px}