/************************************
*               GENERAL             *
************************************/
html, body
{
margin: 0px 0px 0px 0px;
height: 100%;
/*background-image: url('../images/motif_fond_general.jpg');*/
background-color: #e21619;
}
.global
{
height: 100%;
}
.page
{
width: 968px;
}
.bandeau_haut
{
height: 125px;
}
.menu
{
position: relative;
background-image: url('../images/fond_vertical.png');
background-repeat: repeat-y;
width: 968px;
height: 80px;
z-index: 1;
}
.barre
{
position: absolute;
z-index: 2;
}
.milieu
{
position: relative;
background-image: url('../images/fond_vertical.png');
background-repeat: repeat-y;
z-index: 3;
}
.recherche_espace_client
{
position: relative;
background-image: url('../images/fond_gris_recherche_espace_client.jpg');
background-repeat: no-repeat;
height: 61px;
width: 968px;
z-index: 3;
}
.input_recherche
{
position: absolute;
top: 31px;
left: 40px;
height: 15px;
width: 115px;
border: 0px;
background-color: transparent;
}
.input_login
{
position: absolute;
top: 31px;
left: 230px;
height: 15px;
width: 115px;
border: 0px;
background-color: transparent;
}
.input_mdp
{
position: absolute;
top: 31px;
left: 370px;
height: 15px;
width: 115px;
border: 0px;
background-color: transparent;
}
.btn_input_recherche
{
position: absolute;
top: 31px;
left: 170px;
height: 15px;
width: 22px;
border: 0px;
background-color: transparent;
cursor: pointer;
}
.btn_input_connexion
{
position: absolute;
top: 31px;
left: 500px;
height: 15px;
width: 22px;
border: 0px;
background-color: transparent;
cursor: pointer;
}
.bas_page
{
position: relative;
background-image: url('../images/pied_de_page.png');
background-repeat: no-repeat;
width: 968px;
height: 38px;
z-index: 2;
}
.contenu_bas_page
{
position: relative;
top: 7px;
right: 20px;
width: 250px;
font-family: Arial;
font-size: 10px;
color: #4C4C4C;
}
.sous_pied_page
{
font-family: Arial;
font-size: 13px;
color: #FFFFFF;
}

/************************************
*           BOUTONS MENU            *
************************************/
.accueil
{
position: absolute;
top: 17px;
left: 34px;
width: 163px;
height: 61px;
}
.pompes_chaleur
{
position: absolute;
top: 17px;
left: 182px;
width: 163px;
height: 61px;
}
.clim
{
position: absolute;
top: 17px;
left: 330px;
width: 163px;
height: 61px;
}
.solaire
{
position: absolute;
top: 17px;
left: 478px;
width: 163px;
height: 61px;
}
.realisations
{
position: absolute;
top: 17px;
left: 626px;
width: 163px;
height: 61px;
}
.contact
{
position: absolute;
top: 17px;
left: 774px;
width: 163px;
height: 61px;
}

/*****************************
*           PAGES            *
*****************************/

