/* Mise en forme du body */
body { margin:0 0 0 0; padding:0 0 0 0; background-color: #cccccc; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#6b6b6b;}

/*-----------------------------------------------------------*/

/* Menu 1 */

#topMenu {width: 890px; height: 20px; margin:5px auto 0 auto; background-image:url(../images/bouton-onglet.png);}
#topMenu p {margin:0px; padding: 2px 30px 0 0; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align:right;}
#topMenu p a:link {text-decoration: none; color:#95ccff;}
#topMenu p a:visited {text-decoration: none; color:#95ccff;}
#topMenu p a:hover {text-decoration: none; color:#ffffff;}

/*-----------------------------------------------------------*/

/* Header */
#header {width: 890px; height: 128px; margin:0 auto 0 auto; padding:0; background-image:url(../images/fond-logo-header.png);}


/* Menu navigation */
#menunavigation {width: 890px; height: 40px; margin:0 auto 0 auto; padding: 0; background-image:url(../images/menu-navigation.png);}
#menunavigation p {margin: 0; padding: 12px 0 0 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; text-decoration: none; }
#menunavigation p a:link {text-decoration: none; color:#95ccff;}
#menunavigation p a:visited {text-decoration: none; color:#95ccff;}
#menunavigation p a:hover {text-decoration: none; color:#ffffff;}


/*-----------------------------------------------------------*/

/* separation */
#separation {width: 890px; height: 40px; margin:0 auto 0 auto; padding:0; background-image:url(../images/separateur-2.png);}


/*-----------------------------------------------------------*/


/* CONTENU CONTENEUR 3 DIV */
#contenuprincipale {width: 890px; margin:0 auto 0 auto; padding:0 ; background-color:#ffffff;}

/* Separateur verticale*/
#separateurverticale {float:left; width: 25px; height: 280px ; margin: 0 ; padding: 0;}
#separateurverticale p {text-align:center; margin: 0; padding: 0;}
	
	/* 1) Menu gauche */
	#menugauche {float:left; width: 225px; height: 250px; padding: 0 0 0 30px; margin: 15px 0 0 0;}
	
		
		/* BOITE logo */
		#boitelogo { width:206px; height: 35px; padding: 0; margin: 0; background:url(../images/petit-logo.png); }		
		
		/* Boite animation */
		#cadreanimation1 { width:206px; height: 20px; padding: 0; margin: 0; background:url(../images/onglet-animation.png)}
		#cadreanimation2 { width:120px; height: 80px; padding: 0; margin: 0 40px 0;}
		#cadreanimation3 { width:206px; height: 20px; padding: 0; margin: 0; background:url(../images/onglet-animation2.png)}
		#animation { width:206px; height: 120px; padding: 0; margin: 10px 0 0 0; background-color:#ffffff;}

		/* Boite pub */
		#cadrepub { width:206px; height: 50px; padding: 0 0 0 0; margin: 25px 0 0 0 ; background-color:#ffcc00;}
        
		
	/*-----------------------------------------------------------*/
	
	/* 2) Zone de texte */
	#zoneTexte {float:left; width: 580px; margin: 0 0 0 0; padding: 0 0 0 5px;}
	#zoneTexte p {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#6b6b6b; margin:0; text-align:justify;}
	h1 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#3aa0ff; border-bottom: 1px dotted #b7b7b7; margin:0;}
	h2 {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#6b6b6b; margin:0; text-align:justify;}
	h3 {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#6b6b6b; margin:0; text-align:justify;}
	.positionDroit {float:right; margin-left: 15px; border:none; margin-top: 0; }

	
	/*-----------------------------------------------------------*/
	
	/* Patch bug IE6 */
	.spacer {clear: both; visibility:hidden; margin:0; padding:0;}

/*-----------------------------------------------------------*/


/* separation2 */
#separation2 {width: 890px; height: 20px; margin:0 auto 0 auto; padding:0; background-image:url(../images/separateur-3.png);}


/*-----------------------------------------------------------*/

/* partenaire */
#partenaire { width: 890px; height: 50px; margin:0 auto 0 auto; padding: 0; background-image:url(../images/fond-partenaire.png); }
#partenaire p {font-size: 11px; text-align: center; margin-top: 0; margin-bottom: 0;}
#partenaire p a:link { font-size: 9px; text-decoration: none; color:#3aa0ff;}
#partenaire p a:visited { font-size: 9px; text-decoration: none; color:#3aa0ff;}
#partenaire p a:hover { font-size: 9px; text-decoration: underline; color:#ffffff;}


/*-----------------------------------------------------------*/


/* footer */
#footer {width: 890px; height: 50px; margin:0 auto 0 auto; padding: 0; background-image:url(../images/fond-partenaire.png); }
#footer p {font-size: 9px; text-align: center; margin-top: 0; margin-bottom: 0;}

/*-----------------------------------------------------------*/

/* fin de page */
#findepage {width: 890px; height: 30px; margin:0 auto 0 auto; padding: 0; background-image:url(../images/fond-partenaire.png); }
#findepage p {font: 9px Verdana, Arial, Helvetica, sans-serif; color:#6b6b6b; margin:0; text-align:right; }
#findepage p a:link { font-size: 9px; text-decoration: none; color:#3aa0ff;}
#findepage p a:visited { font-size: 9px; text-decoration: none; color:#3aa0ff;}
#findepage p a:hover { font-size: 9px; text-decoration: underline; color:#000000;}
.positiongauche {float:left; margin-left: 15px; border:none; margin-top: 0; }


/* styles globaux */

a:link { text-decoration: none; color:#3aa0ff;}
a:visited { text-decoration: none; color:#3aa0ff;}
a:hover { text-decoration: underline; color:#000000;}


.sansBordure { border: none;}

.galerieBtn {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; border:none; background-color: #000; margin: 2px 0; padding:4px;}