/* ************************************
***** CONTENEUR PRINCIPAL *****
************************************ */
#conteneur {
	position: absolute;
	width: 760px;
	height: 662px;
	left: 50%;
	top: 0;
	margin-top: 0;
	margin-left: -380px;
	background: url(../_img/main/centre.jpg) no-repeat;
/*border: 1px solid red;*/
}



/* ************************************
***** HAUT *****
************************************ */
#header {
	position: relative;
	width: 760px;
	height: 195px;
	left: 50%;
	top: 0;
	margin-top: 0;
	margin-left: -380px;
/*border: 1px solid red;*/
}



/* ************************************
***** PARTIE CENTRALE *****
************************************ */
#centre {
	position: relative;
	width: 760px;
	min-height: 336px;
	left: 50%;
	margin-top: 0;
	margin-left: -380px;
	color: #000;
/*border: 1px solid red;*/
}

/* #centre p.1 */
#centre p {
/*	margin: 30px 70px 0 0;
width: 430px;
	float: right;*/
/*border: 1px solid green;*/
}


/* ************************************
***** IMAGES FICHES *****
************************************ */
#centre img.fiche {
	margin: 0;
}

#centre img.fiche_titre {
	margin: 0 0 0 49px;
}




/* ************************************
***** ICONES CHAMBRES & SURFACES *****
************************************ */
#centre p.ico1, #centre p.ico2, #centre p.ico3 {
	position: absolute;
	display: block;
	right: 70px;
	padding: 48px 0 0 0;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	width: 100px;
}

#centre p.ico1 span, #centre p.ico2 span, #centre p.ico3 span {
	font-size: xx-small;
	font-weight: normal;
	font-style: italic;
}

#centre p.ico1 {
	top: 11px;
	background: url(../_img/lit.jpg) top center no-repeat;
/*border: 1px solid yellow;*/

}

#centre p.ico2 {
	top: 89px;
	background: url(../_img/maison1.jpg) top center no-repeat;
/*border: 1px solid red;*/
}

#centre p.ico3 {
	top: 178px;
	background: url(../_img/maison2.jpg) top center no-repeat;
/*border: 1px solid blue;*/
}



/* ************************************
***** PARTIE BASSE DE LA PAGE *****
************************************ */
#centre2 { /* ON AJUSTE AU CENTRE */
	position: relative;
	width: 760px;
	min-height: 140px;
	left: 50%;
	margin: 0 0 10px -380px;
	color: #000;
/*border: 1px solid green;*/
}

/* CONTENU PARTIE BASSE */
#centre2 div#contenu {
/*	padding: 0 0 250px 0;*/
	position: relative;
	margin: 0 39px 0 100px;
	background-color: #fff;
	z-index: 1;
}

/* H3 AVEC ESPACE COLONNE GAUCHE */
#centre2 h3 {
	margin: 0 10px 10px 200px;
}

/* H4 AVEC ESPACE COLONNE GAUCHE */
#centre2 h4 {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size: 1.45em;
	margin: 20px 115px 0px 200px;
	padding: 0 0 0 19px;
	line-height: 1.2em;
	background: url(../_img/puce_ptte.gif) top left no-repeat;
	color:#0066CC;
}

/* UL / LI */
ul {
	list-style-type: disc;
	
}
#centre2 ul {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:1.2em;
	margin: 8px 100px 10px 230px;
	line-height:1.5em;
	/*background: url(../_img/puce_ptte.gif) top left no-repeat;*/
}

#centre2 ul li{
	margin: 5px 0 0 0;
	/*background: url(../_img/puce_ptte.gif) top left no-repeat;*/
}

/* P AVEC ESPACE COLONNE GAUCHE */
#centre2 p {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:1.2em;
	line-height:1.6em;	
	margin: 8px 80px 10px 210px;
	background-color: #fff;
	z-index: 1;
}



/* ************************************
***** PAGE "NOS MODELES" *****
************************************ */
#centre2 dl#recherche {
	margin: 0 0 0 200px;
	padding: 0 0 10px 0;
}

#centre2 dl#recherche dt {
	margin: 0 0 0.5em 1em;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 28px;
	line-height: 25px;
	background: url(../_img/puce.gif) top left no-repeat;
}

#centre2 dl#recherche dd {
	margin: 0.3em 1em;
}

#centre2 dl#recherche dd:hover {
	background-color: #f2f2f2;
}

form#fiches {
	position: absolute;
	top: 0;
	left: 20px;
	margin: 0;
	padding: 0;
	z-index: 15;
}

