/* CSS Outils */
#contenuout {font-family:verdana; position:absolute; margin:0 0 0 10px; width: 755px; }

/* SOMMAIRE OUTILS */
#introoutils {position:absolute; width:240px; line-height:130%;}
#introoutils p {margin:0; padding:0; }
#outilsintro {font-size:85%; border:1px #D2DEF7 dotted; padding:0px; color:#000; background: url(design/bg-outilintro.jpg);}
#outilsintro p {padding:4px 10px 15px 15px;}
#outilsintro h2, #outilsintro .titre {width:228px; font-size:9pt; color:#FFF; font-weight:bold; padding:7px 0 7px 36px; background: url(design/bg-outilsintro-titre.png) no-repeat;}

#outilszoom {font-size:7pt; border:1px #D2DEF7 dotted; margin-top:10px; padding:4px; color:#333; background:#FFF url(design/bg-guidezoom.jpg) repeat-x;}
#outilszoom img {padding:7px; background-color:#FFF; border:1px #CCC solid; margin-right:10px;}
#outilsstats {font-size:7pt; padding:4px; color:#999;}

#outilslistout {position:absolute; width:507px; margin:0 10px 0 253px;}
#outilslistout h2 {margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #D5E4AB;}

#outilout {height:100px; margin:0 0 10px 0;}
.outiloutitre {background:transparent url(design/out-bg-h2.png) repeat-x; border:1px #E2BCA5 solid; }
#imgvout  {float:left; width:60px; padding:10px 0 0 0;} 

#outilout p {position:relative; font-size:85%; color:#666; line-height:140%;}

#ggoutils330280 { position:relative; background:#FBF6F4 ;margin:40px 0 20px 0px; width:370px; border-top:1px solid #E2BCA5; border-bottom:1px solid #E2BCA5; padding:7px 0 7px 20px;}

#gg160out {margin:0 0 10px 0;}

/* OUTILS */
#contenuout h1 {font-family:verdana; font-weight:bold; font-size:120%; background: url(design/out-bg-h1.png) no-repeat; color:#fff; padding:2px 0 4px 13px;}

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

#outchapo {border:1px #DADADA solid; position:relative; background:url(design/out-bg-chapo.jpg) no-repeat; font-size:100%; line-height:145%; color:#333; margin:0 0 10px 0;}

#chapo {float:left; width:375px; margin:10px 15px 0 10px; padding:0;}
#chapo p {margin:0 0 15px 0; padding:0;}
#chapo img {float:left; margin:0 10px 10px 0;}

#intro {position:relative;}

.separ3 {margin:0 0 15px 135px; border-bottom: 1px solid #E6F5CA; }

#outtxt {position:relative; font-size:90%; line-height:130%;}
#outtxt ul {margin:0 0 15px 0; padding:0; list-style-type:none;}
#outtxt li {margin:0; padding:0 0 4px 26px; background:transparent url(design/out-puce-li.png) 0 2px no-repeat;}

#ggoutchapo {margin:20px 0 20px 0; padding:0;}

/* habillage et éléments de l'outil */
#outil {position:relative; border:1px #FFF solid; font-size:90%; line-height: 150%; color:#333; margin:0 0 6px 0;}

#outil blockquote {background:transparent 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;}

#outil h2 {background:transparent url(design/outmod-bg-h2.jpg) no-repeat; margin:0 0 6px 0; padding:18px 0 18px 52px;}

#outil a {font-size: 100%; font-family:verdana; color:#039; text-decoration:underline; font-weight:bold;}
#outil a:hover { olor:#000; text-decoration:underline;}

#outmod {background:transparent url(design/outil-bg-cont-module.jpg) repeat-y; font-size:90%; margin:0 15px 0 0px; padding:0 0 0 25px; width:755px;}
#outmod ul {margin:0 0 15px 0; padding:0; list-style-type:none;}
#outmod li {margin:0; padding:0 0 4px 26px ; background:transparent url(design/art-puce-li.png) 2px 0 no-repeat;}
#outmod .res {border-bottom:1px solid #CCC; }
#outmod .res2 {color: #666; border-bottom:1px solid #CCC;}

#outmenu {position:relative; margin:0 0 50px 0; }
#outmenu h2 { background: url(design/outmenu-bg-h2.jpg) no-repeat; margin:0 0 16px 0; padding:18px 0 18px 52px;}

#outmenu2 {margin:0; padding:0; height:50px;}
#outmenu2 ul {margin:0 0 0 20px; padding:0; list-style-type:none;}
#outmenu2 li {float:left; width:160px; margin:0 0 0 10px; background:transparent; line-height:110%; padding:0 0 10px 0; border-bottom:2px solid #e6e6e6;}
#outmenu2  a {text-decoration:none; font-size:75%; color: #039;}
#outmenu2 a:hover  {color:#000;}

#ggout72890 {width:753px; background:transparent url(design/bg-gg-728-out.jpg) no-repeat; margin:0 0 20px 0; padding:15px 0 16px 19px; }
#ggout72815 {width:753px; background:transparent url(design/bg-gg-728-15-out.jpg) no-repeat; margin:0 0 20px 0; padding:18px 0 18px 19px; }

/* les liens vers les fiches de sites de l'annuaire */
#outsites {position:absolute; width:369px;}
#outsites h3 {background:transparent url(design/outsites-bg-h3.jpg) no-repeat; margin:0 0 6px 0; padding:18px 0 18px 52px; color:#000; font-size:100%; }

#outsitesl {padding:10px; background:#FFF url(design/art-bg-liens.png) repeat-x; border-bottom:1px #A6CD3F dotted; border-right:1px #A6CD3F dotted;; border-left:1px #A6CD3F dotted;}
#outsitesl ul {margin:10px 0 0 0; padding:0; list-style-type:none; font-size:7pt;}
#outsitesl li {margin:0 0 10px 0; padding:0; color:#666; border-bottom:1px #A6CD3F dotted;}
#outsitesl  li a {text-decoration:underline; margin:0 0 10px 0;}
#outsites img {margin:0 15px 40px 0;}

#outart {position:absolute; width:369px; margin:0 0 0 380px;}
#outart  h3 {background: transparent url(design/outart-bg-h3.jpg) no-repeat; margin:0 0 6px 0; padding:18px 0 18px 52px; color:#000;font-size:100%; }

#outartl {padding:10px; background:#FFF url(design/bg-site-liens-art.png) repeat-x; border-bottom:1px #9CAEDA dotted; border-right:1px #9CAEDA dotted; border-left:1px #9CAEDA dotted;}

#outartl  ul {margin:0; padding:0; list-style-type:none; font-size:85%;}
#outartl  li {margin:0 0 10px 0; padding: 0 0 0 25px; background: transparent url(design/art-puce-li.png) 0 4px no-repeat; color:#666;}
#outartl  li a {}
#outartl img {margin:0 15px 50px 0;}

#copyright {position:relative; margin:20px 0 0 0; padding:10px 0 0 0; border-top:1px #666 dotted; font-size:85%; color:#888;}
/* bouton devis */

#bt_devis_out {width:200px; background:url(../design/devis-art-bg-dem.png) no-repeat; margin:0; padding:55px 0 15px 72px;  }
#bt_devis_out 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 */
#menuguide  {border:1px solid #DBEBB3; padding:4px; margin:45px 0 10px 0; font-size:7pt; background:#F4FEE2 url(design/guide-bg-menu.jpg) repeat-x;}

.menutitre {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;}

#menuguide .menutitre a  {text-decoration:none; color:#FFF; }
#menuguide .menutitre a:hover, #menuout .menutitre a:hover, #guidezoom  .menutitre2 a:hover {text-decoration:none; color:#000;}

#menuguide ul{ margin:0; padding:0; list-style-type:none; font-size:7pt; }
#menuguide li {margin:0; padding:6px 0 4px 18px ;  line-height:130%; background:transparent url(design/guide-bg-menu-li.png) no-repeat;}

#menuguide li a  {text-decoration:none; color:#000}
#menuguide li a:hover {text-decoration:underline; color:#036;}

#ggout160600 {margin:40px 0 20px 0; padding:0;}