/*
THEME NAME: sunelis
THEME URI: 
DESCRIPTION: 
VERSION: 1.0
AUTHOR: Aymeric
AUTHOR URI:
*/


/*---------------------- COLORS --------------------

orange sunelis: 		#f59e00;
gris sunelis:			#6f7072;
main bloc BG contents home: 	#f59e00; 	bleu:#405d7f 
small blocs BG contents home	#ffdc88;
sidebar blocs BG:		#e6f0f2;
main menu BG on:		#fec240;

----------------------------------------------------*/

/********************** LAYOUT **********************/
 
* { margin: 0; padding: 0;}

body{
	margin:0;
	padding:0;
	text-align: center;
	vertical-align: top;
	font-family: arial, "Calibri", "Lucida Grande", Verdana, Sans-Serif;
	color: #333333;
	font-size: 11px;
}
#container {
	text-align: left;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
	padding: 0;
}
#header {
        position: relative;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 160px;
	float: left;
	background: url('images/header_bg.gif') no-repeat top right;
}
#contents_header {
	float: left;
	width: 960px;
	margin: 30px 0;
	padding: 0;
	height: 54px
}
#contents {
	float: left;
	width: 600px;
	padding: 0;
	margin: 0;
}
#sidebar{
	float: left;
	width: 360px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#footer{
	float: left;
	clear: both;
	width: 960px;
	padding: 15px 0;
	margin: 30px 0 15px 0;
	font-family: arial, Sans-Serif;
	font-size: 10px;
	border-top: 8px solid #f59e00;
}

/******************* GENERAL ****************************/

img {
	border:0 none;
}
.bold {
    	font-weight: bold;
}
.clear960 {
	width: 960px;
	margin: 0 0 30px 0;
	clear: both;
}
.left{
	float: left;
	margin:0;
}
.right{
	float:right;
	margin:0;
}
div#qTip {
	padding: 5px;
	background: #405d7f;
	display: none;
	color: #ffffff;
	font: normal 10px Arial, "Calibri", Verdana, sans-serif;
	text-align: left;
	position: absolute;
	z-index: 1000;
}
/*********************** HEADER ****************************/
#logo {
	float: left;
	margin: 35px 0 0 15px;
}
#top_right_menu {
	float: right;
	margin: 10px 195px 0 0;
	text-align: right;
}
#top_right_menu img {
	margin: 10px 0 0 0;
}
#top_right_menu ul {
	margin: 0;
	padding: 0;
}
#top_right_menu ul li{
	margin: 0 10px 0 10px;
	list-style-type: none;
	display: inline;
}
#top_right_menu ul li a:link,
#top_right_menu ul li a:visited {
	text-decoration: none;
	color: #405d7f;
	font-size: 11px;
        padding: 4px;
}
#top_right_menu ul li a:hover,
#top_right_menu ul li a:active {
	text-decoration: none;
	color: #ffffff;
        background: #405d7f;
        padding: 4px;
}
#menu {
	float: left;
	overflow: hidden; 
	width: 960px;
	clear: both;
	margin: 20px 0 0 0;
	padding:0;
	text-align: left;
	background: #cccccc;
}
#menu ul { 
	list-style-type: none; 
	list-style-image: none; 
	float: left;
	margin: 0; 
	padding: 0; 
	display: block; 
}
#menu li { 
	float: left; 
	display: block;  
	font-size: 14px;
}
#menu li a:link,
#menu li a:visited {	 
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
	display: block;
	padding: 6px 14px;
}
#menu li a:hover,
#menu li a:active,
#menu li.current_page_parent a,
#menu li.current_page_item a,
#menu li.current_page_ancestor a {
	color: #ffffff;
	text-decoration: none;
	background: #f59e00;
	display: block;
	padding: 6px 14px;
}
.menu {
        position: relative;
	float: left;
	width: 960px;
	clear: both;
	margin: 20px 0 0 0;
	padding:0;
	text-align: left;
	background: #CCC;

}
.menu ul {
	width: 960px;
	float:left;
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li a {	 
	font-size: 14px;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
	display: block;
	padding: 5px 15px;
}
.menu ul li ul {
	visibility:hidden;
	position:absolute;
	top:26px;
	left:0px;
	border-top: 1px solid #FFF;
}

.menu ul li:hover a,
.menu ul li a:hover,
.menu li.current_page_parent a,
.menu li.current_page_item a,
.menu li.current_page_ancestor a {
	color:#fff;
	text-decoration: none;
	background: #f59e00;
	display: block;

}

.menu ul li:hover ul,
.menu ul li a:hover ul  {
	z-index:10;
	visibility:visible;
	background:#f59e00;
	color:#fff;
	margin: 0;
	padding:0;
	display: block;
}
.menu ul li:hover ul li,
.menu ul li a:hover ul li {
	float:left;
	border:0;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block;
	font-size: 12px;
	text-decoration: none;
	color: #fadeb1;
	padding: 5px 15px;
	text-transform: lowercase;

}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover,
.menu ul li a:hover ul li.current_page_item a:link,
.menu ul li a:hover ul li.current_page_item a:visited {
	color:#FFF;
	text-decoration: none;
	background: url('images/submenu_arrow.gif') no-repeat bottom center;
}

#submenu {
	float: left;
	overflow: hidden; 
	clear: both;
	margin: 1px 0 15px 0;
	padding:0;
	text-align: left;
	width: 960px;
}
#submenu ul {
	list-style-type: none; 
	list-style-image: none; 
	float: left;
	margin: 0; 
	padding: 0; 
	display: block;
	background: #f59e00;
	width: 960px;
}
#submenu li {
	float: left; 
	display: block;  
	font-size: 12px;
}	
#submenu a:link,
#submenu a:visited {
	float: left;
	text-decoration: none;
	color: #fadeb1;
	display: block;
	padding: 5px 15px;
}
#submenu a:hover,
#submenu a:active,
#submenu li.current_page_item a:link,
#submenu li.current_page_item a:visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
	background: #f59e00 url('images/submenu_arrow.gif') no-repeat bottom center;
}


