/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
}




#meta-img { top: 221px; position: absolute; visibility: hidden; }
h3.spip { color: #730018; text-align: center; font-size: 1.5em; font-weight: bold; }
h2  { color: #730018; font-size: 3em; font-weight: bold; text-align: center; margin-top: 2em; margin-bottom: 1.4em; }
.spip_documents_left { color: #730018; font-weight: bold; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
strong.spip { color: #730018; font-weight: bold; }
#logoart{ float: left; }
#grandvisu { float: left; margin-right: 5px; }
#vignettevisu { width: 80px; height: 360px; margin-right: 5px; float: left; }
.vignettecarre { margin-right: 5px; width: 80px; height: 80px; float: left; }
.detailarticle { background-color: #539aaa; height: 80px; float: left; }
#detailposte { width: 200px; float: left; }



div.pic { margin: 0 10px 5px; padding: 0; clear: left; width: 200px; height: 90px; }
div.pic a.tn {float: left;}
div.ls a.tn {width: 90px;}
a.tn img {border: solid 1px #333;}
.menage{ clear: left; }
.clean { clear: both; }

hr.clean { clear: left; height: 1px; visibility: hidden; }

hr.menage { background-color: #fff; visibility: hidden; height: 20px; }

.toto { background-color: #ffc600; height: 10px; visibility: hidden; float: left; border-width: 0; }
.ville{ color: #f6f6f6; font-size: 1em; font-weight: bold; background-color: #0b3d91 !important; text-align: center; width: 100px; height: 60px; float: left; margin: 20px 20px 10px 10px; padding: 5px; display: block; }
.agauche { float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
/* CSS Document */
* {margin: 0; padding: 0; border: 0;}
html {}
body {color:#424343; text-align: left; background: #A8B2AF; font: normal 75% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial";}
a {color:#990000; text-decoration:none;}
a:hover{color:#990000; text-decoration:underline;}
ul{list-style:none;}
.design{	color:#336699;}
.services{	color:#DB7900;}
.price{ font-size:140%; color:#990000;}
#princ-huitcent{ background-image: url(images/fondombre.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; position:relative; width: 800px; visibility: visible; }
#header-huitcent{ background-image: url(images/fondombre.gif); background-repeat: repeat-y; height:129px; overflow: visible; }
.huitcent{ 	width:800px;}
#princbg{	background:#A8B2AF;}
#headerbg{ background-color: #a8b2af; }
#zonephoto{ height:230px; margin:0 10px; z-index:70; }
#bas{ text-align:left; height: 100%; overflow:hidden; }
#mileu { text-align: left; overflow: hidden; }
#bas h4{	font-size: 100%; color: #494949; font-weight: bold; letter-spacing:-0.2px; padding: 20px 0 0 10px; margin: 0 30px 0 0px;  line-height: 1.5;}
#bas-gauche{	width:494px; float:left; padding:0 0 0 10px;}
#bas-large { padding: 0 20px 0 10px; }
#zonenavig{ position:relative; width: 780px; padding-left: 10px; }
#zonenavig img{ float: left; margin: 0; padding: 0; }
#meta-img{	position:absolute; top:221px; padding:0 10px;	}
#news{	position:relative; background-color:#f7f7f7; width:494px; height:20px; padding:4px 10px 0 10px;	}
.tickerclass{width: 400px; background-color: #f7f7f7;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8;}
.tickerclass a{text-decoration: none;}
.rssdate{padding:0 0 0 24px;}
.rsstitle{position:absolute;top:4px;left:100px;}
#page-content{	float:left; text-align:left; overflow:visible;}
#cotedroit{ background-image: url(images/images/sousbande_12.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; float:right; width:214px; padding: 10px; }
.cotedroit-contenu{ position:relative; width:170px; padding:10px 20px 0 18px; }
#cotedroit-indent{		padding:0 0 0 42px;}
#cotedroit h1, #content h1{	font-size:15px; color:#db7900; letter-spacing: -1px; line-height:1.6; padding-top:6px;}
#content h1.gros{ font-size:25px; color:#db7900; letter-spacing: -1px; line-height:2; padding-top:6px; }


#cotedroit h2{	font-size:120%; letter-spacing: -0.5px; line-height:1.5; padding-top:10px;}
#cotedroit h3{	font-size:90%; color:#666666; letter-spacing: -0.5px; line-height:26px;}
#cotedroit p{	font-size:94%; line-height:1.4;}
#content{	padding: 0 0 0 20px;}
#content h2{	font-size: 13px;color: #b82221;font-weight: bold;letter-spacing:-0.2px;line-height: 20px;}
#content h3 { font-size: 130%; font-weight: bold; line-height: 30px; letter-spacing: -0.2px; }
.contenu-zone{ width:530px; overflow:hidden; padding: 0; }
.contenu-zonelarge { padding: 0; overflow: hidden; }
.contenu-zone-img{ position:relative; width: 200px; float: left; }
.contenu-zone-text{ position: relative; width: 287px; float: right; padding: 0; }
.content-list{	padding:20px 2px 2px 170px;	text-transform: uppercase;}
.content-list li a{		font-size:75%;	text-decoration:none;	color:#990000;	font-weight: bold;}
.para-list ul{}
.para-list li{	padding: 0 2px 0 14px; background: url(images/icons/list-bullet-purple.gif) no-repeat 0 4px; font-size:94%; text-decoration:none;}
.sitemap-list ul{}
.sitemap-list li  a{	padding: 0 2px 0 14px; background: url(images/icons/list-bullet-purple.gif) no-repeat 0 4px; font-size:94%; text-decoration:none;}
.sitemap-list li a:hover{background: url(images/icons/list-bullet-gold.gif) no-repeat 0 4px; font-size:94%; text-decoration:none;color:#DB7900;}
.relatedlist li a{	padding: 2px 2px 2px 14px; background: url(images/icons/list-bullet-purple.gif) no-repeat 0 4px; font-size:94%; text-decoration:none;color:#990000;}
.relatedlist li a:hover{	background: url(images/icons/list-bullet-gold.gif) no-repeat 0 4px;  text-decoration:none; color:#DB7900;}
#pied-huitcent{ 	 background:url(images/fondombre.gif) repeat-y; height:56px; height:140px;}
#pied{		font-size:94%; line-height:1.25; padding: 80px 20px 0 20px;}
#piedbg{background:#A8B2AF;}
#pied-menu{	padding: 2px 60px 0 60px; position:relative;}
.pied-menuitem{	width:160px; position:absolute;}
.pied-menutitle{	font-size:94%; color:#691026; padding-top:16px;}
#pied-menu1{	position:absolute; left:60px;}
#pied-menu2{	left:220px; position:absolute;}
#pied-menu3{	left:380px; position:absolute;}
#pied-menu4{	left:540px; position:absolute;}
.pied-menulist{	padding-left:8px;  font: normal bold 75% Tahoma, Arial; line-height:14px;}
.pied-menulist a{	color:#666666;}
.pied-menulist a:hover{		color:#990000;}
#pied-div{	width:760px; background:url(images/spotlight-div.gif) repeat-x; background-position:10px; height:18px;}
#pied-text, #pied-validator{	position:absolute;}
#pied-text{	padding-left:20px;}
#pied-text, #pied-validator a{		color:#666666;}
#pied-text, #pied-validator a:hover{		color:#000000;}
#pied-validator{font-size:90%; font-weight:bold; color:#666666; text-align:left; z-index:2;}
#sitemap-left	{	width:230px; position:absolute; overflow:visible;}
#sitemap-right {width:230px; position:absolute; left:270px; overflow:visible}
.homebg{background:url(images/zonephoto-home.jpg) no-repeat;}
.alphabg{background:url(images/zonephoto-alpha.gif) no-repeat;}
.designbg{background:url(images/zonephoto-design.jpg) no-repeat;}
.servicesbg{background:url(images/zonephoto-services.jpg) no-repeat;}
.solutionsbg{background:url(images/zonephoto-solutions.jpg) no-repeat;}
.portfoliobg{background:url(images/zonephoto-portfolio.jpg) no-repeat;}
.aboutbg{background:url(images/zonephoto-about.jpg) no-repeat;}
.errorbg{background:url(images/zonephoto-error.jpg) no-repeat;}
.orangebg{background:url(images/zonephoto-orange.gif) no-repeat;}
div#devis-huitcent{ position:relative; width:120px; z-index: 50; }
div#devis{ position:absolute; top: 20px; float:right; left: 311px; }
div#devispetit { position: absolute; top: -50px; left: 311px; float: right; }
div#logo-huitcent{ text-align: left; position:relative; width:780px; z-index: 50; }
div#logo{ position:absolute; top: -100px; left: 20px; height: 186px; border-style: solid; border-width: 1px; }
div#logopetit { position: absolute; top: -127px; left: 20px; height: 124px; border-style: solid; border-width: 1px; }
/* le formulaire */
#plotform{ font-size: 0.8em; margin: 0; padding: 5px; }
#plotform h2 { font-size: 0.9em; margin: 0; }
#formul { background-color: #fff7cd; margin: 0; padding: 5px; width: 150px; }
#formul h3 { color:#ef7b00; font-size: 1em; font-weight: bold; letter-spacing: -0.5px; line-height:26px; }
form{ font-size: 0.8em !important; font-weight:bold; }
.delair{ margin-top: 20px; }
input{ font: 1.2em "Lucida Grande", "Lucida Sans Unicode"; }
#casecoche{ width:10px; }
#password, #login { background-color: #f90; height:16px; padding: 3px 10px 4px 6px; width: 40px; /* width of text-display area */
}
#password:focus, #password.sffocus, #login:focus, #login.sffocus{

}
textarea{
    padding: 3px 10px 4px 6px;
	font: 90% "Lucida Grande", "Lucida Sans Unicode";
	width:312px;
	overflow:hidden;
	background-color: #fff7cd;
}
textarea:focus, textarea.sffocus{
    
}
.btn { background: url(images/formulaire/valider.gif) no-repeat left top; color:#ffffff; font-size: 10px; height:22px; padding: 3px 10px 4px 6px; border: 0; width: 70px; /* width of text-display area */
}
select {
      display: block;
      width: 90px;
    }
select.replaced {
      display: none;
    }
ul.selectReplacement li {
      background: #e8e8e8;
      color: #000000;
      cursor: pointer;
      display: none;
      font-size: 11px;
      line-height: 1.7em;
      list-style: none;
      margin: 0;
      padding: 1px 12px;
      width: 50px;
    }
ul.selectOpen li {
      display: block;
    }
ul.selectReplacement li.selected {
      background: url(../../../idee/dorigine/style/bottom.gif) bottom left no-repeat;
      color: #000000;
      display: block;
    }
ul.selectOpen li.selected {
      background: #ccffcc;
      display: block;
    }
ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #ccffcc;
      color: #000000;
    }
#suburb-suggest { 
position:relative;
top:-8px;
left:4px;
width: 170px; 
}
#suburb-suggest ul
{
font: normal 80% "Lucida Grande", "Lucida Sans Unicode";
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#suburb-suggest a
{
display: block;
padding: 3px;
width: 170px;
background-color: #f5f5f5;
border-bottom: 1px solid #eee;
}
#suburb-suggest a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}
#suburb-suggest a:hover
{
background-color: #ccffcc;
color: #000000;
text-decoration: none;
}
/* fin formulaire */
.petit { font-size: 0.8em; }
.gros { color: #539aaa; font-size: 5em; }
.int { font-size: 1em; background-color: #fff; }