/* ******** GENERALITES ************************************************************************** */

body {
	background: #e5e5e5 url(../img/fd.gif) center repeat-y; 
	text-align: center;
}
body, div, td, th, textarea, input, select, p {
	font-size: 11px; 
	color: #000000; 
	font-family: arial, sans-serif; 
	text-align: left; 
}
td {
	vertical-align: top;
}
* {
	margin: 0;
	padding: 0;
}
img { border: none; }

a, a:link { 
	text-decoration: none; 
	color: #0066a5; 
	font-size: 11px;
}
a:hover { 
	text-decoration: underline; 
	color: #0066a5; 
}


DIV#allcontent {
	background: #FFFFFF url(../img/fd_left.gif) repeat-y;
	margin: 0px auto; 
	width: 755px; 
	position: relative;
}
DIV#maincontent {
	float: right; 
	width: 539px;
	padding: 15px;
}









/* ******** HEADER ************************************************************************** */

DIV#header {
	WIDTH: 755px; HEIGHT: 154px; background-image: url(../img/bandeaux/img.php); border-bottom: 1px solid #FFFFFF;
}
DIV#header div#logo {
	MARGIN-TOP: 30px; PADDING-LEFT: 30px; FLOAT: left
}
DIV#header A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
DIV#search-trans {
	WIDTH: 260px; HEIGHT: 72px; 
	FLOAT: right; POSITION: relative; TOP: 0px; RIGHT: 0px; 
	moz-opacity: 0.5; opacity: 0.5;
	BACKGROUND: #000; FILTER: alpha(opacity=30); 
}
DIV#search { 
	WIDTH: 230px; HEIGHT: 72px; 
	FLOAT: right; POSITION: relative; TOP: -70px; RIGHT: 15px; 
	COLOR: #fff; 
}
DIV#search P {
	FONT-SIZE: 11px;
}
DIV#search P A {
	COLOR: #fff; TEXT-DECORATION: none; 
}
DIV#search P.links {
	FLOAT: right; MARGIN: 8px 0px 13px 0px; text-align: right;
}
.recherche {
	FONT-WEIGHT: bold; 
	line-height: 20px; 
	padding-left: 1em;
	color: white;
	width: 70px;
}
input#search1 { 
	BORDER: #000000 1px solid; FONT-SIZE: 11px; 
	WIDTH: 128px; HEIGHT: 15px; LINE-HEIGHT: 10px; 
	POSITION: absolute; TOP: 35px; LEFT: 75px;
	padding-left: 2px; padding-top: 3px;
}
input#search2 { 
	BACKGROUND: url(../img/searchbtn.gif); 
	HEIGHT: 20px; WIDTH: 20px; 
	BORDER: none; 
	POSITION: absolute; LEFT: 210px; TOP: 35px; 
	font-size: 0;
}








/* ******** BARRE DE NAVIGATION HORIZONTALE *********************************************************** */

DIV#menubar {
	BACKGROUND: url(../img/fd_menubar.gif); HEIGHT: 33px; padding-left: 1.5em; padding-right: 1.5em;
}

DIV#menubar UL {
	BACKGROUND: url(../../img/bgmenubutton.jpg)
}
DIV#menubar UL LI {
	DISPLAY: inline; padding-right: 1em;
}
DIV#menubar UL LI a#selected {
	COLOR: #ffcb00! important
}
DIV#menubar UL LI A {
	font-familly: arial narrow; font-weight: bold; color: #FFFFFF ; DISPLAY: inline; FONT-SIZE: 11px; LINE-HEIGHT: 31px; text-transform : uppercase; 
}
DIV#menubar UL LI A:link {
	TEXT-DECORATION: none
}
DIV#menubar UL LI A:visited {
	TEXT-DECORATION: none
}
DIV#menubar UL LI A:hover {
	COLOR: #ffcb00; TEXT-DECORATION: none;
}
DIV#menubar UL LI.selectedmenu A {
	COLOR: #ffcb00! important
}








/* ******** NAVIGATION A GAUCHE ********************************************************************************* */

#leftbottom {
	WIDTH: 185px; BOTTOM: 87px; POSITION: absolute;
}
DIV#leftcol {
	BACKGROUND: #f0f1f3; FLOAT: left; PADDING-BOTTOM: 190px; WIDTH: 185px; border-right: 1px solid #cccccc;
}
DIV#leftcol div a {
	color: #000000;
}
DIV#leftcol #nav {
	height: 380px;
}
DIV#leftcol .nav1, DIV#leftcol .nav2, DIV#leftcol .nav3, DIV#leftcol .nav4 {
	margin: 5px; 
	border-bottom: 1px solid #cccccc;
}
DIV#leftcol .nav1 {
	padding: 0px 0 5px 15px;
	background: url(../img/puces/arrow_nav_inactive.gif) no-repeat;
	background-position: 0 3px;
}
DIV#leftcol .select {
	font-weight: bold;
	background: url(../img/puces/arrow_nav_active.gif) no-repeat;
}
DIV#leftcol .nav2 {
	padding: 0px 0 5px 30px;
	background: none;
}
DIV#leftcol .nav3 {
	padding: 0px 0 5px 45px;
	background: none;
}
DIV#leftcol .nav4 {
	padding: 0px 0 5px 60px;
	background: none;
}






#leftbottom #contact {
	background: #dededf url(../img/bloc_nav_contact.png) right top no-repeat;
	margin: 0;
	padding: 38px 15px 13px 15px;
}
DIV#leftcol #contact a {
	color: #0066a5;
}
#leftbottom #reseau {
	background: #feb206 url(../img/bloc_nav_reseau.png) top repeat-x;
	margin: 0;
	padding: 12px 0px 13px 15px;
}












