/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x;
}


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}

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

hr {
  height: 1px;
  border: none;
  border-top: 1px solid #C0C0C0;
  margin: 10px 0 20px 0;
}

#index .columns1 .column2 ul {
  margin: 5px 0 8px 20px;
}

#index .columns1 .column2 ul li {
  margin: 2px 0 2px 17px;
  padding: 3px 0;
  list-style-image: url(images/puce.jpg);
  color: #808080;
}

#index .columns1 .column2 ul li strong {
  color: #808080;
}

#index .columns1 .column2 ul li span {
  font-weight: bold;
}

#index .columns1 .column1 ul li, #index .columns1 .column3 ul li {
  margin: 2px 0 2px 17px;
  padding: 1px 0;
  list-style-image: url(images/puce2.jpg);
  color: #4a6a7f;
}

p {
  margin: 2px 0 10px 0;
}

p.intro {
  font-weight: bold;
}

p.img {
  text-align: center;
  margin: 15px 0;
}

p.img img {
  padding: 2px;
  border: 1px solid #909090;
}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.on {font-weight: bold;}
.barre {padding: 3px; margin-bottom: 5px;}
.error {color: #CC0000; }

html, input, textarea, select
	{
		font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif ; 
		font-size:11px;
		line-height:17px;
		color:#505050;
	}

input, select, textarea {
		border: 1px solid #909090;
		padding: 2px;
}
input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:11px; color:#444444;}

a {color:#3d6f92; font-size:11px;}

/* Tableau caracteristiques */

table.Caras {
  width: 100%;
  margin: 20px 0;
  background-color: #909090;
}

table.Caras tr td {
  padding: 3px;
  text-align: center;
}

table.Caras tr th {
  background-color: #C0C0C0;
  padding: 5px;
}

table.Caras tr.ligne1 td {
  background-color: #EFEFEF;
}

table.Caras tr.ligne2 td {
  background-color: #FFFFFF;
}

/* liste */

dl dt {
  margin: 5px 0;
}

dl dd {
  margin: 2px 0 2px 18px
}

/*main layout */
.h_logo{ height:92px; width:100%;}

.header_accueil {height:250px;}
#header_tall {background:url(images/header_tall.gif) top repeat-x;}

#main { margin:0 auto;}

#header .left {padding:26px 0 0 0;}
#header .middle {padding:35px 0 0 0; font-weight: bold; float: left;}
#header .right {padding:26px 11px 0 0;}
#header .right a {color:#868686; font-size:11px; background:url(images/RSS.gif) no-repeat top right; padding:0 29px 2px 0;}

#menu {background:url(images/menu_tall.gif) top repeat-x; height:65px;}
#menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%; height:65px;}
#menu .padding {padding:9px 0;}
#menu li { float:left; padding: 0px 20px 0 20px; background:url(images/menu_libg.gif) top right repeat-y; font-size:11px; text-align:center;  display:block;}
#menu li a {color:#919191; text-decoration:none; font-weight: bold; font-size:12px; display:block; padding:8px 0 5px 0;}
#menu li span{ display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#000000;}
#menu li a.On {color:#000000;}
#menu li span {color:#000000;}
#menu .last {background:none;}

#header .content {background:url(images/header_bg.jpg) top left no-repeat; height: 150px; padding:15px 20px 28px 375px; color:#ffffff; text-align: justify;}
#header .content .text {padding:2px 0 33px 2px;}
#header .content .text strong {color: #FFF;}
#header .content .text a img {float:right;}

#header .content .linkRef a img {
  margin: 0 15px 0 0;
  border: 0px solid #000;
  filter : alpha(opacity=50);
  -moz-opacity : 0.5;
  opacity : 0.5;
}

#header .content .linkRef a:hover img {
  filter : alpha(opacity=100);
  -moz-opacity : 1;
  opacity : 1;
}


#middle { width:100%;}


#footer .indent {padding:23px 0 0 17px; color:#868686; font-size:10px;}
#footer a {color:#444444; font-weight:bold; font-size: 10px;}


.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}


.h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}

/* form */

#Form {
  width: 100%;
}

#Form td {
  padding: 5px;
}

/* symbole */

#symbole {
  width: 100%;
  background-color: #C0C0C0;
}

#symbole tr th {
  padding: 3px;
  text-align: center;
  font-weight: bold;
  background-color: #EFEFEF;
}

#symbole tr td {
  padding: 3px;
  text-align: center;
  background-color: #FFF;
}

/* Filtration */

#filtration {
  width: 100%;
}

#filtration td {
  padding: 5px 0;
}

#filtration tr td.head {
  border: 1px solid #EFEFEF;
  padding: 5px;
}

#filtration tr td.img {
  width: 275px;
  text-align: center;
}

#filtration tr td.img img {
  border: 0px solid #C0C0C0;
  padding: 2px;
}

/* composants */

#composants {
  width: 100%;
}

#composants tr td {
  padding: 3px 10px;
}

/* form devis */

.formdevis {
  width: 100%;
}

.formdevis tr th {
  text-align: left;
}

.formdevis tr td {
  padding: 3px;
}

/* form contact */

#formcontact {
  width: 100%;
}

#formcontact tr td.left {
  padding: 3px;
}

#formcontact tr td.left {
  width: 150px;
}

/* index */

#index #middle .indent {padding:17px 0 19px 0;}
#index #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .p1 {padding:1px 0 7px 0;}
#index #middle .columns2 {padding:21px 0 0 0;}
#index #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#index #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;}
#index #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;}


#form .column1 {width:183px;}
#form .column2 {width:521px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
/*textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}*/
form .div {text-align:right; padding:6px 0 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:33px 15px 17px 17px;}
#index_6 #middle .p1 {padding:6px 0 0 0;}