/* CSS Document */

body, tr, td, th, table, img, ul, li, h1, h2, h3, p, fieldset, button, input, select, dl, dd, dt, form{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; list-style-type:none;
border-collapse:collapse; border:0; border-spacing:0;}

#global												{ position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-350px; width:1000px; height:700px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#content											{ width:920px; margin: 0 auto;}
#header							 					{ width:920px; height:128px;}
#header .logo, #header .baseline 					{ float:left; height:128px;}
img 												{ display: block; } 

#contentcol											{ width:920px; }

#contentcol	table.accueil							{ width:916px; margin-top:15px; margin-bottom:20px;}
#contentcol	table.accueil td						{ border:1px solid #ccc; height:171px; overflow:hidden;}
#contentcol	table.accueil td a						{ display:block; height:171px;}
#contentcol	table.accueil td.conseil				{ width:228px; height:171px;}
#contentcol	table.accueil td.conseil a				{ background:url(i/conseil-en-amenagement.png) no-repeat 0 0;}
#contentcol	table.accueil td.contact				{ width:229px; height:171px;}
#contentcol	table.accueil td.contact a				{ background:url(i/contact.png) no-repeat 0 0;}
#contentcol	table.accueil td.services				{ width:229px; height:171px;}
#contentcol	table.accueil td.services a				{ background:url(i/services-et-prestations.png) no-repeat 0 0;}
#contentcol	table.accueil td.mobilier				{ width:230px; height:171px;}
#contentcol	table.accueil td.mobilier a				{ background:url(i/mobilier-de-bureau.png) no-repeat 0 0;}
#contentcol	table.accueil td a strong				{ display:none;}
#contentcol	table.accueil td.creations a			{ background:url(i/creations.png) no-repeat 50% 0;}
#contentcol	table.accueil td a:hover				{ background-position:0 100%;}
#contentcol	table.accueil td .animation             { position :relative; width: 229px; height: 171px;}
#contentcol	table.accueil td .animation div         { position: absolute; top: 0; left: 0;}

#contentcol .adresse								{ text-align:center; padding:0 0 20px 0}
#contentcol .adresse span							{ color:#FF6600}
#contentcol .adresse a	 							{ color:#000000} 



#contentcol ul#menu									{ height:30px; overflow:hidden;}
#contentcol ul#menu li								{ float:left;}
#contentcol ul#menu li a							{ border-right:1px solid #fff; display:block; text-decoration:none; color:#FFF; background:#000; padding:2px 40px; font-size:9px; text-align:center; text-transform:uppercase;}
#contentcol ul#menu li a:hover,
#contentcol ul#menu li a.selected					{ color:#f39402; background:#3b3b3b; }
#contentcol ul#menu li a.selected					{ cursor:auto;}
#contentcol ul#menu li.first a,
#contentcol ul#menu li.last a						{ padding:9px 41px;}
#contentcol ul#menu li.first a						{ background:url(i/cartouche.png) no-repeat 0 0}
#contentcol ul#menu li.first a:hover,
#contentcol ul#menu li.first a.selected				{ background-position:0 100%}
#contentcol ul#menu li.last a						{ border-right:0; background:url(i/cartouche.png) no-repeat 100% 0}
#contentcol ul#menu li.last a:hover,
#contentcol ul#menu li.last a.selected				{ background-position:100% 100%}
#contentcol ul#menu li a strong						{ display:block; font-weight:normal; font-size:11px;}

