@charset "UTF-8";

@import "reset.css";

/* ------------------------------------ */
/*                                      */
/*            GENERAL	                */
/*                                      */
/* ------------------------------------ */
BODY {
	color:#424242;
	/*line-height:15px;*/
	font-family:"Trebuchet MS", Arial;
}

A {
	color:#424242;
	text-decoration:underline;
}
A:hover {
	color:#0090b4;
}

/*fond de la page*/
BODY #fondpage {
	width:870px;
	margin:0 auto;
	background-image:url(../_image/background_page.png);
	background-position:0 0;
	background-repeat:repeat-y;
	/*position:relative !important;*/
}
/*personnage*/
BODY #bis {
	position:absolute;
	width:239px;
	height:407px;
	background-image:url(../_image/bis-batidealservice.png);
	background-position:0 0;
	background-repeat:no-repeat;
	top:128px;
}

BODY P {
	margin-bottom:15px;
}
BODY UL.liste {
	margin-left:10px;
	margin-bottom:12px;
}
BODY UL.liste LI {
	padding-left:13px;
	background-image:url(../_image/bullet_1.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom:3px;
}


/* ------------------------------------ */
/*                                      */
/*            HAUT                      */
/*                                      */
/* ------------------------------------ */
BODY #hautsite {
	margin-left:89px;
	height:155px;
}

BODY #hautsite H1#logo {
	padding-top:17px;
	padding-left:6px;
	
	/*border:1px solid red;*/
}
BODY #hautsite H1#logo A {
	width:513px;
	height:0;
	padding-top:76px;
	display:block;
	overflow:hidden;
	
	background-image:url(../_image/fr/batidealservice-logo.png);
}

BODY #hautsite #coordonnees {
	position:absolute;
	top: 30px;
	margin-left:566px;
}

BODY #hautsite #coordonnees #telephone {
	width:179px;
	height:0;
	padding-top:29px;
	background-image:url(../_image/telephone.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom: 2px;
}

BODY #hautsite #coordonnees #fax {
	width:179px;
	height:0;
	padding-top:29px;
	
	background-image:url(../_image/fax.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

/*menu*/
BODY #hautsite #menuAccueil UL#menunav LI {
	display:inline;
}
#menuAccueil #menunav LI A {
	float:left;
	height:0;
	padding-top:22px;
	overflow:hidden;
}
#menuAccueil ul#menunav {
	margin:16px 0 0 174px;
}
#menuAccueil #menunav LI A {
	background-image: url(../_image/fr/menu.png);
	margin-right:4px;
}
/*menu visible*/
#menuAccueil #menunav LI#mn-accueil,
#menuAccueil #menunav LI#mn-accueil A {
	background-position:0 0;
	width:81px;
}
#menuAccueil #menunav LI#mn-batideal,
#menuAccueil #menunav LI#mn-batideal A {
	background-position:-85px 0;
	width:93px;
}
#menuAccueil #menunav LI#mn-savairfaire,
#menuAccueil #menunav LI#mn-savairfaire A {
	background-position:-182px 0;
	width:114px;
}
#menuAccueil #menunav LI#mn-realisation,
#menuAccueil #menunav LI#mn-realisation A {
	background-position:-300px 0;
	width:118px;
}
#menuAccueil #menunav LI#mn-contact,
#menuAccueil #menunav LI#mn-contact A {
	background-position:-422px 0;
	width:88px;
	margin-left:0;
}
/*menu survol*/
#menuAccueil #menunav LI#mn-accueil A:hover {
	background-position:0 -22px;
}
#menuAccueil #menunav LI#mn-batideal A:hover {
	background-position:-85px -22px;
}
#menuAccueil #menunav LI#mn-savairfaire A:hover {
	background-position:-182px -22px;
}
#menuAccueil #menunav LI#mn-realisation A:hover {
	background-position:-300px -22px;
}
#menuAccueil #menunav LI#mn-contact A:hover {
	background-position:-422px -22px;
}
/*menu activé, cliqué*/
#menuAccueil.accueil #menunav LI#mn-accueil,
#menuAccueil.accueil #menunav LI#mn-accueil A,
#menuAccueil #menunav LI#mn-accueil A:active {
	background-position:0 -44px;
}
#menuAccueil.batideal #menunav LI#mn-batideal,
#menuAccueil.batideal #menunav LI#mn-batideal A,
#menuAccueil #menunav LI#mn-batideal A:active {
	background-position:-85px -44px;
}
#menuAccueil.savairfaire #menunav LI#mn-savairfaire,
#menuAccueil.savairfaire #menunav LI#mn-savairfaire A,
#menuAccueil #menunav LI#mn-savairfaire A:active {
	background-position:-182px -44px;
}
#menuAccueil.realisation #menunav LI#mn-realisation,
#menuAccueil.realisation #menunav LI#mn-realisation A,
#menuAccueil #menunav LI#mn-realisation A:active {
	background-position:-300px -44px;
}
#menuAccueil.contact #menunav LI#mn-contact,
#menuAccueil.contact #menunav LI#mn-contact A,
#menuAccueil #menunav LI#mn-contact A:active {
	background-position:-422px -44px;
}


/* ------------------------------------ */
/*                                      */
/*            BAS                       */
/*                                      */
/* ------------------------------------ */
BODY #bassite {
	clear:both;
	padding-left:262px;
	margin-top:10px;
}
BODY #bassite A#pmpconcept {
	width:25px;
	height:0;
	padding-top:30px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/pmpconcept.png);
	background-position:0 0;
	background-repeat:no-repeat;
	float:right;
}
BODY #bassite A:hover#pmpconcept {
	background-position:-25px 0;
}

