* {font-family:Arial, Helvetica, sans-serif}

html, body {margin:0; padding:0; background:#000}
object {outline:0}

h1 {font-size:26px; color:#FBB000; font-family:Impact; margin:8px 0}
h2, h3, h4, h5, h6, h2 *, h3 *, h4 *, h5 *, h6 * {color:#fff; margin:6px 0; text-decoration:none}
h2 {font-size:16px}
a {color:#fff; outline:0}

#fond_header {background:url(motif_haut.png) repeat-x}
#header {width:980px; margin:auto; height:220px; position:relative}
#footer {width:980px; margin:auto; clear:both; position:relative}
#header #lien_accueil {position:absolute; left:0; display:block; width:368px; height:154px; background:url(logo-ams.png); text-indent:-4000px}

#header ul#menu_haut {position:absolute; left:370px; top:65px; list-style-type:none; margin:0; padding:0}
#header ul#menu_haut li {float:left}
#header ul#menu_haut li a {float:left; display:block; margin:0 15px 0 0; text-indent:-4000px}
#header ul#menu_haut li a:hover, #header ul#menu_haut li.actif a {background-position:0 43px}
#header ul#menu_haut li#menu_haut_5 a {width:187px; height:43px; background-image:url(ville_chartres.png)}
#header ul#menu_haut li#menu_haut_6 a {width:174px; height:43px; background-image:url(ville_lehavre.png)}
#header ul#menu_haut li#menu_haut_7 a {width:128px; height:43px; background-image:url(ville_lille.png)}

#header ul#navigation {position:absolute; left:0px; top:170px; list-style-type:none; margin:0; padding:0}
#header ul#navigation li {float:left}
#header ul#navigation li a {float:left; display:block; margin:0 0 0 0; width:245px; height:50px; text-indent:-4000px}
#header ul#navigation li#menu1 a {background:url(menu1.png)}
#header ul#navigation li#menu2 a {background:url(menu2.png)}
#header ul#navigation li#menu3 a {background:url(menu3.png)}
#header ul#navigation li#menu4 a {background:url(menu4.png)}

#fond_content {background:#000}
#fond_content.sommaire {background:url(motif_blocs.png) #000 repeat-x}
#content {width:980px; margin:auto}


#fond_accueil {background:url(motif_bas.png) repeat-x; clear:both}
#accueil {width:980px; margin:auto}

ul#blocs {list-style-type:none; margin:0; padding:0}
ul#blocs li {float:left; width:245px}
ul#blocs li img {border:0}
ul#blocs li a {display:block; width:245px; height:195px; position:relative; text-decoration:none; text-transform:uppercase}
ul#blocs li p {padding:0 20px; position:absolute; bottom:10px; font-size:12px}

#bloc_note {width:430px; background:yellow; padding:0 22px 0 40px; background:url(accueil_separation.png) no-repeat right top; min-height:220px; clear:both; color:#fff; font-size:12px; float:left; overflow:hidden}
#bloc_note .visuel {float:left; margin:0 10px 10px 0}
#references {overflow:hidden; padding-left:26px}
#references img {border:0}

.lire_suite {color:#FBB000; font-size:14px; font-weight:bold; font-style:italic; text-decoration:none}
.lire_suite:hover {text-decoration:underline}

#footer {padding:20px 0 50px 0}

#footer ul#logos {clear:both; margin:60px 0 0 0; padding:0; list-style-type:none}
#footer ul#logos li {display:inline; padding:0 10px 0 0}

#footer ul#credits {list-style-type:none; margin:0 auto; padding:0; width:400px; text-align:center}
#footer ul#credits li {display:inline}
#footer ul#credits li a {color:#666666; font-size:12px; text-decoration:none; padding:5px}
#footer img {border:0}

.chapeau {color:#FBB000; font-size:16px}
.description {color:#fff; font-size:14px}
.description strong {color:#FBB000}

#rubrique {overflow:hidden; width:490px}

#droite {width:465px; float:right; overflow:hidden; padding:0 0 0 20px}
.visuel img {border:1px solid #fff}
.portfolio {margin:50px 0}
.portfolio h2 {display:none}
.portfolio img {border:1px solid #fff; margin:0 19px 19px 0}

#ariane, #ariane * {color:#666666; margin:0; font-size:12px; margin:30px 0 0 0; text-decoration:none}

ul#fonctions {list-style-type:none; margin:0; padding:0}
ul#fonctions li {float:left}
ul#fonctions li a {float:left; display:block; text-indent:-4000px}
ul#fonctions li#menu_bas1 a {width:124px; height:39px; background:url(bouton_contact.png)}
ul#fonctions li#menu_bas2 a {width:169px; height:39px; background:url(bouton_plan.png)}

.rubrique_liste {margin:20px 0; clear:both; overflow:hidden}
.rubrique_liste .chapeau {font-size:12px}
.rubrique_liste img {border:1px solid #fff; margin:0 10px 10px 0}

#formulaire_recherche label {color:#fff; font-size:12px}
#formulaire_recherche :first-letter {text-transform:uppercase}
#formulaire_recherche .text {color:#000; border:0}
#formulaire_recherche .submit {color:#000; background:#FBB000; border:0; font-weight:bold}
#formulaire_recherche #recherche {width:140px}

div.tooltip {color:#000; border:1px solid #000; padding:4px 8px; font-size:12px}


#rechercheItin {padding:8px 0}
#rechercheItin a {color:#fff}