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

body, html {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", "Gill Sans", Arial;
	color: #000000;
	background-image: url(../images/template/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#mainBgContainer {
	margin: 0px 0px 0px 0px;
	background-image: url(../images/template/bg_general.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.fixFloats {
	clear: both;
}

a img {
	border: none;
}

img {
	display: block;
}



ul { 
	padding: 0; 
	margin-left: 8px;
} 
li { 
	padding: 0;
	margin-left: 10px;
}



/* HEADER */

#headerContainer {
	margin: auto;
	margin-top: 0px;
	background-repeat: no-repeat;
	width: 963px;
	height: 183px;	
	background-color: #996;
}

.actif0 {
	background-image: url(../images/template/bg_header.jpg);
}
.actif1 {
	background-image: url(../images/template/bg_header-a1.jpg);
}
.actif2 {
	background-image: url(../images/template/bg_header-a2.jpg);
}
.actif3 {
	background-image: url(../images/template/bg_header-a3.jpg);
}
.actif4 {
	background-image: url(../images/template/bg_header-a4.jpg);
}
.actif5 {
	background-image: url(../images/template/bg_header-a5.jpg);
}
.actif6 {
	background-image: url(../images/template/bg_header-a6.jpg);
}
.actif7 {
	background-image: url(../images/template/bg_header-a7.jpg);
}
.actif8 {
	background-image: url(../images/template/bg_header-a8.jpg);
}
.actif9 {
	background-image: url(../images/template/bg_header-a9.jpg);
}
.actif10 {
	background-image: url(../images/template/bg_header-a10.jpg);
}

#headerContainer #headerRowTop {
	width: 963px;
	height: 119px;
}

#headerContainer #headerRowTop #logo {
	float: left;
	width: 266px;
	height: 119px;
}

#headerContainer #headerRowTop #logo img {
	border: none;
	margin: 0px;
	padding: 0px;
}

#headerContainer #headerRowTop #menuBox {
	float: left;
	width: 376px;
	margin-top: 71px;
}

#headerContainer #headerRowTop #menuBox .menuTop {
	color: #000000;
	font-size: 16px;
	display: inline;
}
#headerContainer #headerRowTop #menuBox .menuTop a {
	color: #ec7404;
	text-decoration: none;
}
#headerContainer #headerRowTop #menuBox .menuTop a:hover {
	color: #000000;
}
#headerContainer #headerRowTop #menuBox #menu1 {
	float: left;
	width: 81px;
	margin-left: 40px;
}
#headerContainer #headerRowTop #menuBox #menu2 {
	float: left;
	width: 81px;
	margin-left: 30px;
}
#headerContainer #headerRowTop #menuBox #menu3 {
	float: left;
	width: 81px;
	margin-left: 26px;
}




#headerContainer #headerRowBottom {
	width: 963px;
	height: 64px;
}

#headerContainer #headerRowBottom #menuBoxLeft {
	float: left;
	width: 290px;	
	margin-top: 8px;
}

#headerContainer #headerRowBottom #menuBoxLeft .menuItem {
	color: #000000;
	font-size: 12px;
	display: inline;
	line-height: 14px;
}
#headerContainer #headerRowBottom #menuBoxLeft .menuItem a {
	color: #99bf0b;
	text-decoration: none;
}

#headerContainer #headerRowBottom #menuBoxLeft .menuItem a:hover {
	color: #000000;
}

#headerContainer #headerRowBottom #menuBoxLeft #menu1 {
	float: left;
	width: 80px;
	margin-left: 80px;
	margin-top: 2px;
}
#headerContainer #headerRowBottom #menuBoxLeft #menu2 {
	float: left;
	width: 90px;
	margin-left: 10px;
	margin-top: 2px;
}
#headerContainer #headerRowBottom #menuBoxLeft #menu3 {
	float: left;
	width: 81px;
	margin-left: 80px;
	margin-top: 5px;
	clear: left;
}
#headerContainer #headerRowBottom #menuBoxLeft #menu4 {
	float: left;
	width: 81px;
	margin-left: 10px;	
	margin-top: 5px;
}
#headerContainer #headerRowBottom #menuBoxLeft #menu5 {
	float: left;
	width: 81px;
	margin-left: 80px;
	margin-top: 4px;
	clear: left;
}


#headerContainer #headerRowBottom #menuBoxRight {
	float: left;
	width: 376px;
	margin-top: 12px;
}

#headerContainer #headerRowBottom #menuBoxRight .menuTop {
	color: #000000;
	font-size: 16px;
	display: inline;
}
#headerContainer #headerRowBottom #menuBoxRight .menuTop a {
	color: #ec7404;
	text-decoration: none;
}
#headerContainer #headerRowBottom #menuBoxRight .menuTop a:hover {
	color: #000000;
}
#headerContainer #headerRowBottom #menuBoxRight #menu1 {
	float: left;
	width: 190px;
	margin-left: 16px;
}
#headerContainer #headerRowBottom #menuBoxRight #menu2 {
	float: left;
	width: 81px;
	margin-left: 28px;
}

/* MAIN CONTENT */


#tempHome {
	height: 976px;
	width: 963px;
	margin: auto;
}

#tempHome img {
	border: 0px;
}

#mainContainer {
	margin: auto;
	margin-top: 0px;
	background-image: url(../images/template/bg_maincontent.jpg);
	background-repeat: no-repeat;
	width: 963px;
}

#mainContainer #leftSide {
	float: left;
	width: 642px;
	clear: left;
	display: inline;
}

#mainContainer #leftSide #topContent #leftMenu {
	float: left;
	width: 154px;
	margin-left: 77px;
	margin-top: 30px;
	display: inline;
}