#contentcol form.contact							{ background:url(i/formulaire-contact.png) no-repeat 0 0; height:373px; width:625px; margin:20px auto; padding:0 0 0 30px;}
#contentcol form.contact .input                     { display: inline; }
#contentcol form.contact fieldset					{ float:left; width:290px; margin:10px; font-size:11px; }
#contentcol form.contact label						{ float:left; width:140px; margin-right:5px;font-family: Verdana, Arial, Helvetica, sans-serif; padding:3px 0; margin-top:5px;}
#contentcol form.contact input,
#contentcol form.contact select,
#contentcol form.contact textarea					{ border:1px solid #dedede; padding:2px; margin-right:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
#contentcol form.contact select						{ padding:1px; width:138px;}
#contentcol form.contact input#EmailEmail,
#contentcol form.contact input#EmailPays,
#contentcol form.contact input#EmailAdresse			{ width:278px}
#contentcol form.contact textarea					{ width:280px; height:270px;}
#contentcol form.contact input.envoyer				{ float:right; background:url(i/bt-envoyer.png) no-repeat 0 0; height:25px; width:82px; border:0; padding:0; margin:0 15px 0 0; cursor: pointer}
#contentcol form.contact .error 					{ display: block; font-family: verdana; color: Red; text-align: center; font-size: 12px; padding-top: 5px;}
#contentcol form.contact .success 					{ display: block; font-family: verdana; color: Green; text-align: center; font-size: 12px; padding-top: 5px;}


#contentcol h2.ariane								{ padding:18px; font-size:10px; color:#bababa; font-weight:normal;}
#contentcol h2.ariane a								{ color:#bababa;}

#contentcol h1										{ color:#bababa; padding:15px 18px 5px 18px; color:#ff8100; font-family: Verdana, Times, serif; font-size:18px;}

#contentcol p										{ padding:8px 0 8px 18px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:17px}
#contentcol img.right								{ float:right; margin-left:15px;}
#contentcol	p strong em                             { color: #ff8100; }

#contentcol .liste									{ padding:8px 0 20px 18px; font-size:12px; text-align:justify; line-height:17px; height:150px}
#contentcol .liste img								{ float: left;}
#contentcol .liste dl								{ float:left; margin:10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#contentcol .liste dt								{ font-weight:bold; color:#FF8100; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; }
#contentcol .liste dd								{ font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:15px; height:18px; background:url(i/puce.png) no-repeat 0 50%; }


#contentcol .lien									{ float: right; height:37px; padding:20px 0 0 60px; background:url(i/question.png) no-repeat 0 0; font-size:14px; text-decoration:none; color:#000; font-weight:bold; }

#contentcol .lien:hover								{ text-decoration: underline;}
#contentcol .lien strong							{ color:#ed8d2f;}

#contentcol .info									{ width:920px; height:70px;}
#contentcol .info a									{ float: left; height:40px; margin-left:18px; padding:30px 0 0 80px; background: url(i/72.png) no-repeat 0 0; font-size:12px; text-decoration:none; color:#000; font-weight:bold; }
#contentcol .info a.ref								{ float: left; height:48px; margin-left:25px; padding:22px 0 0 80px; background: url(i/50000.png) no-repeat 0 0; font-size:12px; text-decoration:none; color:#000; font-weight:bold; }
#contentcol .info a strong							{ color:#ed8d2f;}
#contentcol .info a.tel								{ height:40px; margin:10px 0 0 25px; padding:18px 0 0 60px; font-size:14px; background: url(i/tel.png) no-repeat 0 0; text-decoration:none; color:#000; font-weight:bold; }
#contentcol .info a.mail							{ height:40px; margin:10px 0 0 25px; padding:18px 0 0 60px; font-size:14px; background: url(i/mail.png) no-repeat 0 0; text-decoration:none; color:#000; font-weight:bold; }



#contentcol .box1									{ float:left; width:435px; margin:0 20px 0 0; padding-bottom:20px;}

#contentcol .last									{ margin-bottom:0;}
#contentcol .boxes									{ margin:25px 0 0 18px; overflow:hidden;}
#contentcol .right									{ margin-right:0;}

#contentcol .box2									{ float:left; overflow:hidden; width:435px; margin:0 20px 0 0; padding-bottom:20px;}
#contentcol .box2 .photo							{ float:left; height:169px;}
#contentcol .box2 .bloctext							{ float:left; padding:14px 15px; width:164px; height:141px;font-size:12px; background:url(i/bg-box3.png) no-repeat 100% 0;}
#contentcol .box2 .bloctext dl						{ line-height:14px}
#contentcol .box2 .bloctext dl dt					{ font-size:14px; font-weight:bold; padding:1px 0; }
#contentcol .box2 .bloctext dl dt a					{ color:#ff8100; text-decoration:none;}
#contentcol .box2 .bloctext dl dd					{ background:url(i/puce.png) no-repeat 0 3px; padding:0 0 4px 14px;}
#contentcol .box2 .bloctext dl dd a					{ color:#000; text-decoration:none;}
#contentcol .box2 .bloctext p						{ line-height:17px; padding:4px 0 0 0; margin:0;}
#contentcol .box2.right								{ margin-right:0;}

