/*
	layout.css
	
	Copyright (C) 2009, Aliénor.net
*/


body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

h2 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #D90000;
	line-height: 1.2em;
	font-size: 1.6666em;
	font-weight: normal;
}
h3 {
	clear: both;
	margin: 20px 0 10px 0;
	padding-left: 15px;
	background: url(../img/h3_dot.gif) no-repeat 0 15px;
	color: #D90000;
	font-size: 1.3333em;
}

h4 {
	margin-top: 5px;
}

textarea {
	font-size:0.9166em;
}

li {
	list-style-image: url(../img/dot.gif);
}

a:link, a:visited, a:active {
	color: #000;
}
a:hover {
	text-decoration: none;
}


/* ------------------------------
/* COMMON
/* ------------------------------ */

.red {
	color: #D90000;
}
.bg-red {
	overflow: hidden;
	padding: 5px;
	background-color: #D90000;
	color: #FFF;
}

.block {
	margin-bottom: 22px;
}
.block_title {
	height: 36px;
	margin-bottom: 1px;
}
.block_title h3 {
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.block_content {
	overflow: hidden;
	border-top: 1px solid #EDEDED;
	border-left: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
}
.block_footer {
	height: 12px;
	background: url(../img/block_footer.gif) no-repeat;
}

.box {
	margin-bottom: 20px;
}
.box_title {
	height: 36px;
	margin-bottom: 1px;
}
.box_title h3 {
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.box_content {
	padding: 10px 15px 5px 15px;
	border-top: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
	border-left: 1px solid #EDEDED;
	background: #FAFAFA url(../img/box_content_bg.gif) no-repeat;
}
.box_content h4 {
	margin: 0 0 10px 0;
}
.box_content h4 a {
	color: #D90000;
}
.box_content p {
	margin: 0;
	font-size: 0.9166em;
}
.box_content img {
	float: left;
	margin-right: 5px;
	border: 1px solid #EDEDED;
}
.box_footer {
	height: 12px;
	background: url(../img/box_footer.gif) no-repeat;
}

.date {
	color: #D90000;
	font-size: 0.9166em;
}

.out { position: absolute; left: -9999px; }
.hide { display: none; }
.invisible { visibility: hidden;}
.clear { clear: both; }


/*** TEXT ***/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }

.lettrine:first-letter { float: left; font-family: Palatino, 'Palatino Linotype', Georgia, sans-serif; }
.strike { text-decoration: line-through; }
.underline { text-decoration: underline; }

.quiet { color: #666; }
.loud  { color: #000; }
.highlight { background: #FFC; }


/*** IMAGE ***/
.img-left { float: left; }
.img-right { float: right; }
.img-center { float: none; display: block; clear: both; }
.img-block { display: block; }


/*** DELETED MARGE ***/
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


/*** FORM ***/
input.text {
	border: 1px solid #FFF;
	background: url(../img/input_bg.gif) repeat-x;
}
input.password {}
input.radio {}
input.checkbox {}
input.image {}
input.button {}
input.submit {}
input.reset {}

.added { background: #060; color: #FFF; }
.removed { background: #900; color: #FFF; }

.anet_error, .notice, .success { border: 2px solid; }
.anet_error { background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8A1F11; }
.notice a { color: #514721; }
.success a { color: #264409; }

/* ------------------------------
/* WRAPPERS
/* ------------------------------ */
#outer-wrapper {
	background: url(../img/outer-wrapper_bg.gif) repeat;
}
#inner-wrapper {
	background: url(../img/inner-wrapper_bg.gif) repeat-x;
}
#wrapper {
	background: url(../img/wrapper_bg.gif) no-repeat center top;
}


/* ------------------------------
/* TOP-BAR
/* ------------------------------ */
#top-bar {
	width: 970px;
	height: 43px;
	padding: 0 15px;
	margin: 0 auto;
}

/*** TOP-MENU ***/
#top-menu {
	float: left;
	width: 235px;
	margin-top: 20px;
	color: #FFF;
	font-size: 0.9166em;
}
#top-menu a {
	color: #FFF;
	text-decoration: none;
}
#top-menu a:hover {
	text-decoration: underline;
}

/*** LANG ***/
#lang {
	float: left;
	width: 190px;
	margin-top: 20px;
}
#lang a {
	margin: 0 10px;
}
/*** ID_CONNECT ***/
#id_connect {
	float: left;
	margin:20px 20px 0 0;
	max-height:23px;
}
	#id_connect p {
		color: #FFF;
		font-size: 0.92em;
		float: left;
	}
		#id_connect p span.username {
			font-weight: bold;
		}
	#id_connect form {
		float: left;
	}
		#id_connect form input {
			background:transparent none repeat scroll 0 0;
			border:none;
			border-bottom:1px solid #FFFFFF;
			color:#FFFFFF;
			margin:-2px 0 0 10px;
		}
