/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */

/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#texte h1{

font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:30px;
height:40px;
color:#000000;
margin:10px 70px 0px 0px;
text-transform:uppercase;
text-align:right;

}
#texte h2{
font-size:16px;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#373737;
margin:5px 0px 0px 0;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
		text-decoration:none;
	color:#0b4877;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color:#515151;
}

/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/*************************************Stiluri*******************************/


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

ul.list1{
  padding-top:10px;
}

ul.list1 li{
	background:url(../images/charte/bullet.jpg) left 5px no-repeat;
  line-height:24px;
  padding-left:25px;
}
ul.list1 li a{
	background:url(../images/charte/bullet.jpg) left 5px  no-repeat;
  line-height:24px;
  padding-left:25px;
}
ul li.list1 a:hover{
	background:url(../images/charte/bullet-over.jpg) left no-repeat;
}
ul.list2 li{
	background:url(../images/charte/bullet.jpg) left 5px  no-repeat;
  line-height:24px;
  padding-left:25px;
}
ul.list2 li a{
background-image:none;
padding-left:0px;}

ul.list3{
  width:50%;
  height:100%;
  padding-bottom:10px;
  float:left;
}
ul.list3 a{
	background:url(../images/charte/bullet.jpg) left no-repeat;
  line-height:24px;
  padding-left:25px;
}
ul.list3 a:hover{
	background:url(../images/charte/bullet-over.jpg) left no-repeat;
}

.line{
  line-height:1px;
  height:31px;
  width:680px;
  background:url(../images/charte/line.jpg) left no-repeat;
  display:table;
  clear:both;
}


#text #gallerie-mode-chaufage{
width:100%;
float:left;
}
.pic-container{
  text-align:center;
  height:110px;
  width:110px;
  padding-left:1px;
  float:left;
  color:#703c2e;
}
.pic-container p{
  width:110px;
}

.pic-container img{
margin:2px;
border:solid 1px #e6e7e9;
padding:2px;
display:table;
cursor:pointer;
}
.pic-container1{
  text-align:center;
  width:160px;

  float:left;
  color:#703c2e;
  border:solid 1px #e6e7e9;
  margin:3px;
}
.pic-container1 img{
margin:2px;
border:solid 1px #a3e1f0;
height:80px;
padding:2px;
cursor:pointer;
}
#texte .pic-container1 p{
	width:160px;
	height:35px;
	margin:0;
	font-size:11px;
	font-weight:bold;
	padding-top:5px;
	color:#000;
	background-color:#bbcefd;
	border-bottom:solid 1px #e6e7e9;
	text-align: center;
	line-height:14px;
}

#texte .pic-container1 #bas{
	width:160px;
	height:45px;
	margin-top:2px;
	font-size:10px;
	padding-top:5px;
	color:#000;
	/*background-color:#eafed8;*/
	border-top:solid 1px #e6e7e9;
	text-align: center;
	line-height:14px;
}

#texte .pic-container1 a:link, #texte .pic-container1 a:visited{
font-weight:normal;
font-size:11px;
color:#0b4877;
width:160px;

}
#texte .pic-container1 a:hover,#texte .pic-container1 a:active{
font-weight:normal;
font-size:11px;
color:#525252;
width:160px;

}
#texte .pic-container2{
  text-align:center;
  float:left;
  height:148px;
  color:#703c2e;
  border:solid 1px #e6e7e9;
  margin-left:6px;
}
#texte .pic-container2 p.titre{
width:100%;;
height:32px;
margin:0;
font-size:11px;
font-weight:bold;
padding-top:5px;
color:#000;
background-color:#eafed8;
border-bottom:solid 1px #e6e7e9;
text-align: center;
line-height:14px;
}
#texte .pic-container2 p{
width:100%;;
height:32px;
margin:0;
font-size:11px;
font-weight:bold;
padding-top:5px;
color:#000;
background-color:#bbcefd;
border-bottom:solid 1px #e6e7e9;
text-align: center;
line-height:14px;
}
#texte .pic-container2 a:link, #texte .pic-container2 a:visited{
font-weight:normal;
font-size:11px;
color:#d6639e;
padding-bottom:5px;
}
#texte .pic-container2 a:hover,#texte .pic-container2 a:active{
font-weight:normal;
font-size:11px;
color:#d6639e;
}
#texte .pic-container2 img{
margin:2px;
border:solid 1px #a3e1f0;
padding:2px;
cursor:pointer;
}
#texte .pic-container3{
  text-align:center;
  float:left;
