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

/* Page */
body {
text-align:center;
font:0.7em "Georgia", Times New Roman, Times, serif;
background-image:url(../images/bg.jpg); background-repeat:repeat-x;
background-color:#9c899c;
margin:0 0;
padding:0;
}
h1#header {
height:200px;
background:url(../images/bandeau.jpg) no-repeat left top;
margin:0;
width:900px;
text-align:left;
margin:0 auto;
}
h1#header a {
width:880px;
height:180px;
display:block;
background:url(images/spacer.gif) no-repeat;
position:relative;
left:10px;
top:10px;
text-indent:-5000px;
}

div#conteneur {
	background-color:#3e373e;
width:885px;
text-align:left;
margin:0 auto;
color:#FFF;
padding:15px;
padding-bottom: 50px;
overflow: auto;
}
img {
border:0;
margin:0;
padding:0;
}
div#conteneur h2 {
padding-left:55px;
line-height:25px;
font-size:1.6em;
color:#C0C;
border-bottom:1px solid #5f6060;
}

div#conteneur h3 {
margin-left:15px;
padding-left:5px;
border-bottom:1px solid #5f6060;
border-left:3px solid #5f6060;
color:#C0C;
text-align:left;
font-size:1.3em;
}

div#conteneur p {
text-align:justify;
text-indent:2em;
line-height:1.7em;
}

div#conteneur a {
color:#C0C;
}

div#conteneur a:hover {
color:#c90;
}

p#footer,p#footer a:hover {
line-height:20px;
text-align:center;
color:#000;
margin:0;
}
div#left {
	float: left;
	width: 680px;
	}
div#right {
	float: right;
	width: 200px;
	padding-top:40px;
	}

.news_style
{
display:none;
}
.news_show 
{
width:180px;
height:300px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
overflow: auto;	
}
.news_border 
{
width:180px;
height:300px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
padding: 5px 5px 5px 5px;
overflow: auto;	
}
.buttondiv
{
margin-left:70px;
padding: 5px 5px 5px 5px;
height:20px;
}
.news_show a 
{
float: right;
padding-right: 10px;
}


/* Slider */
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
	a:link, a:visited
	{
		color: #636;
		text-decoration: none;
	}
	
	a:hover
	{
		color: #906;
		text-decoration: none;
	}
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}
.slider-wrap								{ width: 700px; top: 87px; left: 40px; margin:0 auto; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 700px; height: 130px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 700px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 7px; height: 10px; 
											  margin-top: -25px; position: relative; z-index: 9999; color: #CCC; font-size: 0.9em; }
.photo-meta-data span 						{ font-size: 11px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 672px; }

ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
/*ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }*/
ul#filter a { color: #CCC; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #fff; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 672px; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 122px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; }
ul#menu {
height:25px;
background:url(../images/bg_menu.png) repeat-x 0 -25px;
list-style-type:none;
margin:0;
padding:0;
}

ul#menu li {
float:left;
text-align:center;
}

.selected {
background:url(../images/bg_menu.png) repeat-x 0 0;
color:#000000;
}

ul#menu li a {
width:140px;
line-height:25px;
font-size:1.2em;
font-weight:400;
letter-spacing:1px;
color:#FFFFFF;
display:block;
text-decoration:none;
}

ul#menu li a:hover {
background:url(../images/bg_menu.png) repeat-x 0 0;
color:#000000;
}

/********************************* LiveValidation *************************************/
.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}
.tb-menu {background:url(../images/bg_menu2.png) repeat-x 0 -25px; border-bottom:1px solid #999999; height:25px;width:680px;color:#FFFFFF;}
.tb-menu ul {margin:0px; padding:0px; list-style:none; text-align:center;color:#FFFFFF;}
.tb-menu li {display:inline; line-height:33px;color:#FFFFFF;}
.tb-menu li a { text-decoration:none; padding:4px 30px 0px 30px;color:#FFFFFF;}
.tb-menu li a.tabactive {background:url(../images/bg_menu2.png) repeat-x 0 0; background-color:#999999; font-weight:bold;  position:relative; color:#FFFFFF;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {border:1px solid #999999; width:678px; text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px;}