@import 'blueprint/plugins/sprites/sprite.css';
@import 'blueprint/plugins/buttons/buttons.css';
@import 'blueprint/plugins/css-classes/css-classes.css';

body { margin-top: 0; background-color: #155162;}

/* alert boxes */
.notice, .error, .success { border-width: 1px 0;}
a:link, a:visited, a:active, a:hover { text-decoration: none; color: #155162;}
/* gimme the .last class back !!! */
.last { margin-bottom: 0;}
.small { font-size: 0.95em;}
.large { line-height: 1.5;}
/* =TABLES 
override blueprint 0.7 sucky defaults
*/
thead th { background:#eee; border-bottom:1px solid #999; color:#202020;} 
tr.even td { background:#F1F5FA;}
tr.odd td { background:#fff;}

/* FORMS */
input.text, 
input.title, textarea   { padding:2px; font-size:11px;  font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; width: 300px;}
fieldset { padding-top: 5px; padding-bottom: 5px;}
fieldset p { margin-bottom: 5px; line-height: 1;}
#page-contact textarea { height: 100px;}

/* titres */
h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;}
/* Titres soulignés */
.actu h2,
.legal h2 { border-bottom: 1px solid #155162;}

.container { margin: 0 auto; }
#header { height: 270px;  background: transparent url(../img/layout/header_bg.png) top right no-repeat; position: relative; margin: 0;}
#wrapper { float: left; overflow: hidden; width: 890px; background: transparent url(../img/layout/content_bg.png) top left repeat-y; padding-left: 60px;} 

#sidebar { float: left; width:320px; margin-right: 0;}
h1 { background: transparent url(../img/layout/h1_bg.png) top left no-repeat; position: absolute; display: block; width: 932px; height: 95px; top: 149px; padding: 26px 0 0 1em; font-size: 2.5em; color: #C80A0C; line-height: 1.25;}

/* header compressé */
a#logo { display: block; position: absolute; background: transparent url(../img/layout/logo.png) top left no-repeat; width: 310px;
height: 128px; top: 0; left: 0; text-indent: -9999px;} ul#navlinks { position: absolute; padding: 0; margin: 0; top: 128px; left: 0;
width: 950px; height: 21px; background: transparent url(../img/layout/navlinks_bg.png) top left no-repeat;} #navlinks li { float: left;
list-style: none; margin: 0; padding: 0;} #navlinks li a { display: block; height: 21px;} #navlinks li a span { position: absolute;
left: -9999px;} #navlinks li a:hover { background: transparent url(../img/layout/navlinks_bg.png) top left no-repeat; text-decoration:
none;} #navlinks li#ta { width: 139px;} #navlinks li#ta a:hover { background-position: 0px -21px;} #navlinks li#tb { width: 160px;}
#navlinks li#tb a:hover { background-position: -139px -21px;} #navlinks li#tc { width: 95px;} #navlinks li#tc a:hover {
background-position: -299px -21px;} #navlinks li#td { width: 120px;} #navlinks li#td a:hover { background-position: -394px -21px;}
#navlinks li#te { width: 79px;} #navlinks li#te a:hover { background-position: -514px -21px;} #navlinks li#tf { width: 77px;}
#navlinks li#tf a:hover { background-position: -593px -21px;} #navlinks li#tg { width: 102px; margin-right: 65px;} #navlinks li#tg a:hover { background-position: -670px -21px;} #navlinks li#th { width: 73px;} #navlinks li#th a:hover { background-position: -837px
-21px;}
#address { position: absolute; top: 30px; left: 539px; width: 212px; height: 65px; color: #ccc; font: bold 10px/13px Verdana, Arial, Helvetica, sans-serif; overflow: hidden;} 
#address a { color: #ccc;}
#address a:hover { text-decoration: underline;}

/* CONTENT */
#content { margin-right: 30px; width: 530px; float: left;}
#content .box { background: #E5ECF9; padding-bottom:0.5em;}
#content h2,
#content p { color: #0C2D36;}
#content h2 {  margin-bottom: 2px; line-height: 1.25; font-size: 1.7em;}

/* liens de modération */
.admod_links { list-style: none; height: 30px;margin: 1em 0;  text-align: right; margin:1em -1.5em; padding-right: 1.5em;}
.admod_links a { color: #7e7e7e;}
.admod_links a:hover { color: #2c2c2c }
.admod_links li { display: inline; margin-left: 1.5em;}

/* FOOTER */
#footer { clear: both; padding: 1em 0; width: 950px; background: transparent url(../img/layout/footer_bg.png) bottom left no-repeat; position: relative; margin: 0 -60px; text-align: center;}
html>/**/body #wrapper>#footer { padding-left: 60px;}
#footerlinks a:hover  { text-decoration: underline; color: #0099CC;}
#footerlinks { text-align: center; font-size: 0.95em; border-top: 1px solid #ccc; margin: 2em 0 0 0; padding: 0.75em 0 0 0; width: 830px;}
#footerlinks li { display: inline; margin-right: 10px;}
#agence-quimperle { width: 830px; margin: 1em 0 0 0; text-align: center;}

/* slide de l'index */
#homeslide {  
	width:  288px;  
	height:   180px;  
	padding: 0;  
	margin:  0.5em 1.5em 1em 0;  
	float: left;
	overflow: hidden;
} 

#homeslide img {  
	padding: 0;  
	border:  0;  
	background-color: #eee;  
	width:  288px; 	
	top:  0; 
	left: 0;
}
/* slide des références */
#refslide {  
	width:  240px;  
	height: 200px;  
	padding: 0;  
	margin:  1em 0 1em 2em;  
	float: left;
	overflow: hidden;
} 

#refslide img {  
	padding: 0;  
	border:  0;  
	background-color: #eee;  
	width:  240px;
	top:  0; 
	left: 0;
}

/* lien contactez-nous */
a.contactlink { display: block; margin: 1em auto; float: right; height: 0; padding-top: 110px; width: 489px; overflow: hidden; background: transparent url(../img/content/contactez-nous.jpg) 0 0 ; }
a.contactlink:hover { background-position: 0 -110px;}

/* NEWS */
.actu { margin-bottom: 2em;}
.actu img { float: right; margin: 0 0 1em 1em;}
.actu p.date { font-size: 0.95em; margin-bottom: 1em;}

/* menu références */
.titremenu-references{
	color:grey;
	text-align:right;
	margin-right:50px;
	margin-bottom: 0;
}
#sidebar ul, 
#menu ul { list-style: none; margin: 0;}
#sidebar ul { padding: 0 0 0 20px; width: 280px; margin: 0; background: transparent url(../img/layout/right_bg.png) 0 2em no-repeat;}
#sidebar li a { display: block; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: #236A07; font-size: 1.80em; width: 240px; height: 22px; padding: 0.25em 0 0.75em 0.4em; border-bottom: 1px solid #ccc; overflow: hidden;}
#sidebar li a:hover, 
#sidebar li.active a { background-color: #f2f2f2; border-color: #aaa;}

#sidebar li a span { 
	padding-left:31px;
	height:28px;
	width:27px;
	background: transparent 4px 0px no-repeat;;
}
#sidebar li a:hover span, 
#sidebar li.active a span { background-position:4px -41px;}

/* Galerie d'images */
.gallery a img, .borderimg {padding: 4px; background-color: white; border: 4px solid #ddd; margin-right: 0.8em; margin-bottom: 0.8em; margin-top: 0;}
.gallery a:hover img, .borderimg { border-color: #cfcfcf;}

.fabricationinox { margin: 25px 0 0 25px;}
#page-protectioninox dl { margin-left:70px;}