@charset "UTF-8";
/* CSS Document */

/***************** GENERAL *******************/

*                 { margin:0; }

html, body              { background:#f3f3f3; padding: 0; margin:0; color:#OOO; font:11px/1.55em Century Gothic, Arial, Helvetica, sans-serif; float:center; }
p 						{ padding-bottom:10px;}

a                       { color:#DC001B; text-decoration:none; }
a:hover                 { color:#888; text-decoration:none; }

h1 				{ color:#DC001B; font-size:14px; text-align:left; font-weight:bold; padding-bottom:3px; }

.titre 			{ color:#DC001B; font-size:14px; text-align:left; font-weight:bold; padding-bottom:3px; }

#page			{ width:760px; height:1090px; margin: 0 auto; background-color:#FFFFFF; border-left:solid 8px #fff; border-right:solid 8px #fff; }
#pageonyetait	{ width:760px; height:1080px; margin: 0 auto; background-color:#FFFFFF; border-left:solid 8px #fff; border-right:solid 8px #fff; }
#pageici		{ width:760px; height:1550px; margin: 0 auto; background-color:#FFFFFF; border-left:solid 8px #fff; border-right:solid 8px #fff; }
#pageglobal		{ width:760px; height:1890px; margin: 0 auto; background-color:#FFFFFF; border-left:solid 8px #fff; border-right:solid 8px #fff; }
#pagevitrine	{ width:760px; height:1090px; margin: 0 auto; background-color:#FFFFFF; border-left:solid 8px #fff; border-right:solid 8px #fff; }
#pageexperts	{ width:760px; height:1090px; margin: 0 auto; background-color:#FFFFFF; border-left:solid 8px #fff; border-right:solid 8px #fff; }
#pagebruits		{ width:760px; height:1090px; margin: 0 auto; background-color:#FFFFFF; border-left:solid 8px #fff; border-right:solid 8px #fff; }


#top			{ background: url('images/top.gif') no-repeat; width:760px; height:136px; background-color:#DC001B; }
.bruitsdefonds	{ text-align:center; border:solid 1px #CCCCCC; }


div#page #retour {
			margin-top: 0; /* évite tout risque de fusion des marges */
		}
div#page #bottom {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom: 4em;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
		}

#retour			{ width:92px; height:16px; float:right; display:compact; position:relative; text-align:center; margin-top:2px; margin-right:2px; background-color:#f3f3f3;}


#contenthome	{ width:328px; height:600px; float:left; margin-right:10px; margin-top:15px; text-align:justify; }
#content		{ width:528px; float:left; margin-right:20px; margin-top:15px; text-align:justify; }

#sommaire		{ width:196px; height:900px; float:left; margin-right:10px; margin-top:15px; background-color:#DC001B; }
#edito			{ width:204px; height:600px; float:left; margin-right:10px; margin-top:15px; }



#footer			{ width:760px; background-color:#DC001B; padding:1px; color:#FFF; float:left; margin-top:10px; font-size:9px; }
#copyright		{ width:964px; height:8px; padding-left:10px; float:left; }



.boutons {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
.boutons li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
	float:left;
}


.boutons li a, .boutons li a:visited {
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
}


.btaccueil a:hover {background-image: url(images/accueil_on.gif); width:196px; height:54px;background-repeat:no-repeat; }
.btaccueil a {background-image: url(images/accueil_off.gif); width:196px; height:54px; background-repeat:no-repeat; }

.btonyetait a:hover {background-image: url(images/onyetait_on.gif); width:196px; height:66px; background-repeat:no-repeat; }
.btonyetait a {background-image: url(images/onyetait_off.gif); width:196px; height:66px; background-repeat:no-repeat; }

.btonysera a:hover {background-image: url(images/onysera_on.gif); width:196px; height:66px; background-repeat:no-repeat; }
.btonysera a {background-image: url(images/onysera_off.gif); width:196px; height:66px; background-repeat:no-repeat; }

.btparlonsdici a:hover {background-image: url(images/parlonsdici_on.gif); width:196px; height:73px; background-repeat:no-repeat; }
.btparlonsdici a {background-image: url(images/parlonsdici_off.gif); width:196px; height:73px; background-repeat:no-repeat; }

.btparlonsglobal a:hover {background-image: url(images/parlonsglobal_on.gif); width:196px; height:76px; background-repeat:no-repeat; }
.btparlonsglobal a {background-image: url(images/parlonsglobal_off.gif); width:196px; height:76px; background-repeat:no-repeat; }

.btlavitrine a:hover {background-image: url(images/lavitrine_on.gif); width:196px; height:74px; background-repeat:no-repeat; }
.btlavitrine a {background-image: url(images/lavitrine_off.gif); width:196px; height:74px; background-repeat:no-repeat; }

.btbruits a:hover {background-image: url(images/bruits_on.gif); width:196px; height:62px; background-repeat:no-repeat; }
.btbruits a {background-image: url(images/bruits_off.gif); width:196px; height:62px; background-repeat:no-repeat; }

.btexperts a:hover {background-image: url(images/experts_on.gif); width:196px; height:70px; background-repeat:no-repeat; }
.btexperts a {background-image: url(images/experts_off.gif); width:196px; height:70px; background-repeat:no-repeat; }