p#plaquette {
	position: absolute;
	display: block;
	top: 35px;
	left: 20px;
	margin: 0;
	padding: 0;
	line-height: 0.9em;
	z-index: 16;
	background: url(../_img/logo_mini_pdf.gif) 0 0 no-repeat;
}

p#plaquette a {
	display: block;
	margin: 10px 0 0 44px;
	height: 44px;
}

p#plaquette:hover a {
	color: #cc0000;
}

form#fiches p#p_fiches {
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
	line-height: 19px;
}

form#fiches select {
	width: 127px;
	height: 17px;
	font-size: 10px;
	margin: 0 0 0 0em;
	color: #000;
	border: 1px solid #888;
}

img#afcobois {
	position: absolute;
	top: 100px;
	left: 40px;
}

div#bardages {
	/*position: absolute;
	top: 40px;
	left: 5px;*/
	margin: 25px 0 0 5px;
	float: left;
	width: 175px;
	clear: both;
	position: relative;
/*border: 1px solid green;*/
}
#bardages ul {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
#bardages li {
	text-align: right;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
#bardages img {
	vertical-align: bottom;
	margin: 1px 0 0 5px;
}


/* ************************************
***** PHOTOTHEQUE *****
************************************ */

/* Photos fiches */
ul#photos {
	/*position: absolute;
	top: 25px;
	left: 5px;*/
	position: relative;
	margin: 0 0 0 215px;
	padding: 0;
	list-style: none;
	text-align: left;
}

ul#photos li {
	display: inline;
	margin: 0;
}

ul#photos li img {
	margin: 11px;
	border: none;
}

ul#photos li img:hover {
	margin: 10px;
	border: 1px solid #172950;
}

/* Phototheque */
/*dl#photos {
	margin: 0 0 0 210px;
}

dl#photos dt {
	margin: 10px 0;
}

dl#photos dd {
	padding: 0 0 10px 0;
	border-bottom: 2px dotted #f2f2f2;
}

dl#photos dd.last {
	border: none;
	text-align: right;
	margin: 0 10px 0 0;
}

dl#photos ul {
	list-style-type: none;
}

dl#photos li {
	display: inline;
}

dl#photos li img {
	margin: 3px;
	border: none;
}

dl#photos li img:hover {
	margin: 2px;
	border: 1px solid #172950;
}*/
table#photos {
	border-collapse: collapse;
	text-align: center;
	width: 400px;
	margin: 0 0 0 210px;
/*border: 1px solid red;*/
}
table#photos td {
	padding: 20px 0;
	width: 33%;
}
table#photos td img {
	margin: 1px;
	border: none;
}

table#photos td img:hover {
	margin: 0;
	border: 1px solid #172950;
}

/* ************************************
***** FORMULAIRES *****
************************************ */
/* BOUTONS FORMULAIRES EN GENERAL */
button {
	margin: 0 0 2em 1em;
	padding: 0;
	cursor: pointer;
	border: none;
}

/* BOUTON OK ACCES RAPIDE */
form#fiches button.submit_acces_rapide {
    background: url(../_img/bouton_ok.gif) no-repeat 0 0;
	position: absolute;
	margin: 0;
	width: 38px;
	height: 19px;
}
form#fiches button.submit_acces_rapide:hover {
	background: url(../_img/bouton_ok.gif) no-repeat 0 -19px;
}

/* BOUTON SUBMIT RECHERCHE ET CONTACT */
form button.submit {
    background: url(../_img/bouton_valider.gif) no-repeat 0 0;
	width: 91px;
	height: 18px;
}
form button.submit:hover {
    background: url(../_img/bouton_valider.gif) no-repeat 0 -18px;
}

/* BOUTON SUBMIT RECHERCHE */
button.submit2 {
    background: url(../_img/bouton_rechercher.gif) no-repeat 0 0;
	width: 91px;
	height: 18px;
}
button.submit2:hover {
    background: url(../_img/bouton_rechercher.gif) no-repeat 0 -18px;
    	width: 91px;
	height: 18px;
}

/* BOUTON RESET RECHERCHE */
form button.reset {
    background: url(../_img/bouton_effacer.gif) no-repeat 0 0;
	width: 78px;
	height: 18px;
}
form button.reset:hover {
    background: url(../_img/bouton_effacer.gif) no-repeat 0 -18px;
    	width: 78px;
	height: 18px;
}


form#fiches input {
	font-size: 10px;
	padding: 0;
	width: 20px;
	height: 18px;
}



/* ************************************
***** LISTE COORDONNES ENT *****
************************************ */
#centre2 ul.coord {
	position: absolute;
	top: 100px;
	left: 20px;
	margin: 0;
	padding: 0.5em;
	text-align: center;
	background-color: #f2f2f2;
	border: 1px solid #888;	
}

