/* ---[ General Rules ]------------------------------------------------------- */

body
{
	color: #333;
	background-color: #FFFFFF;
	border: 0;
/* font: normal 11px/17px Tahoma, verdana, arial, helvetica, sans-serif;*/
	margin: 0px;
	padding: 0px;
	min-width: 780px;
}
#aspnetForm{
  font: normal 11px/17px Tahoma, verdana, arial, helvetica, sans-serif; 
}
.center_div
{
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	position: relative;
}

a
{
	color:#708090;
	text-decoration:none;
}

a:hover
{
	color:#000000;
	text-decoration:none;
}


/* ---[ Masthead ]------------------------------------------------------- */

/* Positionnement du bandeau du Haut*/
#masthead {
  background: #2D7AB1 url(../../Images/bkgbd.gif) repeat-x 50% 0;
  height: 71px;
  position: relative;
  top: 4px;
  left: 0px;
}
/* Correction de bug IE formularies */

form { 
  margin-left: 0; 
  margin-top: 0; 
}




.mastheadshadow
{
	background: url(../../Images/mastshadow.gif) repeat-x top left;
	height: 7px;
	width: 100%;
	position: absolute;
	top: 71px;
}

#toolbar
{
	background: url(../../Images/toolbarbkgrnd.gif) repeat-x 50% 0px;
	position: relative;
	height: 32px;
}

/* logo placement on home and inside pages */
#home_masthead .logo,.masthead_logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 205px;
}



.mastheadtools
{
	position: absolute;
	top: 5px;
	left: 280px;
	font: normal 10px/15px arial, helvetica, sans-serif;
	color: #fff;
}

.mastheadtools a,.mastheadtools a:visited
{
	text-decoration:none;
	color:#fff;
}

.mastheadtools a:hover
{
	text-decoration:underline;
	color: #fff;
}



/* ---[ Main Navigation ]------------------------------------------------------- */

 #toolbar ul {border: 0px; margin: 0px; padding: 0px;}
#nav li
{
	height: 32px;
	position: absolute;
	top: 0px;
	background: url(../../Images/nav.gif) no-repeat;
	display: block;
	list-style: none;
}

#nav #home {left: 0px; background-position: 0px 0px;}
#nav #construction {left: 84px; background-position: -84px 0px;}
#nav #collectivites {left: 219px; background-position: -219px 0px;}
#nav #energie {left: 408px; background-position: -408px 0px;}
#nav #reglementation {left: 500px; background-position: -500px 0px;}
#nav #hs {left: 654px; background-position: -654px 0px;}


#nav #home a {width: 84px; height: 32px; display: block; border: none;}
#nav #construction a {width: 135px; height: 32px; display: block; border: none;}
#nav #collectivites a {width: 188px; height: 32px; display: block; border: none;}	
#nav #energie a {width: 92px; height: 32px; display: block; border: none;}
#nav #reglementation a {width: 154px; height: 32px; display: block; border: none;}
#nav #hs a {width: 117px; height: 32px; display: block; border: none;}


#nav #home a:hover
{
	background: url(../../Images/nav.gif) 0px -32px no-repeat;
}
#nav #construction a:hover
{
	background: url(../../Images/nav.gif) -84px -32px no-repeat;
}
#nav #collectivites a:hover
{
	background: url(../../Images/nav.gif) -219px -32px no-repeat;
}
#nav #energie a:hover
{
	background: url(../../Images/nav.gif) -408px -32px no-repeat;
}
#nav #reglementation a:hover
{
	background: url(../../Images/nav.gif) -500px -32px no-repeat;
}
#nav #hs a:hover
{
	background: url(../../Images/nav.gif) -654px -32px no-repeat;
}


/* ---[ Side Navigation New ]------------------------------------------------------- */

/* For IE 5 PC */
* html .boxhead h2 {height: 1%;} 

#navigation
{
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;

}

.navbox
{
	font-size: 100%;
	margin-bottom: 10px;
	display:inline;
	float:left;
	width:100%;

}

.navbox2
{
}