#mainContainer #leftSide #topContent .diaporama {
	float: left;
	width: 405px;
	height: 340px; 
	margin-left: 3px;
}


#mainContainer #leftSide #topContent object {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	float: right;
	margin-right: 6px;
}

#mainContainer #leftSide #topContent #leftMenu a {
	display: block;
	width: 154px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #ec7404;
	text-decoration: none;
}
#mainContainer #leftSide #topContent #leftMenu a:hover {
	color: #000000;
}

#mainContainer #leftSide #topContent #leftMenu a.leftMenuHaut {
	height: 50px;
	line-height: 20px;
	padding-top: 6px;
}

#mainContainer #leftSide #topContent #leftMenu #actif {
	display: block;
	width: 154px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}

#mainContainer #leftSide #topContent #leftMenu #actifHaut {
	display: block;
	width: 154px;
	height: 50px;
	line-height: 20px;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-top: 6px;
}

#mainContainer #leftSide #mainContent {
	min-height: 220px;
    height: auto !important;
    height: 220px;
	clear: both;
}

#mainContainer #leftSide #mainContent a {
	color: #99bf0b;
}

#mainContainer #leftSide #mainContent a.download {
	color: #99bf0b;
	display: block;
	text-indent: 20px;
	background-image:url(../images/template/download-icon.gif); 
	background-repeat: no-repeat;
}

#mainContainer #leftSide #mainContent .surligne {
	color: #ec7404;
}

#mainContainer #leftSide #mainContent .commentaire {
	font-style: italic;
}

#mainContainer .mainContent {
	width: 840px;
	margin-left: 77px;
	margin-top: 80px;
	float: left;
	font-size: 12px;
	display: inline;
}

table.tableActu {
	width: 840px;
}

table.tableActu .leftCol {
	width: 370px;
}
table.tableActu .midCol {
	padding-left: 20px;
	width: 170px;
}
table.tableActu .rightCol {
	padding-left: 50px;
	width: 300px;
}

#mainContainer .mainContent .categorieContainer {
	margin-top: 20px;
	clear: both;
}

#mainContainer .mainContent .categorieContainer .categorie {
	width: 540px;
	height: 40px;
	font-size: 14px;
	background-color: #F78700;
	font-weight: bold;
	text-indent: 20px;
	line-height: 40px;
	
}

#mainContainer .mainContent .categorieContainer .item {
	margin-top: 10px;
	clear: both;
	width: 540px;
}

#mainContainer .mainContent .categorieContainer .item .nom {
	width: 330px;
	font-weight: bold;
	float: left;
	color: #99bf0b;
}

#mainContainer .mainContent .categorieContainer .item .nom a {
	color: #99bf0b;
}


#mainContainer .mainContent .categorieContainer .item .description {
	width: 190px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	float: left;
	margin-left: 0px;
}



#mainContainer #leftSide #mainContent #colLeft {
	float: left;
	width: 263px;
	margin-left: 77px;
	display: inline;
	font-size: 12px;
}
#mainContainer #leftSide #mainContent #colLeft p.alignLeft {
	text-align: left;
}
#mainContainer #leftSide #mainContent #colLeft h1 {
	font-size: 14px;
	font-weight: bold;
}
#mainContainer #leftSide #mainContent #colLeft .surligne2 {
	font-style: italic;
	color: #333;
	font-size: 11px;
}

#mainContainer #leftSide #mainContent #colRight {
	float: left;
	width: 264px;
	margin-left: 30px;
	display: inline;
	font-size: 12px;
}
#mainContainer #leftSide #mainContent #colRight h2 {
	font-size: 14px;
	font-weight: bold;
}
#mainContainer #leftSide #mainContent #colRight h1 {
	font-size: 18px;
	font-weight: bold;
}
#mainContainer #leftSide #mainContent #colRight .surligneBig {
	font-size: 16px;
	color: #ec7404;
}
#mainContainer #leftSide #mainContent #colRight .surligne2 {
	font-style: italic;
	color: #ec7404;
}
#mainContainer #leftSide #mainContent #colRight .smallInfo {
	font-size: 11px;
	font-style: italic;
}



#mainContainer #rightSide {
	float: right;
	width: 285px;
	margin-top: 60px;
	margin-right: 20px;
	font-size: 12px;
	display: inline;
	color: #139309;
	text-align: justify;
}

#mainContainer #rightSide .headerText {
	font-size: 16px;
	font-weight: bold;
}

#mainContainer #rightSide a {
	text-decoration: underline;
	color: #ec7404;
}

#mainContainer #rightSide .surligne {
	color: #ec7404;
}

#mainContainer #rightSide .surligne2 {
	color: #ec7404;
	font-weight: bold;
}
#mainContainer #rightSide .surligne3 {
	color: #ec7404;
	font-style: italic;
}


/* FOOTER */ 

#footerContainer {
	margin: auto;
	margin-top: 0px;
	background-image: url(../images/template/bg_footer.jpg);
	background-repeat: no-repeat;
	width: 963px;
	height: 109px;
	clear: both;
}

#footerLogo {
	float: left;
	margin-left: 0px;
	margin-top: 26px;
	font-size: 14px;
	font-weight: bold;
}

#footerTitle {
	float: left;
	margin-left: 30px;
	margin-top: 32px;
	font-size: 16px;
	font-weight: bold;
	width: 260px;
}
.footerSubtitle {
	font-size: 12px;
	font-weight: normal;
	/*line-height: 12px;*/
}

#footerAdress {
	float: left;
	margin-left: 100px;
	margin-top: 35px;
	font-size: 11px;
}

#footerSponsor1 {
	float: right;
	margin-right: 35px;
	margin-top: 28px;
}

#footerSponsor2 {
	float: right;
	margin-right: 20px;
	margin-top: 30px;
}