body{
font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	line-height: normal;
	background-color:#f9fbfa;
}



/* /////////////////////// 
 Bandeau du haut 
 ////////////////////////// */

.preload17a {background: url(../imgs/bandeauh/pro_seventeen_1a.gif);}
.preload17b {background: url(../imgs/bandeauh/pro_seventeen_1b.gif);}
.menu {padding:0; margin:0; list-style:none; height:35px; position:relative; background:transparent url(../imgs/bandeauh/pro_seventeen_0c.gif) repeat-x left bottom; font-size:11px;}
.menu li {
float:left;
height:35px;
margin-right:1px;
margin-top:15px;
}

.menu li a {
display:block; 
float:left; 
height:35px; 
line-height:33px;
text-decoration:none;
font-weight:bold;
text-align:center;

padding:0 0 0 4px;
cursor:pointer;
background:url(../imgs/bandeauh/pro_seventeen_0a.gif) no-repeat;
}


.menu li a:visited {
color:#000;
}


.menu li a b {
float:left;
display:block;
padding:0 16px 5px 12px;
background:url(../imgs/bandeauh/pro_seventeen_0b.gif) no-repeat right top;
}

.menu li.current a {
color:#2d00f7;
background:url(../imgs/bandeauh/pro_seventeen_2a.gif) no-repeat;
}
.menu li.current a b {
background:url(../imgs/bandeauh/pro_seventeen_2b.gif) no-repeat right top;
}

.menu li a:hover {
color:#000; background: url(../imgs/bandeauh/pro_seventeen_1a.gif) no-repeat;
}

.menu li a:hover b {
background:url(../imgs/bandeauh/pro_seventeen_1b.gif) no-repeat right top;
}

.menu li.current a:hover {
color:#000;
background: url(../imgs/bandeauh/pro_seventeen_2a.gif) no-repeat; 
cursor:default;
}

.menu li.current a:hover b {
background:url(../imgs/bandeauh/pro_seventeen_2b.gif) no-repeat right top;
}

/*-----------------------------------------*/

#maincontainer{
position:relative;
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
/*background-color:#FFFFFF;*/
z-index:0;

}

#topsection{
height: 90px; /*Height of top section*/
width:840px;
float:right;

}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
top:60px;
position:relative;
font-size:14px;
margin-top:0px;
z-index:-1;

/*
background-image:url(../imgs/motif1.jpg);
background-repeat:repeat-x;
background-position:top left;*/
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
position:relative;
top:-90px;
float:left;
width: 160px; /*Width of left column in pixel*/
height:768px;

margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
background-image: url(../imgs/bandeau_g.png);
background-repeat:no-repeat;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}

.footer{
clear: left;
width: 950px;
color: #535353;
text-align:right;
padding: 0 20px 20px 0;
font-size:10px;
}

.footer a{
color: #807bbb;
text-decoration:none;
font-weight:bold;
}

.footer a img{
border:none;
color: #807bbb;
text-decoration:none;
font-weight:bold;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 60px;;
width:700px;
}

#bandeauh{
display:block;
padding:0px 0 0 30px;
font-family: 'Ubuntu Condensed', sans-serif;

width:840px;
height:95px;
background-image:url(../imgs/bandeau_h.jpg);
background-repeat:no-repeat;
background-position:left;
margin:0; /*Margins for inner DIV inside each column (to provide padding)*/

}

#bandeauh_titre{
padding:0 0 0 20px;
font-size:3.4em;
color:#1569e7;
}

#bandeauh_txt{
padding:0 0 0 50px;
font-size:1.1em;
color:#5b5b5b;
}


