/* CSS Articles */
#contenuart2 {position:absolute; font-family:verdana; margin:0 0 0 10px; width:936px; padding: 0 0 40px 0;}
#sidebarmenuart2 {position:absolute; width:160px; top:187px; left:786px;margin:0;}

/* SOMMAIRE ARTICLES */

#guidedossiers {height:1px; margin:0 0 40px 5px;}
.separ3 {border-bottom : 1px solid #D5E4AB;margin:10px 0 10px 0;}
#guidedossiers ul {list-style-type:none;margin: 0;padding: 0;}
#guidedossiers li {float:left;color:#FFF;background-color:#5D78B3;}
#guidedossiers li  a{background: #ACBBDF url(design/menuart-li1.png) no-repeat;color: #009; font-size:9pt; padding:3px 15px 3px 15px;text-decoration:none;}
#guidedossiers li  a:hover{background: #CBD5EB url(design/menuart-li1-on.png) no-repeat;color:#000;}

#guideintro {position:absolute;top:200px;left:750px; margin:0 10px 0 0;font-size:85%; border:1px #D2DEF7 dotted; padding:0px; color:#000; background: url(design/bg-guideintro.jpg); }
#guideintro p {padding: 4px 10px 15px 15px;}

#guideune {}

#guidelistart {position:absolute; width:730px; margin:0 10px 0 10px;padding: 0 0 40px 0;}
#guidelistart h2 {margin:0; padding:0;}

#guideart {height:105px;margin:0 0 40px 0; }
#guideart .rubrique {background: transparent url(design/ico-site-tag.png) 0 3px no-repeat; margin:2px 0 0 30px; padding:0 0 0 20px;color:#F09;font-size:85%; }
#guideart h2 {background:transparent url(design/guide-bg-h2.png) no-repeat;padding:4px 0; }
#guideart p {font-size:100%; color:#333; line-height:160%;}
#imgvart  {float:left; background:#FFF url(design/bg-guide-art-img.jpg) no-repeat; width:70px; padding:13px 18px; margin:6px 0 0 37px;}

#ggguide330280 {position:relative; background:#F4F7FD ;margin:40px 0 20px 37px; width:370px; border-top:1px solid #CBD5EB; border-bottom:1px solid #CBD5EB; padding:7px 0 7px 20px;}
#ggguide72890 {width:730px; height:90px; margin:0 0 20px 0; padding:5px 0 6px 0;border-bottom:1px solid #D5E4AB;}

/* ARTICLE */
#contenuart2 h1 {font-family:verdana; font-weight:bold; font-size:120%; background: url(design/art-bg-h1.png) no-repeat; color:#FFF; padding:2px 0 4px 43px;}


#addthisguide { position:absolute; top:18px; left:320px; }
#addthisart { font-size:110%; color:#000; margin:0;}
.urlart {font-style:italic; color:#039; } 

#artchapo {position:relative; width:751px; margin:0 0 10px 0; border:1px #7CB429 dashed; background: url(design/art-bg-chapo.jpg) no-repeat; font-size:110%; line-height: 145%; color:#000; }

#chapo {margin:10px 10px 0 10px; padding:0 0 0 0px;}
#chapo p {margin:0 0 7px 0; padding:0; }
#chapo a {font-family:verdana; color:#039; text-decoration:underline; font-weight:bold;}
#chapo a:hover {color:#000; text-decoration:underline;}

#ggbanartchapo {margin:8px 15px 20px 0px; padding:0;}

#artvisu {float:left; width:400px;}
#artvisu img {margin:10px 10px 15px 38px; padding:5px; box-shadow:0 0 6px #999; border-radius:6px;-moz-border-radius:7px 7px 7px 7px !important; -moz-box-shadow:0 0 6px #999999 !important;   }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#artvisu img {
-webkit-box-shadow: #CCC 0px 0px 6px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;}
}

#artancre {position:fixed; bottom:0;left:5%;z-index:2;}
.imgbtancre {margin:0;-moz-border-radius:0 !important; -moz-box-shadow:0 !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.imgbtancre {
-webkit-box-shadow: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0}
}

/* habillage et éléments de l'article */
#article { position:absolute; width:545px; padding:4px; background: url(design/bg-sites-descr.png); BORDER: #DDD 1px dotted;font-size:90%; line-height: 160%; color:#000; margin:0;}

#article blockquote {clear:both;background:#FDFCF4 url(design/picto-blockquote.png) 4px 4px no-repeat; padding:7px 7px 7px 50px; margin-left:25px; border-top:1px #CCC dotted; border-bottom:1px #CCC dotted; font-style:italic;}

#article h2 {font-size:130%; color:#000; padding:6px 4px 38px 10px; margin:20px 0 0 0; background: url(design/art-bg-h2.png) no-repeat; }
/* #article h2 {font-size:120%; color:#000; padding:5px 4px 5px 8px;  background:#EAEFFB url(design/art-bg-h2.png) repeat-x; border: 1px #DADADA solid; border-left:5px #6A8BC8 solid;}*/
#article h3 {clear:both;background:url("design/art-bg-h3.png") repeat-y scroll 0 0 transparent;border-bottom:1px dotted #000033;color:#339/*#B132CD*/;font-size:110%;margin:20px 10px 10px 0;padding:2px 0 4px 35px;} 

#article a {font-size: 110%; font-family:verdana; color:#36C/*#06C*/; text-decoration:underline; font-weight:bold;}
#article a:hover {color:#000; text-decoration: none;}



#article ul {margin:10px 0 15px 0; padding:0; list-style-type: none;}
#article ol li {margin:0; padding: 0 0 4px 0px ; background: transparent url();}
#article li {margin:0; padding: 0 0 4px 26px ; background: transparent url(design/art-puce-li.png) 3px 3px no-repeat;}
#article img {float:left;padding:5px; margin:0 8px 10px 0; -moz-border-radius:6px 6px 6px 6px !important; -moz-box-shadow:0 0 6px #999999 !important;}

/*
#arttexte {float:left; width:545px; background: url(design/bg-sites-descr.png); padding:4px; BORDER: #DDD 1px dotted;}
#arttexte ul {margin:10px 0 15px 0; padding:0; list-style-type: none;}
#arttexte ol li {margin:0; padding: 0 0 4px 0px ; background: transparent url();}
#arttexte li {margin:0; padding: 0 0 4px 26px ; background: transparent url(design/art-puce-li.png) 3px 3px no-repeat;}
#arttexte img {float:left;padding:5px; margin:0 6px 0 0; -moz-border-radius:6px 6px 6px 6px !important; -moz-box-shadow:0 0 6px #999999 !important;}
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
#article img {
-webkit-box-shadow: #999 0px 0px 6px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;}
}
#article .table { color:#000; font-size: 85%; width:100%; padding:3px; border:0;} 
#article th {background:#f9f6da;color:#000; font-weight:bold; text-align:left; }
#article tr {border-bottom:1px solid #666; } /*FDFCF4*/
#article td {vertical-align:text-top; border-bottom:1px solid #ccc;}

#article a.sommaire{font-size:100%;padding:0 0 20px 22px; background: transparent url(design/art-lien-sommaire.png) no-repeat;line-height:220%;}
#article a:hover.sommaire  {font-size:100%; text-decoration: none; }
#article a.lienexterne  {padding:1px 0 0 30px; background: transparent url(design/art-bg-lien-ext.png) 5px 0 no-repeat;}
#article a.tTip {padding:0 0 0 20px; background: transparent url(design/actu-bg-lien-txt.png) 0 0 no-repeat;}

#article .breve {background: url(design/art-bg-breve.jpg) no-repeat; margin:4px 7px 4px 4px; padding:10px 10px 10px 50px ;border:1px dotted #ccc; font-style:italic; color:#033;}

/*#artsidebar { width:300px; margin:0 0 0 453px; padding: 0 0 40px 0; }*/
#artsidebar {position:absolute; width:360px; margin:0 10px 0 578px; padding: 0 0 40px 0;}

#sb_art_gg160 {margin:0 0 10px 0;}
#gg300art {margin:80px 0 0 0; padding:10px 0;border-top:1px dashed #A6CD3F; border-bottom:1px dashed #A6CD3F;}

#fb-liens {margin:20px 0 0 0;}


/* les liens vers les fiches de sites de l'annuaire */
#art_sites {position:relative; margin:35px 0 10px 0; background: url(design/art-sites-bg.jpg) no-repeat; color:#000;}
#art_sites_titre {background:url(design/art-sites-titre-bg.png) no-repeat; font-size:110%;margin:0;font-weight:bold; padding:20px 15px 20px 60px;}

#art_sites ul {margin:0 10px 10px 16px; padding:0; list-style-type: none;}
#art_sites li {margin:0; padding:2px 0 4px 20px ; background:transparent url(design/ico-site-puce.png) 0 4px no-repeat; font-size:85%;}
#art_sites li a {color:#039; text-decoration:underline; font-size: 100%; font-weight:normal;}
#art_sites li a:hover {color:#000; text-decoration:none; }
#art_sites a {font-size:85%; }
.art_sites_cat  {font-size:100%; padding:0; margin: 0 10px 0 16px;}


/* Espace pub vente directe 300*/
#art_espace_pub_300 {margin:10px 0 0 0;}


/* les liens vers les actus  */
#art_actus {background:url(design/art-actu-bg.jpg) no-repeat; margin:0 0 10px 0; padding:0;}
#art_actus_titre {background:url(design/art-actu-titre-bg.png) no-repeat; font-size:120%;margin:0;font-weight:bold; padding:20px 15px 20px 60px;}
#art_actus_titre .actus_theme {font-size:8pt;font-style:italic; color:#F09;}

#art_actu {margin:5px 22px 5px 13px; padding:0;}
#art_actu a {font-weight:bold;font-size:85%;}
#art_actu .date {color:#666;font-size:85%; }

#art_actu img {float:left; border:1px solid #999;margin:0 8px 0 0;-moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 4px #CCCCCC !important; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#art_actu img {
-webkit-box-shadow: #CCC 0px 0px 6px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;}
}

