body {background: url(../images/css/body.png) repeat-x top #181818; margin: 0 0; color: #cccccc; font-family: verdana; font-size: 11px;}
acronym{cursor: help;}
blockquote{padding: 10px; border: 1px dashed #cccccc; background: #101010;}
#global{width: 970px; margin: 0 auto; background-color: #181818;}

#header{width: 970px; height: 112px; background: url(../images/css/header.png) no-repeat center top; float: left;}
#header h1{color: #ffffff; float: right; font-size: 10px; margin: 5px 0 0 5px;}
#header h2{color: #ffffff; float: right; font-size: 10px; margin: 5px 0 0 5px;}
#header h3{color: #ffffff; float: right; font-size: 10px; margin: 5px 0 0 5px;}
#logo{float: left; margin-top: 50px;}
#intro{float: left; margin: 73px 0 0 10px;}
#info{padding: 5px; margin: -50px 5px 0 400px; float: right; width: 250px; height: 60px; border: 1px solid #1f2223; background: #101010;}
#information{float: left; margin-top: -40px;}

#menu{width: 970px; height: 45px; background: url(../images/css/menu.png) no-repeat center top; float: left;}

.f_right{float: right; margin-bottom: 15px;}
.f_left{float: left; margin-bottom: 15px;}
.p_right{margin-left: 10px;text-align: left;}
.p_left{margin-right: 10px;text-align: left;}

.ta_r{text-align: right;}
.ta_l{text-align: left;}
.ta_j{ text-align: justify;}
.ta_c{text-align: center;}
.b_0{border: 0px;}
.cursor_p{cursor: pointer;}
.td_n{text-decoration: none;}
.td_n_hover:hover{text-decoration: underline;}

.bold{font-weight: bold;}

.orange{color: #ff6d00;}
.jaune_{color: #ffff86;}
.gray{color: #cccccc;}

.lh_18{ line-height: 18px;}
.lh_20{line-height: 20px;}

.fs_11{font-size: 12px;}
.fs_12{font-size: 12px;}

.td_dashed{text-decoration: none;}
.td_dashed:hover{border-bottom: 1px dashed;}

.link_text{text-decoration: underline; color: #ffff86;}
.tags:hover{color: #ff6d00; border-bottom: 1px dashed; border-top: 1px dashed;}
.a_h2{color: #5776d0;}
.rose_google{color: #ff756b;}
.a_listing_ref{color: #ffff86; font-size: 12px; display: inline-block; margin: 1px; text-decoration: none; padding-bottom: 5px;}
.a_listing_ref:hover{border-bottom: 1px dashed; padding-bottom: 4px;}
.link_see_too{font-style: italic; text-decoration: none;}
.link_see_too:hover{color: #5776d0;}


.span_in_h{font-size: 12px; font-weight: normal;}

#a_menu{display: inline-block; margin-top: 15px;}
.a_menu {font-size: 14px; display: inline-block; padding: 0 5px 0 15px;}
.a_menu a{padding-left: 15px; font-weight: bold; text-decoration: none; color: #cccccc;}
.a_menu a:hover{background: url(../images/css/fleche_hover.png) no-repeat 0 4px; color: #ffff86;}
.a_menu a.current_page{background: url(../images/css/fleche_activ.png) no-repeat 0 4px; color: #ff6d00;}
#fluxrss{float: right; padding-left: 25px;}
#imgfluxrss{margin-top: -2px;}

/* fil d'ariane */
#ariane{margin: 0 0 5px 0; padding: 0 0 0 10px;}
.a_ariane{font-style: italic; color: #cccccc; text-decoration: none;}
.a_ariane:hover{border-bottom: 1px dashed;}

#contain{width: 970px; float: left;}
.bloc{float: left; margin: 5px 10px 0 0; border: 1px solid #1f2223; background: #101010;}
#leftColumn{width: 210px;}

#middleColumn{width: 500px; padding: 10px; padding-top: 0;}
#middleColumn h2{line-height: 22px; padding: 0 0 10px 30px; margin: 20px 0 20px 0; background: url(../images/h2.png) no-repeat 0 0; font-size: 18px; color: #5776d0; border-bottom: 1px dashed #5776d0;}/* border: 1px solid #1f2223; */
#middleColumn h2:first-letter{color: #ffffff;}
#middleColumn h3{font-size: 15px; margin: 0 0 10px 0;}/* border: 1px solid #1f2223; */
#middleColumn h4{font-size: 15px; margin: 0 0 10px 0;}/* border: 1px solid #1f2223; */
#middleColumn div.showroom{padding: 5px 10px 15px 15px; background-color: #181818; margin-bottom: 10px; line-height: 18px;}/* border: 1px solid #1f2223; */
#middleColumn div.showroom:hover{background-color: #1f2223;}/* border: 1px solid #1f2223; */

#middleColumn div.prestation_internet{padding: 5px 10px 15px 15px; background-color: #181818; margin-bottom: 10px; line-height: 18px;}/* border: 1px solid #1f2223; */
#middleColumn div.prestation_internet:hover{background-color: #1f2223;}/* border: 1px solid #1f2223; */
#middleColumn div.prestation_internet img{float: right; margin: -25px 0 0 15px;}
#middleColumn div.prestation_internet h4{float: left;}

#listing_ref{ margin-top: 10px;}
#listing_ref h3{font-size: 13px;}
.star{position:relative; top: 3px; *top: -3px;}

.marker_google{float: left; margin-top: 2px;}

.demos{background: url(../images/css/demos_web.png) no-repeat 0 1px; padding-left: 25px; color: #cccccc;}
.demos:hover{border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc; *background: url(../images/css/demos_web.png) no-repeat 0 2px;}
.db{display: block;}
.sep{clear: both;}
.ss_titre{font-size: 18px;}

#rightColumn{width: 210px; margin-right: 0px;}

.menu{display: block; width: 198px; margin: 0;}
.elt_menu_right{margin-top: 3px; display: inline-block;}
.elt_menu_google{margin-top: 3px; display: inline-block;}
span.elt_menu_right{font-size: 12px; font-weight: bold; color: #ffff86; margin-top: 5px;}
a.elt_menu_right{padding-left: 15px; font-size: 11px; color: #cccccc;}
a.elt_menu_google{padding-left: 15px; font-size: 11px; color: #cccccc;}
a.elt_menu_google:hover{color: #ff756b;}
a.elt_menu_right:hover{background: url(../images/css/fleche_hover.png) no-repeat 0 2px; color: #ffff86;}
a.elt_menu_right_activ{background: url(../images/css/fleche_activ.png) no-repeat 0 2px; color: #ff6d00;}
a.elt_menu_right_activ:hover{background: url(../images/css/fleche_activ.png) no-repeat 0 2px; color: #ff6d00;}
.title_menu{border-bottom: 1px solid #000000; height: 25px; padding-left: 10px;}
.link_menu{border-bottom: 1px solid #000000; width: 198px; border-top: 1px solid #1f2223; background: #131313; height: 25px; padding-left: 10px;}
#tags_presta{border-top: 1px solid #1f2223; padding: 5px; line-height: 25px;}
#tags_presta span{cursor: pointer;}

.sondage_f{}
.sondage{border-top: 1px solid #1f2223;padding: 10px;} /* border-bottom: 1px solid #000000; */
#img_vote{margin: 10px 0 0 150px;}

#footer{width: 950px; padding: 10px; font-size: 10px;}
#footer a{text-decoration: none; color: #cccccc;}
#footer a:hover{text-decoration: underline;}

/* devis express */
.inputDevEx{width: 119px; border: 1px solid #4b4b4b; font-family: arial; color: #4b4b4b; font-size: 11px; height: 12px;}
.lib_d_ex{display: inline-block; width: 55px; text-align: left; margin-top: 8px; margin-left: 20px;}
#requis{display: inline-block; text-align: left; position: relative;  top: 0px; margin-left: 10px; color: #ff6d00; font-size: 10px; font-style: italic;}
#form_dev{margin: 0;}

/* INTRO */
.intro{padding: 0 10px 10px 0;}

/* espace div démos */
#spaceDemo{padding: 5px 10px 15px 15px; margin-bottom: 10px; background: #1f2223; margin-top: 15px; border: 1px solid #1f2223;}
#spaceDemo h3{padding-left: 20px; background: url(../images/css/demos_web.png) no-repeat 0 1px;}
#spaceDemo:hover{background: #1f2223;}
.buttonGoogle{background: #cccccc;  border: 1px solid #1f2223; height: 17px; font-size: 10px;}
.float_google{float: left; height: 400px;}
.google_map{width: 450px; height:315px; border: 1px solid #000000; z-index: 2; overflow: hidden; margin-left: 10px;}
.picto_critere{position: relative; top: 3px; left: 5px;}
#nav_page_haut3 a{color: #ffff86;}
#nav_page_haut4 a{color: #ffff86;}

.listing_ li{margin-top: 20px;}
#list_annuaire {margin-top: 25px;}
#list_annuaire a{color: #ffff86; text-decoration: none;}
#list_annuaire a:hover{color: #5776d0;}
#list_annuaire img{border: 0; margin: 25px;}
#partnerlink {margin-top: 25px;}
#partnerlink a{color: #ffff86;}

#concept{*margin-left: 15px; padding-left: 15px; *padding-left: 0px;}
#concept li{margin-bottom: 15px;}

.backtop{position: relative; left: 10px; top: 1px;}

/* LI */
li.mg_b_20{margin-bottom: 20px;}
li.mg_b_20 h5{font-size: 12px; margin: 0 0 10px 0;}
a.backtop{background: url(../images/css/backtop.png) no-repeat 0 3px; display: inline-block; width: 13px; height: 11px; text-decoration: none;}
a.wordpress{position: relative; top: 3px; *top: -3px;}
pre{padding: 10px 10px 10px 0; border: 1px dashed #016b93; background: #fff; color: #000;}
.mot_reserve{color: #016b93; font-style: italic;}
.comment{color: green;}