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

/* BASE */


*{ margin:0; padding:0; 
font: 0.97em normal Arial, Helvetica, sans-serif; border-collapse:collapse; vertical-align:top;/*border:1px dashed #000000;*/}
html{
	
}
body{  	margin:0; padding:0;  
		/*background:#ab2036 url(../sc_design/sc_bkg_body.jpg);*/
		background: #E5E5E5 url(../sc_design/bkg.gif) repeat;
		height:auto;
}

table#design{ width:900px; height:200%; margin:0 auto; padding:0; }	
		#left{ width:10px; /*background:#ab2036;*/}
		#center{width:880px; background:#ffffff;}
		#right{ width:10px; /*background:#ab2036;*/}
	
table#page{width:100%;border-collapse:separate; vertical-align:top; border: 2px solid #911829; border: 2px solid #D2D2D2; border-top:0;}
	#menu{ width:13%; background:#000; text-align:center; }
	#ban{width:100%; height:208px; margin:0 0 10px 0; background:url(../sc_design/sc_ban_img4.jpg) no-repeat top right; 
		/*border:1px dashed #000000;*/ border-top: 2px solid #000; vertical-align:top; overflow:hidden; 
		/*font-size:0em;*/}
	#main{ width:59%; padding:0; vertical-align:top; text-align:left; }
	#footer{ background:#ed761c; 
			font-size:11px; padding:3px; }
	#footer p{ float:left; padding: 0 3px 0 0; color:#FFFFFF; text-decoration:none; }
	#footer a:link, #footer a, #footer a:hover{ padding: 0 3px 0 0; 
			color:#FFFFFF; text-decoration:none; text-transform:uppercase; }
	#footer a:hover{ color:#000000; text-decoration:none; }
	#footer a.left{ float:left;}
	#footer a.right{ float:right;}
	.clearAll,#breadcrumbs .clearAll{ clear:both; height:0px; border:none;}
/**********************************************/
.logo1{width:120px; height:120px; margin:40px auto 40px auto;}
img.logo2{  margin:25px 0 25px 35px; display:block; float:left; width:200px; }

#menu div{  margin: 12px 0 12px 30px; /*border:1px dashed red;*/ text-align:left;}
#menu a{ padding: 0 0 0 0; height:8px; clear:both;  border-bottom:1px solid #000;
		 font-size:15px; color:#FFFFFF; text-decoration:none; font-family:'Century Gothic', Arial, Helvetica, sans-serif; /*border:1px solid #000000;*/  }
#menu a:hover{ border-bottom:1px solid #ed761c; 
		text-decoration:none; font-family:'Century Gothic', Arial, Helvetica, sans-serif; }
/***DYNAMIC MENU********************************************/
#menu_current a{ /*background:url(../sc_design/sc_menu_current.gif) left center no-repeat;*/ color:#ed761c;   }
#menu span{padding:0; font-size:16px;  color:#cc003d; }
/*	object.emailflash, embed.emailflash{ width:12em; margin-top:3px }	*/
object.emailflash, embed.emailflash{width:13em;  height:1.6em; margin:0px; padding:0; }
object.emailflashBig, embed.emailflashBig{ width:10em; height:1.6em; margin:0px;padding:0; }
#menu p { padding:0; font-size:13px;  color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu img { margin: 0.1em 0 0 0;}
/*****BREADCRUMBS*********************************************/
#content{ padding:1em;}
#breadcrumbs{ display:block; clear:both; margin: 0; padding: 4px 0 0px 3px; background:#000;
				text-align:left; color:#FFFFFF; font-size: 14px; border-top:1px solid #FFFFFF;
}	
#breadcrumbs a{ color:#FFFFFF; text-decoration:none; 
			font-size: 14px; }	
#breadcrumbs a:hover{ color:#FF0000; }	
#breadcrumbs div{  text-align:left; width:55%; float:left; 
/*border:1px solid yellow;*/	
}
#breadcrumbs div.clearAll{ float:none;   height:1px;text-align:left;  clear:both; /*border:1px solid orange;*/}
#breadcrumbs div span{ display:none;}

#breadcrumbs div.boutons{width:43%; float:left; padding:0; margin:0; text-align:right; 
/*border:1px solid orange;	*/
}

#breadcrumbs a#less, #breadcrumbs a#reset, #breadcrumbs a#more{
	/*border:1px solid green;*/
	font-size:17px;
	margin:0; padding:0;width:200px; height:21px;
}
#breadcrumbs a#less:hover, #breadcrumbs a#reset:hover, #breadcrumbs a#more:hover{ 	color:#c90023; 	}

#breadcrumbs a#less{ background:url(../sc_design/zoom-.gif) no-repeat}
#breadcrumbs a#reset{ background:url(../sc_design/zoom0.gif) no-repeat}
#breadcrumbs a#more{ background:url(../sc_design/zoom+.gif) no-repeat}

#breadcrumbs a#less:hover{ background:url(../sc_design/zoom--.gif) no-repeat}
#breadcrumbs a#reset:hover{ background:url(../sc_design/zoom00.gif) no-repeat}
#breadcrumbs a#more:hover{ background:url(../sc_design/zoom++.gif) no-repeat}

/***BoutonIcones**************************************************/


