html, body {
	height: 100%;
	margin: 0;
	 background: #fff url('http://www.solaire-mairesse.be/BAN/fond-800*1.png') repeat-x top left;
	}
	
div#mobile1 {
   display:none;
}
_AT_media handheld {
   div#mobile1 {
      display:block;
   }
} 
 
div#header
{
position: absolute;
top: 1px;
margin-left: 0px;
width: 900px;
height: 160px;
background-image: url("BAN/900*160-jaune-base2.png");
margin-bottom: 15px;
}

div#mobile
{
position: absolute;
top: 20px;
margin-left: 24px;
width: 45px;
height: 74px;
background-image: url("BAN/gsm22.png");

}


/*============================================*/
/*============================================*/
#links-global {
	width: 208px;
	/*border: 1px  solid #4ba932;*/
	margin: 15px 6px 2px 10px;
	padding: 2px 1px 0px 1px;
	float: left;
	background-color: #fdfdfd;
	}
	
.links-global-160{
width: 160px;
}	
.links-global-composant {
	width: 100%;
	height: 60px;
	/*padding: -1px;*/
	background-color: #f4f8f4;	
	border-bottom: 1px solid #d7d7cd;
}
.links-global-composant-last {
	width: 100%;
	height: 60px;
	/*padding: -1px;*/
	background-color: #f4f8f4;	
}
.links-global-composant-image {
	margin: 1px 1px 2px 4px;
	padding: 10px 2px;
}

.links_global_composant_1 {
float: left;
    width: 60px;
	padding:12px 0px 0px 6px;
}

.links_global_composant_2 {
/*float: right;*/
width: 148px;
margin:4px 0px 0px 16px;
position: absolute;
/*padding-left: 10px;*/
}

.links-global-composant-text {
	margin: 0px 6px 0px 12px;
	padding-bottom: 2px;
	color: #6d6e71;
	position: relative;
	top: -56px;
}
/*================================================================*/
 h5
{
font-style: italic ;
border-bottom: 1px  solid #4ba932;
font-size: 12px;
font-family: arial, verdana, sans-serif;
text-align: center;
margin:0px ;
}

.links-rond p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.links-rond {
background: transparent; 
width:100%; 
float:left; 
margin:0 0 10px 0;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}

.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#bf2406;
color:#fff;
}
.color_b {
background:#2c2c08; 
color:#fffc0b;
}
.color_c {
background:#f4f8f4; 
color:#2c2c08;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
/*===========================================*/

#samedi {
	width: 450px;
	border: 1px  solid #525103;
	margin: 15px 10px 5px 5px;
	padding: 6px 6px;
	float: right;
	background-color: #fdfdfd;
}
/*===========================================*/
#recht-global {
	width: 412px;
	border: 1px  solid #525103;
	margin: 15px 10px 5px 5px;
	padding: 6px 6px;
	float: right;
	background-color: #fdfdfd;
}

.recht-global-composant {
	width: 100%;
	border-bottom: 1px solid #8a210c;
	padding: 0 2px 8px 0;
}
.recht-global-composant-2 {
	width: 100%;
	padding: 0 2px 8px 0;
}
.recht-global-composant-image {
	margin: 7px 10px 2px 2px;
}

.recht-global-composant-text {
	margin: 0px 6px 0px 12px;
	padding-bottom: 2px;
	color: #6d6e71;
	position: relative;
	top: -4px;
}

#centre-global {
	width: 620px;
	border: 1px  solid #525103;
	margin: 15px 10px 15px 14px;
	padding: 16px 10px;
	float: left;
	background-color: #fdfdfd;
}

.centre-global-composant {
	width: 100%;
	border-bottom: 1px solid #8a210c;
	padding: 0 2px 8px 0;
	
}
.centre-global-composant-image {
	margin: 10px 0px 2px 10px;
	width: 160px;
	float: right;
}
.centre-global-composant-text {
	margin: 0px 6px 0px 12px;
	padding-bottom: 2px;
	color: #6d6e71;
	position: relative;
	top: -4px;
}

	
	/*============================================*/
/*============================================*/


div#cadre-01/*900*980*/
{
position: absolute;
top: 10px;
margin-left: 0px;
width: 900px;
background-color: #fffc0b;
}

