/* CSS Bo Castel */

/*	Style de base
	--------------------------------------*/
	body{margin:0; padding:0}
	.gris{color:#dddddd}
	.spacer{border-top:1px dashed #94948B; clear:both; }
	.thumbnail_name{font-weight:bold; font-size:16px}
	a.thumbnail_link{color:#6696bd; text-decoration:underline}
	a.thumbnail_link:hover{color:#253842;}
	.transparence{filter: alpha(opacity=50); /* ie */-moz-opacity: .5; /* mozilla */background:#253842; position:relative; top:-25px; margin:0 0 0 5%;padding:0; width:90%; color:#FFFFFF}
	.titre_maison{color:#253842; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
	
	.clear{clear:both}
	
	/* Calsses de l'éditeur */
	.bold_bleu{font-weight:bold; color:#6696bd}
	#main a.areference{color:#ffffff; font-weight:bold}

	
	#contenant{margin:0 auto; padding:0; width:855px; background:#253842}
	
	/* Couleur */
	/* Bleu			:#253842 */
	/* Bleu Pale	:#6696bd */
	/* Gris			:#94948B */
	
	
	
	
/*	Contenu du Header
	--------------------------------------*/	
	#top{position:relative; margin:0; padding:0; width:855px; height:261px;}
	
	#enluminure{position:absolute; margin:0; padding:0; width:161px; height:142px; z-index:10}
	#banner{position:relative; top:29px; margin:0px 0 0 70px; padding:10px; border:1px solid #ffffff; width:695px;}
	#bgmenu{position:absolute; top:180px; left:90px; width:679px; height:30px;z-index:5; filter: alpha(opacity=50); /* ie */-moz-opacity: .5; /* mozilla */background:#253842;}
	
	#menu{position:absolute; top:180px; left:105px; width:675px; height:30px;z-index:10; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:14px}
	#menu ul{margin:0; padding:5px 0 0 10px; list-style:none}
	#menu ul li{color:#ffffff; display:inline}
	#menu ul li a{color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold}
	#menu ul li a:hover{color:#6696bd}
	
	#sousmenu{position:absolute; top:2px; left:487px; width:300px; height:30px;z-index:10; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:11px; border:0px solid #fff; text-align:right}
	#sousmenu ul{margin:0; padding:5px 0 0 10px; list-style:none}
	#sousmenu ul li{color:#ffffff; display:inline}
	#sousmenu ul li a{color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold}
	#sousmenu ul li a:hover{color:#6696bd}
	
	
/*	Contenu principal
	--------------------------------------*/
	#main{position:relative; margin:0; padding:0px; border:0px solid #f00}
	#photo1{position:absolute; top:20px; left:550px; height:80px; width:80px; padding:10px; margin:0; border:1px solid #ffffff}
	#photo2{position:absolute; top:0px; left:670px; height:80px; width:80px; padding:10px; margin:0; border:1px solid #ffffff}
	
	#contenu{position:relative; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:12px}
	#contenu h1{font-size:1.6em; letter-spacing:0.5em; text-transform:uppercase; color:#ffffff; margin:0 0 1.5em 0}
	#contenu h2{font-size:1.4em; letter-spacing:0.3em; text-transform:uppercase; margin:auto; color:#dddddd}
	#contenu h3{font-size:1.2em; letter-spacing:0.2em; text-transform:uppercase; margin:auto; color:#dddddd}
	#contenu p{font-size:1em; color:#ffffff; line-height:150%}
	#contenu a{color:#6696bd; text-decoration:underline}
	#contenu a:hover{color:#94948B;}
	#contenu ul{padding:0 0 0 20px; margin:0}
	#contenu ul li{color:#ffffff}
	
	

	/* Classe Réalisations */
	.realisation #main{background:url(../images/bg_realisation.jpg) no-repeat -70px 350px; height:800px}
	.realisation #galerie{height:750px}
	.realisation #main #contenu{margin:0 0 0 70px; width:180px;}
	
	#galerie{float:right; width:485px; margin:50px 0 0 0; padding:30px; background:#ffffff url(../images/bg_realisation_top.gif) top left no-repeat; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:12px}
	#galerie h2{font-size:1.4em; letter-spacing:0.1em; text-transform:uppercase; margin-top:0; margin-bottom:1.5m; color:#94948B; clear:both}
	#slide{float:left; margin-right:20px; margin-bottom:20px;}
	
	
	/* Classe Profil */
	.profil #main{background:url(../images/bg_realisation.jpg) no-repeat right bottom; min-height:600px; height:auto !important; height:600px;}
	.profil #main #contenu{margin:0 0 0 70px; width:500px;}
	.profil #main #contenu h2{margin-left:40px;}
	.profil #main #contenu p{margin-left:40px;}
	
	/* Classe Modele */
	.modele #main{background:url(../images/bg_realisation.jpg) no-repeat right bottom; min-height:600px; height:auto !important; height:600px;}
	.modele #main #contenu{margin:0 0 0 70px; width:400px;}
	.modele #main #contenu h2{margin-left:40px;}
	.modele #main #contenu p{margin-left:40px;}
	
	/* Classe Projet domiciliaire */
	.projet #main{background:url(../images/bg_realisation.jpg) no-repeat right bottom; min-height:600px; height:auto !important; height:600px;}
	.projet #main #contenu{margin:0 0 0 70px; width:400px;}
	.projet #main #contenu h2{margin-left:40px;}
	.projet #main #contenu p{margin-left:40px;}
	
	
	/* Classe Contact */
	.contact #main{background:url(../images/bg_realisation.jpg) no-repeat right bottom; min-height:600px; height:auto !important; height:600px;}
	.contact #main #contenu{margin:0 0 0 70px; width:500px;}
	.contact #main #contenu h2{margin-left:40px;}
	.contact #main #contenu h3{margin-left:20px;}
	.contact #main #contenu p, .contact #main #contenu li{margin-left:40px; font-size:1.2em}
	
	
	/*Hack IE Min-Height*/
	html>body.realisation #galerie{min-height:750px; height:auto}
	html>body.realisation #main{min-height:800px; height:auto}
	
	
	
	
/*	Footer
	--------------------------------------*/
	#footer{position:relative; margin:0; padding:20px 0 20px 0; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:11px; background:#ffffff; text-align:right; clear:both}
	#footer p{margin:0 0 0 155px; padding:10px 0 0 0; color:#253842; border-top:1px dashed #6B7B84; width:700px}
	#footer a{color:#6696bd; font-weight:bold}
	#footer a:hover{color:#253842; text-decoration:none}
	
	
	
	
	
	
	
	
	
	
	
	
	
	