/*

*/




body {
background-color: #717171;
font-family: Arial, sans-serif;
background-image: url(../images/fond.gif);
background-repeat: repeat-x;
font-size: 0.8em;
color: #fff;
margin : 0px;
padding : 0px;
text-align : center;
}


#globale{
background-color : transparent;
width: 760px;
margin: 0px auto;
padding : 0px;
text-align: left; 
/*border: 1px solid #999;*/
}


#globale_print{
background-color : #fff;
width: 760px;
margin: 0px auto;
padding : 0px;
text-align: left; 
/*border: 1px solid #999;*/
}


#bando {
background-image: url(../images/bando.gif);
background-repeat: no-repeat;
margin: 0px;
padding : 0px;
text-align: center;
background-color: transparent;
height: 140px;
min-height: 140px;
max-height: 140px;
}


#menu{
width: 760px;
max-width: 760px;
min-width: 760px;
margin: 0px;
padding: 0px;
background-color: transparent;
text-align: center;
}

#menu_espace {
float : right;
width : 130px;
max-width: 130px;
min-width: 130px;
margin: 45px 0px 35px 0px;
padding: 0px;
}


#menu_liens {
padding: 0px;
margin: 0px;
width : 760px;
max-width: 760px;
min-width: 760px;
float: right;
text-align: right;
}


#menu_liens a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
}

#menu_liens a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
} 

#menu_liens a:hover{
color : #ccc; 
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
} 

#menu_liens a:active {
color : #ccc; 
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
}




#menu_infiltro {
margin : 0px;
padding: 170px 20px 0px 20px;
width: 210px;
max-width: 210px;
min-width: 210px;
height : 130px;
min-height: 130px;
max-height: 130px;
float: left;
text-align: left;
color : #fff;
background-image: url(../images/fd_menu_infilto.jpg);
background-repeat: no-repeat;
}


#menu_thermo {
margin : 0px 0px 0px 5px;
padding: 170px 20px 0px 20px;
width: 210px;
max-width: 210px;
min-width: 210px;
height : 130px;
min-height: 130px;
max-height: 130px;
float: left;
text-align: left;
color : #fff;
background-image: url(../images/fd_menu_thermo.jpg);
background-repeat: no-repeat;
}


#menu_pel {
margin : 0px 0px 0px 5px;
padding: 170px 20px 0px 20px;
width: 210px;
max-width: 210px;
min-width: 210px;
height : 130px;
min-height: 130px;
max-height: 130px;
float: left;
text-align: left;
color : #666;
background-image: url(../images/fd_menu_pel.jpg);
background-repeat: no-repeat;
}





#contenu {
background-color : transparent;
margin: 0px;
padding : 32px 0px 24px 0px;
text-align: left; 
/*border: 1px solid #999;*/
}



#footer {
margin: 0px;
padding: 16px 0px;
background-color: #333;
text-align: center;
height: 200px;
min-height: 200px;
}


#footer_print {
margin: 0px auto;
padding: 16px 0px;
background-color: #fff;
color: #666;
text-align: center;
width : 760px;
max-width: 760px;
min-width: 760px;
border-top: 1px solid #666;
}

#footer_txt {
margin: 0px auto;
padding: 0px;
background-color: #333;
text-align: left;
width : 760px;
max-width: 760px;
min-width: 760px;
color : #fff;
}


#footer_right {
margin: 0px auto;
padding: 0px;
background-color: #333;
text-align: right;
width : 260px;
max-width: 260px;
min-width: 260px;
color : #fff;
float: right;
}


#footer a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
}

#footer a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
} 

#footer a:hover{
color : #ccc; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
} 

#footer a:active {
color : #ccc; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
}




/* TITRES */

h1 {
background-color: transparent;
color: #ccc;
font-size: 1.9em;
margin : 0px;
padding: 0px 0px 12px 0px;
}


h1.facture {
background-color: transparent;
color: #666;
font-size: 2em;
margin : 0px;
padding: 0px 0px 12px 0px;
}

h2 {
color: #fff;
font-size: 1.8em;
background-color : transparent;
background-position: left;
padding: 0px 0px 12px 0px;
margin: 0px;
}

h2.petit {
color: #fff;
font-size: 1.2em;
background-color : transparent;
background-position: left;
padding: 12px 0px 8px 0px;
margin: 0px;
}



h3 {
background-color: #ccc;
color: #333;
padding: 2px 4px;
} 



/* SPAN */

span.tel {
font-weight: bold;
font-size: 1.6em;
}

span.rouge {
font-weight: bold;
color : #fc0;
}



/* DIV */

div.neutre {
clear: both;
margin: 0px;
padding: 0px;
}


div.home {
width : 488px;
max-width: 488px;
min-width: 488px;
margin : 0px 12px 0px 0px;
padding: 0px;
float: left;
}


div.calendrier {
width : 230px;
max-width: 230px;
min-width: 230px;
margin : 0px 0px 0px 26px;
padding: 0px;
float: left;
}


div.centrer{
text-align: center;
}


div.aligndroite{
text-align: right;
}



div.demi {
width : 350px;
max-width: 350px;
min-width: 350px;
float: left;
padding: 0px 10px;
margin: 0px;
background-color: transparent;
}


#facture {
width : 600px;
max-width: 600px;
min-width: 600px;
height: 1000px;
min-height: 1000px;
max-height: 1000px;
padding: 20px 80px;
color : #333;
background-color: #fff;
}