/*** LINK ***/
#link {
	float: right;
	width: 180px;
	padding-left: 20px;
	margin-top: 20px;
	background: url(../img/icon_link.gif) no-repeat;
	font-size: 0.9166em;
	font-weight: bold;
}
#link a {
	color: #FFF;
	text-decoration: none;
}
#link a:hover {
	text-decoration: underline;
}

/*** SEARCH ***/
#search {
	float: right;
	margin-top: 19px;
	color: #FFF;
}
#search label {
	font-size: 0.9166em;
}
#search label#search_field_label {
	font-weight: normal;
}
#search input#search_field {
	height: 17px;
	padding-top: 2px;
}
#search button#search_button {
	width: 21px;
	height: 21px;
	border: none;
	background: url(../img/icon_search.gif) no-repeat;
}
#search a {
	color: #FFF;
	font-size: 0.9166em;
	font-weight: bold;
	text-decoration: none;
}
#search a:hover {
	text-decoration: underline;
}

/* ------------------------------
/* HEADER
/* ------------------------------ */
#header {
	width: 1000px;
	height: 173px;
	margin: 0 auto;
}

#branding {
	float: left;
	padding: 51px 0 0 10px;
}
h1#logo {
	width: 252px;
	margin: 0;
}
#baseline {}

/*** MENU ***/
#menu {
	float: left;
	margin-top: 69px;
}
#menu ul {
	margin: 0 0 0 70px;
	padding: 0;
}
#menu ul li {
	display: inline-block;
	float: left;
	list-style: none;
	padding: 0 12px 0 10px;
	background: url(../img/menu_separator.gif) no-repeat right 1px;
}

#menu_52 a {
	width: 21px;
	background: url(../img/menu_1.gif) no-repeat;
}
#menu_52 a:hover, 
#menu_6 a:hover, 
#menu_6.on a, 
#menu_5 a:hover, 
#menu_5.on a, 
#menu_4 a:hover, 
#menu_4.on a, 
#menu_3 a:hover, 
#menu_3.on a {
	background-position: 0 -30px;
}
#menu ul li.last {
	padding: 0 10px;
	background: none;
}
#menu ul li a {
	display: inline-block;
	height: 30px;
}

#menu_title {
	height: 30px;
	margin-left: 200px;
}

/* ------------------------------
/* CONTAINER
/* ------------------------------ */
#container {
	width: 996px;
	margin: 0 auto;
	padding: 0 2px;
	background: url(../img/container_bg.gif) repeat-y;
}


/* ------------------------------
/* BREADCRUMB
/* ------------------------------ */
#breadcrumb {
	height: 30px;
	margin-left: 20px;
	font-size: 0.9166em;
}
#breadcrumb a {
	text-decoration: none;
}
#breadcrumb span.on {
	color: #D90000;
}
#breadcrumb a:hover {
	text-decoration: underline;
}

/* ------------------------------
/* HOME
/* ------------------------------ */
/*** BLOCK_CONCEPT ***/
#block_concept {
	float: left;
	width: 467px;
	padding-left: 20px;
}
#block_concept .block_content {
	/*height: 196px;*/
	/*padding: 20px 20px 20px 290px;*/
	/*background: url(../img/home-concept.jpg) no-repeat;*/
	font-size: 0.9166em;
	background-color: #EEEEEE;
}