#contentcol .box3									{ height:169px; margin-bottom:20px; background:url(i/pix-gris.png) repeat-x 0 100%;}
#contentcol .box3 .photo							{ float:left; height:169px;}
#contentcol .box3 .bloctext							{ float:left; padding:14px 15px; width:702px; height:141px;font-size:12px; background:url(i/pix-gris.png) repeat-x 0 0; border-right:1px solid #ccc;  overflow:hidden; }
#contentcol .box3 .bloctext h3						{ display:inline; color:#f39402; font-size:14px;}
#contentcol .box3 .bloctext div.photos li			{ float:left; padding:10px 10px 10px 0;}
#contentcol .box3.last								{ padding-bottom:0;}

#footer												{ clear:both; background: url(i/cartouche.png) no-repeat 0 0; width:920px; padding-top:8px; height:22px; text-align:center; color:#FFF; margin-bottom:10px; font-size:12px;}
#footer span										{ color:#f93;}


/* Services */
#contentcol .services .box2                         { }
#contentcol .services .box2 dt			            { color:#FF8100;}

#contentcol .services .box2 .bloctext				{ float:left; padding:14px 15px; width:215px; height:141px;font-size:12px; background:url(i/bg-box3b.png) no-repeat 100% 0;}
#contentcol .services .box2 .bloctext dd			{ background: none; padding-left: 3px;}
#contentcol .lien                          			{ margin-top: 40px;}
#contentcol .services .box2 .bloctext dd a 			{ color:#FF8100; }


/* Pictos */
#contentcol .gammes									{  margin:10px 0}
#contentcol .lien.gammes                         	{ margin-top: 0px;}

#contentcol .sieges .gammes 						{background:url(i/siege.png) no-repeat 0 0;} 
#contentcol .bureaux .gammes 						{background:url(i/bureaux.png) no-repeat 0 0;} 


#arch				 								{ background:#000;}
#arch .arch-top		 								{ height:360px;}
#arch .arch-visu-big 								{ float:left; height:360px;}
#arch .arch-text-content 							{ float:left; background:url(i/fond-arch.gif) no-repeat 0 0; font-size:15px; color:#FFF; height:339px; width:280px; padding:10px 15px; margin:0 0 0 15px}
#arch .arch-text-content p 							{ font-family:Verdana, Arial, Helvetica, sans-serif; }
#arch .arch-visus-small 							{ clear:both; height:167px; overflow: auto; margin-top:15px;}
#arch .arch-visus-small li 							{ float:left; margin:5px 16px 10px 0}
#arch p.techno			 							{ padding:12px 0 12px 35px; font-size:12px;}
#arch p.techno span			 						{ font-size:18px; color:#999;}
#arch ul.desc li					 				{ font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 25px; background:url(../../../css/i/puce-n.png) no-repeat 0 50%; padding:0 0 0 15px; font-size:12px; }
#arch small							 				{ display:block; padding:10px 0 2px ; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align:center;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#TB_secondLine {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #fff;}
#TB_window a:visited {color: #fff;}
#TB_window a:hover {color: #fff;}
#TB_window a:active {color: #fff;}
#TB_window a:focus{color: #fff;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000;
	border:1px solid #333333;
	z-index: 102;
	color:#000000;
	display:none;
	padding:10px;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	position:absolute;
	right:10px;
	top:10px;
	color:#FFF;
	text-align:right;
}

#TB_closeAjaxWindow a{
	text-decoration:none;
	border:1px solid white;
	padding:1px 3px;
	font-weight:bold;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#000;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 55%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;

}