/************************** HOME PAGE **********************************/

#introduction {
	float: left;
	font-size: 28px;
	color: #333333;
    	margin: 0 0 0 15px;
    	padding: 0;
}
#devis {
	float: right;
	width: 330px;
	margin: 0 0 0 30px;
	padding: 0;
	display: block;	
}
#devis span {
	display: none;
}
#devis a:link,
#devis a:visited {
	width: 330px;
	height: 54px;
	padding: 0;
	margin: 0;
	display: block;	
	background: url('images/demande_devis_off.jpg') no-repeat top left;
}
#devis a:hover,
#devis a:active {
	display: block;
	background: url('images/demande_devis_on.jpg') no-repeat top left;
}
#contents {

}
#contents #home p {
	float: left;
	margin: 0;
	padding: 15px 15px 10px 15px;
	width: 570px;
	font-size: 18px;
	color: #ffffff;
	background: #f59e00 url('images/home_contents_bottom_f59e00.jpg') no-repeat bottom left;
}
#home a:link, #home a:active, {
	color: #ffffff;
	text-decoration: none;
}
#home a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#blocs_offre {
	float: left;
	margin: 30px 29px 30px 0;
        padding: 0;
}
#blocs_offre_right {
	float: left;
	margin: 30px 0 30px 0;
        padding: 0;
}

/****************************** CONTENTS ****************************/