#breadcrumbs a.printbtn, #breadcrumbs a.mailbtn, #breadcrumbs a.homebtn{
	clear:none;
	float:right;
	width:15px;
	height:15px;
	margin:0;
	padding:0;
	/*border:1px solid yellow;*/
}
#breadcrumbs a.printbtn{ background:url(../sc_design/sc_pictos_print.gif)  center 23px; margin: 0 0 0 5px;}
#breadcrumbs a.mailbtn{ background:url(../sc_design/sc_pictos_mail.gif)  center 24px; margin: 0 0 0 5px;}
#breadcrumbs a.homebtn{ background:url(../sc_design/sc_pictos_home.gif)  center 23px;margin: 0 0 0 5px;}
#breadcrumbs a.mailbtn:hover{
	background:url(../sc_design/sc_pictos_mail.gif) center 1px;}
#breadcrumbs a.homebtn:hover{
	background:url(../sc_design/sc_pictos_home.gif) center -1px;}
#breadcrumbs a.printbtn:hover{
	background:url(../sc_design/sc_pictos_print.gif) center -5px;}

/***CONTENU************************************************/
#content h1{ display:block; margin:0 0 20px 0; padding: 0; 
		font-size:20px; font-weight:normal; text-align:left; color:#ed761c; /*border:1px dashed #000000;*/ width:80%;												
		font-family:'Century Gothic', Arial, Helvetica, sans-serif;}
#content h2{ display:block; margin:15px 0 25px 0; padding: 0; width:80%;
		font-size:18px; font-weight:bold; text-align:left; color:#000;/*border:1px dashed #000000;*/ font-family:'Century Gothic', Arial, Helvetica, sans-serif; }
#content p{ vertical-align:top; padding: 0px 0 10px 0;
		text-align:left; font-size:14px; }
#content a{ /*color:#1436cc;*/ color:#000000; font-size:15px; text-decoration:none; border-bottom:0.1em solid #CCCCCC;}
#content a:hover{ color:#1c36ad; font-size:15px; text-decoration:none; border-bottom:0.1em solid #c90023;}
#content div.galerie a, #content div.galerie a:hover{ border:0;}

#mainDefile{
	background:url(../sc_design/sc_banderole.gif) center top no-repeat;
	position:relative;
	display:block;
	float:left; clear:right;
	margin: 0;
	width:304px; /*largeur de la zone d'affichage*/
	height:32px; /*hauteur de la zone d'affichage*/
	
	width:100%; /*largeur de la zone d'affichage*/
	height:32px; /*hauteur de la zone d'affichage*/
	/*border:1px solid red;*/
}
#boxDefile {
	position:relative; clear:right;
	margin: auto;	
	width:279px; /*largeur de la zone d'affichage*/
	height:32px; /*hauteur de la zone d'affichage*/
	
	overflow:hidden;
	color:inherit;
	padding:0;
	/*border:1px solid green;*/
}
#defile {
	position:absolute; clear:right;
	background:none;
	line-height:23px;
	margin:0;
	padding:0;
	display:block;
	width:800px;
	height:20px;
} 


/* 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:#e7e7e7; color:#e7e7e7; font-size:0px; line-height:0px;}

#data{ font-size:12px;}
/****PUCES *******************************************/
.puce{ float:left; display:inline; margin:0.5em 0.3em 0 0; width:5px; height:5px;}
/*** 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:350px;}	
.img2{ width:370px;}	
.img3{ width:10em; height:26em;}

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 tr td{
padding:3px 3px 0px 3px ;
border:2px solid #FFFFFF;
border-left:none;
border-right:none;
background:#EEEEEE;
text-align:left;
}
#content table.contact tr td.txt_right{	text-align:left; width:auto;}
input, textarea{
color:#000;
}
.sizedForm{	
width:18em;
}

.maj{
text-transform:uppercase;
font-weight:bold;
}
.colored{
	color:#c90023;
	font-size:100%;
}

/***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;*/
}
/***THUMBS + LINK****************************************************/
#content div.galerie .thumbLink { 
	float:left; padding: 0 3px 3px 0; margin: 0em 1em 0.5em 0.1em;
}
#content div.galerie .thumbLink a { 
	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;
}
#content div.galerie .thumbLink a img{
	z-index:10;
	border:none; 
	width:8em;
	height:8em;
}
#content div.galerie .thumbLink a img.clickit{
	width:26px;
	height:26px;
	z-index:100;
	position:absolute;
	opacity: 0.3;
	filter: alpha(opacity=30); 
	/*border:1px dashed orange;*/
}
#content div.galerie .thumbLink a.details{
	float:left; clear:left;
	width:7.5em; margin:0; padding:0 .25em 0 .25em ;
	color:#000000;
	border-bottom:1px solid #DDDDDD;
	background:#DDDDDD;
}
#content div.galerie .thumbLink a.details:hover{
	color:#4A36C9;
	background:#DDDDDD;
	border-bottom:1px solid #C90023;
	
}

/*** GOOGLEMAP *************************************************/
#content table.contact tr td#plan{
	border-left:1px solid #FFFFFF;}
#googlemap{
width:99%; height:35em; border:2px solid #000; margin:0; overflow:hidden;	
}
#plangoogle{ width:50%;	}
#plan_print{ display:none; }

#content table.contact tr td table tr td
{
	border:none;
}


#content table.contact tr td table a
{
	border:none;
}

#content table.contact tr td table input
{
	border:1px solid #000000;
}