#block_concept .block_content  .csc-textpic-image {
	padding-top: 20px;
}
#block_concept .block_content  .csc-textpic-text {
	padding: 20px 20px 20px 0;
}

#video {
	height: 45px;
	margin-left: -8px;
	padding: 12px 0 0 60px;
	background: url(../img/video.gif) no-repeat;
}
#video a {
	text-decoration: none;
	color: #D90000;
	font-weight: bold;
}
#video a:hover {
	text-decoration: underline;
}

/*** BLOCK-CONFIGURATEUR ***/
#block_configurateur {
	float: right;
	width: 467px;
	padding-right: 20px;
}

/*** BLOCK_PRODUCT ***/
#block_product {
	float: left;
	position: relative;
	width: 732px;
	padding: 0 22px 0 20px;
}
#slide {
	overflow: hidden;
	height: 311px;
}
.descriptif_title {
	height: 32px;
	padding: 7px 0 0 15px;
}
.descriptif_title h4 {
	margin: 0;
	padding: 0;
	background: none;
	color: #FFF;
	font-size: 1.6666em;
	font-weight: normal;
}
#title_1 {
	background-color: #E2051E;
}
#title_2 {
	background-color: #0CAAE1;
}
#title_3 {
	background-color: #F7AA05;
}
#title_4 {
	background-color: #E53289;
}
.descriptif_content {
	height: 232px;
	padding: 20px 15px;
	background: #FAFAFA url(../img/descriptif_content_bg.gif) repeat-y;
	font-size: 0.9166em;
}
.slide_open {
	float: left;
	width: 202px;
}
.slide_closed {
	float: left;
	width: 95px;
}
.slide_open a, .slide_closed a {
	display: block;
	width: 28px;
	height: 311px;
}
.descriptif_open {
	float: left;
	width: 242px;
	margin-left: 1px;
}
.descriptif_closed {
	display: none;
	float: left;
}
#slide_footer {
	position: absolute;
	top: 340px;
	width: 732px;
	height: 10px;
	background: url(../img/slide_footer.png) no-repeat;
}


/* ------------------------------
/* PAGE
/* ------------------------------ */
/*** LEFT ***/
#left {
	float: left;
	width: 202px;
	padding-left: 20px;
	padding-bottom: 330px;
	background: url(../img/left_bg.gif) no-repeat left bottom;
}

#cmenu {}
#cmenu ul {
	margin: 0;
	padding: 0;
}
#cmenu ul li {
	padding-left: 23px;
	background: url(../img/cmenu_arrow.gif) no-repeat 0 2px;
	list-style: none;
}
#cmenu ul li a {
	text-decoration: none;
}
#cmenu ul li a:hover, #cmenu ul li a.on {
	color: #D90000;
	text-decoration: underline;
}
#cmenu ul li ul li {
	padding-left: 10px;
	background: url(../img/cmenu_dot.gif) no-repeat 0 7px;
}

/*** MAIN ***/
#main {
	float: left;
	width: 508px;
	margin: 0 22px;
}
#bottom {
	text-align: right;
}
#bottom a {
	text-decoration: none;
}
#bottom a:hover {
	text-decoration: underline;
}
#send {
	padding-right: 20px;
	background: url(../img/icon_send.gif) no-repeat right top;
}
#print {
	margin-left: 20px;
	padding-right: 20px;
	background: url(../img/icon_print.gif) no-repeat right top;
}

/*** RIGHT ***/
#right {
	float: left;
	width: 202px;
	margin-right: 20px;
}

#box_configurateur {}