.element_cadre-500{height: 500px;}
.element_cadre-550{ height: 550px;} 	
.element_cadre-600{ height: 600px;} 
.element_cadre-650{ height: 650px;} 
.element_cadre-700{ height: 700px;} 
.element_cadre-750{ height: 750px;}
.element_cadre-800{ height: 800px;} 
.element_cadre-850{ height: 850px;}
.element_cadre-900{ height: 900px;} 
.element_cadre-1000{ height: 1000px;} 
.element_cadre-1100{ height: 1100px;} 
.element_cadre-1200{ height: 1200px;} 	
.element_cadre-1400{ height: 1400px;} 	
.element_cadre-1600{ height: 1600px;} 	
.element_cadre-1800{ height: 1800px;} 
.element_cadre-2000{ height: 2000px;} 
.element_cadre-2200{ height: 2200px;} 
.element_cadre-2300{ height: 2300px;} 
.element_cadre-2400{ height: 2400px;} 
.element_cadre-2600{ height: 2600px;}
.element_cadre-2800{ height: 2800px;}
.element_cadre-3000{ height: 3000px;}  
.element_cadre-3200{ height: 3200px;} 
.element_cadre-3400{ height: 3400px;} 
.element_cadre-3500{ height: 3500px;} 
.element_cadre-3600{ height: 3600px;}
.element_cadre-3700{ height: 3700px;}
.element_cadre-3800{ height: 3800px;} 
.element_cadre-4000{ height: 4000px;} 
.element_cadre-4100{ height: 4100px;} 

div#cadre-02 /*672*/
{
position: absolute;
top: 164px;
margin-left: 3px;
width: 672px;
background-color: #fdfdfd;
bottom:38px; 
}


div#cadre-03 /*220*/
{
position: absolute;
top: 164px;
margin-left: 677px;
width: 220px;
background-color: #fdfdfd;
bottom:38px; 
}

div#cadre-04 /*200*200*/
{
position: relative;
top: 00px;
margin-top: 2px;
margin-left: 10px;
margin-bottom: 20px;
width: 200px;
height: 200px;
background-image: url("BAN/200*200-1.png");
}
.cadre04-image {
	margin: 10px 1px 2px 4px;
	padding: 54px 10px;
}

div#cadre-05 /*pic*/
{
position: relative;
top: 0px;
margin-top: 4px;
margin-left: 10px;
margin-bottom: 20px;
width: 200px;
height: 150px;

}

div#cadre-06 /*600*400*/
{
position: relative;
top: 20px;
margin: 20px 0 0 20px;
padding-left: 40px;
width: 600px;
height: 400px;
background-image: url("BAN/600*400.png");
}

div#cadre-07 /*150*25*/
{
position:absolute;
 
  bottom:10px; 
margin-left: 10px;
padding-left: 40px;
width: 150px;
height: 25px;
background-image: url("BAN/150*25.png");
}
/*============================================*/


/*============================================*/

/*============================================*/
div#bas-bottom
{
position:absolute;
bottom:2px; 
width: 892px;
height: 20px;
margin: 4px;
float: left;
background-image: url("BAN/892*20.png");
}

/*============================================*/
div#update
{
position: absolute;
top: 114px;
margin-left: 22px;
font: normal 11px arial, sans-serif;
color: #535042;
text-align: center;
}
/*============================================*/

/*============================================*/

