/* CSS Document */
html {font-size: 100%;} /* agarder cause bug IE*/
body {
	background-color:#f22378;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .85em;
	background-image:url(images/Background1px.gif);
	background-repeat:repeat-x;
}
/*Redéfinition du tag UL afin de pouvoir mettre une image à droite et que les ul soient disposés à droite de l'image*/
/*ul{
	margin-left:170px;
	padding-left:50px;
}*/
/*Textes*/
/*Style pour le numéro de téléphone dans la toolbar*/
#NTel{
	float:right;
	height:31px;
	padding-top:8px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFFFFF;
	font-weight:bold;
}
/*Style pour les titres de rubriques*/
#titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#81043c;
	font-weight:bold;
	border-bottom:solid 1px #999ea2;
	width:100;
	text-align:left;
	text-transform:uppercase;
	background-image:url(images/coche.png);
	background-repeat:no-repeat;
	background-position:0 0px;
	padding-left:22px;
	margin-bottom:5px;
}
#titre a {
text-decoration:none;
	color:#81043c;
}
/*Style pour les blocs de texte (cf bloc introduction sur la homepage*/
#text{
	min-height:110px;
	font-size:.9em;
  margin-bottom:3px;
  line-height: 150%;
  }
/*Style pour les blocs de texte (cf bloc introduction sur la homepage*/
#textprinc{
	min-height:110px;
  text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
	font-size:1.1em;
  margin:0px;
  line-height: 150%;
  }
/*Gestion des onglets dans le menu*/
#OngletsTop {
	float:left;
	width: auto;
	font-size:1em;
	/*line-height: normal;*/
	border: 0px solid black;
}
#OngletsTop ul {
  list-style:none;
	margin: 0px 0px 0px 7px;
	padding:0px;
}
#OngletsTop li {
 	  float:left;
    margin-left:1px;
    padding: 0px 0px 0px 7px;
}
#OngletsTop a {
	display:block;
  padding:5px 7px 5px 0px;
  font-weight:bold;
	color:#000000;
	text-decoration:none;
}
#OngletsTop a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#OngletsTop #current {
    background:url("images/left.png") no-repeat left top;
}
#OngletsTop #current a {
    background:url("images/right.png") no-repeat right top;
    color:#FFFFFF;
    padding-bottom:5px;
    text-decoration:none;
}   
#OngletsTop #current a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
/*Fin de la gestion des onglets dans le menu*/

/**********************************************************
/* Boites arrondies
*********************************************************/

/*Boite principale 
exemple :
		<div id="main">
          <div id="maincontent">
            <div id="maininner">
			contenu
			</div>
          </div>
        </div>
*/
#main {
	margin:0px 0px 0px 0px;
	width:879px;
	padding:0 0 12px 0;
	text-align:left;
	background-image:url(images/MainBackgroundBottom.gif);
  background-repeat:no-repeat;
  background-attachment:fixe;
  background-position:0 100%;
}
#maintop {
	padding:17px 0 0px 0;
	background-image:url(images/MainBackgroundTop0.gif);
  background-repeat:no-repeat;
  background-attachment:fixe;
  background-position:0 0px;
}
#maincontent {
	margin:0px 0px 0px 0px;
	padding:5px 15px 0 15px;
/*	background-image:url(images/MainBackgroundTop.gif);
  background-repeat:no-repeat;
  background-attachment:fixe;
  background-position:0 0;*/
	background-image:url(images/MainBackgroundTop1px.gif);
  background-repeat:repeat-y;
  background-attachment:fixe;
  background-position:0 25px;
}
#maininner {
	margin-top:25px;
	text-align:left;
}
#mainbloc {
width:100%;
padding: 0px; 
position: relative; 
float: left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
#mainbloc li {
margin:0px;
margin-left: 20px;
margin-bottom:1px;
text-align: Left;
}
/*Boites arrondies (aérothermie, domotique ...) petite taille
exemple :
		<div id="box">
          <div id="boxcontent">
            <div id="boxinner">
			contenu
			</div>
          </div>
        </div>
*/
#box {
	margin:0px 0 0 0px;
	width:280px;
	padding:0 0 11px 0;
	text-align:left;
	background:url(images/SmallBoxBottom.gif) no-repeat 0 100%;
}
#boxcontent {
	padding:5px 15px 0 15px;
	background:url(images/SmallBoxTop.gif) no-repeat 0 0;
}
#boxinner {	
	height:237px;
	overflow:auto;
	padding:5px;
	text-align:left;
}
/*boites arrondies faisant toute la partie centrale de la page (électricité générale sur la homepage
exemple : 
		<div id="fullsizebox">
          <div id="fullsizeboxcontent">
            <div id="fullsizeboxinner">
			contenu
			</div>
          </div>
        </div>
*/
#fullsizebox{
	margin:0px 0 0 0px;
	width:846px;
	padding:0 0 11px 0;
	text-align:left;
	background:url(images/BigBoxBottom.gif) no-repeat 0 100%;
}
#fullsizeboxcontent {	
	padding:5px 15px 0 15px;
	background:url(images/BigBoxTop.gif) no-repeat 0 0;
}
#fullsizeboxinner {
	padding:5px;
	text-align:left;
}

/*Style pour les traits de séparation
S'appelle de la façon suivante
        <div id="hr">
          <hr/>
        </div>
*/
#hr {
	padding-top:5px;
	padding-bottom:5px;
}
hr {
	height:1px;
	background-color:#CCCCCC;	
}
  
p.MsoCenter, li.MsoCenter, div.MsoCenter
{margin:0px;
font-size: 1em ; 
margin-bottom:1px;
text-align: center;
}
p.MsoLeft, li.MsoLeft, div.MsoLeft
{
font-size: 1em ; 
margin:0px;
margin-left: 10px;
margin-bottom:1px;
text-align: Left;
}
p.MsoRight, li.MsoRight, div.MsoRight
{
font-size: 1em ; 
margin:0px;
margin-left: 10px;
margin-bottom:1px;
text-align: right;
}
p.spec
{
font-size: 1.6em ; 
color:DarkMagenta; 
text-align: center;
}
h1
{
font-size: 1.6 em ; 
color: navy;
text-align: center;    
}
h2
{
font-size: 1.2 em; 
font-style: bold;         
color: windowtext; 
text-align: center;
}
table,td
{
}
form {
padding:0px;
}

td.C1
{ 
font-size:1.1em;
vertical-align: middle;
width: 25%;
/*width: 200px;*/
}
td.C2
{ 
font-size:1.1em;
vertical-align: middle;
width: 75%;
}

.Ci1
{ 
width: 20%;
text-align: center;
vertical-align: middle;
font-size:1.2em;
color:DarkMagenta; 
}
/*ul 
{ 
    border:0; 
    margin:0; 
    margin-left:0 ;
    padding:0; 
}*/
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
   margin-right: 20px;
}
img.alignright {
	margin-left: 20px;
  }