#art_actus_bt {background:url(design/sb-actu-bt.png) no-repeat;width:134px;height:28px;float:right;margin:5px 13px 0 0;padding:5px 0 0 0;text-align:center;}
#art_actus_bt a {font-weight:bold;color:#FFF;font-size:85%;text-decoration:none;}
#art_actus_bt a:hover  {color:#000; font-size:85%;}

/* bouton devis */
#bt_devis_art {width:240px; background:url(design/devis-art-bg-dem.png) no-repeat; margin:16px 0 0 22px; padding:55px 0 10px 72px; }
#bt_devis_art p {margin:0;padding:0;}
#bt_devis_projet {width:160px; height:53px; font-size:120%; color:#000; margin:0 0 10px 0; } 
#bt_devis_lien {width:160px; font-size:90%; color:#000;} 
#bt_devis_lien a {font-size:120%;} 



/* MENUS */
#menuout  {background:#F4FEE2 url() no-repeat; border:1px solid #DBEBB3; padding:4px; margin:35px 0 10px 0; font-size:7pt;}

.menutitre, .menutitre2, .menuouttitre {font-family: "Trebuchet MS", arial; color:#000; font-size:8pt; font-weight:bold; border:1px solid #FFF; background: #6E9B1B url(design/guide-bg-menu-titre.png) repeat; padding:2px 0 0 4px; margin-bottom:5px;}
.menutitre2 {padding: 4px 0 2px 4px;}
.menuouttitre {background: #C06E3A url(design/out-bg-menu-titre.png) repeat;}

#menuout .menutitre a {text-decoration:none; color:#FFF;}
#menuout .menutitre a:hover {text-decoration:none; color:#000;}
#menuout ul {margin:0; padding:0; list-style-type:none; font-size:7pt; }
#menuout li  {background: transparent url(design/out-bg-menu-li.png) no-repeat;margin:0; padding:6px 0 4px 18px; line-height:130%;}
#menuout li a  {text-decoration:none; color:#000}
#menuout li a:hover {text-decoration:underline; color:#036;}

#menu-guide {/*position:absolute; z-index:100;*/ }
ul.menuart, ul.menuart ul {list-style-type:none;margin: 0;padding: 0;}
ul.menuart ul {background: #D7E8B6 url(design/menuart-li-bg.png) no-repeat; }
ul.menuart a {display: block;text-decoration: none;	}

ul.menuart li {}
ul.menuart li a {background: #ACBBDF url(design/menuart-li1.png) no-repeat;color: #009; font-weight:bold; font-size:8pt; padding:2px 0 2px 20px;margin:0 1px 0 1px;}
ul.menuart li a:hover {background: #CBD5EB url(design/menuart-li1-on.png) no-repeat;}
ul.menuart li ul li a {background:url(design/menuart-li2-bg.png) no-repeat;color: #000;padding:5px 0 7px 20px; font-size:7pt;font-weight:normal;line-height:130%;}
ul.menuart li ul li a:hover {background: #F4FEE2;border-left: 5px #C1D575 solid; border-top:1px #ACC16A solid; border-right:1px #95BB31 dotted; padding:4px 0 7px 15px;}