/*  height:163px;       */
  color:#703c2e;
  border:solid 1px #e6e7e9;
  margin-left:6px;
}
#texte .pic-container3 p.titre{
width:100%;;
height:32px;
margin:0;
font-size:11px;
font-weight:bold;
padding-top:5px;
color:#000;
background-color:#BBCEFD;
border-bottom:solid 1px #e6e7e9;
text-align: center;
line-height:14px;
}
#texte .pic-container3 p{
width:100%;;
height:32px;
margin:0;
font-size:11px;
/*font-weight:bold;*/
padding-top:5px;
color:#000;
text-align: center;
line-height:14px;
}
#texte .pic-container3 a:link, #texte .pic-container2 a:visited{
font-weight:normal;
font-size:11px;
color:#d6639e;
padding-bottom:5px;
}
#texte .pic-container3 a:hover,#texte .pic-container2 a:active{
font-weight:normal;
font-size:11px;
color:#d6639e;
}
#texte .pic-container3 img{
margin:2px;
border:solid 1px #a3e1f0;
padding:2px;
cursor:pointer;
}


#texte p.renseignement {
  width:45%;
  margin:0 auto;
  text-align:center;
  padding-left:25px;
  font-size:12px;
  line-height:16px;
  font-weight:bold;
  background:url(../images/charte/mail.jpg) left top  no-repeat;
}
#texte p.renseignement1 {
  width:73%;
  margin:0 auto;
  text-align:center;
  font-size:12px;
  line-height:16px;
  font-weight:bold;
  background:url(../images/charte/mail.jpg) left top  no-repeat;
}
#texte h3{
/*eventual pun inapoi la 12px*/
font-size:13px;
font-weight:bold;
line-height:20px;
height:20px;
text-align:left;
color:#703f30;
margin:5px 0px 0px 0px;
clear:both;
}

#texte h4{
/*eventual pun inapoi la 12px*/
font-size:13px;
font-weight:bold;
line-height:20px;
height:20px;
text-align:left;
color:#703f30;
margin:5px 0px 0px 0px;
}

#texte #important1{
  width:680px;
  height:49px;
  background: url(../images/charte/important1.jpg) center no-repeat;
  text-align:center;
  display:table;
}
#texte #important1 p{
font-size:14px;
font-weight:bold;
width:680px;
margin:5px 0px 0px 0;
line-height:49px;
margin:0;
padding:0;
text-align:center;
display:table;
color:#444444;
}
#text2 #container-important{
  width:100%; float:left;
}

#texte #important2{
  width:680px;
  height:114px;
  text-align: center;
  background: url(../images/charte/important2.jpg) center top no-repeat;
  display:table;
}
#texte #important2 p{
width:620px;
font-size:13px;
font-weight:bold;
padding:18px 35px 0px 0;
line-height:20px;
margin:0;
float:right;
color:#444444;
}
#texte #important2 br{
line-height:10px;
}
#texte .span1{
  color:#e89f36;
  background-color:#0b4877;
}
#texte .span2{
  color:#FFFFFF;
  background-color:#0b4877;
}

#texte .span3{
  color:#0b4877;
}
#texte .span4{
  background-color:#AAAAAA;
  line-height:18px;
}
#close a:link, #close a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#82dc33;
  background-color:#000000;
  border:solid 1px #000000;
  line-height: 18px;
}

#close a:hover, #close a:active{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
  border:solid 1px #000000;
  background-color:#82dc33;
  line-height: 18px;
}
#texte .align-contact{
padding-bottom:10px;
}
#texte .page-liens {
  padding-bottom:10px;
}
#texte img {
  padding:2px;
  border:solid 1px #a3e1f0;
  margin-top:5px;
  margin-bottom:2px;
  margin-left:2px;
  margin-right:2px;
  cursor:pointer;
}

#collLeft #actus{
  float:right;
  width:200px;
  margin-top:10px;
  padding:10px 4px 5px;
  background-color:#E7E8EA;
}

#collLeft #actus h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
text-transform:uppercase;
color:#000000;
margin-bottom:5px;
}

#collLeft #actus p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
}

#collLeft #actus img{
  border:solid 1px #BBD8E0;
  padding:1px;

}

#collLeft #actus{
  float:right;
  width:200px;
  margin-top:10px;
  padding:10px 4px 5px;
  background-color:#E7E8EA;
}

#collLeft #actus h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
text-transform:uppercase;
color:#000000;
margin-bottom:5px;
}

#collLeft #actus p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
}

#collLeft #actus img{
  border:solid 1px #BBD8E0;
  padding:1px;

}

.invisible
{
	display:none;
}