#box_actu {}
#link_actu {
	height: 23px;
	margin: 15px 0 0 -4px;
	padding: 15px 0 0 40px;
	background: url(../img/link_actu.gif) no-repeat;
	line-height: 1em;
	font-size: 0.9166em;
	font-weight: bold;
}
#link_actu a {
	text-decoration: none;
	color: #D90000;
}
#link_actu a:hover {
	text-decoration: underline;
}
#box_reseau{}
#box_reseau .box_content {
	height: 49px;
	padding: 46px 15px 5px 115px;
	border: none;
	background: url(../img/reseau.jpg) no-repeat;
}
#box_reseau a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
#box_reseau a:hover {
	text-decoration: underline;
}

#box_info {}
#box_info p {
	text-align: justify;
}

#box_back {}
#link_back {
	height: 23px;
	margin: 15px 0 0 -4px;
	padding: 15px 0 0 40px;
	background: url(../img/link_actu.gif) no-repeat;
	line-height: 1em;
	font-size: 0.9166em;
	font-weight: bold;
}
#link_back a {
	text-decoration: none;
	color: #D90000;
}
#link_back a:hover {
	text-decoration: underline;
}

/* ------------------------------
/* PERSO
/* ------------------------------ */
#title-perso {
	margin: 0 22px 0 20px;
}
#main-perso {
	float: left;
	width: 732px;
	margin: 0 22px 0 20px;
}

/*** BLOCK_COORDONNEES ***/
#block_coordonnees {}

#block_coordonnees .block_content {
	background-color: #EEEEEE;
	display: table;
	width:730px;
}
#coordonnees {
	/*float: left;*/
	/*width: 420px;*/
	/*width: 50%;*/
	display: table-cell;
	padding: 0 20px 20px 20px;
	text-align: center;
	vertical-align: middle;
}
#coordonnees h3 {
	padding-left: 0;
	background: none;
	font-size: 1.5em;
}
#coordonnees p, #coordonnees span#web {
	font-size: 1.1666em;
}

#visual {
	/*float: left;*/
	/*width: 250px;*/
	/*max-width: 50%;*/
	/*padding: 20px 20px 20px 0;*/
	display: table-cell;
	margin-top:10px;
	text-align: center;
	vertical-align: middle;
}
#visual img {
}
/*** BLOCK_ENTREPRISE ***/
#block_entreprise {}
#block_entreprise .block_content {
	padding: 0 20px;
	background-color: #FAFAFA;
}

/*** BLOCK_REALISATIONS ***/
#block_realisations {}
#block_realisations .block_content {
	padding: 0 20px;
	background-color: #FAFAFA;
}

/* ------------------------------
/* FOOTER-BLOCK
/* ------------------------------ */
#footer-block {
	position: relative;
	z-index: 20;
	width: 968px;
	margin: 20px auto -50px auto;
}
#footer-block_top {
	height: 15px;
	background: url(../img/footer-block_top.gif) no-repeat;
}
#footer-block_content {
	padding: 10px 20px;
	background: url(../img/footer-block_content.png) repeat-y;
	text-align: center;
	font-size: 0.9166em;
	line-height: 1.2727em;
}
#contacts {
	float: left;
}
#contacts .separator {
	float: left;
	width: 139px;
	padding: 0 20px;
	border-right: 1px solid #D90000;
}
#contacts h5 {
	margin: 0;
	color: #E3001B;
}
#index {
	float: left;
	width: 528px;
	padding: 0 20px;
}
#index p {
	margin: 0;
	line-height: 1.2727em;
}
#footer-block_bottom {
	height: 20px;
	background: url(../img/footer-block_bottom.gif) no-repeat;
}


/* ------------------------------
/* FOOTER
/* ------------------------------ */
#footer {
	z-index: 10;
	padding: 60px 0 10px 0;
	border-top: 1px solid #FE6D6E;
	border-bottom: 1px solid #FE6D6E;
	background-color: #E3001B;
	color: #FFF;
	font-size: 0.9166em;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#crea {
	float: left;
	margin-left: 55px;
}
#bottom-menu {
	float: right;
	margin-right: 55px;
}

/* ------------------------------
/* Formulaires
/* ------------------------------ */

h3.section-form {
	background: none;
	background-color: #E3001B;
	color: #FFF;
	line-height : 1.999em;
	margin: 0 0 10px 0;
}