.class1 A:link {text-decoration: none; color: #ffffff;font-size: 0.83em;}
.class1 A:visited {text-decoration: none; color: #ffffff;font-size: 0.83em;}
.class1 A:active {text-decoration: none; color: #ffffff;font-size: 0.83em;}
.class1 A:hover {text-decoration: none; color: #fd0006;font-size: 0.83em;}

.class2 A:link {text-decoration: none; color: #060d02;font-size: 0.83em;}
.class2 A:visited {text-decoration: none; color: #060d02;font-size: 0.83em;}
.class2 A:active {text-decoration: none; color: #060d02;font-size: 0.83em;}
.class2 A:hover {text-decoration: none; color: #fd0006;font-size: 0.83em;}

.class3 A:link {text-decoration: none; color: #6c6c62;margin-left:10px;font-size: 0.83em;}
.class3 A:visited {text-decoration: none; color: #6c6c62;margin-left:10px;font-size: 0.83em;}
.class3 A:active {text-decoration: none; color: #1C278F;margin-left:10px;font-size: 0.83em;}
.class3 A:hover {text-decoration: none; color: #1C278F;margin-left:10px;font-size: 0.83em}


.class4 A:link {text-decoration: none; color: #5f2200; font-family: "arial", "verdana", sans-serif;}
.class4 A:visited {text-decoration: none; color: #5f2200; font-family: "arial", "verdana", sans-serif;}
.class4 A:active {text-decoration: none; color: #5f2200; font-family: "arial", "verdana", sans-serif;}
.class4 A:hover {text-decoration: none; color: #1C278F; font-family: "arial", "verdana", sans-serif;}

.class5 A:link {text-decoration: none; color: #6c6c62;padding-left: 48px;;font-size: 0.83em;}
.class5 A:visited {text-decoration: none; color: #111102;padding-left: 48px;;font-size: 0.83em;}
.class5 A:active {text-decoration: none; color: #1C278F;padding-left: 48px;;font-size: 0.83em;}
.class5 A:hover {text-decoration: none; color: #c82f11;padding-left: 48px;;font-size: 0.83em}

.class6 A:link {text-decoration: none; color: #6c6c62;padding-left: 10px;font-size: 0.83em;border-right: solid  1px #e4e1e2;padding-right:10px;}
.class6 A:visited {text-decoration: none; color: #161e04;padding-left: 10px;font-size: 0.83em;border-right: solid  1px #161e04;padding-right:10px;}
.class6 A:active {text-decoration: none; color: #1C278F;padding-left: 10px;font-size: 0.83em;border-right: solid  1px #e4e1e2;padding-right:10px;}
.class6 A:hover {text-decoration: none; color: #f80b0b;padding-left: 10px;font-size: 0.83em;border-right: solid  2px #fffc0b;padding-right:10px;}

.class7 A:link {text-decoration: none; color: #6c6c62;padding-left: 140px;font-size: 0.83em;border-right: solid  1px #e4e1e2;padding-right:10px;}
.class7 A:visited {text-decoration: none; color: #161e04;padding-left: 140px;font-size: 0.83em;border-right: solid  1px #161e04;padding-right:10px;}
.class7 A:active {text-decoration: none; color: #1C278F;padding-left: 140px;font-size: 0.83em;border-right: solid  1px #e4e1e2;padding-right:10px;}
.class7 A:hover {text-decoration: none; color: #f80b0b;padding-left: 140px;font-size: 0.83em;border-right: solid  2px #fffc0b;padding-right:10px;}
/*============================================*/

/*============================================*/

#casetop1
{
margin-left: 240px;
margin-bottom: 5px; 
width: 116px;
position: absolute;
top: 114px;
padding-left:4px;
border-right: solid  1px #e4e1e2;
font: normal 14px arial, sans-serif;
color: #ffffff;
text-align: center;
}

#casetop2
{
margin-left: 356px;
margin-bottom: 5px; 
width: 116px;
position: absolute;
top: 114px;
padding-left:4px;
border-right: solid  1px #e4e1e2;
font: normal 14px arial, sans-serif;
color:#FfFfF4;
text-align: center;
}
#casetop3
{
margin-left: 472px;
margin-bottom: 5px; 
width: 116px;
position: absolute;
top: 114px;
padding-left:4px;
border-right: solid  1px #e4e1e2;
font: normal 14px arial, sans-serif;
color: #fd0006;
text-align: center;
}
#casetop4
{
margin-left: 588px;
margin-bottom: 5px; 
width: 116px;
position: absolute;
top: 114px;
padding-left:4px;
border-right: solid  1px #e4e1e2;
font: normal 14px arial, sans-serif;
color: #fd0006;
text-align: center;
}
#casetop5
{
margin-left:704px;
margin-bottom: 5px; 
width: 120px;
position: absolute;
top: 114px;
padding-left:4px;

font: normal 14px arial, sans-serif;
color: #fd0006;
text-align: center;
}


#casetop6
{
margin-left: 240px;
margin-bottom: 5px; 
width: 116px;
position: absolute;
top: 134px;
padding-left:4px;
border-right: solid  1px #47494a;
font: normal 14px arial, sans-serif;
color: #060d02;
text-align: center;
}

#casetop7
{
margin-left: 356px;
margin-bottom: 5px; 
width: 116px;
position: absolute;
top: 134px;
padding-left:4px;
border-right: solid  1px #47494a;
font: normal 14px arial, sans-serif;
color:#FfFfF4;
text-align: center;
}
#casetop8
{
margin-left: 472px;
margin-bottom: 5px; 
width: 116px;
position: absolute;
top: 134px;
padding-left:4px;
border-right: solid  1px #47494a;
font: normal 14px arial, sans-serif;
color: #fd0006;
text-align: center;
}
#casetop9
{
margin-left: 588px;
margin-bottom: 5px; 
width: 136px;
position: absolute;
top: 134px;
padding-left:2px;
border-right: solid  1px #47494a;
font: normal 14px arial, sans-serif;
color: #fd0006;
text-align: center;
}
#casetop10
{
margin-left: 704px;
margin-bottom: 5px; 
width: 100px;
position: absolute;
top: 134px;
padding-left:4px;
font: normal 14px arial, sans-serif;
color: #fd0006;
text-align: center;
}


/*============================================*/

/*============================================*/

div#global {
	width: 900px;
	margin-left: auto; 
  margin-right: auto; 
	position: relative;	
height:auto;
background-color: #76736f;
	}

/*============================================*/

/*============================================*/
div#gauche-2cl {
  position: absolute;
  top: 330px;
  left: 8px;
  width: 440px;
  border-right: solid 2px #FF8c00;
  }	
  
div#droite-2cl {
  position: absolute;
  top: 330px;
  right: 6px;
  width: 440px; 
  }


div#gauche-lg {
  position: absolute;
  top: 140px;
  left: 8px;
  width: 683px;
  border-right: solid 2px #FF8c00;
  }	
  
div#droite-lg {
  position: absolute;
  top: 140px;
  right: 6px;
  width: 197px; 
  }

.element_droite-blanc-lg
{   
   background-color: #FFFDFD;
}  
  
	
div#gauche {
  position: absolute;
  top: 140px;
  left: 8px;
  width: 650px;
  border-right: solid 2px #FF8c00;
  }

div#droite {
  position: absolute;
  top: 140px;
  right: 10px;
  width: 200px; 
  }
  

.element_droite-jaune
{   
   background-color: #ffb21e;
}

.element_droite-blanc
{   
   background-color: #FFFDFD;
}

.element_180300
{   
   background-image: url("BAN/180*300.png");
}

div#haut {
  position: absolute;
  top: 120px;
  right: 19px;
  width: 860px; 
  }
.element_haut-jaune
{   
   background-color: #FFDE59;
}  



/*Attributs texte Attributs texte Attributs texte Attributs texte Attributs texte Attributs texte*/
p
{
color: #3b3a05;
/*color: #131A16;*/
font-size: 0.83em;
font-family: "arial", "verdana", sans-serif;
width: auto;
text-align: justify;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 12px;
padding-right: 12px;
}
p.cptr
{
color: #fff;
font-size: 0.9em;
}
p.margin
{
position: absolute;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
margin-left:5px;
}
ul
{
font-family: "arial", "verdana", sans-serif;
font-size: 0.83em; color: #3b3a05;
width: auto;
text-align: justify;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 20px;
padding-right: 8px;
}

li {
 font-family: Arial, sans-serif; 
 color: #3b3a05;
 display : list-item;
 /*margin-left: 10px; 
 padding-left: 5px;*/
list-style-image : url(puce.gif);
}

/* 
a
{
text-decoration: none; 
color: #791A17;
font-size: 0.83em;
padding-left: 8px;
}*/

h1
{
color: #3b3a05;
font-size: 1.15em;
font-family: "arial", "verdana", serif;
width: 96%;
text-align: left;
padding-top: 2px;
padding-left: 12px;
}

h1.index
{
font-size: 16px;
font-style: italic ;
font-family: arial, helvetica, sans-serif ;
}

h1.margin
{
color: #060d02;
font-size: 14px;
font-style: italic ;
font-family: arial, helvetica, sans-serif ;
padding-left: 0px;
text-align: left;
position: absolute;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
margin-left:5px;
}
h1.title
{
color: #060d02;
font-size: 16px;
font-style: italic ;
font-family: arial, helvetica, sans-serif ;
padding-left: 0px;
text-align: left;
position: absolute;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
margin-left:12px;
}
h2
{
color: #3b3a05;
font-size: 1em;
font-family: "arial", "verdana", serif;
width: 96%;
text-align: left;
padding-top: 2px;
padding-left: 12px;
}
h2.box
{
color: #131A16;
font-size: 1em;
font-family: "arial", "verdana", serif;
width: 96%;
text-align: left;
padding-top: 2px;
padding-left: 12px;
}

h3
{
color: #3b3a05;
font-size: 0.9em;
font-family: "arial", "verdana", serif;
width: 96%;
text-align: left;
padding-top: 2px;
padding-left: 12px;
}

h4
{
color: #0101DF;
font-size: 14px;
font-style: italic ;
font-family: arial, helvetica, sans-serif ;
width: 98%;
text-align: left;

}
h4.margin
{
color: #00b100;
position: absolute;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
margin-left:5px;
}


/* Autres*/
.center
{
margin-left:auto;
margin-right:auto;
width:493px;
}

.basligne
{
   border-bottom: 6px solid #6F4911;
}

div#ligne
{
   border-bottom: 4px solid #b8b8a0;
   width: 96%;
}
.submit {
  border-Bottom-Width: thin;
  font-Family: Times, serif;
  background-Color: purple;
  width: 32pt;}