#title {
	float: left;
	font-size: 22px;
	color: #405d7f;
    	font-weight: bold;
    	margin: 30px 0 0 0;
    	padding: 0;
        width: 570px;
}
#intro {
	width: 570px;
	padding: 0 15px 15px 0;
	margin: 0;
	color: #333333;
        text-align: justify;
	font-size: 12px;
}
#contents #texte-diaporama p {
	float: left;
	margin: 0 0 30px 0;
	padding: 15px 15px 10px 15px;
	width: 570px;
	font-size: 20px;
	color: #000000;
	background: #e6f0f2; url('images/diaporama_bottom_e6f0f2.jpg') no-repeat bottom left;
}
#contents h3 {
	clear: both;
	font-size: 14px;
	margin: 0;
	padding: 0 0 15px 0;
	color: #333333;
	font-weight: bold;
}
#contents p {
	font-size: 12px;
	line-height: 16px;
	float: left;
	margin: 0;
	padding: 0 15px 15px 0;
	width: 570px;
	color: #333333;
        text-align: justify;
}
#contents a:link,
#contents a:visited {
	color: #f49e0d;
	text-decoration: none;
}
#contents a:hover,
#contents a:active {
	color: #f49e0d;
	text-decoration: underline;
}
#contents ul, #contents ol {
	float: left;
	margin: 0;
	padding: 0 0 15px 30px;
	width: 570px;
}
#contents ul li, #contents ol li {
	font-size: 12px;
}
.collapse {
	display: none;
	background: transparent;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 540px;
	color: #333333;
}
#post_footer {
	width: 570px;
	padding: 0 15px 15px 15px;
	margin: 0;
	color: #333333;
}
#contents .post h3 {
	padding: 0 0 5px 0;
        margin: 0;
}
.post h4 {
	font-size: 10px;
	margin: 0;
	padding: 0 0 20px 0;
}

/************************** SLIDESHOW HOME *********************************/

#slideshow {
	float: left;
	width: 600px;
	height: 206px;
	padding: 0;
	margin: 0;
}
#slideshow img {
	display: none;
	position: absolute;
}
#slideshow-offre{
	float: left;
	width: 600px;
	height: 206px;
	padding: 0;
	margin: 0;
}
#slideshow-offre img {
	display: none;
	position: absolute;
}
/**************************** SIDEBAR ***********************************/

div.bottom {
	width: 330px;
	height: 5px;
	margin: 0 0 30px 30px;
	padding: 0;
	display: block;
	background: url('images/bloc_330_bottom.jpg') no-repeat left top;
}
.bloc_150 {
	float: left;
	width: 150px;
	min-height: 100px;
	margin: 0 0 0 30px;
	padding: 0;
	background: url('images/bloc_150_bg.jpg') no-repeat left bottom;
}
.bloc_150 img {
	padding: 0;
	margin: 0;
	border: none;
}
.bloc_150 a:link, 
.bloc_150 a:visited {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	display: block;
	padding: 4px 6px;
	text-decoration: none;
        text-align:center;
}
.bloc_150 a:active, 
.bloc_150 a:hover {
	color: #000000;
	text-decoration: none;
}
.bloc_330,
#related-posts {
	width: 280px;
	margin: 0 0 0 30px;
	padding: 10px 10px 0 40px;
	min-height: 80px;
}
.bloc_330 h1,
#related-posts h1 {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #405d7f;
}
.bloc_330 ul,
#related-posts ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: square;
	color: #00638d;
}
.bloc_330 ul li,
#related-posts ul li {
	margin: 0;
	padding: 0;
}
.bloc_330 ul li a:link,
.bloc_330 ul li a:visited,
#related-posts ul li a:link,
#related-posts ul li a:visited {
	text-decoration: none;
	color: #666666;
}
.bloc_330 ul li a:hover,
#related-posts ul li a:hover{
	text-decoration: underline;
	color: #333333;
}
#actus_sunelis {
	background: url('images/actus_sunelis_bg.jpg') no-repeat left top;
}
#actus_environnement {
	background: url('images/actus_environnement_bg.jpg') no-repeat left top;
}
#acces_direct {
	background: url('images/acces_direct_bg.jpg') no-repeat left top;
}
#lire_aussi, #related-posts {
	background: url('images/lire_aussi_bg.jpg') no-repeat left top;
}
h6 {
        margin:0;
        padding:4px 0 0 180px;
}
h6 a:link, h6 a:visited {
	font-size: 9px;
	color: #6f7072;
}
h6 a:hover {
	color: #6f7072;
}
#searchform {
	padding: 0;
	margin: 0;
}
#s {
	background: #ffffff;
	border: none;
	width: 220px;
	margin: 0;
	padding: 5px;
	font-size: 11px;
	color: #333333;
}
#searchsubmit {
	border: none;	
	Font-weight: normal;
	font-size: 10px;
	color: #7dd2e5;
	padding: 2px 4px;
	background: #3f5d7f;
}
#searchsubmit:hover {
	color: #ffffff;
}

