/**
 * @properties : display, positioning, dimension, margin, padding, text, border, background.
 * @page : section defining properties of a page.
 * @bloc : section defining properties of a block to a specific page.
 */


 
/**************************************************************************************************/
/*			- DEFINITION DES ATTRIBUTS PAR DEFAUT -							 			  		  */
/**************************************************************************************************/

/* ------------------------------------------------------ */
/*			- corps du document -  			    	      */
/* ------------------------------------------------------ */
html, body {
	height: 100%;
	margin: 0
}
html body {
	font: normal 13px Arial;
	color:#c10b56;
	cursor: default
}
/* ------------------------------------------------------ */
/*			- suppression des marges par défaut -  	      */
/* ------------------------------------------------------ */
*{
	margin:0;
	padding:0;
	font-weight:normal
}
/* ------------------------------------------------------ */
/*			- redéfinition des liens par défaut -  	      */
/* ------------------------------------------------------ */
a img {
	border: 0
}
a:hover {
	cursor: pointer
}
a:hover span {
	text-decoration: none
}
a:focus {
	outline: none
}
/* ------------------------------------------------------ */
/*			- redéfinition des listes/tableaux -  	      */
/* ------------------------------------------------------ */
ol, ul {
	padding: 0
}
ul {
	list-style: none
}
ol {
	list-style-position: inside
}
table {
	font-size: inherit;
	border-collapse:collapse;
	border-spacing:0
}

/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding:0;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {
	background: #FFF url(../images/bodyBg.jpg) fixed center top;
}

/***************** HEADER *****************/
#large_header{
	background:url(../images/bg_header.png) center top no-repeat;
	height:154px;
}
#header {
	margin:0 auto;
	width:990px;
	height:154px;
	position:relative;
	background:url(../images/bg_header.jpg) center top no-repeat;
}
#headerFlash {
	position:absolute;
	top:0;
	left:15px;
	width:389px;
	height:144px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}

/***************** blockTopContact *****************/
#blockTopContact{
	width:289px;
	height:46px;
	position:absolute;
	top:23px;
	right:11px;
}
.logoTelTop, .txt_blockTopContact, .tel_blockTopContact{float:left;}
#blockTopContact .logoTelTop{
	margin:10px 0px 0px 10px;
}
#blockTopContact .txt_blockTopContact{
	margin:15px 0px 0px 14px;
	color:#04569F;
	font-size:13px;
	font-weight:bold;
}
#blockTopContact .tel_blockTopContact{
	margin:11px 0px 0px 37px;
	color:#000;
	font-family:Arial Black, Arial;
	font-size:16px;
	font-weight:bold;
}

/***************** MENU TOP *****************/
#menuTop {
	position:absolute;
	top:97px;
	left:405px;
	z-index:10;
	width:561px;
	height:36px;
}
#menuTop li {
	position:relative;
	float:left;
}
#menuTop li a {
	display:block;
	height: 36px;
	background: url(../images/topMenuBg.jpg) top left no-repeat;
	text-decoration:none;
}
#menuTop a.bt1 {
	width:100px;
	background-position: 0 0;
}
#menuTop a.bt2 {
	width:125px;
	background-position: -100px 0;
}
#menuTop a.bt3 {
	width:117px;
	background-position: -225px 0;
}
#menuTop a.bt4 {
	width:124px;
	background-position: -342px 0;
}
#menuTop a.bt5 {
	width:95px;
	background-position: -466px 0;
}
#menuTop a.bt1:hover {
	background-position: 0 -36px;
}
#menuTop a.bt2:hover {
	background-position: -100px -36px;
}
#menuTop a.bt3:hover {
	background-position: -225px -36px;
}
#menuTop a.bt4:hover {
	background-position: -342px -36px;
}
#menuTop a.bt5:hover {
	background-position: -466px -36px;
}
#menuTop a span{
	color:#000;
	font-weight:bold;
	display:block;
}
#menuTop a:hover span{
	color:#FFF;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
#menuTop a.bt1 span{
	padding:11px 0px 0px 38px;
}

#menuTop a.bt2 span{
	padding:11px 0px 0px 32px;
}

#menuTop a.bt3 span{
	padding:11px 0px 0px 31px;
}

#menuTop a.bt4 span{
	padding:11px 0px 0px 31px;
}

#menuTop a.bt5 span{
	padding:11px 0px 0px 30px;
}

/***************** CONTAINER *****************/
#container {
	position:relative;
	/* min-height:100%; */
	width:990px;
	margin:0 auto;
	background: transparent url(../images/bg_content.png) no-repeat;
	padding:0 0 10px 0;
	clear:both;
}


/***************** MENU LEFT *****************/
#sidebar {
	float:left;
	display:inline;
	position:relative;
	width:260px;
	height:450px;
}
#menuLeft {
	width:175px;
	list-style:none;
	margin:21px 0px 0px 52px;
}

#menuLeft .bt1 a, #menuLeft .bt6 a, #menuLeft .bt9 a, #menuLeft .bt12 a{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
#menuLeft .bt1 a:hover, #menuLeft .bt6 a:hover, #menuLeft .bt9 a:hover, #menuLeft .bt12 a:hover{
	font-size:14px;
	font-weight:bold;
	color:#0E5F9E;
	text-decoration:underline;
}

