body{
margin:0;
background:#fff url(../img/swatch/bodybackground.jpg) no-repeat top center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#CCC;
text-align:left;
color:#6B6B6B;
height: 100%;
min-height: 100%;
}

/* ----------------  Structure ---------------- */
#container{
text-align:center;
margin-left: auto;
margin-right: auto;
width:1020px;
}

/*                   Upper                           */

#header_title{
background-image: url(../img/swatch/header_title.jpg);
background-repeat:no-repeat;
width:1020px;
height:211px;
text-align:left;
}

#title_news{
background-image: url(../img/swatch/title_news_bg.jpg);
background-repeat:no-repeat;
width:1020px;
height:19px;
text-align:left;
line-height:18px;
}
.date_news{
float:left;
padding:0 0 0 210px;
text-align:left;
}
.date_news p{
color:#333333;
text-transform: uppercase;
font-size:11px;
text-align:left;
}
.date_news span{
font-weight:bold;
text-align:left;
}

.rss{
float:right;
padding-right:3px;
}
.rss img{
margin-bottom:-1px;
}
.backtofivb{
float:right;
width:150px;
height:19px;
margin-right:20px;
text-align:right;
/* background-image: url(../img/swatch/fond-titles.gif);*/
}


/*                     CONTENT                       */
.content{
text-align:left;
background-image: url(../img/swatch/full_background.jpg);
background-repeat:repeat-x;
padding-bottom:15px;
width:100%;
min-height:600px;
height:auto;
-height:400px;
}
.titre_section{
height:20px;
background-image: url(../img/swatch/fond-titles.gif);
background-repeat:repeat-x;
min-width:100%;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform: uppercase;
color:#FFF;
line-height:18px;
}
	/*                  LEFT                */
.content_left{
width:200px;
float:left;
height:100%;
}



.content_left_bg{
background:url(../img/swatch/degrade.png) right center repeat-y transparent;
width:200px;
height:100%;
min-height:250px;
}
* html .content_left_bg{
/* Alpha transparencies hack for IE */
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/swatch/degrade.png', sizingMethod='scale')
}

.content_left_footer{
background:url(../img/swatch/degrade_fin.png) right top no-repeat transparent;
width:200px;
height:230px;
}
* html .content_left_footer{
/* Alpha transparencies hack for IE */
background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/swatch/degrade_fin.png', sizingMethod='scale')
}

.vnav{
text-align:right;
width:200px;
float:right;
height:100%;
}
.vnav ul{
float:right;
border-bottom:1px solid #FFFFFF;

}
.vnav li{
border-top:1px solid #fff;
list-style-type: none;
width:160px;
min-width:160px;
}
.vnav a:link,.vnav a:visited{
font-family: verdana;
font-size:11px;
font-weight:bold;
text-transform: uppercase;
color:#FFF;
line-height:18px;
text-decoration:none;
height:15px;
margin-right:5px;

}
.vnav a:hover,.vnav a:focus,.vnav a:active{
font-family: verdana;
font-size:11px;
font-weight:bold;
text-transform: uppercase;
color:#FFF;
line-height:18px;
text-decoration:none;
margin-right:10px;
}

.ssnav{
display:none;
border-top:0px;
padding-bottom:2px;
}
.ssnav ul{
float:right;
border-bottom:0px;
}
.ssnav li{
width:100%;
min-width:145px;
/*border-bottom:1px dotted #555; */
border-top: 0px;
list-style-type: none;
}
.ssnav a:link,.ssnav a:visited{
font-family: verdana;
font-size:9px;
font-weight:normal;
text-transform: uppercase;
color:#ddd;
line-height:14px;
text-decoration:none;
height:14px;
margin-right:10px;
}
.ssnav a:hover,.ssnav a:focus,.ssnav a:active{
font-family: verdana;
font-size:9px;
font-weight:normal;
text-transform: uppercase;
color:#ddd;
line-height:14px;
text-decoration:underline;
height:14px;
margin-right:10px;
}



	/*                      Middle                  */
.content_middle{
float:left;
width:640px;
}
.titrenewsflash{
background-color:#CDCD9B;
width:100%;
min-height:19px;
height:auto;
border-bottom:1px solid #999;
display:block;
}
.titre{
float:left;
font-family: verdana;
font-size:12px;
font-weight:bold;
color:#333;
margin-top:0px;
margin-left:5px;
margin:5px 5px 5px 10px;
}
.titre img{
margin-top:4px;
}
.titre span{
font-family: verdana;
font-size:11px;
font-weight:normal;
color:#333;
}

.newsflash{
background-color:#fff;
height:370px;
width:640px;
background-image: url(../img/swatch/flash-background.jpg);
background-repeat:repeat-x;
padding-top:5px;
}

.calendar{
width:640px;
height:100%;
background-color:#fff;
float:left;
}
.wide{
width:800px;
}
.tall{
min-height:600px;
}

.calendar_content{
padding:10px;
min-width:620px;
width:auto;
min-height:300px;
height:auto;
/* IE6 interprete le height comme un min-height*/

}
.calendar_content table{
min-width:620px;
width:100%;
max-width:780px;
color:#6B6B6B;
font-size:9px;
padding-bottom:5px;
}
.calendar_content table th{
font-weight:bold;
}
.calendar_content table td{
padding-top:6px;
}

	/*                          right                    */
.content_right{
min-width:150px;
width:auto;
float:left;
height:auto;
}

.gallery{
background-image: url(../img/swatch/fond-gallery.gif);
background-repeat:repeat-x;
background-color:#fff;
width:150px;
height:320px;
margin-top:1px;
margin-left:10px;
padding-bottom:20px;
-padding-bottom:16px;
margin-bottom:27px;
}
.thumbnails img{
margin:8px 0 0 8px;
padding:2px;
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1;
}
.thumbnails img:hover{
filter : alpha(opacity=90);
-moz-opacity : 0.9;
opacity : 0.9;
border:1px solid #999;
padding:1px;
}

.thumbnails p{
margin:10px 0px 0 10px;
}




/* ----------------  btn ----------------*/

.white-link a:link, .white-link a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform: normal;
color:#FFF;
line-height:18px;
text-decoration:none;
}
.white-link a:hover, .white-link a:active , .white-link a:focus{
text-decoration:underline;
}

.gray-link a:link, .gray-link a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform: normal;
color:#666666;
line-height:18px;
text-decoration:none;
}
.gray-link a:hover, .gray-link a:active , .gray-link a:focus{
text-decoration:underline;
}
#gray-link-active a:link,#gray-link-active a:visited{
margin-right:5px;
}

.blue-link a:link, .blue-link a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform: normal;
color:#00275E;
text-decoration:underline;
}



/*                  --footer--                   */

.footer{
position:relative;
width:1020px;
height:37px;
padding-top:20px;
background:url(../img/swatch/bg-footer.png) no-repeat top;
color:#fff;
font-size:11px;
margin:auto;
text-align:left;
color:#8F8F90;
}


.footer a:link, .footer a:visited{
color:#8F8F90;
position:relative;
text-decoration:none;
}
.footer a:hover, .footer a:active, .footer a:focus{
text-decoration:underline;
}