* { margin: 0; padding: 0; }
body { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; }
img { border: 0; }

/* LIBRARY */
.clear { clear: both; }
.hid { display: none; }
.t_center { text-align: center; }
.big_14 { font-size: 14px; }
.small_10 { font-size: 10px; }
.vert { color: #65d80b; }
.orange { color: #ff9900; }
.rouge { color: #c50d22; }
.bold { font-weight: bold; }


a { color: #c50d22; }

#top { position: relative; width: 100%; height: 240px; background: url(images/bg_top.gif) repeat-x 0 170px; }
.top_agence { border-top: 3px solid #d01044; }
.top_actu { border-top: 3px solid #ea8e1d; }
.top_prestation { border-top: 3px solid #e4c909; }
.top_photo { border-top: 3px solid #65d80b; }
.top_contact { border-top: 3px solid #14c0e3; }

#global { position: relative; width: 860px; margin: 0 auto; padding: 20px 0 0 0; }
#global #top_fake { position: absolute; top: -237px; left: 0; width: 860px; height: 235px; }
#global #top_fake #menu { display: block; position: absolute; bottom: 3px; _bottom: 2px; left: 5px; width: 870px; height: 60px; list-style: none;background: url(images/bg_menu.gif) no-repeat  0 0; overflow: hidden; }
#global #top_fake #menu li { display: block; float: left; width: 166px; height: 60px; margin-right: 5px; }
#global #top_fake #menu li a { display: block; position: relative; width: 166px; height: 40px; padding-top: 20px; text-align: center; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; background: url(images/focus.gif) no-repeat top left; }
#global #top_fake #menu li.on a, #global #top_fake #menu li a:hover { color: #000; background-position: top right; }
#global #top_fake #logo { position: absolute; top: 20px; left: 5px; }
#global #top_fake #bann_img { position: absolute; top: 0; right: 10px; width: 532px; height: 167px; }
#global #foot { margin: 20px 0 0 0; border-top: 8px solid #e3e3e3; padding: 5px; text-align: center; font-size: 11px; color: #888; }
#global #foot ul { display: block; list-style: none; text-align: center; }
#global #foot ul li { display: inline; border-right: 1px solid #888; padding: 0 3px 0 5px; }
#global #foot a { color: #666; text-decoration: none; }
#global #foot a:hover { text-decoration: underline; }

.list_item { list-style: none; margin: 0; padding: 0; }
.list_item li { display: block; width: 285px; float: left; margin: 10px auto; }
.list_item li h2 { font-size: 16px; margin: 5px 0; }
.list_item li h2.actu a { text-decoration: none; color: #ea8e1d; }
.list_item li h2.galerie a { text-decoration: none; color: #65d80b; }
.list_item li .cadre_image { display: block; position: relative; float: left; width: 106px; height: 106px; margin-right: 10px; background: url(images/cadre_85.gif) no-repeat; }
.list_item li .cadre_image .image { display: block; position: absolute; top: 11px; left: 11px; width: 85px; height: 85px; overflow: hidden;  }
.list_item li .desc a { color: #777; text-decoration: none; }


.list_item2 { list-style: none; margin: 0; padding: 0; }
.list_item2 li { display: block; float: left; width: 285px; margin: 10px 0; }
.list_item2 li h2 { display: block; text-align: center; font-size: 16px; margin: 5px 0; }
.list_item2 li h2.actu a { text-decoration: none; color: #ea8e1d; }
.list_item2 li h2.galerie a { text-decoration: none; color: #65d80b; }
.list_item2 li .cadre_image { display: block; position: relative; width: 212px; height: 154px; margin: 0 auto; background: url(images/cadre_212.gif) no-repeat; }
.list_item2 li .cadre_image .image { display: block; position: absolute; top: 11px; left: 11px; width: 192px; height: 133px; overflow: hidden;  }
.list_item2 li .desc a { color: #777; text-decoration: none; }

.form_contact p { display: block; clear: both; padding: 10px 0; }
.form_contact p label { display: block; float: left; width: 200px; padding-right: 10px; font-weight: bold; color: #888; text-align: right; font-size: 13px; }
.form_contact p input.text { display: block; float: left; width: 300px; }
.form_contact p textarea { display: block; float: left; width: 450px; height: 250px; font: 11px Verdana; }

.multipage { margin: 0 auto; text-align: center; color: #535353; }
.multipage a { color: #535353; text-decoration: none; }
.multipage a:hover { color: #e88a17; text-decoration: underline; }

.media { display: block; padding: 20px 0 0 0; }
.media a { padding: 10px 0 10px 30px; color: #666; background: url(images/save.gif) no-repeat 0 2px; text-decoration: none; }
.media a:hover { text-decoration: underline; }

#flags { position: absolute; top: 0; right: 0; width: 100px; height: 50px; overflow: hidden; z-index: 10; }

.article_agence a { color: #666; text-decoration: none; }
.article_agence a:hover { text-decoration: underline; }