/**

* commonStyle.css, Arthur Loyd

* Feuille de style des pages générales

* 

* @author Christophe GALIN, Olivier BLAIS <contact@netdcom.com>

* @version 1.0

*/



/**

* Contenu général

*/



html, body {

	margin: 0;

	height: 100%;

}

	

body {	

	padding: 0;

	width: 100%;

	color: #000;

	font-family: Arial;

	font-size: 11px;

}



input {

	border: 1px solid #CCCCCC;

	background-color: white;

	font-size: 11px;

	height: 15px;

}

select, option {

	border: 1px solid #CCCCCC;

	background-color: white;

	font-size: 11px;

}

textarea {

	border: 1px solid #CCCCCC;

	font-size: 11px;

}



img {



}



a {

	color: #7A8B96;

	text-decoration: none;

	outline: none;

}



a:hover {

	color: #E31818;

	text-decoration: underline;

}



a:visited {

	color: #7A8B96;

}

.clear {

	clear: both;

}



div#global {

	margin: 0 auto;

	padding: 0;

	width: 955px;

	height: 100%;

	position: relative;	

}



/**

* Header

*/



div#header {

	margin: 0;

	padding: 0;

	width: 955px;

	height: 150px;

	background: url(./../images/header.jpg) no-repeat;

	position: relative;

}



div#header h1 {

	margin: 0;

	padding: 0;

}



div#header h1 a {

	margin: 0;

	padding: 0;

	top: 8px;

	left: 38px;

	width: 106px;

	height: 133px;

	text-indent: -9999px;

	background: url(./../images/logo.gif) no-repeat;

	display: block;

	position: absolute;

}



div#header h2 {

	margin: 0;

	padding: 0;

	text-indent: -9999px;

}



/**

* Menu horizontal

*/



div#menu {

	margin: 0;

	padding: 11px 12px 0 12px;

	height: 32px;

	background: url(./../images/menu.jpg) repeat-y;

	z-index: 8;

	position: relative;

}



div#menuContent {

	margin-left: 1px;

	padding-left: 1px;

	width: 928px;

	height: 32px;

	background-color: #FFF;


}



div#menuContent dl {

	margin: 0;

	padding: 0;

	height: 20px;

	float: left;
	

}



div#menuContent dt {

	margin: 0;

	padding: 3px 0 3px 0;

	/*background: url(./../images/puce.gif) no-repeat;*/

	background-position: 0px 9px;

	font-weight: bold;

	line-height: 20px;	

	cursor: pointer;

	display: block;
	width:102px;
	/*background-color:#e31818;*/
	
	color:#FFFFFF;
	border-right: 1px solid #CCC;
	background: url(./../images/fond-menu.png);
}



div#menuContent dt:hover {

	text-decoration: none;
	
	background: url(./../images/fond-menu-noir.png);
}



div#menuContent dt a {

	margin: 0;

	padding: 0;

	height: 100%;

	color: #000;

	text-align: center;

	font-weight: bold;

	line-height: 20px;

	display: block;
	

}

.menuContentSelected {

	text-decoration: none;
	
	background: url(./../images/fond-menu-noir.png);
}

div#menuContent dd {

	margin: 0;

	padding: 0;

	position: absolute;	

}



div#menuContent ul {

	margin: 0;

	padding: 2px 5px;

	background-color: #FFF;

	border: 1px solid #294B60;

	list-style-type: none;

	display: block;

}



div#menuContent li {

	margin: 0;

	padding: 0;

}



div#menuContent li a {

	margin: 0;

	padding: 0;

	height: 100%;

	color: #000;

	text-align: left;

	font-weight: bold;

	line-height: 20px;

	display: block;

}



/**

* Zone central

*/



div#container {

	margin: 0;

	padding: 0 12px;

	width: 931px;

	min-height: 445px;

	background: url(./../images/content.jpg) repeat-y;

	position: relative;

}



/**

* Zone central / colonne de gauche

*/



div#leftColumn {

	margin: 0;

	padding: 0;

	width: 217px;

	height: 517px;

	float: left;

	

}



div#leftColContent {

	margin: 0;

	padding: 0;

	width: 217px;

	height: 517px;

	position: relative;

	background: url(./../images/content.jpg) repeat-y;

}



/**

* Zone central / colonne de gauche / formulaire de recherche

*/



div#search {

	margin: 0;

	padding: 5px;

	width: 206px;

	height: 214px;

	background-color: #DEE3E6;

	border-left: 1px solid #C4CDD4;

	border-bottom: 1px solid #C4CDD4;

}



div#search h3 {

	margin: 0;

	padding: 0;

}



div#search select {

	margin: 4px 0;

	padding: 0;

	width: 207px;

	z-index: 6;

}



div#search input {

	margin: 4px 0;

	padding: 0;

	width: 204px;

}



.btn {

	padding: 0 15px;	

	width: 150px;

	height: 24px;

	color: #FFF;

	background: url(./../images/btn.jpg) repeat-x;

	border: none;	

}



/**

* Zone central / colonne de gauche / diaporama

*/



div#diapo {

	margin: 0;

	padding: 1px 0 0 1px;

	bottom: 0;

	left: 0;

	width: 215px;

	height: 291px;

	text-align: center;

	border-top: 1px solid #C4CDD4;

	border-left: 1px solid #C4CDD4;

	border-bottom: 1px solid #C4CDD4;

	background-color: #FFF;

	position: absolute;

}



/**

* Zone central / colonne de droite

*/



