/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}

html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;
	margin:0;	
	padding:0;
}

#bg1{
	background:url(img/bg-total.jpg) repeat-x top left #d9ad5b;
}

#bg2{
	background:url(img/bg-total2.jpg) repeat-x top left #d9ad5b;
}

#bg3{
	background:url(img/bg-total3.jpg) repeat-x top left #d9ad5b;
}

#contenutotal{
	width:100%;
	padding:0;
	margin:0;
}

#contenu{
	width:955px;
	height:640px;
	background:url(img/bg-accueil.jpg) no-repeat top left;
	padding:0;
	margin:0 auto;
	position:relative;
}

#contenu2{
	width:955px;
	height:786px;
	background:url(img/bg-real.jpg) no-repeat top left;
	padding:0;
	margin:0 auto;
	position:relative;
}

#contenu3{
	width:955px;
	height:640px;
	background:url(img/bg-contact.jpg) no-repeat top left;
	padding:0;
	margin:0 auto;
	position:relative;
}

/* --------------------------------------------------ACCUEIL */
.slogan{
	width:370px;
	height:50px;
	font:italic normal 18px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	position:absolute;
	left:263px;
	top:24px;
}

.txtslogan{
	font:italic normal 25px Arial, Helvetica, sans-serif;
	color:#fff;
}

.accueil{
	width:197px;
	height:229px;
	padding:10px;
	position:absolute;
	right:111px;
	top:260px;
}

.accueil p{
 	font: normal 13px Arial, Helvetica, sans-serif;
	color:#135C7D;
}

.accueil h3{
 	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#2d94bf;
	padding:0 0 20px 0;
}

/*-------------------------------------------- LOGO  */
html>body .logo{
	filter:none;
	background:url(img/logo.png) no-repeat 0px 0px; 
}

.logo{
	width:345px;
	height:113px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMethod='scrop');
	position:absolute;
	left:280px;
	top:96px;
}

/*-------------------------------------------- LOGO2  */
html>body .logo2{
	filter:none;
	background:url(img/logo2.png) no-repeat 0px 0px; 
}

.logo2{
	width:190px;
	height:66px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo2.png',sizingMethod='scrop');
	position:absolute;
	left:144px;
	top:6px;
}


/*-------------------------------------------- LOGO-BAS  */
html>body .logo-bas{
	filter:none;
	background:url(img/logo-bas.png) no-repeat 0px 0px; 
}

.logo-bas{
	width:141px;
	height:85px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo-bas.png',sizingMethod='scrop');
	position:absolute;
	left:52px;
	bottom:6px;
}

/*-------------------------------------------- TITRE1  */
html>body .titre1{
	filter:none;
	background:url(img/titre1.png) no-repeat 0px 0px; 
}

.titre1{
	width:238px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre1.png',sizingMethod='scrop');
	position:absolute;
	left:96px;
	bottom:472px;
}

/*-------------------------------------------- TITRE2  */
html>body .titre2{
	filter:none;
	background:url(img/titre2.png) no-repeat 0px 0px; 
}

.titre2{
	width:123px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre2.png',sizingMethod='scrop');
	position:absolute;
	left:432px;
	bottom:515px;
}

/*-------------------------------------------- TITRE3  */
html>body .titre3{
	filter:none;
	background:url(img/titre3.png) no-repeat 0px 0px; 
}

.titre3{
	width:273px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre3.png',sizingMethod='scrop');
	position:absolute;
	left:626px;
	bottom:461px;
}

/*-------------------------------------------- TITRE4  */
html>body .titre4{
	filter:none;
	background:url(img/titre4.png) no-repeat 0px 0px; 
}

.titre4{
	width:121px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre4.png',sizingMethod='scrop');
	position:absolute;
	left:155px;
	bottom:470px;
}

/*-------------------------------------------- TITRE5  */
html>body .titre5{
	filter:none;
	background:url(img/titre5.png) no-repeat 0px 0px; 
}

.titre5{
	width:89px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre5.png',sizingMethod='scrop');
	position:absolute;
	left:442px;
	bottom:515px;
}

/*-------------------------------------------- TITRE6  */
html>body .titre6{
	filter:none;
	background:url(img/titre6.png) no-repeat 0px 0px; 
}

.titre6{
	width:83px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre6.png',sizingMethod='scrop');
	position:absolute;
	left:722px;
	bottom:463px;
}

/*-------------------------------------------- TITRE7  */
html>body .titre7{
	filter:none;
	background:url(img/titre7.png) no-repeat 0px 0px; 
}

.titre7{
	width:310px;
	height:26px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre7.png',sizingMethod='scrop');
	position:absolute;
	left:3px;
	bottom:397px;
}

/*-------------------------------------------- TITRE8  */
html>body .titre8{
	filter:none;
	background:url(img/titre8.png) no-repeat 0px 0px; 
}

.titre8{
	width:213px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre8.png',sizingMethod='scrop');
	position:absolute;
	left:369px;
	bottom:477px;
}

/*-------------------------------------------- TITRE9  */
html>body .titre9{
	filter:none;
	background:url(img/titre9.png) no-repeat 0px 0px; 
}

.titre9{
	width:226px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titre9.png',sizingMethod='scrop');
	position:absolute;
	left:678px;
	bottom:395px;
}

/*-------------------------------------------- FLASH  */
.flash{
	width:488px;
	height:300px;
	position:absolute;
	left:100px;
	top:209px;
}

/*-------------------------------------------- FLASH2  */
.flash2{
	width:317px;
	height:195px;
	position:absolute;
	left:17px;
	top:75px;
}

/* --------------------------------------------------RENOVATIONS  */
.titrerenovation{
	width:406px;
	height:50px;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#E3F7FF;
	text-align:center;
	position:absolute;
	left:490px;
	top:72px;
}

