* {margin: 0; padding: 0;}

body {
	font: bold 0.7em tahoma, verdana, sans-serif;
	color: #000;
	background: #3f4c6c;}

img {border: 0;}

a:link, a:visited {color: #000; text-decoration: none;}
a:hover {color: #900; text-decoration: none;}
a:active {color: #000; text-decoration: none;}

	/** STRUCTURE INFORMATION **/
#contenu {margin-top: 10px; margin-left: auto; margin-right: auto; width: 760px; height: 835px; background: #3f4c6c url(../images/fond.gif) no-repeat 0 20px;}
#contenu2 {margin-top: 10px; margin-left: auto; margin-right: auto; width: 760px; height: 835px; background: #3f4c6c url(../images/fond2.gif) no-repeat 0 20px;}
#contenu3 {margin-top: 10px; margin-left: auto; margin-right: auto; width: 760px; height: 2000px; background: #3f4c6c url(../images/fond3.gif) no-repeat 0 20px;}
#contenu4 {margin-top: 10px; margin-left: auto; margin-right: auto; width: 760px; height: 687px; background: #3f4c6c url(../images/fond-websites.gif) no-repeat 0 20px;}
#contenu5 {margin-top: 10px; margin-left: auto; margin-right: auto; width: 760px; height: 1810px; background: #3f4c6c url(../images/fond5.gif) no-repeat 0 20px;}
#contenu6 {margin-top: 10px; margin-left: auto; margin-right: auto; width: 760px; height: 1000px; background: #3f4c6c url(../images/fond6.gif) no-repeat 0 20px;}
	
#header {margin-left: auto; margin-right: auto; width: 760px;}
#header .haut {margin-left: 40px; padding: 5px; font: bold 1.2em tahoma, verdana, sans-serif; color: #fff;}
#header .haut2 {margin-left: 40px; padding: 5px; font: bold 1.2em tahoma, verdana, sans-serif; color: #fff;}
#header .menu {margin-left: 80px;}
#plus {margin-left: auto; margin-right: auto; width: 760px; background: #3f4c6c url(../images/line.gif) repeat-y 0 0;}
#end {margin-left: auto; margin-right: auto; width: 760px; height: 34px; background: #3f4c6c url(../images/fin.gif) no-repeat 0 0;}
#footer {margin-top: -15px;}
#footer2 {margin-top: -73px;}
#top #logo {float: left; padding: 30px 0 0 55px;}
#flashcontent {padding: 80px 0 0 46px;}

#infor {
	padding: 5px 0 0 46px;
	width: 665px;
	height: 365px;
	font: normal 1em tahoma, verdana, sans-serif;
	color: #000;}

#actu {
	float: left;
	margin-left: -3px;
	width: 358px;
	height: 365px;
	background: #fff url(../images/actu.jpg) no-repeat 0 0;}
	
#offres {
	float: left;
	margin-left: 7px;
	width: 150px;
	height: 300px;}

#mu {width: 306px; height: 200px; background: #fff url(../images/mu.gif) no-repeat 0 0;}
#av {width: 306px; height: 200px; background: #fff url(../images/av.gif) no-repeat 0 0;}
#air {width: 306px; height: 182px; background: #fff url(../images/air.gif) no-repeat 0 0;}
#art {width: 306px; height: 182px; background: #fff url(../images/art.gif) no-repeat 0 0;}
#par {width: 306px; height: 182px; background: #fff url(../images/paris.gif) no-repeat 0 0;}
#guide {width: 306px; height: 406px; background: #fff url(../images/guide.gif) no-repeat 0 0; margin-left: 360px;}

	/** PAVE INFORMATION **/
#actu p {padding: 15px 10px 0 20px;}
#mu p {padding: 40px 0 0 10px;}
#av p {padding: 40px 0 0 10px;}
#air p {padding: 40px 0 0 10px;}
#art p {padding: 40px 0 0 10px;}
#par p {padding: 40px 0 0 10px;}
#guide p {color: #fff; padding: 35px 0 0 0; text-align: center;}
#urban p {color: #000; padding: 10px 0 0 0; text-align: center; width: 306px;}

#actu .cote {float: left; margin-top: 0; padding: 0 5px 0 8px;}
#actu .cote2 {float: left; margin-top: 35px; padding: 5px 5px 5px 8px;}
#actu #cdt {margin-left: 0px;}
#actu .trait {margin: 5px 0 0 10px;}
#actu .strait {margin-left: 115px;}
#actu .gauche {float: left; margin: 10px 0 0 8px; padding-right: 7px;}
#offres #mu p {text-align: center;}
#offres #av p {text-align: center;}
#offres #air p {text-align: center;}
#offres #airport {float: left; padding: 0 5px;}
#offres #art {text-align: center;}
#offres #ete2010 {margin-left: 14px;}

#offres #artvert {float: left; padding: 0 5px;}
#offres .small {	font: normal 0.8em tahoma, verdana, sans-serif;}

#groupe {margin-top: 250px; margin-left: 10px;}
#groupe p {font: normal 1.1em tahoma, verdana, sans-serif; color: #000;}
#groupe .left {margin-left: 8px;}

#editeur {margin-top: 250px; margin-left: 20px; width: 630px;}
#editeur p {margin: 10px 0;}

	/** MENU PERSO **/
#header .menu {color: #fff;}
#header .menu a:link, #header .menu a:visited {color: #fff;}
#header .menu a:hover {color: #f00; text-decoration: overline;}
#header .menu a:active {color: #fff;}

#top .menu {float: right; margin: 0; padding: 45px 55px 0 0; color: #000;}
#top .menu a:link, #top .menu a:visited {color: #000;}
#top .menu a:hover {color: #f00; text-decoration: overline;}
#top .menu a:active {color: #000;}

#editeur a:link, #editeur  a:visited {font: bold 11px tahoma, verdana, sans-serif; color: #000}
#editeur a:hover {color: #f00; text-decoration: underline;}
#editeur a:active {color: #000;}

#footer .menu {margin-left: auto; margin-right: auto; color: #fff;}
#footer .menu a:link, #footer .menu a:visited {color: #fff;}
#footer .menu a:hover {color: #f00; text-decoration: underline;}
#footer .menu a:active {color: #fff;}

#footer2 .menu {margin-left: auto; margin-right: auto; color: #fff;}
#footer2 .menu a:link, #footer2 .menu a:visited {color: #fff;}
#footer2 .menu a:hover {color: #f00; text-decoration: underline;}
#footer2 .menu a:active {color: #fff;}

#plan {margin: 0 10px; padding: 10px; border: 3px solid #3f4c6c;}
#mail {float: left; margin: 0 10px; padding: 10px;}
#arbo {margin-left: 60px; padding: 0; width: 640px;}
.sous {text-decoration:underline}

	/** MENU **/
.menu {margin: 0; font: bold 1em tahoma, verdana, sans-serif; color: #000; text-align: center;}
.menu a:link, .menu a:visited {color: #000; text-decoration: none;}
.menu a:hover {color: #f00; text-decoration: underline;}
.menu a:active {color: #000; text-decoration: none;}

#diaporama {position: relative; top: 80px; left: -95px;}
#diaporama img {position: absolute; width: 665px; border: solid 1px #3F4C6C;}