/* ////////////////global//////////////// */

body,td,th, div{
color:#D3D3D3;
font:14px "Times New Roman";
font-weight:70;
line-height:100%;
}
body {
background-color: #001B3B;
background-image:none;
margin: 0px 20px 20px 20px;
padding:0;
background-image:url(IMG/bgBody.jpg);
background-position:top left;
background-repeat:repeat-x;
}
a {
color:#9A8F08;
text-decoration:underline;
font-family:"Times New Roman";
}
a:hover {
color:#666666;
text-decoration:underline;
}
h1{
line-height:100%;
height:28px;
color:#FFFFFF;
font-size:24px;
font-weight: 100;
}
h2, #text strong{
font-size: 18px;
font-family: "Times New Roman";
color:#9A8F08;
padding-bottom: 15px; padding-top: 10px; ]
}
h2.a{
color:#9A8F08;
font-family:"Times New Roman";
}
h3 {
font-weight: bold;
}
h4 {  font-weight: bold;
font-size: 16px;

}

p {
padding-bottom:20px;
margin:0;
line-height: 1.5;
}
.cleaner{
clear:both;
line-height:1px;
}


/* ////////////////structure of page//////////////// */

#all{
width:986px;
margin-left:auto;
margin-right:auto;
}
#header{
width:986px;
height:184px;
float:left;
background-image:url(IMG/bgHeader.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#container{
float:left;
width:926px !important;
/*width:986px;*/
width:926px;
padding:20px 30px 0px 30px;
text-align:justify;
}

#right{
width: 306px !important;
/*width:336px;*/
width:306px;
padding:0px 0px 0px 30px;
margin:0;
float:left;
text-align:justify;
}
#left{
width: 559px !important;
/*width:590px;*/
width:559px;
padding:0px 30px 0px 0px;
margin:0;
float:left;
text-align:justify;
background-image:url(IMG/bgMain.jpg);
background-position:top left;
background-repeat:repeat-x;
border-right:1px solid #163253;
}
 

#footer{
height:50px;
margin:0;
padding:36px 20px 0px 20px;
text-align:left;
background-image:url(IMG/bgFooter.jpg);
background-position:top left;
background-repeat:repeat-x;
font:10px Verdana, Arial,Helvetica, sans-serif;
}

/* ///////////////menu top///////////////*/
#imagegallery {
width:986px;
height:152px;
clear:both;
}

#header #logo{
margin:30px 0px 0px 30px;
padding:0;
float:left;
}

#menuHaut{
width:760px;
margin:50px 0px 0px 0px;
padding:0;
line-height:100%;
text-align:left;
float:right;
}
/*
#menuHaut ul{
padding:0;
margin:0;
list-style:none;
}
#menuHaut ul li{
padding:0px 16px 0px 16px;
margin:8px 0px 0px 0px;
float:right;
background-image:url(IMG/bgItemMenuTop.gif);
background-repeat:no-repeat;
text-align:center;
}

#menuHaut ul li a{
font:14px Arial, Verdana, Helvetica, sans-serif;
font-weight:100;
text-decoration:none;
color:#FFFFFF;
}
#menuHaut ul li a:hover{
font:14px Arial, Verdana, Helvetica, sans-serif;
font-weight:100;
text-decoration:none;
color:#9A8F08;
}
*/
#nav-one{
height:16px;
padding:0;
margin:0;
margin:0;
list-style: none;
z-index: 100;
position: relative;
line-height:100%;
}
#nav-one li {
float: left;
margin: 0;
padding: 0;
position: relative;
}
#nav-one li a{
font: bold 14px  Arial, Verdana,Helvetica, sans-serif;
color: #FFFFFF;
font-weight:100;
display: block;
padding: 0px 16px 0px 16px;
text-decoration: none;
}

#nav-one li a:hover, #nav-one li a.chosen{
color: #9A8F08;	
}
#nav-one li a.chosen2{
color: #FFFFFF;	
}
#nav-one ul {
background: #000000;
list-style: none;
width: 150px;
margin: 0;
padding:10px 0px 10px 0px;
position: absolute;
top: -999em;
left: -1px;
}

#nav-one li:hover ul,
#nav-one li.sfHover ul {
  top: 16px;
}
#nav-one ul li {
padding:5px 0px 5px 0px;
margin:0;
border: 0;
float: none;
}
#nav-one ul a {
color: #9A8F08;
font-size:12px;
font-weight:100;
}
#nav-one ul a:hover {
color:#FFFFFF;
font-size:12px;
font-weight:100;
}


/* ///////////others/////// */
#text{
text-align:justify;
padding:15px;
line-height:150%;
background-color:#F0F0F0;
}
.imgRight{
padding:0px 0px 20px 20px;
border:0;
float:right;
}
.imgLeft{
padding:0px 20px 20px 0px;
border:0;
float:left;
}
.imgBorder{
padding:2px;
border:1px solid #3D628E;
}
img.noBorder{
border:0;
}
.textList{
margin:0px 0px 10px 40px;
padding:0;
list-style : disque;
}
.textList li{
margin:0px 0px 0px 10px;
padding:5px 0px 5px 5px;
background-image:url(IMG/squareMenuLeft.gif);
background-repeat:no-repeat;
background-position-x:top left;
}
.gras{
font-weight:bold;
}
.bleu{
color:#3E91C1;
}
.textItalic{
font-style:italic;
}
.centrer{
text-align:center;
}

.righted{
text-align:right;
}
#footer a{
color:#D3D3D3;
}
#sitemap li{
font-weight:bold;
}

#sitemap li ul li{
font-weight:100;
}




.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */



/* ---- Database driven page styles for events and downloads --- */
.projectHeader { text-decoration:underline; font-weight:bold; padding-bottom:3px}




/*----- projects page ------*/
.project-container {  width: 926px; margin: auto; margin-bottom: 40px; }
.project-col-description { float: left; min-height: 100px; width: 326px; margin-right: 30px; }
.proect-col-image { float: right; min-height: 100px; width: 570px; }

#nav-projects {  margin-bottom: 60px; margin-left: 0px; padding-left: 0px; font-size: 16px; }

#nav-projects li {  float : left; padding: 0 40px 0 0; list-style-type: none; margin-left: 0px; padding-left: 0px; }