BODY	{ background: #8b0e1c; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#global	{ position: absolute; left: 50%; margin-left: -465px; width: 930px; background: #fff;}

#header	{ float: left; }

.font11	{ font-size: 11px !important; }

/* ------ MENU ------*/
#menu	{ float: left; width: 900px; height: 36px; padding: 22px 0 0 30px; background: url(media/header-02.jpg) right top no-repeat; }

#menu .item1 A, #menu .item2 A, #menu .item3 A, #menu .item4 A, #menu .item5 A, #menu .item6 A	{ display: block; height: 16px; float: left; text-indent: -10000px; font-size: 0px; line-height: 0px; color: #fff; }
#menu .item1 A			{ width: 69px; background: url(media/menu-01.gif) left top no-repeat; }
#menu .item2 A			{ width: 102px; background: url(media/menu-02.gif) left top no-repeat; }
#menu .item3 A			{ width: 142px; background: url(media/menu-03.gif) left top no-repeat; }
#menu .item4 A			{ width: 93px; background: url(media/menu-04.gif) left top no-repeat; }
#menu .item5 A			{ width: 85px; background: url(media/menu-05.gif) left top no-repeat; }
#menu .item6 A			{ width: 72px; background: url(media/menu-06.gif) left top no-repeat; }
#menu .item1 A:hover, #menu .item2 A:hover, #menu .item3 A:hover, #menu .item4 A:hover, #menu .item5 A:hover, #menu .item6 A:hover	{ background-position: left bottom; }
#menu .item1 A.active, #menu .item2 A.active, #menu .item3 A.active, #menu .item4 A.active, #menu .item5 A.active, #menu .item6 A.active	{ background-position: left bottom; }

.smenu	{ font-size: 14px; text-align: center; padding-bottom: 20px; float: left; width: 100%; }
.smenu .active	{ text-transform: uppercase; }

/* ------ CONTENT ------*/
#content	{ float: left; width: 870px; padding: 15px 30px 30px 30px; }

.content			{ float: left; margin-top: 10px; width: 100%; }
.content P 			{ margin: 0 0 8px 0; }
.content A			{ font-weight: bold; color: #8b0e1c; text-decoration: none; }
.content A:hover	{ text-decoration: underline; }

/* ------ HOME ------*/
.diaporama 		{ float: left; width: 550px; height: 297px; padding: 0px; margin: 0px; }
.diaporama li 	{ list-style-type:none; overflow:hidden; position:absolute }

.actus	{ float: right; width: 295px; height: 267px; padding: 60px 0px 0 12px; background: url(media/bg-actus.jpg) top left no-repeat; }
.cont-actus	{ float: left; width: 288px; height: 207px; overflow: auto; padding-right: 3px; }
.actus .left	{ float: left; width: 180px; margin-bottom: 8px; }
.actus .right	{ float: right; text-align: right; width: 85px; margin-bottom: 8px; font-size: 11px !important; }
.actus H1		{ margin: 0px; padding: 0px; font-size: 12px; }
.actus P 		{ margin: 0px; }
.actus P.text 	{ font-size: 11px !important; }
.actus A		{ color: #000; text-decoration: none; }
.actus A:hover	{ text-decoration: underline; }

/* ------ CONTENT ------*/
.content-pages	{ float: left; width: 550px; margin-right: 15px; } 
.content-pages H1		{ font-size: 12px; margin: 0px; color: #8b0e1c; text-transform: uppercase; }
.content-pages H2		{ font-size: 12px; margin: 0px; color: #666; font-style: italic; font-weight: normal; }
.content-pages P		{ margin: 0px; margin-bottom: 15px; }
.content-pages A		{ font-weight: bold; color: #8b0e1c; text-decoration: none; }
.content-pages A:hover	{ text-decoration: underline; }


.content-pages .menus	{ display: none; position: absolute; top: 280px; left: 250px; background: #e3e3e3; border: 1px solid #aaa; padding: 10px 10px 0px 10px; }

.content-pages .java H2	{ color: #333 !important; font-style: normal !important; margin-top: 10px !important; font-weight: bold; }
.content-pages .java H3	{ font-size: 12px; margin: 0px; color: #8b0e1c; font-style: italic; margin-left: 15px; }
.content-pages .java H2 A	{ font-style: italic !important; }


.content-pages .formules	{ display: none; position: absolute; top: 30px; left: 300px; width: 500px; z-index: 1; background: url(media/trans.png) top left repeat; border: 1px solid #aaa; padding: 10px 10px 0px 10px; }