div#rightColumn {

	margin: 0;

	padding: 0;

	width: 712px;

	min-height: 435px;

	border-left: 1px solid #C4CDD4;

	border-right: 1px solid #C4CDD4;

	float: right;

}



div#content {

	margin: 0;

	padding: 10px;

	width: 692px;

	min-height: 497px;

	font-size: 11px;

	position: relative;

	background: url(./../images/fond.jpg) repeat-y;

}



/**

* Footer

*/



div#footer {

	margin: 0;

	padding: 8px 12px 0 12px;

	width: 931px;

	height: 60px;

	background: url(./../images/menu.jpg) repeat-y;

	position: relative;

}



div#footerMenu {

	margin: 0;

	padding: 0 5px;

	width: 921px;

	height: 26px;

	color: #FFF;

	background-color: #97A5AF;

}



div#footerMenu p {

	margin: 0;

	padding: 0;

	color: #FFF;

	line-height: 24px;

	float: left;

}



div#footerMenu a {

	color: #FFF;

}



div#footerMenu ul {

	margin: 0;

	padding: 0;

	float: right;

}



div#footerMenu li {

	margin: 0;

	padding: 0;

	display: inline;

}



div#footerMenu li a {

	margin: 0;

	padding: 0 5px;

	height: 100%;

	line-height: 24px;

}



div#adress {

	margin: 0;

	padding: 4px 0 0 0;

	bottom: 0;

	left: 0;

	width: 931px;

	height: 32px;

	color: #626262;

	font-size: 11px;

	text-align: center;

	position:absolute;	

}



/**

* Zone central / index

*/



div#leftContent {

	margin: 0;

	padding: 0 10px 10px 0;

	width: 443px;

	min-height: 425px;

	float: left;

}



div#leftContent h4 {

	margin: 0;

	padding: 0;

	color: #E31818;

}



div#leftContent p {

	margin: 9px 0;

}



div#selection {

	margin: 0;

	padding: 0;

	width: 437px;

	height: 158px;

	font-size: 11px;

	border: 3px double #B8C3CA;

}



div#selectionContent {

	margin: 0;

	padding: 0 0 0 2px;

	width: 435px;

	height: 158px;

	background-color: #B8C3CA;

	position: relative;

}



div#selection img {

	margin: 12px 15px 0 15px;

	padding: 0;

	border: 1px solid #002942;	

}



.red {

	color: #E31818;

	font-weight: bold;

}



.white {

	color: #FFFFFF;

	font-weight: bold;

}



.titreRed {

	color: #E31818;

	font-size: 16px;

	font-weight: bold;

}



.blue {

	color: #002942;

	font-weight: bold;	

}



.hidden {

	display: none;	

}



div#txtBien1, div#txtBien2, div#txtBien3 {

	margin: 0 0 0 17px;

	padding: 6px 0 0 0;

	bottom: 0;

	left: 0;

	width: 402px;

	height: 28px;

	background: url(./../images/fleche.gif) no-repeat;

	position: absolute;

}



div#txtBien1 {

	text-align:center;

	background-position: 50px 0;

}



div#txtBien2 {

	text-align:center;

	background-position: 195px 0;

}



div#txtBien3 {

	text-align:center;

	background-position: 345px 0;

}



div#rightContent {

	margin: 0;

	padding: 0;

	width: 237px;

	min-height: 425px;

	float: right;

}



div#rightContent dd {

	margin: 0;

	padding: 0;

}



div#reseau {

	margin: 0;

	padding: 0;

	width: 237px;

	height: 164px;

}



.navigation_results {

	float: left;

	padding-top: 5px;

	width: 630px;

	height: 5px;

	border: 1px solid #0072bb;

	text-align: left;

}



a.nav_liens:link, a.nav_liens:visited {

	position:	relative;

	display:	inline;

	margin:	1px 0px 1px 0px;

	font-size:	10px;

	text-decoration: none;

	border: 1px solid #0072bb;

	padding-top: 2px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	color: #0072bb;

	background-color: #FFFFFF;

}



a.nav_liens:hover {

	text-decoration: underline;

	color: #000000;

}



.nav_selected {

	position:relative;

	display:inline;

	margin: 1px 0px 1px 0px;

	font-size: 10px;

	font-weight: bold;

	text-decoration: none;

	border: 1px solid #000000;

	padding-top: 2px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	color: #FFFFFF;

	background-color: #000000;

}



.actus {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 237px;		

	list-style-type:none;

}



.actus ul {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 237px;

	font-family: Arial;

	font-size: 10px;			

}



.actus li {

	font-size: 11px;

	margin: 5px 0px 0px 0px;

}



.actus li a{

	font-size: 11px;

	margin: 5px 0px 0px 0px;

}



/*#################	FORMULAIRE DE CONTACT			#################*/



/* -----Contact Us  - START - */

	

#contact_us {

	margin:10px 0px 0px 0px;

	position:relative;		

}



.contact_header {

	margin: 0px 0px 10px 10px;
	
	font-weight: bold;

	color: #EE7E1E;			

}



.contact_field_bloc {

	margin: 0px 0px 7px 10px;		

}



.contact_field_bloc input {

}	



.contact_tag {

	margin: 0px 10px 0px 0px;

	display: block;

	float: left;

	width: 130px;

	

}

/*DPE*/
.dpe1 {
	float:left;
	width:228px;
	height:23px;
	margin:2px 0 0 0;

	
}
.dpe3 {
	float:left;
	width:50px;
	height:23px;
	margin:2px 0 0 0;
	color:#FFF;
	
}

.dpe3Content {
	padding:5px 0 0 13px;	
}