/* CSS Document 
By Csordas Zoltan alias TheartefacT
For Dotcom
*/

/* BASE PRINT */


*{ margin:0; padding:0; 
font: 0.97em normal Arial, Helvetica, sans-serif; border-collapse:collapse; vertical-align:top;}
html{
	
}
body{  	margin:0; padding:0;  
		background: #E5E5E5 url(../sc_design/bkg_texuring_ardoise_arizona_test3.jpg) top left repeat-x;
		height:auto;
}

table#design{ width:100%; height:200%; margin:0; padding:0; }	
		#left{ width:0%; }
		#center{width:100%; background:#ffffff;}
		#right{ width:0%; }
	
table#page{width:100%; border-collapse:separate; vertical-align:top; border: 2px solid #911829; border: 2px solid #D2D2D2;}
	#menu{width:0%; height:100%; display:none; }
	#ban{width:100%; height:auto; border:0;}
	object.logo2, embed.logo2{ display:none; }
	
	#breadcrumbs{ 	display:block; clear:both; margin: 0; padding: 3px 0 0px 3px; background:#14267a;
					text-align:left; color:#FFFFFF; font-size: 0.95em;	}	
	#breadcrumbs a{ color:#FFFFFF; text-decoration:none; font-size: 1em; }	
	#breadcrumbs a:hover{ color:#FF0000; }	
	#breadcrumbs div{  text-align:left; width:60%; float:left; }
	#breadcrumbs div.clearAll{float:none;   height:1px; text-align:left;  clear:both; display:none; }
	#breadcrumbs div span{ display:inline;}

	#breadcrumbs div.boutons{display:none;}
	#breadcrumbs a#less, #breadcrumbs a#reset, #breadcrumbs a#more{ display:none;	}



#content{ padding:1em;}


/***CONTENU************************************************/
#content h1{ 	display:block; margin:0 0 10px 0; padding: 0 0 0 0px; 
				background:url(../sc_design/sc_title.gif) no-repeat 0 center; 
				font-size:1em; font-weight:bold; text-align:left; color:#CA0125; text-transform:uppercase;/*border:1px dashed #000000;*/ width:80%;												
				font-family:"Trebuchet MS", Arial, Verdana, sans-serif}
#content h2{ display:block; margin:0 0 10px 0; padding: 0; width:80%;
		font-size:1em; font-weight:bold; text-align:left; color:#14267A; text-transform:capitalize;/*border:1px dashed #000000;*/ }
#content p{ vertical-align:top; padding: 0px 0 10px 0;
		text-align:left; }
#content a{ /*color:#1436cc;*/ color:#000000; font-size:1em; text-decoration:none; border-bottom:0.1em solid #CCCCCC;}
#content a:hover{ color:#1c36ad; font-size:1em; text-decoration:none; border-bottom:0.1em solid #c90023;}
#content div.galerie a{ border:none;}/* suppression des bordures pour ces liens là

#content a.file_pdf { padding:0; background:none;}
#content a.file_pdf:hover { background:url(../sc_design/file_pdf.jpg) right center no-repeat;padding:0 34px 0 0;}


#content hr{ padding:0; margin:15px 0 25px 0; clear:both; background:#14267A; color:#14267A; font-size:0em; line-height:0px;}

#data{ font-size:12px;}
/****PUCES *******************************************/
.puce{ float:left; display:inline; margin:0.5em 0.3em 0 0; width:0.3em; height:0.3em;}
/*** IMAGES *************************************************/
div.rougeL{ float:left; padding: 0 3px 3px 0; background:url(../sc_design/sc_img_red_border.gif) 6px 6px no-repeat; margin: 0em 1em 0.5em 0.1em;}
div.rougeR{ float:right; padding: 0 3px 3px 0;background:url(../sc_design/sc_img_red_border.gif) 6px 6px no-repeat; margin:0em 1em 0.5em 0.1em;}
div.rougeR img, div.rougeL img{ border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; }
.img1{ width:14em;}	
.img2{ width:18em;}	
.img3{ width:8em; }

div.rougeC{ 	
	width:27.7em; height:17em; 
	float:none; 	
	padding: 0 3px 3px 0; 	
	margin: 0em auto 0.5em auto;
	background:url(../sc_design/sc_img_red_border.gif) 6px 6px no-repeat;	
}
.img_charp{	background:#FFFFFF; width:28.5em; height:17.5em;}

div.clearleft{ clear:left;}
.img_couv1{	background:#FFFFFF; width:28.5em; height:17.5em;}	
.img_couv2{	background:#FFFFFF; width:17.5em; height:34.7em;}
/***************************************/

#content table.contact{
	display:none;
}

/***THUMBS****************************************************/
.thumbL{ float:left; padding: 0 3px 3px 0; margin: 0em 1em 0.5em 0.1em;
background:url(../sc_design/sc_img_blue_border.gif) 6px 6px no-repeat;}
.thumbL img{
	z-index:10;
	border:none; 
	width:8em;
	height:8em;
}
.thumbL img.clickit{
	width:26px;
	height:26px;
	z-index:100;
	position:absolute;
	opacity: 0.3;
	filter: alpha(opacity=30); 
	/*border:1px dashed orange;*/
}
/*** GOOGLEMAP *************************************************/
#plangoogle{ width:0%;	display:none;}
#plan_print{	
	clear:both; display:block;
	page-break-inside:avoid;
	margin-top:2cm;
 }