div.unit {
	width: 478px;
	overflow: hidden;
	padding: 0 10px;
}
div.csc-mailform-field-error div textarea, div.csc-mailform-field-error div input, div.unit .field  input.error{
	margin:0;
	border:1px solid red;
}

div.unit .field textarea.error {
	width : 350px;
	height: 16px;
	margin:0;
	padding:0;
	border:1px solid red;
}

div.csc-mailform-field-error div span, div.unit .field label.error {
	color: red;
	width:100%;
}

div.csc-mailform-field-error div span {
	display: block;
	margin-left:150px;
}

div.unit .field label.error  {
	margin: 0 0 0 85px;
	float:none;
	padding: 0;
	color: red;
	width:100%;
}

div.unit .field .field_annee_construction  label.error {
	margin: 0 0 0 140px;
}

div.field {
	float: left;
	margin : 5px;
}

div.produit  span input{
	float: left;
}
div.field label {
	display:block;
	font-weight: normal;
	float:left;
	margin-right:5px;
	text-align:left;
	min-width:80px;
}

div.radio label {
	float: none;
	display: inline;
}

div.checkbox  {
	min-width: 200px;
}
div.checkbox label {
	float: none;
}
.produit .checkbox label {
	font-weight: bold;
	color: #E3001B;
}

div.checkbox input {
	float: left;
}
div.field input, div.field select, div.field textarea {
	/*margin: 5px;*/
	border: 1px solid #7F9DB9;
}

div.field textarea {
	width : 350px;
	height: 16px;
}

div.field label.error {
	float: right;
	margin: 0;
	padding: 0;
	color: red;
}
.form_bloc {
	/*border : 1px solid #E3001B;*/
	background-color:#E9E9E9;
	padding-bottom: 12px;
}

.gamme h5 {
	margin:5px 0;
}

.gamme div.field {
	float: none;
}
.gamme div.field label {
	min-width: 280px;
}
#commentaire textarea {
	height:auto;
}
.envoyer {
	margin:10px 0 0;
}
input#tx_tipafriend_button, .envoyer input {
	background: url('../img/fond_bouton.gif') no-repeat;
	width: 99px;
	height: 26px;
	border: none;
	color: #FFF;
}
.gamme .unit {
	border-bottom : 1px solid #E3001B;
}
p.form_helpers {
	font-weight:bold;
	margin:5px 15px;
}

div.field img {
	text-align: center;
}
img.tx-srfreecap-pi2-image {
	margin-left: 25%;
}

div.csc-mailform-field-error div input {
}

/* formulaire pro */
div.field label.align_largeur {
	min-width:170px;
}
.infos_gauche em,.infos_droite em  {
	color:#888;
}
.infos_gauche {
	float:left;
	width:400px;
}
.infos_droite {
	float:left;
	width:50px;
}
/* fin formulaire pro */

/* ------------------------------
/* Styles RTE
/* ------------------------------*/
.align-justify {
	text-align: justify;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}


/*----------------------------
/* Correction pour hauteur bloc
/*---------------------------*/
.csc-textpic {
	width: 100%;
	overflow: hidden;
}

/*----------------------------
/* Annuaire
/*---------------------------*/
.dalalien-annuaire {
	padding: 10px;
}
.adresse-annuaire {
	padding: 10px;
}
.contact-annuaire {
	border: 1px solid #E3001B;
	padding : 10px;
}

h4.contact {
	background: url(../img/fr/vous_etes.gif) no-repeat;
	height: 36px;
	width: 200px;
	margin-top: 40px;
	padding: 0;
	color: transparent;
	margin-bottom: 0px;
}

ul.contact {
	overflow: hidden;
	padding:20px 0 0 64px;
	background: url('../img/contact_box.gif') no-repeat;
	margin-top: 0px;
}

ul li.contact {
	list-style-type: none;
}

