@CHARSET "UTF-8";

body {
	background-image:url('../images/background-doublet.gif');
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#EFE3C2;
	margin:0;
	padding:0;
	font-family:Arial,Verdana;
	font-size:12px;
	color:#666;
	text-align:center;
}


/* Structure */
#page {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:760px;
}
#header, #container {
	width:100%;
	padding:0;
	border:15px solid #FFF;
	border-bottom:5px solid #FFF;
	background-color:#FFF;
	margin:15px 0 0 0;
}
.spacer {
	clear:both;
	margin:0;
	padding:0;
	height:1px;
}


/* Navigation TOP */
#navigation_top {
	margin:2px 0 0 0;
	padding:0;
	border:1px solid #515151;
}
#navigation_user_left {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	width:400px;
}
#navigation_user_left li {
	display:inline;
	padding:0 5px;
}
#navigation_user_left li a {
	color:#B2E4F9;
	text-decoration:none;
}
#navigation_user_left li a:hover {
	text-decoration:underline;
}
#navigation_user_right {
	float:right;
	width:250px;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:right;
}
#navigation_user_right li {
	display:inline;
	color:#FFF;
	padding:0;
}


/* HEADER */
h1 {
	margin:0;
	padding:0;
	float:left;
	width:200px;
}
h1 img {
	border:0;
}
#menu {
	float:right;
	margin:25px 0 0 0;
	padding:0;
	list-style-type:none;
}
#menu li {
	display:inline;
	padding:0 10px;
}
#menu li a {
	color:#0080C6;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
#menu li a:hover {
	text-decoration:underline;
}


/* CONTAINER */

/* HOME */
#bloc_home {
	margin:0;
	padding:0;
	width:100%;
}
.col_home_left {
	float:left;
	width:280px;
	padding:0;
	margin:0;
}
.col_home_left h2 {
	text-transform:uppercase;
	font-size:24px;
	color:#0071BC;
	font-weight:normal;
	padding:0;
	margin:0;
}
.col_home_left p {
	font-size:14px;
	margin:10px 0;
	padding:0;
}
.col_home_right {
	float:right;
	width:450px;
	padding:0;
	margin:0;
}
#navigator a.item3 {
	background-color:#000;
	padding:2px 3px;
	color:#FFF;
	text-decoration:none;
	border:1px solid #FFF;
	margin:0 1px;
}
#navigator a.item3selected {
	background-color:#666;
	padding:2px 3px;
	color:#FFF;
	text-decoration:none;
	border:1px solid #000;
	margin:0 1px;
}
.boutons_nav {
	margin:10px 0;
	padding:0;
	list-style-type:none;
}
.boutons_nav li {
	background-image:url('../images/fond-bouton-large.jpg');
	background-position:0 0;
	background-repeat:no-repeat;
	padding:11px 15px 15px 15px;
	font-size:14px;
}
.boutons_nav li a {
	color:#FFF;
	text-decoration:none;
}
.boutons_nav li a:hover {
	text-decoration:underline;
}
#blocs_home_service, #blocs_presentation_home {
	margin:25px 0;
	padding:0;
}
#blocs_home_service h3 {
	color:#0071BC;
	font-size:18px;
	margin:0;
	padding:0;
}
.col_home_service {
	width:220px;
	float:left;
	margin:10px;
	padding:0;
}
.col_home_service img {
	width:90px;
	height:90px;
	background-color:#CCC;
	border:3px solid #EDEDED;
	float:left;
	margin:0 10px 5px 0;
}
.col_home_service p {
	margin:0;
	padding:0;
	float:left;
	width:110px;
}
.col_home_service p a {
	color:#0071BC;
	text-decoration:none;
}
.col_presentation_left {
	float:left;
	width:450px;
	margin:0;
	padding:0;
}
.col_presentation_right {
	float:right;
	width:250px;
	margin:0;
	padding:0;
}
.col_presentation_left h3, .col_presentation_right h3 {
	color:#0071BC;
	font-size:18px;
	margin:0;
	padding:0;
}


/* FORMULAIRES */
#content_form {
	float: left;
	margin: 0;
	padding: 0;
	width: 390px;
}
#details_form {
	float: right;
	margin: 0;
	padding: 0;
	width: 340px;
}
#content_form h3, #details_form h3 {
	text-transform: uppercase;
	color : #0080C6;
	font-weight: normal;
	font-size: 13px;
	background-color: #F0F7FF;
	border-top: 1px solid #0080C6;
	padding: 4px 10px;
}
#content_form fieldset, #details_form fieldset {
	margin: 20px 0;
	padding: 0;
	border: 0;
	border-top: 1px dotted #A6C8DD;
}
#content_form legend, #details_form legend {
	text-transform: uppercase;
	color: #A6C8DD;
	font-size: 12px;
	width: 100%;
}


/* champs de formulaire */
input, textarea, select {
	border: 1px solid #A6C8DD;
	background-color: #F2F2F2;
	width: 100%;
	color : #0080C6;
	font-size: 11px;
}
textarea {
	height: 150px;
}
input.invalid, textarea.invalid {
	border: 1px solid #e73f50;
	background-color: #f4c4c4;
}
input[type=submit] {
	border: 0;
	background: url('../images/fond-submit.jpg');
	color : #FFF;
	padding: 3px 15px;
	width: inherit;
	text-transform: uppercase;
}