div.titre_mois {
width : 136px;
max-width: 136px;
min-width: 136px;
float: left;
background-color:#333;
font-weight: bold;
text-align: left;
padding: 4px 0px 4px 4px;
}


div.titre_type {
width : 240px;
max-width: 240px;
min-width: 240px;
float: left;
background-color:#333;
font-weight: bold;
text-align: left;
padding: 4px 0px;
}


div.titre_type_double {
width : 480px;
max-width: 480px;
min-width: 480px;
float: left;
background-color:#333;
font-weight: bold;
text-align: left;
padding: 4px 0px;
}



div.mois {
width : 760px;
max-width: 760px;
min-width: 760px;
padding: 8px 0px;
border-bottom: 1px solid #333;
}


div.inf_glo {
background-color:#999;
border-bottom: 1px solid #333;
padding: 8px 0px;
}


div.thermo_glo {
background-color:#595959;
border-bottom: 1px solid #333;
padding: 8px 0px;
}


div.mois_vide {
width : 140px;
max-width: 140px;
min-width: 140px;
float: left;
}

div.desc {
width : 220px;
max-width: 220px;
min-width: 220px;
float: left;
padding: 0px 10px;
}


div.desc_double {
width : 460px;
max-width: 460px;
min-width: 460px;
float: left;
padding: 0px 10px;
}



div.desc_vide {
width : 220px;
max-width: 220px;
min-width: 220px;
float: left;
padding: 0px 10px;
}


div.lieu {
width : 140px;
max-width: 140px;
min-width: 140px;
float: left;
text-align: left;
}



/* LISTES */

ul {
margin : 4px 0px;
padding : 0px;
list-style-position:inside;
}

li {
list-style-type:square;
padding : 0px;
margin:0px;
}




/* FORMULAIRE */

fieldset {
padding : 16px;
border: 1px solid #ccc;
}

legend {
color : #ccc;
font-size: 1em;
font-weight: bold;
padding: 0px 0px 12px 0px;
margin: 0px;
}

label{
color : #fff;
font-weight: bold;
}

label.alerte{
color : #fc0;
font-weight: bold;
}


textarea {
border: 1px solid #ccc;
}

input {
border: 1px solid #ccc;
}

input.submit {
border: none;
color: #fff;
font-weight: bold;
background-color: #333;
padding: 4px 16px;
}




/* LIENS */


a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
}

a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
} 

a:hover{
color : #ccc; 
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
} 

a:active {
color : #ccc; 
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
}



#menu_pel a:link {
color : #666;
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
}

#menu_pel a:visited{
color : #666;
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
} 

#menu_pel a:hover{
color : #999; 
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
} 

#menu_pel a:active {
color : #999; 
text-decoration : none;
background-color: transparent;
font-weight : bold;
padding: 0px;
}



/* ROLLOVERS */

a.noir:link {
background: #fff url(../images/infiltrometrie2.jpg) left top no-repeat;
width: 240px;
min-width: 240px;
max-width: 240px;
height : 180px;
min-height: 180px;
max-height: 180px;
padding: 0px;
color: #fff;
font-size: 0.7em;
display: block;
text-align: center;
text-decoration: none;
float : right;
}

a.noir:visited {
background: #fff url(../images/infiltrometrie2.jpg) left top no-repeat;
width: 240px;
min-width: 240px;
max-width: 240px;
height : 180px;
min-height: 180px;
max-height: 180px;
color: #fff;
font-size: 0.7em;
padding: 0px;
display: block;
text-align: center;
text-decoration: none;
float : right;
}

a.noir:hover {
background: #fff url(../images/infiltrometrie1.jpg) right top no-repeat;
width: 240px;
min-width: 240px;
max-width: 240px;
height : 180px;
min-height: 180px;
max-height: 180px;
color: #fff;
font-size: 0em;
padding: 0px;
display: block;
text-align: center;
text-decoration: none;
float : right;
}

a.noir:active {
background: #fff url(../images/infiltrometrie1.jpg) right top no-repeat;
width: 240px;
min-width: 240px;
max-width: 240px;
height : 180px;
min-height: 180px;
max-height: 180px;
color: #fff;
font-size: 0em;
padding: 0px;
display: block;
text-align: center;
text-decoration: none;
float : right;
}









/* TABLE */

table {
border: 2px solid #666;
border-collapse: collapse;
width: 580px;
margin: 0px;
text-align: left;
}

th {
background-color: #333;
color : #fff;
border-right: 1px solid #666;
border-left: 1px solid #666;
padding: 4px;
}

td {
background-color: #fff;
color : #333;
border-right: 1px solid #666;
border-left: 1px solid #666;
border-top: 1px solid #666;
padding: 4px;
}








/* IMAGES */

a:link img {
margin : 0px;
padding : 0px;
border : 0px;
}

a:visited img {
margin : 0px;
padding : 0px;
border : 0px;
}

a:hover img {
margin : 0px;
padding : 0px;
border : 0px;
}

a:active img {
margin : 0px;
padding : 0px;
border : 0px;
}


img.gauche {
float : left;
margin-right : 12px;
}

img.droite {
float : right;
margin-left : 12px;
}

img.gauche_cadre {
float : left;
margin-right : 12px;
}

img.droite_cadre {
float : right;
margin-left : 12px;
}

img.cadre {
padding: 3px;
margin: 0px;
border: 1px solid #ffec00;
}

img.cadre_r {
padding: 3px;
margin: 0px;
border: 1px solid #d20218;
}

img.cadre_sans {
padding: 4px;
margin: 0px;
border: none;
}