/* --------------------------------------------------DIAPO RENOVATIONS ET MAISONS BOIS 1  */
.diapo{
	width:250px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#196bb4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:362px;
	bottom:209px;
}

.diapo p, .diapo2 p, .diapo3 p, .diapo4 p, .diapo5 p, .diapo6 p, .diapo7 p, .diapo8 p, .diapo9 p{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#1C6BB4;
	padding:5px 0 5px 0;
}

.diapo form, .diapo2 form, .diapo3 form, .diapo4 form, .diapo5 form, .diapo6 form,.diapo7 form,.diapo8 form,.diapo9 form{
display:inline;
}

img.visionneur{
	width:15px;
	height:36px;
	border:none;
	margin:0;
	padding:120px 10px 0 0;
	cursor:pointer;
	float: left;
}

img.visionneur2{
	width:15px;
	height:36px;
	border:none;
	margin:0;
	padding:120px 0 0 10px;
	cursor:pointer;
	float: right;
}

img.visionneur3{
	width:15px;
	height:36px;
	border:none;
	margin:0;
	padding:80px 10px 0 0;
	cursor:pointer;
	float: left;
}

img.visionneur4{
	width:15px;
	height:36px;
	border:none;
	margin:0;
	padding:80px 0 0 10px;
	cursor:pointer;
	float: right;
}

.diapo img, .diapo2 img, .diapo3 img, .diapo4 img, .diapo5 img, .diapo6 img, .diapo7 img, .diapo8 img,.diapo9 img{
	float:left;
}

/* --------------------------------------------------DIAPO RENOVATIONS ET MAISONS BOIS 2  */
.diapo2{
	width:250px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#196bb4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:89px;
	bottom:164px;
	text-align: center;
}

/* --------------------------------------------------DIAPO RENOVATIONS ET MAISONS BOIS 3  */
.diapo3{
	width:250px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#196bb4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:636px;
	bottom:155px;
}

/* --------------------------------------------------DIAPO CONCEPTION 1  */
.diapo7{
	width:322px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#196bb4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	bottom:157px;
	text-align: center;
}

/* --------------------------------------------------DIAPO CONCEPTION 2  */
.diapo8{
	width:322px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#196bb4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:318px;
	bottom:224px;
}

/* --------------------------------------------------DIAPO CONCEPTION 3  */
.diapo9{
	width:322px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#196bb4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:634px;
	bottom:155px;
}

/* --------------------------------------------------CONTACT  */
#formulaire{
	width:274px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#196bb4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:58px;
	top:285px;
	text-align:right;
}

label{
	display:block;
	float:left;
	width:70px;
	line-height: 20px;
}

form{
	margin:0;
}

form p{
	margin:0;
	clear:both;
	display:block;
}

.input{
	width:265px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#12719F;
	margin:0px 0px 8px 3px;
	background-color: #E3F7FF;
	border:solid 1px #FFF;
	float:right;
	padding: 0 0 0 5px;
	height: 18px;
}

form select{
	width:232px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#5b5643;
	margin:0px 0px 8px 5px;
	background-color: #fff;
	border:solid 1px #5b5643;
	float: right;
}

textarea{
	width:265px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#12719F;
	margin:0 0 8px 0;
	background-color: #E3F7FF;
	border:solid 1px #FFF;
	float: right;
	padding: 0 0 0 5px;
}

#bouton{
	width:150px;
	height:20px;
	background:url(img/bg-bouton.gif) no-repeat top left;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#12719F;
	padding:0 0 3px 0;
	border:1px solid #FFF;
	clear: both;
	cursor: pointer;
	text-align: center;
	margin: 0;
	background-color: #E3F7FF;
}

.plan{
	width:215px;
	cursor: pointer;
	text-align: center;
	margin: 0;
	position:absolute;
	left:628px;
	top:285px;
}

.adresscontact{
	width:250px;
	font:bold 12px verdana, Arial, Helvetica, sans-serif;
	color:#E3F7FF;
	margin: 0;
	position:absolute;
	left:366px;
	top:285px;
}

/* --------------------------------------------------ADRESS */
.liens {
	width:592px;
	height:20px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#196bb4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:235px;
	bottom:24px;
}

.adress {
	width:157px;
	height:30px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:235px;
	bottom:51px;
}

.tel{
	width:119px;
	height:30px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:404px;
	bottom:51px;
}

.email{
	width:290px;
	height:30px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:535px;
	bottom:51px;
}


/* --------------------------------------------------FOOTER */
#footertotal{
	width:100%;
	margin:0;
	padding:0;
	background:url(img/bg-footer-total.jpg) repeat-x top left;
}

#footer{
	width:955px;
	background:url(img/bg-footer.jpg) no-repeat top left;
	text-align:center;
	margin:0 auto;
	padding:20px 0 0 0;
	height: 192px;
}

#footer img{
	padding-bottom:5px;
	clear: both;
}

/*------------------------- LIENS -------------------------- */
.liens a{
	text-decoration: none;
	color:#196bb4;
}

.liens a:hover{
	text-decoration: none;
	color:#fff;
}

#contenu2 .liens a{
	text-decoration: none;
	color:#196bb4;
}

#contenu2 .liens a:hover{
	text-decoration: none;
	color:#79c3e1;
}

/*------------------------- TYPOS -------------------------- */
.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}

.txtitalik{
	text-align:right;
	font:italic normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#94b5bb;
	margin-right: 130px;
}

.txtbold{
	font-weight:bold; 
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}
.mentions{
	width:712px;
	color:#1C6BB4;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	left:138px;
	bottom:135px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.p_mention{
	font-weight: bold;
	color: #fff;
}