li.contact {
	float:left;
	background: url('../img/contact_bouton.gif') no-repeat;
	margin : 10px 20px;
	width: 134px;
	padding-top: 4px;
	height: 22px;
	list-style-image: none;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

li.gris {
	background: url('../img/contact_bouton_gris.gif') no-repeat;
}

li.contact a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

/*MAILFORM-NG*/
div.csc-mailform-field label {
	width : 140px;
	text-align: right;
	margin: -4px 10px 0 0;
	float : left;
	
}
div.csc-mailform-fieldtype-input input {
	width : 129px;
	height : 20px;
}
input.csc-mailform-submit {
	background: url('../img/fond_bouton.gif') no-repeat;
	border: none;
	color: #FFF;
	font-weight: bold;
	height: 26px;
	left: 150px;
	margin-top: 5px;
	padding: none;
	position: relative;
	text-align: center;
	width: 99px;
}

div.csc-mailform-field {
	margin : 8px 0;
}

fieldset.csc-mailform {
	border: none;
}

div.csc-mailform-fieldname-captcha {
}

div.csc-mailform-fieldname-captcha label {
}

div.csc-mailform-fieldname-captcha input {
}

div.csc-mailform-fieldname-captcha p {
	margin: 0 0 10px 150px;
}

div.csc-mailform-fieldname-captcha p img{
}

/*FELOGIN*/
div.connexion {
		float: left;
}
	div.unit p {
		
	}
div.connexion div.unit {
	width: 300px;
}
	div.connexion div.unit div.field label {
		min-width: 130px;
		text-align: right;
		padding-right: 5px;
	}
div.connexion.unit.envoyer {
	width: 100px;
	margin: 25px 0 0 50px;
}
/*RTE*/
p.juridique {
	font-size: 0.85em;
}

/*GLOSSAIRE*/
.tx-a21glossaryadvancedoutput-pi1 dt {
	background:url("../img/dot.gif") no-repeat center left;
	padding-left:12px;
	color:#D90000;
	font-weight:bold;
}
.tx-a21glossaryadvancedoutput-pi1 dt:first-letter {
	text-transform: uppercase;
}
.tx-a21glossaryadvancedoutput-pi1 dd strong {
	color:#D90000;
	font-weight:normal;
}

.tx-a21glossaryadvancedoutput-pi1 div.searchform {
	overflow: hidden;
	width: 100%;
}
.tx-a21glossaryadvancedoutput-pi1 div.searchform form {
}
.tx-a21glossaryadvancedoutput-pi1 div.searchform  input.submit-gloss {
	background:transparent url(../img/fond_bouton.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	height:26px;
	width:99px;
}
.tx-a21glossaryadvancedoutput-pi1 div.searchform  p{
	float: left;
	margin-right: 10px;
}
.tx-a21glossaryadvancedoutput-pi1 div.navbar {
	text-align: center;
	margin: 5px 0;
	padding: 2px 0;
	border-top: 1px dotted #D90000;
	border-bottom: 1px dotted #D90000;
}
	.tx-a21glossaryadvancedoutput-pi1 div.navbar a {
		margin:0 2px;
	}
	.tx-a21glossaryadvancedoutput-pi1 div.navbar a.aktiv{
		color:#D90000;
		font-weight:bold;
	}
/*CARROUSSEL*/
#block_realisations .block_content {
	height: 180px;
}
#block_realisations .block_content div {
	float: left;
}
#block_realisations .block_content div#carrousel {
	margin-top: 20px;
}
	#block_realisations .block_content div#carrousel ul li {
		margin-left: 10px;
	}
#block_realisations .block_content div.arrow {
	height: 180px;
	width: 28px;
}
	
#block_realisations .block_content div.arrow.prev {
	float: left;
	background:url("../img/previous.gif") no-repeat center left;
}
#block_realisations .block_content div.arrow.prev.disabled {
	background:none;
}
#block_realisations .block_content div.arrow.next.disabled {
	background:none;
}
#block_realisations .block_content div.arrow.next {
	float: right;
	background:url("../img/next.gif") no-repeat center right;
	margin-left: 10px;
}

div.tx-anetevents-pi1 {
	margin-bottom: 10px;
}