div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html,body{margin:0;padding:0}
html{overflow:-moz-scrollbars-vertical;overflow-y: scroll;}
body{
	background: #161419 url("../images/v1_trame_fond.gif") repeat;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff; 
}

iframe{ background-color:transparent}
p{margin:0 10px 10px}
a{/*display:inline;*/color:#ccc;text-decoration:none;font-weight:bold}
a:hover{color:#ddd}
a:focus, a:active {outline: none;}
.clear{clear: both;font-size:2px;}


div#header{position:relative;background: url("../images/v1_header.png") no-repeat 0 0}
div#header{height:175px;margin:0;padding:0;}
/*div#header{border-bottom:1px solid #fff}*/
div#header a{ }

div#email-header{ position:absolute;top:137px;left:735px }
div#email-header span{cursor:pointer}
div#email-header input{font-size:.9em;background:#FF0000;width:110px;border:1px solid #fff;color:#ffc}


div#container{text-align:left;background: url("../images/v1_content_fond.gif") no-repeat 50% 175px}
div#container{width:960px;margin:0 auto;margin-top:0;margin-bottom:5px}
/*div#container{border:1px solid #ccc}*/

div#content-box{float:left;margin:0;width:600px} /*  */
div#content-map{position:relative;margin:10px 5px 5px 10px;width:577px} /* width:610px */
div#content-map{border:1px solid #c33}
div#content-map p{line-height:1.1em}
div#content-map{
/*
min-height:320px;
height:auto !important;
height:320px;
*/
}

div#news-sticker{height:30px; min-height:30px}

div#content-bas{position:relative;margin:20px 5px 5px 10px;width:580px;font-size:.9em;}
div#content-bas{background:none;border:none}
div#content-bas p{line-height:1.4em}
div#content-bas{
min-height:300px;
height:auto !important;
height:300px;
}

.content-bas-left{float:left;position:relative;margin:0;width:280px;border:1px solid #3cf;background:#fc001c;text-align:center} /* width:200px */
.content-bas-left p{font-size:1em;text-align:justify;border:none}
.content-bas-right{float:right;position:relative;margin:0 0 10px 0;width:280px;border:1px solid #FDF420;}
.content-bas-map{float:right;position:relative;margin:0 0 10px 0;width:280px;border:1px solid #FDF420;}

div#navigation-box{float:right;margin:0;width:360px}
.navigation{position:relative;background:none}
.navigation{margin:10px 10px 5px 5px;width:290px}
.navigation{border:1px solid #f00}
.navigation{
min-height:100px;
height:auto !important;
height:100px;
}

div#extra-box{float:right;clear:right;margin:0;width:360px;font-size:.8em}
.extra{position:relative;background:#393738}
.extra{margin:5px 10px 5px 5px;width:290px} /* 330 - 2 - 10 - 5 */
.extra{border:1px solid #f00}

.titreNavigation{margin:5px 10px 0px 5px}
.titreNavigationLeft{float:right;margin:0 0 5px 0}

div#footer{background:none;color: #fff}
div#footer p{margin:0;padding:5px;text-align:right;font-size:.9em;color:#666;}
div#footer a{/*display:inline;*/padding:0;color: #666}
div#footer{clear:both;width:900px}

.titre-box{position:absolute;display:block;width:90%;height:36px;line-height:36px;top:0;left:0;color:#fff;background:#000}
.titre-box{padding-left:.5em;font-weight:normal;letter-spacing:.05em}
.titre-box{
font-size:.9em !important;
font-size:.7em ;
}

.annonce-image{float:left;width:110px;text-align:center}
.annonce-image img{border:1px solid #fff}
.annonce-description{float:right;width:290px;text-align:left}
.annonce-plus{margin:0 auto;width:80%;text-align:center;height:2em;line-height:2em;border-top:1px dotted #000;border-bottom:1px dotted #000;}


.search-droit {font-size:.9em}
.search-droit table{margin-left:auto;margin-right:auto;}
.search-droit table.padded-table td {padding:2px; }
.btnform{margin:0 auto;width:98%;text-align:center;height:2em;line-height:2em;border-top:1px dotted #000;border-bottom:1px dotted #000;}
.btnform a{margin:0 auto;width:80%;text-align:center;border:1px solid #999;padding:2px 10px}
.btnform span{margin:0 auto;width:80%;text-align:center;border:1px solid #999;padding:10px 10px 2px;cursor:pointer}

input, select{font-size:1.1em;background:#FF0000;width:99%;border:1px solid #fff;color:#ffc}
textarea{font-size:1.3em;background:#FF0000;width:99%;border:1px solid #fff;color:#ffc}

.annoncePara p{margin-right:10px;color:#fff;font: normal .9em/1em Verdana, Arial, Geneva, Helvetica, sans-serif;text-align:justify}

.navpage ul
{padding: 1px; margin: 0 auto;list-style-type: none;background-color:#000;color: #000;width: 98%;text-align: center;font-weight: bold;}
.navpage li 
{display: inline; font: .9em/1em Verdana, Arial, Geneva, Helvetica, sans-serif;}
/*.navpage li a
{text-decoration: none;background-color:#000;color: #fff;padding: .7em .2em .1em .2em;border-right: 1px solid #999;border-left: 1px solid #999;font-weight: normal;}*/
.navpage li a
{text-decoration: none;background-color:#fff;color: #000;padding: .5em .2em .1em .2em;font-weight: normal;}
.navpage li a:hover
{background-color:#999;color: #fff;padding: .7em .2em .1em .2em;}
.navlistpage a:link.current, .navlistpage a:visited.current, .navlistpage a:hover
{background:#fc0;color: #000;padding: .5em .2em .1em .2em;}

/*img, div, a, input { behavior: url(../styles/iepngfix.htc) }*/

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
/*
border: 1px solid #000;
background: #fff; 
*/
width: 580px; 
height: 30px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 580px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 580px;
font: normal 1em Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ffc;
font: normal 1em Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