#menuLeft .bt2 a, #menuLeft .bt3 a, #menuLeft .bt7 a, #menuLeft .bt8 a, #menuLeft .bt10 a, #menuLeft .bt11 a{
	font-size:12px;
	font-weight:bold;
	color:#0E5F9E;
	text-decoration:none;
}
#menuLeft .bt2 a:hover, #menuLeft .bt3 a:hover, #menuLeft .bt7 a:hover, #menuLeft .bt8 a:hover, #menuLeft .bt10 a:hover, #menuLeft .bt11 a:hover{
	font-size:12px;
	font-weight:bold;
	color:#E61703;
	text-decoration:none;
}

#menuLeft .bt4 a, #menuLeft .bt5 a{
	font-size:12px;
	font-style:italic;
	color:#444444;
	text-decoration:none;
}
#menuLeft .bt4 a:hover, #menuLeft .bt5 a:hover{
	font-size:12px;
	font-style:italic;
	color:#E61703;
	text-decoration:none;
}

#menuLeft .bt1{
	padding:10px 0px 0px 3px;
}
#menuLeft .bt2, #menuLeft .bt7, #menuLeft .bt10{
	padding:10px 0px 0px 22px;
}
#menuLeft .bt3, #menuLeft .bt8, #menuLeft .bt11{
	padding:7px 0px 0px 22px;
}
#menuLeft .bt4{
	padding:4px 0px 0px 38px;
}
#menuLeft .bt5{
	padding:5px 0px 0px 38px;
}
#menuLeft .bt6{
	padding:43px 0px 0px 3px;
}
#menuLeft .bt9{
	padding:45px 0px 0px 3px;
}
#menuLeft .bt12{
	padding:45px 0px 0px 3px;
}

/***************** CONTENU *****************/
#contenu {
	float:left;
	position:relative;
	display:inline;
	width:705px;
	margin:19px 0px 0px 0px;
}

#flash_plomberie{
	width:705px;
	height:260px;
	background:#fff;
}

#contenu .txt_accroche{
	color:#0E5F9E;
	font-size:16px;
	font-weight:bold;
	margin:20px 0 0 0px;
}
#contenu .txt_ss_accroche {
	color:#E61703;
	font-size:15px;
	margin:0 0 10px 0px;
}
#contenu .text{
	color:#000000;
	font-size:13px;
	margin:5px 20px 0 0px;
	text-align:justify;
}


#vignette_chauffage{
	float:left;
	margin:11px 0px 10px 0px;
}
#vignette_chauffage a {
	display:block;
	height: 36px;
	background: url(../images/vignette_chauffage.gif) top left no-repeat;
	text-decoration:none;
}
#vignette_climatisation{
	float:left;
	margin:11px 0px 10px 71px;
}
#vignette_climatisation a {
	display:block;
	height: 36px;
	background: url(../images/vignette_climatisation.gif) top left no-repeat;
	text-decoration:none;
}
#vignette_plomberie{
	float:left;
	margin:11px 0px 10px 70px;
}
#vignette_plomberie a {
	display:block;
	height: 36px;
	background: url(../images/vignette_plomberie.gif) top left no-repeat;
	text-decoration:none;
}
#vignette_chauffage a, #vignette_climatisation a, #vignette_plomberie a{
	width:188px;
	background-position: 0 0;
	text-decoration:none;
}
#vignette_chauffage a:hover, #vignette_climatisation a:hover , #vignette_plomberie a:hover {
	background-position: 0 -36px;
}
#vignette_chauffage a span, #vignette_climatisation a span, #vignette_plomberie a span{
	display:block;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:9px 0px 0px 29px;
	text-decoration:none;
}

#txt_depannage, #img_depannage{
	float:left;
	height:146px;
}
#txt_depannage{
	width:400px;
}
#img_depannage{
	width:290px;
	background: url(../images/vignette_depannage.png) top left no-repeat;
}
p.accroche_depannage{
	color:#0E5F9E;
	font-size:15px;
	font-weight:bold;
	margin:20px 0px 0px 0px;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}

#clearFooter {
	height:152px;/*--- = à la hauteur du footer ---*/
}

/***************** FOOTER *****************/
#footer {
	clear:both;
	width:910px;
	height:127px;
	padding:10px 40px 15px 40px;
	margin:0px auto;
	background: url(../images/footerBg.png) center top no-repeat;
}
#footerTexte {
	clear:both;
	width:910px;
	height:80px;
}
#footer p.txt_footer{
	width:910px;
	height:50px;
	font-size:12px;
	color:#a5a5a5;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 0px 0;
}
#footer p.txt_coordonnees{
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	padding:15px 0px 0px 0px;
}
#footer p.txt_coordonnees span{
	color:#000;
	font-weight:bold;
}
#footer p.links {
	color:#DFECFF;
	text-align:right;
	font-size:10px;
	margin:30px 20px 0px 0px;
}
#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#DFECFF;
}
#footer a:hover, #footer a:active {
	text-decoration:none;
	color:#BD1404;
}
/***************** STYLE GLOBAUX *****************/
a img {
	border:none;
}
a:active, a:focus {
	outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
	font-size:17px;
	color:#0e5f9e;
	margin:20px 0px 15px 0px;
}

#contenu h2{
	font-size:15px;
	color:#e61703;
	margin:15px 0px 15px 0px;
}

#contenu p.txt_page{
	color:#000;
	text-align:justify;
	margin:0px 10px 10px 0px;
}

#contenu p.txt_page a{
	color:#e61703;
}
#contenu p.txt_page a:hover{
	color:#000;
}