body{
background-color:#172732;
margin:0px;
padding:0px;
font-family:arial;
font-size:11px;
font-weight:normal;
color:#7e7e7e;
text-align:center;
min-height:100%;
height:100%;
}
html,body,td,div{
font-family:arial;
font-size:11px;
font-weight:normal;
color:#7e7e7e;
}
/*////////// START MAIN BACKGROUND SET ///////////*/

/* Main Background*/
.bgMainTile{
background-color:#f8f4e8;
background-image:url(images/bg_main_tile.gif);
background-repeat:repeat-x;
background-position:top;
text-align:center;
min-height:100%;
height:100%;
}

/* Background Top Menu */
.bgMainMenu{
background-color:#7e7e7e;
background-image:url(images/bg_topmenu_tile.gif);
background-repeat:repeat-x;
background-position:top;
text-align:center;
}

/* Background Content */
.bgMainContent{
background-image:url(images/bg_intro.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:left;
width:900px;
margin: 0 auto 0 auto;
padding: 16 0 0 0;
min-height:100%;
overflow:hidden;
}

/* Background Content version différente juste pour tester, en théorie on veut pouvoir changé les background dans les custom properties*/
.bgEnvironement{
background-image:url(images/bg_environement.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:left;
width:900px;
margin: 0 auto 0 auto;
padding: 16 0 0 0;
min-height:100%;
overflow:hidden;
}

.bgAbout{
background-image:url(images/bg_apropos.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:left;
width:900px;
margin: 0 auto 0 auto;
padding: 16 0 0 0;
min-height:100%;
overflow:hidden;
}

.bgCommunity{
background-image:url(images/bg_communaute.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:left;
width:900px;
margin: 0 auto 0 auto;
padding: 16 0 0 0;
min-height:100%;
overflow:hidden;
}

.bgEmployes{
background-image:url(images/bg_employes.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:left;
width:900px;
margin: 0 auto 0 auto;
padding: 16 0 0 0;
min-height:100%;
overflow:hidden;
}

.bgIntro{
background-image:url(images/bg_intro.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:left;
width:900px;
margin: 0 auto 0 auto;
padding: 16 0 0 0;
min-height:100%;
overflow:hidden;
}

.bgPartners{
background-image:url(images/bg_partners.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:left;
width:900px;
margin: 0 auto 0 auto;
padding: 16 0 0 0;
min-height:100%;
overflow:hidden;
}

/*////////// END MAIN BACKGROUND SET ///////////*/

/*////////// START TOP NAV ///////////*/
.imgMainTitle {
margin-right:10px;
float:left;
}

div.topNav {
width:900px;
margin:0 auto 0 auto;
overflow:hidden;
}
.topNav ul{
font: bold 11px sans-serif;
text-transform:uppercase;
color:#aabfd1;
padding: 0;
margin: 0;	
}
.topNav ul li{
float:left;
list-style: none;
}

.topNav ul li a{
padding: 20px 14px 20px 6px;
text-align:left;
float: left;
text-decoration: none;
color: #aabfd1;
height:14px;
#height:54px;
}

.selected{
color: #a9a9a9;
}


.topNav ul li a:hover{
color: #ffffff;
}

.topNav ul li.btnActive a {
color: #ffffff;
}

.topNav ul li li.btnActive a {
color: #ffffff;
}

.topNav ul li a.topNavActive {
color: #ffffff;
}

.topNavSep{
width:1px;
}

/*////////// END TOP NAV ///////////*/


/*////////// START BOTTOM NAV ///////////*/

/* Background Bottom Menu */
.bgBottomMenu{
background-color:#172732;
background-image:url(images/bg_bottommenu_tile.gif);
background-repeat:repeat-x;
background-position:top;
text-align:center;
}

.imgLogo {
margin-right:10px;
}

div.bottomNavContainer {
width:900px;
margin:0 auto 0 auto;
}

.btnLangue {
float:right;
margin:15 0 0 5;
border:1px solid #707d84;
overflow:hidden;
display:block;
}

.btnLangue a{
background-color:#4c6170;
font: normal 10px arial;
text-decoration: none;
color: #aabfd1;
padding: 5 5 5 5;
height:15px;
width:80px;
#height:25px;
#width:90px;
display:block;
}

.btnLangue a:hover{
color: #ffffff;
}


div.bottomNav {
padding: 15px 0px 0px 0px;
overflow:hidden;
}

.bottomNav ul{
font: normal 10px arial;
text-transform:uppercase;
color:#aabfd1;
padding: 0;
margin: 0;	
}
.bottomNav ul li{
padding: 0px 3px 0px 3px;
float:left;
list-style: none;
}

.bottomNav ul li a{
padding: 0px 3px 0px 3px;
text-align:left;
float: left;
text-decoration: none;
color: #aabfd1;
}

.bottomNav ul li a:hover{
color: #ffffff;
}

div.bottomNav2 {
padding:1px 0px 5px 0px;
overflow:hidden;
clear:both;
}

.bottomNav2 ul{
font: normal 10px sans-serif;
color:#607b91;
padding: 0;
margin: 0;	
}
.bottomNav2 ul li{
padding: 0px 3px 0px 3px;
float:left;
list-style: none;
}

.bottomNav2 ul li a{
padding: 0px 3px 0px 3px;
text-align:left;
float: left;
text-decoration: none;
color: #607b91;
}

.bottomNav2 ul li a:hover{
color: #ffffff;
}

div.imgHome {
margin-top:5px;
width:37;
float: left;
color:#fdb927;
}

.imgHome a {
color:#fdb927;
text-decoration: none;
}

/*////////// END BOTTOM NAV ///////////*/


/*////////// START FLASH CONTENT ///////////*/
.flashContent{
background-color:#FFFFFF;
height:210px;
#height:226px;
width:651px;
#width:651px;
}
/*////////// END FLASH CONTENT ///////////*/


/*////////// START MAIN CONTENT //////////*/


.table {
padding-bottom: 0px;
margin:0;
padding:0;
}

.table tr td {
padding-bottom: 18px;
}

.galleryTable {
padding-bottom: 0px;
margin:0;
padding:0;
}

.galleryTable tr td {
padding-bottom: 5px;
}

div.mainContent {
width:800px;
#width:900px;
padding: 54 50 54 50;
color:#7e7e7e;
/*height:226px;
#height:330px;*/
min-height:80%;
display:block;
text-align:left;
}
div.mainContent  h1{
color:#7e7e7e;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
margin:0;
padding:0;
margin-top:10px;
margin-bottom:15px;
}
div.mainContent  h2{
padding:0;
margin:0 0 10 0;
color:#d7a726;
font-size:12px;
font-weight:bold;
}

div.mainContent  h3{
padding:0;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
margin:0 0 0 0;
color:#d7a726;
}

div.mainContent p{
font-size:11px;
color:#7e7e7e;
margin-bottom:15px;
margin-top:0px;
}

.rightContent a{
color:#7e7e7e;
font-weight:bold;
}

.rightContent a:visited{
color:#7e7e7e;
font-weight:bold;
}

.mainContent a{
color:#7e7e7e;
font-weight:bold;
}

.mainContent a:visited{
color:#7e7e7e;
font-weight:bold;
}

div.rightContent {
float: right;
padding: 38 48 10 0;
color:#7e7e7e;
width:602px;
#width:650px;
display:block;
text-align:left;
/*height:226px;
#height:330px;*/
min-height:80%;

}

div.rightContent  h1{
color:#7e7e7e;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
margin:0;
padding:0;
margin-top:10px;
margin-bottom:15px;
}
div.rightContent  h2{
padding:0;
margin:0 0 10 0;
color:#d7a726;
font-size:12px;
font-weight:bold;
}

div.rightContent p{
font-size:11px;
color:#7e7e7e;
margin-bottom:15px;
margin-top:0px;
}

div.thumbArt{
border:1px solid #a5b6c4;
width:185px;
height:85px;
display:block;
margin: 0 5 0 0;
}

.thumbArt img{
border:4px solid #fff;
}

div.thumbGal{
border:1px solid #a5b6c4;
width:85px;
height:85px;
display:block;
margin: 0 5 0 0;
}

.thumbGal img{
border:4px solid #fff;
}

.hline{
border-bottom: 1px solid #d8d8d8;
height:1px;
margin: 5 0 12 0;
}

.hline2{
border-top: 1px solid #d8d8d8;
height:2px;
margin: 0 0 4 0;
}

td.rightContentDesc {
width:465px;
padding:79 8 8 32;
}
td.rightContentDesc a{
color:#000;
}
td.rightContent a:hover{
text-decoration:none;
}

div.leftContent {
float: left;
padding: 38 16 0 48;
color:#7e7e7e;
height:292px;
#height:330px;
width:185px;
#width:249px;
display:block;
text-align:left;
}

div.leftContentTop {
background-image:url(images/bg_leftmenu_top.gif);
background-repeat:no-repeat;
background-position:top;
height:18px;
width:184px;
}

div.leftContentMain {
background-image:url(images/bg_leftmenu_main.gif);
background-repeat:repeat-y;
height:150px;
width:184px;
}

.leftListMenu {
margin: 0 17 0 17;
display:block;
}

.leftListMenu ul ul{
text-transform:none;
font: normal 10px arial;
color:#a9a9a9;
padding: 5 5 5 20;
margin: 0;	
}
div.leftListMenu ul ul li{
padding: 0px 0px 0px 0px;
list-style: none;
padding: 1 0 3 0;
overflow:hidden;
border-bottom:0px solid #e5cc82;
}

div.leftListMenu ul ul li a{
text-decoration:underline
color: #a9a9a9;
}

.leftListMenu ul ul li a:hover{
color: #a9a9a9;
}

.leftListMenu ul{
font: normal 10px arial;
text-transform:uppercase;
color:#d7a726;
padding: 0;
margin: 0;	
}
div.leftListMenu ul li{
padding: 0px 0px 0px 0px;
list-style: none;
padding: 8 0 8 0;
border-bottom:1px solid #e5cc82;
overflow:hidden;
}

div.leftListMenu ul li a{
text-decoration: none;
color: #d7a726;
}

.leftListMenu ul li a:hover{
color: #a9a9a9;
}

div.leftContentBottom {
background-image:url(images/bg_leftmenu_bottom.gif);
background-repeat:no-repeat;
background-position:top;
height:104px;
width:184px;
}

div.leftContent  h1{
color:#000;
font-size:21px;
font-weight:normal;
text-transform:uppercase;
margin:0;
padding:0;
margin-bottom:23px;
}

div.leftContent  h2{
padding:0;
margin:0 0 10 0;
color:#000;
font-size:14px;
line-height:14px;
font-weight:bold;
text-transform:uppercase;
}

div.leftContent p{
font-size:11px;
color:#7e7e7e;
margin-bottom:15px;
margin-top:0px;
}

td.leftContentDesc {
width:465px;
padding:79 8 8 32;
}

td.leftContentDesc a{
color:#000;
}

td.leftContent a:hover{
text-decoration:none;
}

.introTxtBlock{
width:200px;
}

/*////////// END MAIN CONTENT //////////*/