/* ******** BAS DE PAGE ********************************************************************************* */

#footer {
	CLEAR: both; BACKGROUND: url(../img/fd_banbas.gif) #5b5b5b repeat-x; HEIGHT: 87px; width: 755px; text-align: left; 
}
#footer P {
	FONT-SIZE: 11px; MARGIN-LEFT: 10px; PADDING-TOP: 14px; COLOR: #e5e5e5;
}
#footer P A {
	COLOR: #e5e5e5;
}
#footer P A:link {
	TEXT-DECORATION: none; COLOR: #e5e5e5;
}
#footer P A:visited {
	TEXT-DECORATION: none; COLOR: #e5e5e5;
}
#footer P A:hover {
	TEXT-DECORATION: underline; color: #FFFFFF;
}









/* ******** BLOCS SUR PAGE D'ACCUEIL + ENTETES GABARIT ************************************************************************** */

div#enteteJaune {
	background: #ffd328 url(../img/home/fd_jaune.gif) bottom repeat-x; height: 103px; padding: 0 400px 0 15px;
}
div#enteteJaunePage {
	background: #ffd328 url(../img/home/fd_jaune.gif) bottom repeat-x; margin: -15px; margin-bottom: 15px; padding: 13px 14px 15px 14px;
}
div#blocNoir  {
	border: 1px solid #000000; width: 353px; position: absolute; right: 15px; margin-top: 15px;
}
div#blocNoir div {
	background: #5b5b5b url(../img/home/fd_noir.gif) top repeat-x; border: 1px solid #898989; color: #FFFFFF; padding: 12px;
}
div#blocNoir div br {
	font-size: 8px;
}
div#blocNoir div a {
	color: #ffc412;
	font-weight: bold;
}
div#blocEnvironement {
	background: #e5e5e5 url(../img/home/fd_environement.png) bottom right no-repeat; width: 327px; padding: 12px 13px 11px 13px; 
	border-top: 1px solid #999999; border-left: 1px solid #999999;
	border-bottom: 1px solid #5d5e5f; border-right: 1px solid #5d5e5f;
}
div#blocEnvironement br {
	font-size: 8px;
}
div#blocEnvironement a {
	color: #0066a5;
	font-weight: bold;
}


#disclaimer
{
	font-size: 11px; 
	color: red; 
	font-family: arial, sans-serif; 
	text-align: left; 
	text-decoration: none;
}


/* ******** OCCASIONS ************************************************************************** */

div#occasionSearch {
	background: #f0f1f3 url(../img/occasions/fd_recherche.png) top repeat-x;
	height: 200px;
	padding: 1.8em;
}
table.H4 td {
	FONT-SIZE: 11px; 
	background-color: #999999; 
	color: #FFFFFF; 
	padding: 2px 3px 3px 0px;
	text-align: left;
	TEXT-TRANSFORM: uppercase;
	FONT-WEIGHT: bold; 
	font-family: arial narrow;
}
table.H4 td a {
	FONT-SIZE: 11px; 
	color: #FFFFFF; 
	TEXT-TRANSFORM: uppercase;
	FONT-WEIGHT: bold; 
	font-family: arial narrow;
}





/* ******** TITRES ET STYLES DE TEXTES ************************************************************************** */


H1, H2, H3, H4, H5, H6 {
	TEXT-TRANSFORM: uppercase;
	FONT-WEIGHT: bold; 
	font-family: arial narrow;
}
H1 {
	FONT-SIZE: 20px; padding-bottom: 7px; 
}
H2 {
	FONT-SIZE: 18px; padding-bottom: 10px;
}
H3 {
	FONT-SIZE: 11px; padding-bottom: 7px;
}
H4 {
	FONT-SIZE: 11px; 
	background-color: #999999; 
	color: #FFFFFF; 
	padding: 2px 3px 3px 5px;
	text-align: left;
	margin-bottom: 8px;
}

H5 {
	FONT-SIZE: 14px; MARGIN: 20px 0px 8px
}
H6 {
	FONT-SIZE: 12px; MARGIN: 4px
}

.jaune { color: #ffc412; }
.bleu  { color: #0066a5; }




DIV#maincontent ul {
	list-style-image:url(../img/puces/arrow_li.gif);
	padding: 0;
	padding-left: 0.5em;
	margin: 0.6em 0 0.3em 2.5em;
	line-height: 1.6em;
}
DIV#maincontent li {

}
DIV#maincontent li a, DIV#maincontent li a:link, DIV#maincontent li a:visited {
	text-decoration: none;
}
DIV#maincontent li a:hover, DIV#maincontent li a:active {
	text-decoration: none;
}















#langsel {
	DISPLAY: none; Z-INDEX: 10; LEFT: 80px; WIDTH: 20px; POSITION: absolute; TOP: 25px; HEIGHT: 50px; BACKGROUND-COLOR: #000000;
}


.spacer_black
{
    background: #ffffff url("/img/fd_banbas.gif") repeat-x top center;
    height: 2px;
}

.search_cloud
{
    margin: 2px;
}

.search_cloud_container
{
    float:left;
    clear:both;
    width:100%;
}
.search_cloud a.size_1
{
    font-size: 9pt;
    color: #0066A5;
    text-decoration: none;
}

.search_cloud a.size_1:hover
{
    text-decoration: underline;
}

.search_cloud a.size_2
{
    font-size: 10pt;
    color: #0066A5;
    text-decoration: none;
}

.search_cloud a.size_2:hover
{
    text-decoration: underline;
}

.search_cloud a.size_3
{
    font-size: 11pt;
    color: #0066A5;
    text-decoration: none;
}

.search_cloud a.size_3:hover
{
    text-decoration: underline;
}