.navhead
{
	margin: 0px;
	padding: 0px;
	background: #E9F0F6 url(../../Images/fd_kio.gif) repeat-x 50% 0;

}

.navhead h2
{
	margin: 0px;
	padding: 7px 8px 6px 8px;
	color: #055f92;
	font: bold 9px verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
}

.navhead2
{
	margin: 0px;
	padding: 0px;
	background: #CB0202 url(../../Images/fd_red.gif) repeat-x 50% 0;
	text-align:left;
}

.navhead3
{
	margin: 0px;
	padding: 0px;
	background: #2BCB00 url(../../Images/fd_green.gif) repeat-x 50% 0;
}

.navhead4
{
	margin: 0px;
	padding: 0px;
	background: #0081CB url(../../Images/fd_lblue.gif) repeat-x 50% 0;
}

.navhead5
{
	margin: 0px;
	padding: 0px;
	background: #FF7E00 url(../../Images/fd_ora.gif) repeat-x 50% 0;
}

.navhead6
{
	margin: 0px;
	padding: 0px;
	background: #D200FF url(../../Images/fd_vio.gif) repeat-x 50% 0;
}

.navhead7
{
	margin: 0px;
	padding: 0px;
	background: #055F92 url(../../Images/fd_dblue.gif) repeat-x 50% 0;
}

.navbody
{
	margin: 0px;
	padding-bottom: 15px;
	font: 11px arial, helvetica, sans-serif;
}

#navigation ul
{
	margin: 0px;
	padding: 3px 0px 0px 0px;
	border: none;
	list-style-type: none;
}

#navigation li
{
	margin: 0;
	padding:0;
	border-bottom: 1px solid #fff;
}

html>body #navigation li a
{
	width: auto;
}

#navigation ul li a
{
	height:16px;
	display: block;
	padding: 3px 0px 0px 3px;
	border-bottom: 1px solid #98B8D7;
	color: #005FA2;
	text-decoration: none;
}

#navigation ul li a:hover
{
	background-color: #F9FDFF;
	color: #3E93E2;
}

#navigation ul li.fleche a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/ar.gif) no-repeat top left;
	font-weight: bold;
}

#navigation ul li.theme a
{
	display: block;
	padding: 3px 0px 0px 18px;
	font-weight: normal;
}

#navigation ul li.theme0 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #FFFFFF url(../../Images/Puces/t0.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme1 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #FFFFFF url(../../Images/Puces/t1.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme2 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t2.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme3 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t3.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme4 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t4.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme5 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t5.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme6 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t6.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme7 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t7.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme8 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t8.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme9 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t9.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme10 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t10.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme11 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t11.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme12 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t12.gif) no-repeat top left;
	font-weight: normal;
}

#navigation ul li.theme13 a
{
	display: block;
	padding: 3px 0px 0px 18px;
	background: #fff url(../../Images/Puces/t13.gif) no-repeat top left;
	font-weight: normal;
}

/* ---[ Contenu page ]------------------------------------------------------- */	
.centeral
{
	padding-left:auto;
	border:1px solid;
	width:100%;
}

.publi
{
	width: 135px;
	height:195px;
	margin-top: 20px;
	padding: 2px;
	float:left;
	text-align:center;
	position:relative;
	background-color: #ffffff;
}

.publi a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:12px;
	font-weight: bold;
	color: #2D63A7;
	text-decoration:none;
}

.publi a:hover 
{
	color: #9F4040;
}


.publi2
{
	width: 120px;
	height:195px;
	margin-left: 0px;
	margin-top: 20px;
	padding: 2px;
	float: left;
	text-align:center;
	position:relative;
	background-color: #ffffff;
}

.publi2 a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:12px;
	font-weight: bold;
	color: #2D63A7;
	text-decoration:none;
}

.publi2 a:hover 
{
	color: #9F4040;
}

.publi3
{
	width: 120px;
	height:195px;
	margin-left: 0px;
	margin-top: 20px;
	padding: 2px;
	float: left;
	text-align:center;
	position:relative;
	background-color: #ffffff;
}