.required {
	color : #3f98d2;
}

.contact-form-error {
	list-style-type: none;
	display: inline;
	color: red;
	font-style: italic;
}

select#contact-form-civilite {
	width: inherit;
}

#contact-form-cp, #contact-form-num_client {
	width: 150px;
}

#contact-form-profil {
	width: 250px;
}

#contact-form-nom {
	width: 70%;
}

p.contact-form-label {
	margin: 5px 0;
	padding: 0;
}
.contact-form-input-checkbox {
	width: 5%;
}
p.contact-form-field {
	margin-bottom: 10px;
}
.devis-form-error {
	list-style-type: none;
	display: inline;
	color: red;
	font-style: italic;
}

select#devis-form-civilite {
	width: inherit;
}

#devis-form-cp, #devis-form-num_client {
	width: 150px;
}

#devis-form-profil {
	width: 250px;
}

#devis-form-nom {
	width: 70%;
}

p.devis-form-label {
	margin: 5px 0;
	padding: 0;
}
.devis-form-input-checkbox {
	width: 5%;
}
p.devis-form-field {
	margin-bottom: 10px;
}

.lien_autre_form a {
	color: #C00;
	text-decoration:none;
}

/* messages */
#warning {
	font-style: italic;
}

#result {
	margin: 50px 0 0 10px;
	background-color: #3ab646;
	padding: 20px;
}
#result p {
	color: #FFF;
}


/* BLOG */
#blog_doublet {
	margin:0;
	padding:0;
}
#bloc_themes {
	float:left;
	margin:0;
	padding:0;
	width:180px;
}
#bloc_themes h4 {
	background-color:#69C1E0;
	color:white;
	text-transform:uppercase;
	padding:4px;
	font-size:12px;
	margin:0;
}
#bloc_themes #menu_blog {
	margin:5px 0;
	padding:0;
	list-style-type:none;
}
#bloc_themes #menu_blog li {
	padding:4px;
	border-bottom:1px dotted #CEE5EF;
}
#bloc_themes #menu_blog li ul li {
	border:none;
}
#bloc_themes #menu_blog li a {
	text-decoration:none;
	color:#0080C6;
}
#bloc_themes #menu_blog li a:hover {
	text-decoration:underline;
}
#bloc_themes #menu_blog ul {
	margin:0 0 0 15px;
	padding:0;
	list-style-type:none;
}

#liste_posts {
	float:left;
	margin:0 0 0 30px;
	padding:0;
	width:500px;
}
.blog_posts {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
.blog_posts h3 {
	margin:0;
	padding:5px;
	background-color:#CEE5EF;
}
.blog_posts h3 a {
	color:#0080C6;
	font-size:14px;
	text-decoration:none;
}
.blog_posts h3 a:hover {
	color:#C00;
	text-decoration:underline;
}
.page_post {
	margin:0;
	padding:0;
}
.page_post h2 {
	color:#0080C6;
	font-size:14px;
}
.content_post {
	margin:10px 0;
	padding:0;
}
.date_post {
	margin:0;
	padding:3px 5px;
	font-size:11px;
	border-top:1px solid #CEE5EF;
	width:200px;
}


/* Mentions */
#bloc_mentions {
	margin:0;
	padding:0;
}
#bloc_mentions h2 {
	color:#0080C6;
	font-size:16px;
}
#bloc_mentions a {
	color:#0080C6;
}
.left_mentions {
	margin:5px 10px;
	padding:0;
	float:left;
	width:200px;
}
.right_mentions {
	margin:0;
	padding:0;
	float:right;
	width:400px;
}


/* Katalog */
#bloc_katalog {
	margin:0;
	padding:0;
}
#bloc_katalog h2 {
	color:#0080C6;
	font-size:16px;
}
.katalog {
	float:left;
	margin:0;
	padding:0;
	width:600px;
}
.action_katalog {
	float:right;
	margin:0;
	padding:0;
	width:140px;
}
.action_katalog ul {
	list-style-type:none;
	margin:10px 0;
	padding:0;
}
.action_katalog ul li {
	margin:1px 0;
	background-color:#cbe6f4;
	color:#FFF;
	padding:5px 10px;
}
.action_katalog ul li a {
	color:#0080C6;
	text-decoration:none;
}


/* FOOTER */
#footer {
	margin:15px 0;
	padding:0;
}
.col_footer {
	float:left;
	margin:0 7px;
	padding:0;
	width:165px;
}
.col_footer_bis {
	float:right;
	margin:0;
	padding:0;
	width:165px;
	text-align:right;
}
.col_footer_bis a {
	color:#666;
}
.col_footer h4, .col_footer_bis h4 {
	color:#333;
	margin:0;
	padding:0;
}
.col_footer ul {
	margin:5px;
	padding:0;
	list-style-type:square;
	list-style-position:inside;
}
.col_footer ul li {
	padding:2px;
}
.col_footer ul li a {
	color:#666;
	text-decoration:none;
}
.col_footer ul li a:hover {
	text-decoration:underline;
}
.col_footer_bis address {
	font-style:normal;
}