body {
        font-family:Arial;
        background-color: #f5f5f5;
        margin:0px;
        padding:0px;
}
.ombreGauche {
        width:5px;
        background-image: url(../images/ombre-gauche-fond.png);
        vertical-align: bottom;
}

.ombreDroite {
        width:5px;
        background-image: url(../images/ombre-droite-fond.png);
        vertical-align: bottom;
}

.gauche {
        background: #aaa;
        background-image: url(../images/contact.jpg);
        background-repeat:no-repeat;
        background-position: 0px 30px;
        width:300px;
}

.gaucheHead {
        height:30px;
        line-height:30px;
        background: #333333;
        color: #FFFFFF;
        font-weight: bold;
        font-size:14px;
        text-align:center;
}

.menu {
        float: right;
        background: url(../images/menu-haut.png);
        width:140px;
        height: 31px;
        margin-right: 0px;
        margin-left: 5px;
        padding-left:5px;
}
.menu a {
        background-image: url(../images/menu-haut.png);
        background-position: 100% 0;
        height: 31px;
        line-height: 15px;
        display:block;
        text-align: center;
        color:#000000;
        font-weight: bold;
        text-decoration: none;
        white-space:nowrap;
        font-size:12px;
}


.menuActivite {
        background-image: url(../images/menu-activite.gif);
        background-color: #dddddd;

        height: 25px;
        line-height: 25px;
        display:block;
        text-align: center;
        color:#0024FF;
        font-weight: bold;
        text-decoration: none;
        white-space:nowrap;
        font-size:12px;
        float: left;
        width:128px;
        height: 25px;
        border: 0px;
        margin-bottom: 1px;
        margin-top: 1px;
        margin-right: 0px;
        margin-left: 5px;
}
.menuActivite:hover {
      background-color: #eeeeee;
}

.menuFond {
        background-image: url(../images/menu-fond.png);
        background-repeat: no-repeat;
        height:32px;
        /*width:680px;*/
        padding-left:5px;
}

.boiteActivite {
        width:330px;
        background-image: url(../images/boite-activite-fond.png);
        background-position: 100% 100%;
        background-repeat: repeat-y;
        clear:both;
}


.boiteActiviteHead {
        background-image: url(../images/boite-activite-haut.png);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        height:23px;
        line-height:23px;
        font-size:14px;
        font-weight:bold;
}

.boiteActiviteContenu {
        background-image: url(../images/boite-activite-bas.png);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        font-size:12px;
        padding-bottom:10px;
        padding-right:10px;
        padding-left:10px;
        text-align:left;
}
.boiteActiviteImgAncor {
        text-decoration:none;
        float:right;
        margin-right:5px;
}
.boiteActiviteImgAncor { border:1px solid #24A7D3; }
.boiteActiviteAncor {
        color:#000000;
        text-decoration:none;
        width:230px;
        line-height:64px;
        height:64px;
        font-size:20px;
        font-weight:bold;
        display:block;
        text-align:center;
        float:left;
        border-bottom: 1px solid #24A7D3;
}

.boiteActiviteAncor:first-letter {
        color:#0024FF;
        text-transform:uppercase;
}
.boiteContenu {
        width:660px;
        background-image: url(../images/boite-activite-fond.png);
        background-position: 100% 100%;
        background-repeat: repeat-y;
}
.boiteContenuTop {
        background-image: url(../images/boite-activite-bas-660.png);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        font-size:12px;
        text-align:left;
}
.boiteContenuTop div {
        padding-bottom:1px;
        padding-left:5px;
        padding-right:10px;
}
.boiteActiviteContenu p { margin:0px;}

#ctcForm {
	font-size: 10px;
	font-family: verdana;
}

#ctcForm select ,
#ctcForm input{
	font-size: 10px;
	border: 1px solid #CECECE;
}

#ctcForm th {
 width:85px;
 text-align: right;
 font-weight: normal;
}
#ctcForm td {
 text-align: left;
 padding-top:2px;
	margin:0px;
}

.devis {
	background-image: url(../images/devis_bg.gif);
}
.htmlSelect {
		border-width: 1px;
		border-style: solid;
		border-color: #CECECE;
		white-space:nowrap;
		background-color: #FFFFFF;
		padding: 1px;
}
.htmlSelectInput {
	height:16px;
	line-height:16px;
	font-size:12px;
	font-family: Tahoma;
	border: 0px;
	vertical-align:middle ;
	padding-left: 5px;
}
.htmlSelectOptions {
 	padding:0px;
 	margin:0px;
	border-width: 1px;
	border-style: solid;
	border-color: #CECECE;
	list-style: none;
	white-space: nowrap;
	background-color: #EFEFEF;
	text-align: left;
}
.htmlSelectOptions label {width:100%;}

.email {
        width: 300px;
        height: 120px;
        color: #ffffff;
        background: url(../images/gauche-bas.png);
        text-align: center;
        vertical-align:bottom;
}

.email a { color:#ffffff;}

.email2 {
        width: 300px;
        height: 100px;
        color: #000000;
        background: url(../images/email.png);
        text-align: center;
        vertical-align:bottom;
		  		  background-repeat:no-repeat;

}

.email2 a { color:#000000; font-size:12px;}

.footer {
        width: 680px;
        height: 120px;
        color: #ffffff;
        background: url(../images/bas.png);
        text-align: center;
        vertical-align:bottom;
}

.devisSubmit {
        border:1px solid #000000;
        cursor:pointer;
}

.devisSubmit:hover {
        background: #333333;
        color: #ffffff;
}

#activites {
  font-family:arial;
}

#activites h1 { padding-left:15px;font-size: 18px; color:#000000; margin-bottom:0px; }
#activites div { padding:10px; background:#ededed;border-top:1px solid #0083AF; border-bottom:3px solid #0083AF; }

.formLib {
   text-align: right;
   background-color: #eeeeee;
   border-right: 1px solid #cecece;
   width:150px;
}
.R {
   font-weight: bold;
}

.formMiddleContent {
  font-size:12px;
}
.formMiddleContent th {
   padding-left:15px;
   color: #1D6E9F;
   
   text-align: left;
   border-bottom: 1px solid #cecece;
}

.formInput {
   width:235px;
   border:1px solid #aaaaaa;
}

#devisGratuit {
        width:150px;
        height:65px;
        display:block;
        background-image: url(../images/devis-gratuit.png);
        background-repeat: no-repeat;
        text-indent:-1500px;
}

.devisGratuitOff {
        background-position: 0px 0px;       
}

.devisGratuitOn {        
        background-position: 0px -65px;        
}


.garantieDecenale {
        margin-top:10px;
        background-image: url(../images/garantie-decennale.jpg);
        background-repeat:no-repeat;
        font-size:11px;
        height:100px;
        padding-left:90px;
        text-align:left;
}

.compteur {
        font-size:12px;font-weight:bold;
        margin-left:75px;
}

.compteur div {
        background:#000000;
        margin:1px;
        border: 1px solid #ffffff;
        width:15px;
        float:left;
        text-align:center;
}

.menuHaut {
        color:#fff;text-decoration:none; font-weight:bold;font-size:12px;
        display:block;height:40px;line-height:20px;
        text-align:center;
        padding:0px;
}

.menuHaut:hover { background:#000; }