.publi3 a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:12px;
	font-weight: bold;
	color: #2D63A7;
	text-decoration:none;
}

.publi3 a:hover 
{
	color: #9F4040;
}

.publi4
{
	width: 120px;
	height:195px;
	margin-left: 0px;
	margin-top: 20px;
	padding: 2px;
	float: left;
	text-align:center;
	position:relative;
	background-color: #ffffff;
}

.publi4 a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:12px;
	font-weight: bold;
	color: #2D63A7;
	text-decoration:none;
}

.publi4 a:hover 
{
	color: #9F4040;
}

.prixnum
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3300;
}

.ancienprix
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000066;
	text-decoration: line-through;
}

.plus
{
	border-width: 0px;
	bottom: 0;
	position: absolute;
	left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.clearthis
{
	clear:both;
	display:block
}

.stubpromo01
{
	font: 12px/18px arial, helvetica, sans-serif;
	color: #004EAF;
	text-align:center;
	padding: 5px 10px 10px 10px;
	border: 1px solid #C6DDF3;
	background-color: #F9FCFF;
}

.stubpromo02
{
	font: 12px/18px arial, helvetica, sans-serif;
	color: #004EAF;
	text-align:left;
	padding: 5px 10px 5px 10px;
	border: 1px solid #C6DDF3;
	background-color: #F9FCFF;
}

.cadrequi
{
	color: #000;
	margin: 10px 0 0 0;
	padding: 0px 10px 15px 10px;
	border: 1px solid #8b0000;
	background-color: #fff;
}

.imageSmall
{
	border: 0px;
	margin-left: 3px;
	margin-right: 3px;
}

/* ---[ Couleurs Themes]------------------------------------------------------- */	
h2
{
	margin: 0px;
	padding: 7px 8px 6px 8px;
	color: #ffffff;
	font: bold 9px verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-align:left;
}

.headth1
{
	margin: 0px;
	padding: 0px;
	background: #FBB200;
	text-align:left;
}
	
.headth2
{
	margin: 0px;
	padding: 0px;
	background: #F07400;
	text-align:left;
}

.headth3
{
	margin: 0px;
	padding: 0px;
	background: #D41A00;
	text-align:left;
}

.headth4
{
	margin: 0px;
	padding: 0px;
	background: #A35B00;
	text-align:left;
}

.headth5
{
	margin: 0px;
	padding: 0px;
	background: #B7CB08;
	text-align:left;
}

.headth6
{
	margin: 0px;
	padding: 0px;
	background: #42900A;
	text-align:left;
}

.headth7
{
	margin: 0px;
	padding: 0px;
	background: #017973;
	text-align:left;
}

.headth8
{
	margin: 0px;
	padding: 0px;
	background: #0073E8;
	text-align:left;
}

.headth9
{
	margin: 0px;
	padding: 0px;
	background: #0149BF;
	text-align:left;
}

.headth10
{
	margin: 0px;
	padding: 0px;
	background: #681885;
	text-align:left;
}

.headth11
{
	margin: 0px;
	padding: 0px;
	background: #C41C7E;
	text-align:left;
}

.headth12
{
	margin: 0px;
	padding: 0px;
	background: #E72550;
	text-align:left;
}

.headth13
{
	margin: 0px;
	padding: 0px;
	background: #70726D;
	text-align:left;
}

.navpromo1
{
	margin: 0px;
	padding: 0px;
	background: #FFCC00
}

.navpromo2
{
	margin: 0px;
	padding: 0px;
	background: #66CC66
}

.navpromo3
{
	margin: 0px;
	padding: 0px;
	background: #339999
}

.navpromo4
{
	margin: 0px;
	padding: 0px;
	background: #990000
}

#content_container2
{
	width: 550px;
	padding: 20px 0px 0px 10px;
	margin-left: 10px;
	border: 0px solid #ECECEC;
}

h3
{
	margin: 0 0 0 0 ;
	color:#12649E;
}

blockquote
{
	margin: 5px 0 0 15px ;
}