body{
background:#514956 url(/media/images/layout/background.jpg) repeat-x top left;
font-size:12px;
font-family:Arial,Trebuchet MS, Helvetica, Verdana;
margin:0;
padding:0;
color:#2c2c2c;
line-height: 1.3em;
text-align:justify;

/*scrollbar-face-color: #006400;
    scrollbar-shadow-color: #228b22;
    scrollbar-highlight-color: #98fb98;
    scrollbar-3dlight-color: #8fbc8b;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #eee8aa;*/
	
	SCROLLBAR-FACE-COLOR: #2f2e30;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #2f2e30;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #7b7b7b;
	SCROLLBAR-DARKSHADOW-COLOR: #2f2e30;
	

}

p{
padding:5px 0;}

/*******************************************************************/


/*********************************** MENU */

#menu{
width:200px;}

#menu li{
list-style:none;
}

#menu a{
display:block;
height:43px;
text-decoration:none;
margin-bottom:3px;
}

#menu a:hover{
background-position:bottom left;
}

#menu a span{
visibility:hidden;}

#menu div{
display:block;
height:43px;
margin-bottom:3px;
}

/*****************************************/


#content-large{
margin:auto;
width: 100%; 
}
#content{
margin:auto;
width: 848px;
}

#top{
height:120px;
}

#center{
height:698px;
}

#footer{
height:67px;
color:#FFFFFF;
font-size:11px;
/*background-image:url(/media/images/layout/background-footer.jpg);
background-repeat:repeat-x;*/
}

#footer a{
color:#FFFFFF;}

#footer span{
position:relative;
bottom:14px;}

#banner{
height:360px;
padding-top:30px;
}

#imgBanner{
height:324px;
width:848px;
background-color:#FFFFFF;
background-image:url(/media/images/layout/back-banner.jpg);
background-repeat:repeat-y;
background-position:top left;
/*border:2px solid #9a9a9a;
border-bottom:0;
border-top:0;*/
}

#textContent{}

#leftColumn{
float:left;
width:503px;
padding:28px 65px 0px 40px;
}

#rightColumn{
float:right;
width:240px;
}


/****************************************************************/

#titrePropulstation{
margin-bottom:10px;}

.propul, .station{
font-weight:bold;
text-transform:uppercase;
}

.propul{
color:#d40050;
}
.station{
font-style:italic;
color:#000000;
}

img{
border:none;}

img a{
border:none;}

a{
outline:none;
color:#D40050;}

a:hover{
color:#787878;}




/************************************************************** TOP */

#langues {
float:right;
background-color:#473e4a;
margin-top:20px;
padding-top:5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:72px;
height:22px;
position:relative;
margin-right:0;
padding-left:8px;
}

#langues img{
margin-left:3px;}


#btnAcheter{
float:right;
margin-right:40px;
position:relative;
top:25px;
}


/************* POUR IE 6*/

* html #btnAcheter{
float:right;
margin-right:15px;
position:relative;
top:35px;
}
/*****************/

/************* POUR IE 7*/

*+html #btnAcheter{
float:right;
margin-right:40px;
position:relative;
top:19px;
}

/****************/

#topRight
{
	float:right;
	margin-right:0;
}







/**********************************************************/

.left{
float:left;
}

.right{
float:right;
}

.spacer{
clear:both;
visibility:hidden;}

/***************************************************** slider */
/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 846px; 
	height: 324px; 
	/*overflow-y: auto;*/
    overflow-x: hidden;
    position: relative;
    clear: left;
	

}
.csw .loading {
	margin: 200px 0 300px 0; 
	text-align: center
}

.csw .panel {
/*	width: 790px; */
	height: 304px;
	padding:0 20px;
}


/********************************************** Titres */

h1{
color:#D40050;
font-size:18px;
margin-bottom:15px;
padding-bottom:5px;
display:block;
width:80%;
height:20px; 
float:left;}


h2{
color:#304564;
font-size:14px;
margin-bottom:8px;
margin-top:15px;}

/***************************************** 5 atouts */

div.5atouts {
border:1px solid red;}

ol{
margin:0 0 0 50px;}

ul.avecTitre li p{
margin-left:30px;}

strong{
color:#D40050;
}

#the_concept ul{
margin:8px 0px 8px 195px;
}




/*************************************** SLIDES */

#intro{
padding:0 20px 0 2px;
background-image:url(/media/images/slides/intro.jpg);
background-repeat:no-repeat;
margin-left:2px;
width:820px;
}

#intro-en{
padding:0 20px 0 2px;
background-image:url(/media/images/slides/intro-en.jpg);
background-repeat:no-repeat;
margin-left:2px;
width:820px;
}

#intro-nl{
padding:0 20px 0 2px;
background-image:url(/media/images/slides/intro-nl.jpg);
background-repeat:no-repeat;
margin-left:2px;
width:820px;
}

#intro div.content{
/*margin-top:50px;*/
}

#the_concept{
}







/********************************************* sfgg */

div.csw div.content{
	overflow: auto;
    /*overflow-x: hidden;*/
	height: 265px;
	/*padding-right:15px;*/
	width:805px;
/*	border:1px solid red;*/

}

div.csw div.panel {
	height:324px;
	/*border:1px solid blue;*/
	width:822px;
	}
	
	
/*********************************************** TABLEAU */

table{
width:500px;
margin:15px 0 0 1px;}

table td{
border:1px solid #CCCCCC;
height:25px;
padding-left:5px;
/*color:#999999;*/}

table td.noBorder{
border:none;}

table td strong{
color:#304564;}

td.colonneDonnees{
width:100px;}

td.colonneTitre{
width:300px;}





/************************************** Citation */

p.meeQuote {
color:#D40050;
font-size:16px;
font-style:italic;
line-height:22px;
padding:15px 35px 15px 30px;
position:relative;
text-align:left;
margin:15px 0;
}

p.meeQuote span {
display:block;
padding-left:30px;
padding-right:20px;
position:relative;
}

.quoteLeft {
left:30px;
top:0;
}

.quoteRight {
bottom:0;
right:32px;
}
.quoteLeft, .quoteRight {
position:absolute;
}

/******************************** ZOOM */

/*a.zoom:hover img {
border:3px solid #BBBBBB;
}
a.zoom img {
border:3px solid #DDDDDD;
margin-bottom:5px;
margin-right:10px;
}*/


/******************************** SCROLLBAR */
a.jScrollArrowUp {
	background: url(/media/images/layout/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(/media/images/layout/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.jScrollPaneDrag {
	background: #00f url(/media/images/layout/drag_grab.gif) no-repeat 50% 50%;
}


sup{
font-size:11px;
line-height:.4em;}


a.printer{
background-image:url(/media/images/layout/print.jpg);
background-repeat:no-repeat;
width:53px;
height:23px;
float:right;
margin-top:2px;
}

a.printer:hover{
background-position: 0px -28px;
}

div.h1 {
border-bottom:1px solid #787878;
color:#D40050;
display:block;
font-size:18px;
height:20px;
margin-bottom:15px;
padding-bottom:5px;
width:98%;
}