*{margin:0; padding:0;}
body{margin:0; padding:0; background-image:url(http://www.actearchitecture.com/images/back.jpg); background-repeat:repeat-x; font-family:Trebuchet MS; font-size:12px; color:#666;}
a{color:#666; text-decoration:underline;}
h1{color:#000343; font-family:Trebuchet MS; font-size:15px; font-weight:bold; margin-top:11px; margin-bottom:10px; text-transform:uppercase;}
h2{color:#000343; font-family:Trebuchet MS; font-size:11px; font-weight:bold; margin-bottom:10px;}
h2 a{color:#000343; text-decoration:none;}
h3{margin-top:7px; margin-bottom:7px; color:#fda712; font-size:15px; font-family:Trebuchet MS;}
h3 a{color:#fda712; text-decoration:none;}
dl, dt, dd, ul, li {
  list-style-type:none;
  margin:0;
  padding:0;
  /*width:100%;*/
  }
#main{width:940px; text-align:left;}
#top{float:left; width:940px; height:24px; padding-top:5px; text-align:right; color:#002e44; font-family:arial; font-size:9px; font-weight:bold;}
#top a{color:#002e44; text-decoration:none; margin-left:8px; margin-right:8px;}
#logo{width:174px; padding-left:19px; height:181px; float:left; padding-top:1px;}
#anim{width:742px; height:183px; float:left;}
#menu{width:940px; float:left; text-align:right;}
#main_center{width:940px; margin-top:8px; float:left; background-image:url(http://www.actearchitecture.com/images/back_centre.jpg); background-position:left top; background-repeat:repeat-y;}
#main_center1{width:940px; margin-top:8px; float:left; background-image:url(http://www.actearchitecture.com/images/1.jpg); background-position:left top; background-repeat:repeat-y;}

#left{width:198px; float:left;}
#ssmenu{margin-left:16px; margin-top:6px; width:174px; color:#fff; font-family:Trebuchet MS; font-size:11px;}
#ssmenu a{color:#fff;width:152px; padding-left:23px; height:22px; padding-top:6px; display:block; text-decoration:none; margin-bottom:1px;}
#ssmenu .lien3_over{width:162px;margin-left:3px; padding-left:11px; height:auto; display:block; padding-top:4px; padding-bottom:4px; background-color:#e3f2fe; background-image:url(http://www.actearchitecture.com/images/fleche_over.jpg); background-position:0 10px; background-repeat:no-repeat; color:#505051;}
#ssmenu .lien3{width:162px;margin-left:3px; padding-left:11px; height:auto; display:block; padding-top:4px; padding-bottom:4px; background-image:url(http://www.actearchitecture.com/images/fleche.jpg); background-position:0 10px; background-repeat:no-repeat; color:#505051;}
#content{width:354px;  padding-left:7px; padding-right:10px; float:left; text-align:justify;}
#content li{list-style-type:square; margin-left:44px; padding:2px; vertical-align:top; text-decoration:none}
#content li a{list-style-type:disc; margin-left:-6px; padding:2px; vertical-align:top; text-decoration:none}
#contents{width:684px; padding-left:7px; padding-right:10px; float:left; text-align:justify;}
#contentss{width:684px;float:left; text-align:justify; padding:6px 0 0 23px;}
#right{width:371px; float:left;}
#niveau3{margin-left:3px; margin-top:3px;}
#actualites{margin-top:18px; margin-left:18px; width:173px; text-align:justify; color:#7a7979; font-family:arial; font-size:11px;}
#actualites .lire{font-family:Trebuchet MS; font-size:12px; text-align:right;}
#actualites .lire a{color:#7a7979; text-decoration:none;}

#search{width:194px; height:25px; float:left; margin-top:18px; margin-bottom:18px;}
#search .loop{float:left; width:20px; height:25px;}
#search .zone{float:left; width:174px; height:20px; border-top:solid 1px #dedede; border:right 1px #dedede; border-bottom:solid 1px #dedede; background-color:#5b5b5b;}
#search .zone input{width:139px; height:15px; border:0; background-image:url(http://www.actearchitecture.com/images/search.jpg); margin-top:2px;}



#pied .signature{width:118px;text-align:center; color:#5b5b5b; font-family:Trebuchet MS; font-size:10px;}
#pied .signature a{color:#5b5b5b; text-decoration:none;}
#centre{width:740px; float:left; text-align:justify;}

-------------

#acte_gallerie {}
#gallerie_detail { float:right; width:344px; height:344px} 
#gallerie_liste {float:right; width:344px; height:80px; }
#gallerie_liste img {margin-left:1px; margin-bottom:1px;  float:right; width:75px; } 

--------------------------
.carousel-component {
	position:relative;
	overflow:hidden;
	display:none;
	width:344px;
}
.carousel-component ul.carousel-list {
	width:10000000px;
	position:relative;
	z-index:1;
}
.carousel-component .carousel-list li {
	float:right;
	list-style:none;
	overflow:hidden;
}
.carousel-component .carousel-vertical li {
	margin-bottom:0px;
	float:left;
	clear:left;
	overflow:hidden;
	display:block;
}
.carousel-component ul.carousel-vertical {

}
.carousel-component .carousel-clip-region {
	overflow:hidden;
	margin:28px auto 0;
	position:relative;
}
.carousel-component {
	background:transparent url(images-coeur/vadrebag.jpg) repeat scroll 0 0;
	padding:0px;
	height:80px;
	color:#618cbe;
}
.carousel-component ul.carousel-list {
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li {
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana, arial, sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li {
}
.carousel-component ul.carousel-vertical {
}


.carousel-component {
	padding:8px;
}
.carousel-component .carousel-list li { 
	margin:1px;
	width:75px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	display:block;
	/*border:1px solid #e2edfa;*/
	outline:none;
	-moz-outline:none; 
}

.carousel-component .carousel-list li a:hover {
 /* padding:1px;
	border: 1px solid #87bf4e; */
}

.carousel-component .carousel-list li img { 
	border:none;
	display:block; 
}

.carousel-component .carousel-list li strong { 
	display:block; 
}
									

#arrow_left1 { 
	position:absolute;
	top:630px;
	z-index:3;
	cursor:pointer; 
	left:758px; 
}

#arrow_right1 { 
	position:absolute;
	top:630px;
	z-index:3;
	cursor:pointer; 
	right:160px; 
}

#dhtmlgoodies_slideshow{float:left;width:361px; padding-left:10px;}





-----------------------



	
	#previewPane{
		border:0px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
                

		position:relative;
		
		/* CSS HACK */
		height: 344px;	/* IE 5.x */
		height/* */:/**/344px;	/* Other browsers */
		height: /**/344px;
				
	}
	#previewPane img{
		line-height:400px;
                border:1px solid #00024F;
                padding:2px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
                
	}
	#galleryContainer{
		float:left;
		height:75px;	/* Height of the images + 2 */
		position:relative;
		overflow:hidden;
		padding:1px;
                width:348px;

              
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/78px;	/* Other browsers */
		height: /**/78px;
				
	}
	#arrow_left{
		position:absolute;
		left:-1px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
                top:2px;
                height:75px;
                width:27px;
                padding-top:0px;
	}
	#arrow_right{
		position:absolute;
		right:-1px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	        top:2px;
                height:75px;
                width:27px;
                padding-top:0px;
                
              	
	}
	#theImages{
                
		position:absolute;
		height:100px;
		left:20px;
		width:100000px;
               
		
	}
	#theImages #slideEnd{
		float:left;
                 

	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:400px;
		top:400px;
		background-color:#FFF;
		border:3px double #fff;
		padding:4px;
		color:#fff;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;

	}




-----------------

	 #diaporama_page { margin:10px 0; }
				 
	  #diaporama_page  #diap_entete { background:url(http://www.actearchitecture.com/images/bg_diaporama_entete.gif)  no-repeat 0 0 ; width:155px; height:32px; 
	  display:table-cell; text-align:center; }	
	  #diaporama_page  #diap_entete span {font-size:14px; font-weight:bold; margin-top:7px; display:block;  text-transform:uppercase;  } 
	  #diaporama_page  #diap_fond {background:url(http://www.actearchitecture.com/images/bg_diaporama_fond.gif) no-repeat 0 0; width:155px; height:66px; }			 
           #diaporama_page  #diap_fond  a {display:block;  width:155px; height:66px; }