#centre2 ul.coord li {
	list-style-type: none;
}



/* ************************************
***** ICONE PDF ET TELECHARGEMENT *****
************************************ */
#contenu p#pdf {
	position: absolute;
	top: 30px;
	left: 5px;
	width: 190px;
	text-align: center;
	margin: 0;
	padding: 0;
}
p#pdf img {
	
}
p#pdf a:hover {
	color: #172950;
}

#contenu a {
	color:#0066CC;
}

#contenu a:hover {
	text-decoration: underline;
}


/* ************************************
***** FORMULAIRE DE CONTACT *****
************************************ */
form#contact {
	text-align: left;
	margin: 0 20px 0 200px;
}

form#contact p {
	position: relative;
	margin: 0.8em 0;
	padding: 0.5em 0 0.5em 0.2em;
/*border: 1px solid red;*/
}

p.textarea {
border: 1px solid red;
}

form#contact p.color {
	background-color: #f2f2f2;
}

form#contact fieldset {
	text-align: left;
	padding: 0 1em 1em 0;
	margin: 0 0 1em 0;
	border: none;
	border-bottom: 2px dotted #f2f2f2;
/*border: 1px solid blue;*/
}

form#contact legend {
	font-size: 12px;
	font-weight: bold;
/*	padding: 0.5em 1.5em;*/
	padding: 0 0 0 28px;
	line-height: 25px;
	background: url(../_img/puce.gif) top left no-repeat;
}

form#contact label {
	float: left;
	width: 170px;
	margin: 0;
/*border: 1px solid green;*/
}

form#contact fieldset.no_border {
	border-bottom: none;
}

form#contact fieldset.last {
	border: none;
}
form#contact fieldset.last p {
	margin: 0;
	padding: 0;
}

form#contact fieldset.last label {
	width: 350px;
	margin: 0 0 0.5em 0;
}

form#contact select, form#contact input, form#contact textarea {
	font-size: 11px;
	margin: 0 0 0 1em;
}


.infos_form {
	margin: 0 20px 0 200px;
	color: #c00;
}

dl.infos_form, h3.infos_form {
	background: url(../_img/attention.gif) top left no-repeat;
}

h3.infos_form {
	padding: 0 0 0 35px;
}

.infos_form dt {
	font-weight: bold;
	margin: 0 50px 1em 0;
	padding: 11px 0 0 35px;
	font-size: 12px;
}

.infos_form dd {
	margin: 0.5em;
	line-height: 8px;
	background: url(../_img/pucerouge.gif) top left no-repeat;
	padding: 0 0 0 15px;
}



/* ************************************
***** FORMULAIRE DE RECHERCHE *****
************************************ */
form#recherche {
	text-align: left;
	margin: 0 20px 0 200px;
}

form#recherche fieldset {
	text-align: left;
	padding: 1em;
	margin: 0 0 1.5em 0;
	border: none;
}
form#recherche p {
	margin: 0;
	padding: 0.5em 0;
}

form#recherche legend {
	font-size: 12px;
	font-weight: bold;
/*	padding: 0.5em 1.5em;*/
	padding: 0 0 0 28px;
	line-height: 25px;
	background: url(../_img/puce.gif) top left no-repeat;
}

form#recherche label {
	float: left;
	width: 200px;
}

form#recherche select {
	font-size: 11px;
	margin: 0 0 0 2em;
}



/* ************************************
***** FLASH *****
************************************ */
div.swf {
	z-index: 50;
/*	float: left;
	margin: -110px 0 0 5px;*/
	position: absolute;
	top: -110px;
	left: 5px;
}



/* ************************************
***** PIED DE PAGE *****
************************************ */
#footer {
	position: relative;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	padding-bottom: 45px;
	/*color: #fff;*/
	text-align: right;
	font-size: 11px;
/*border: 1px solid green;*/
}



/* ************************************
***** MENUS PIED DE PAGE *****
************************************ */
#menubas, #menubas2, #menubas3 {
	list-style-type: none;
	position: relative;
	float: right;
	font-size: 11px;
	letter-spacing: 0px;
	margin: 0 55px 0 0;
}

#menubas li, #menubas2 li, #menubas3 li {
	display: inline;
}

#menubas a, #menubas2 a, #menubas3 a {
	line-height: 11px;
	margin: 0 1px;
	color: #fff;
}

#menubas a, #menubas2 a {
/*	font-weight: bold;*/
}

#menubas a:hover, #menubas2 a:hover, #menubas3 a:hover {
	text-decoration: underline;
}
a#mediaandco:hover {
	border: none;
	text-decoration: none;
}