* { padding:0; margin:0; border:0 }

body { color:#000; font-family:verdana,arial; font-size:10px; background:url(motif-fond.jpg) #000; text-align:justify }
a { color:#b4ab07; text-decoration:none }
a:hover,a:active { text-decoration:underline }
a:focus { outline:none }

h2 { font-size:10px; color:#b4ab07; font-weight:bold }

.no_display { display:none }
.right { margin-left:10px; float:right }
.clear { clear:both; }

#bulleDiv { display:none; padding:5px; color:#000; background:#f2f2f2; border:1px solid #DDD }

#main { background:url(main.png) top repeat-x; min-width:1070px }
#main_logo { background:url(logo-oc-fondu.png) 0 10px no-repeat; width:1070px; margin:0 auto }
#main_titre { }
#main_soustitre { }
#main_filigrane { }
#main_illustration { height:684px; padding-left:207px }

#logo { margin-top:140px; margin-bottom:15px }

#menu { width:570px; float:right; font-size:11px }
#menu a,#menu span { color:#000; text-decoration:none; display:block; padding:10px; padding-top:135px; min-width:43px; float:left; cursor:pointer }
#menu a:hover { color:#b4ab07 }

#menu a#accueil { background:center 40px no-repeat }
#menu a#actualite { background:center 9px no-repeat }
#menu a#partenaire { background:center 40px no-repeat }
#menu a#contact { background:center 23px no-repeat }

#menu span#realisation { background-position:center 30px; background-repeat:no-repeat }
#menu span.realisation_over { color:#b4ab07 }

#deroule { position:relative; clear:right; width:570px; height:126px; float:right; overflow:auto }
#deroule #real { float:left; width:150px; margin-left:145px }
#deroule #real a,#deroule #real span { display:block }
#deroule #real span {}
#deroule a:hover,#deroule a:active { text-decoration:none; color:#000 }

a#mention { text-decoration:none; display:block; clear:both; color:#999; text-align:center; margin-top:4px }