/***************************** FOOTER *********************************/

#footer ul{
	margin: 0;
    	padding: 0;
	text-align: left;
}
#footer ul li{
	display: inline;
	padding: 0;
    	margin: 0 10px 0 0;
}
#footer ul li a{
	text-decoration: none;
	color: #999999;
	text-transform: uppercase;
}
#footer ul li a:hover{
	text-decoration: none;
	color: #666666
}
#footer ul li span a{
	text-decoration: none;
	color: #aaaaaa;
	text-transform: lowercase;
}
#footer ul li span a:hover{
	text-decoration: underline;
	color: #666666
}
#footer .left{
	margin-left: 15px;
}
#footer p{
	margin: 0;
    	padding: 0;
    	color: #aaaaaa;
	text-align: left;
}
#footer p a{
	text-decoration: underline;
	color: #aaaaaa;
}
#footer p a:hover{
    	color: #666666;
}


/********************** DEVIS STYLES *********************/

@CHARSET "UTF-8";

div.sunelis_devis, div#sunelis_devis, #sunelisdevisform {
	float: left;
	width: 600px;
}
div.sunelis_devis fieldset {
	float: left;
	border: 0;
	width: 585px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 15px;
	background: #f9f9f9;
}
div.sunelis_devis fieldset p {
	font-size: 12px;
	padding: 0;
	clear: both;

}
div.sunelis_devis fieldset p.first {
	margin: 15px 0 0 0 !important;
}
div.sunelis_devis legend {
	text-transform: uppercase;
	width: 560px;
	margin: 0;
	padding: 0 0 5px 0;
       font-size: 16px;
	font-weight: bold;
	color: #405d7f;
	border-bottom: 1px solid #999999;
}
div.sunelis_devis span.button {
	color: white;
	background-color: #7dd2e5;
	padding: 5px;
}
div.sunelis_devis label.text {
	display: block;
	float: left;
	width: 200px;
	text-align: left;
	margin: 0;
	padding: 0;
}
div.sunelis_devis .radioCheck {
	margin: 3px;	
}
div.sunelis_devis input.text,
div.sunelis_devis textarea {
	width: 40%;
	/* background-color: #FFD100; */
	/* border: 0; */
	margin-right: 15px;	
}
div.sunelis_devis input#adresse {
	width: 95%;
        margin-top: 5px;
}
div.sunelis_devis textarea {
        height: 60px;
}
div.sunelis_devis input.sendbutton	{   
	float: right;
	padding:5px 10px; 
	margin: 10px 30px 0 0;
	font-size:14px;
	text-transform: uppercase;
	color: #ffffff;
	background: #f59e00; 
	border: none;
	font-weight: bold;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.sunelis_devis p.envoy {
	float: left;
	width: 600px;
}
div.sunelis_devis hr {
	visibility: hidden;
	clear: both;
}
div.sunelis_devis span.note {
	font-size: 10px;
}
div.sunelis_devis span.warning {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}
div.sunelis_devis .nobr {
	white-space: nowrap;
}
div.sunelis_devis a {
	text-decoration: none;
	color: #666666;
}
div.sunelis_devis div#map {
	clear: both;
	width: 570px;
	height: 300px;
        margin: 5px 0 5px 0;
}
div.sunelis_devis div.error {
	clear: both;
}
div.sunelis_devis div.error span {
	background: url('error.png') no-repeat top left;
	padding-left: 30px;
	color: #dc3f35;
	font-weight: bold;
}
span.sunelis_error_form {
        width: 570px;
        display: block;
        color: #CC3333;
        padding-bottom: 5px;
}