.txt_news
{
color: #555555;
font-family: Arial;
font-size: 14px;
position: relative;
top: 70px;
left: 25px;
width: 240px;
text-align: justify;
}
.txt_pompes_interieur
{
color: #003063;
font-family: Arial;
font-size: 14px;
position: relative;
top: 70px;
left: 280px;
width: 290px;
text-align: justify;
}
.tab_pompes
{
position: relative;
left: 25px;
}
a.lien_accueil
{
font-family: Arial;
text-decoration: none;
color: #79ba66;
}
a.lien_accueil:hover
{
font-family: Arial;
text-decoration: underline;
color: #457b36;
}
a.lien_bas
{
font-family: Arial;
font-size: 10px;
text-decoration: none;
color: #4C4C4C;
}
a.lien_bas:hover
{
font-family: Arial;
font-size: 10px;
text-decoration: none;
color: #CC0000;
}
.texte
{
font-family: Arial;
font-size: 14px;
color: #555555;
}
.texte12
{
font-family: Arial;
font-size: 12px;
color: #555555;
}
.access_client
{
font-family: Arial;
font-size: 10px;
color: #56ab36;
}
.cadre
{
border: 1px solid #AAAAAA;
}
.cadre_large
{
width: 300px;
}
.cadre_cp
{
width: 80px;
}
.cadre_ville
{
width: 176px;
}
.btn_contact
{
border: 1px solid #AAAAAA;
background-color: #CC0000;
color: #FFFFFF;
}
a.lien_multipage
{
font-family: Arial;
font-size: 11px;
text-decoration: none;
color: #62c1ea;
font-weight: bold;
}
.titre_recherche
{
width: 510px;
height: 22px;
background-image: url('../images/fond_titre_recherche.jpg');
background-repeat: no-repeat;
font-size: 14px;
font-weight: bold;
color: #29abe2;
padding-top: 35px;
padding-left: 35px;
}
.titre_actus
{
width: 510px;
height: 44px;
background-image: url('../images/fond_titre_actus.jpg');
background-repeat: no-repeat;
font-size: 16px;
font-weight: bold;
color: #56ab36;
padding-top: 13px;
padding-left: 35px;
}

a.lien_espace_client
{
font-family: Arial;
font-size: 12px;
text-decoration: none;
color: #555555;
font-weight: bold;
}
a.lien_espace_client:hover
{
font-family: Arial;
font-size: 12px;
text-decoration: underline;
color: #990000;
font-weight: bold;
}

.td_hover:hover
{
background-color: #EEEEEE;
}

.logo_credit_impots
{
position: absolute;
top: -20px;
left: 650px;
z-index: 10;
}

/************************************
*          PAGE CONTACT             *
************************************/
.divs-contact
{
width: 50%;
float: left;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
#contact-img
{
padding-top: 40px;
}
#contact-map
{
padding-top: 45px;
}
#contact-addr
{
padding-top: 50px;
padding-bottom: 90px;
}
#contact-formSend
{
padding-top: 100px;
padding-bottom: 100px;
}


/************************************
*        PAGE REALISATIONS          *
************************************/
.realisation
{
float : left;
padding : 10px;
margin : 5px;
width : 46%;
text-align : center;
height : 250px;
overflow : hidden;
}
.div-img
{
border : 1px solid #DDDDDD;
}

.texte-nos-realisations{
text-align : center;
}

/************************************
*           PAGE ACCEUIL            *
************************************/

.txt_pompes
{
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
position: relative;
top: 55px;
left: 215px;
width: 360px;
text-align: justify;
}

.txt_pompes a{
color : white;
}

.date{
font-size : 10px;
}

/************************************
*       PAGE CLIMATISATION          *
************************************/

.text-clim
{
text-align : justify;
}

/************************************
*      PAGE POMPE A  CHALEUR        *
************************************/

.text-pompe
{
text-align : justify;
}

/************************************
*          PAGE SOLAIRE             *
************************************/

.text-solaire
{
text-align : justify;
}
.text-solaire a{color : #555555;}


/************************************
*       DIV MENTIONS LEGALES        *
************************************/
#mentions-legales *{
margin : 0;
padding : 0;
}
#mentions-legales{
text-align : justify;
width :90%;
padding-bottom : 15px;
}
#mentions-legales h2{
font-size : 1em;
font-family: Arial;
text-transform : uppercase;
text-align : center;
padding : 10px 0px;
}
#mentions-legales h3{
border-left : 3px solid #B2B2B2;
border-bottom : 1px solid #B2B2B2;
font-size : 1em;
font-family: Arial;
color : red;
text-indent : 5px;
text-transform : uppercase;
}

#mentions-legales p{
padding-bottom : 15px;
font-family: Arial;
font-size : 0.9em;
padding-top : 5px;
color : #555555;
}

/************************************
*         DIV CLEAR BOTH            *
************************************/
#clear
{
clear : both;
}