BODY #bassite ADDRESS {
	color:#0088a5;
	font-style:normal;
}

BODY #copyright,
BODY #copyright A {
	font-size:10px;
	text-transform:lowercase;
	color:#8a8787;
}


/* ------------------------------------ */
/*                                      */
/*            COEUR SITE                */
/*                                      */
/* ------------------------------------ */
BODY #coeursite {
	clear:both;
	padding-left:262px;
}

BODY #coeursite H2 {
	font-size:23px;
	color:#0090b4;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	line-height:25px;
	margin-bottom:18px;
	font-weight:normal;
}
BODY #coeursite H3 {
	font-size:15px;
	line-height:inherit;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#0090b4;
}

/*cadre*/
.cadreorange {
	background-image:url(../_image/background.png);
	background-position:0 0;
	background-repeat:repeat-y;
}
.cadreorange .cadreorange-top {
	background-image:url(../_image/background_top.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:15px 15px 1px;
	width:578px;
	
	min-height:319px;
	overflow:hidden;
}
.cadreorange-footer {
	height:14px;
	width:608px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/background_bottom.png);
	background-position:0 0;
	background-repeat:no-repeat;
	clear:both;
}

/*** ACCUEIL ***/
#colgauche {
	width:445px;
	float:left;
}
#colgauche H3 {
	font-size:21px;
	color:#0090b4;
	font-weight:bold;
	margin-bottom:30px;
}
#colgauche UL {
	font-size:16px;
	line-height:24px;
	clear:both;
}

#coldroite {
	float:right;
	width:118px;
}
#coldroite IMG {
	margin-bottom:5px;
}


/*pictogramme*/
UL#pictoacceuil {
	overflow:hidden;
	margin-bottom:18px;
}
UL#pictoacceuil LI {
	float:left;
}
LI#picto-electricite,
#picto-electricite H3 {
	width:142px;
	height:0;
	padding-top:39px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/fr/electricite.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
LI#picto-plomberie {
	margin-left:15px;
}
LI#picto-plomberie,
#picto-plomberie H3 {
	width:144px;
	height:0;
	padding-top:39px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/fr/plomberie.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
LI#picto-platrerie {
	margin-left:15px;
}
LI#picto-platrerie,
#picto-platrerie H3 {
	width:128px;
	height:0;
	padding-top:39px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/fr/platrerie.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
LI#picto-peinture {
	margin-left:42px;
}
LI#picto-peinture,
#picto-peinture H3 {
	width:127px;
	height:0;
	padding-top:39px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/fr/peinture.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
LI#picto-carrelage {
	margin-left:15px;
}
LI#picto-carrelage,
#picto-carrelage H3 {
	width:142px;
	height:0;
	padding-top:39px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/fr/carrelage.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
/*mini picto*/
UL.mini-picto {
}
UL.mini-picto LI {
	float:left;
	margin-right:5px;
	
	width:32px;
	height:0px;
	padding-top:32px;
	display:block;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
}
LI.picto-electricite {
	background-image:url(../_image/picto/electricite.png);
}
LI.picto-plomberie {
	background-image:url(../_image/picto/plomberie.png);
}
LI.picto-platrerie {
	background-image:url(../_image/picto/platrerie.png);
}
LI.picto-peinture {
	background-image:url(../_image/picto/peinture.png);
}
LI.picto-carrelage {
	background-image:url(../_image/picto/carrelage.png);
}


/** SAVOIR-FAIRE **/
#picto-electricite P {
	color:#a36721;
}
#picto-plomberie P {
	color:#003e4e;
}
#picto-platrerie P {
	color:#424242;
}
#picto-peinture P {
	color:#7a0b0f;
}
#picto-carrelage P {
	color:#104f29;
}


/** CONTACT **/
#formulairecontact {
	width:380px;
	float:left;
}

.formulaire .erreursaisie {
	color:#990000;
	font-weight:bold;
}
.formulaire td,
.formulaire th {
	padding:2px;
	vertical-align:top;
}
.formulaire th {
	text-align:right;
	font-size:12px;
	font-weight:normal;
	padding-right:5px;
	padding-top:5px
}
.formulaire td {
	text-align:left;
	font-size:11px;
}
.formulaire td input,
.formulaire td textarea {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #f08a00;
	padding:1px 2px 1px 2px;
	width:200px;
}
.formulaire td textarea {
	height:70px;
}
.formulaire td input.num {
	width:60px;
}
.formulaire td input.autre {
	width:150px;
}
.formulaire td input.no {
	width:auto;
	border:0 none;
}
.infoForm {
	font-size:10px;
}
.formulaire  a.boutonForm {
	padding:4px 10px 4px 10px;
	text-decoration:none;
	font-size:14px;
	font-variant:small-caps;
	color:#fff;
	background-color:#1c92aa;
}
.formulaire  a.boutonForm:hover {
	color:#fff;
	background-color:#f08a00;
}

#coordonnees {
	font-size:14px;
}
#coordonnees ADDRESS {
	margin-bottom:10px;
}
#coordonnees STRONG {
	font-weight:bold;
}
#coordonnees #pictoacceuil LI {
	float:none;
	margin:0 0 3px 0;
}