* {
outline:0;
}
#header { 
width:1280px;
height:339px;
top:0;
}
#logo {
_background:none;
position:absolute;
z-index:5;
width:150px;
height:149px;
margin:0px 0 0 140px;

}
#header_repeat{
    width: 100%;
    position: absolute;
}
#theme { 
position:absolute;
z-index:5;
width:125px;
height:29px;
margin:43px 0 0 1031px;
background:url(../images/couleurs.png) no-repeat;
_background:url(../images/couleurs.gif) no-repeat;
}
#theme a{ 
float:left;
display:inline;
width:23px;
height:23px;
text-indent:-9000px;
}
#conteneur { 
left:50%;
margin-left:-640px;
min-height:1000px;
position:absolute;
width:1280px;
height:100%;
display:block;
padding:0;
}
.contentarticle{
float:left;
margin-bottom:25px;
margin-top:10px;
width:100%;
display:inline;
}

.contenu{
margin-top:10px;
}

body {

/*_background: #663200 url("images/fdsuperconteneur2.jpg") repeat-y -15px 0;
background: #663200 url("images/fdsuperconteneur2.jpg") repeat-y -11px 0!important!;*/
margin:0;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
color:#888;
font-size: 12px;
text-align:justify;
line-height:19px;
overflow-x:hidden;
}

p {
margin:0;
padding:0;
}
object{
outline:none;
}

img, a {
border:0;
}
h1{
text-indent: -9000px;
}
h2 {
color:#013A84;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:14px;
margin:10px 20px 10px 32px;
font-weight:bold;
}
h3 {
font-size:12px;
color:#ff9900;
text-transform:uppercase;
font-weight:bold;
margin:0;
}
.black{
color:#009ADC;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:14px;
margin:10px 20px 0 0;
font-weight:bold;
}
.portfol {
color:#009ADC;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:14px;
margin:0px 20px 0 0;
font-weight:bold;
text-transform:uppercase;
}
.black2 {
font-size:11px;
color:#ff9900;
text-transform:uppercase;
font-weight:bold;
}
.vert {
color:#97bf0d;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:15px;
margin:10px 0 0 45px;
font-weight:bold;
}
.bleu { 
color:#0099ff;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:15px;
margin:10px 0 0 38px;
font-weight:bold;
}
.vert2 {
font-size:12px;
color:#ff9900;
text-transform:uppercase;
font-weight:bold;
margin-top:15px;
}
.rose {
color:#cc0066;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:15px;
margin:10px 0 0 45px;
font-weight:bold;
}
.rose2 {
font-size:11px;
color:#444;
text-transform:uppercase;
font-weight:bold;
margin-top:15px;
}
h4 {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:12px;
color:#777;
margin:0;
}
h5 {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:11px;
color:#0099FF ;
text-transform:uppercase;
margin:0;
}
.gris {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:11px;
color:#666 ;
text-transform:uppercase;
margin:0;
}
h6 {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:10px;
color:#0099FF;
font-weight:normal;
text-transform:uppercase;
margin:0;
}
.bl {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:12px;
color:#0099FF;
font-weight:normal;
text-transform:none;
margin:0;
}
h6 {/*à voir*/
display:inline;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:12px;
color:#fff;
font-weight:normal;
margin:0 0 0 0;
}
.page {
width:600px;
float:left;
margin:30px 0 0 210px;
text-align:justify;
display:inline;

}
#page2 {
width:465px;
float:left;
margin:30px 0 0 200px;
text-align:justify;
display:inline;
}
#page3 {
float:left;
margin:30px 0 0 200px;
text-align:justify;
display:inline;
}
#page8{
width:822px;
}
#page16{
}
#page27 {
    width:871px;
}
#page14,#page15,#page7 {
    width:883px;
}
#page22 {
width:500px;
}

#page22 h2{
color:#444444;
}


#pagedroite { 
width:424px;
float:right;
margin:0px 0 0 0px;
text-align:justify;
display:inline;
}
#pagedroite2 {
width:424px;
float:left;
margin:60px 0 0 -35px;
text-align:justify;
display:inline;
}
#menuDeroulant {
position:absolute!important;
border:0 none;
display:block;
list-style-type:none;
margin:0 0 0 -451px;
padding:0;
left:50%;
top:294px;
width:952px;
z-index:90;
}
#menuDeroulant li {
	float: left;
	display:inline;
	margin: 0;
	padding: 0;
	border: 0;
	height:26px;
	text-indent:-9000px;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited {
	font-size:16px;
	display: block;
	height: 22px;
	color: #000;
	margin: 0;
	padding: 0 0 0 0;
	text-decoration: none;
	background:none!important;
	

}
#menuDeroulant .sousMenu {
border:0 none;
display:none;
height:35px;
list-style-type:none;
padding:27px 0 0;
width:450px;
z-index:4;
}
#menuDeroulant .sousMenu li {
	margin:0px 0 0 0px;
	padding:0px 0 0 0px;
	border: 0;
	height:26px;
	text-indent:0px;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
	display: inline;
        float:left;
	color: #000;
	margin: 0 0 0 0px;
	border: 0;
	text-decoration: none;
	height:26px;
	
}
#menuDeroulant li:hover > .sousMenu {
 display: block; 
}



#flash { 
left:50%;
margin-left:-279px;
position:absolute;
top:30px;
width:600px;
height:200px;
overflow:hidden;
z-index:3;
}
#flash2 {
	position:absolute;
	z-index:3;
	margin:71px 0 0 127px;

}
#flash3 {
	position:absolute;
	z-index:3;
	margin:72px 0 0 119px;

}
#actu {
	position:absolute;
	z-index:0;
	margin:50px 0 0 343px;
}
.actu {
float:left;
display:inline;
margin:30px 0 15px 0;
text-indent:-9000px;
}
#actu2 {
	position:absolute;
	z-index:-1;
	margin:70px 0 0 835px;
	}
#actu3 { 
display:inline;
float:right;
width:295px;
margin:51px 158px 0 0;
overflow:hidden;
height:385px;
	}
#actu3 h4 a{
height:105px;
position:absolute;
text-indent:-9000px;
width:301px;

        }
        #scroller{
            margin:111px 0 0 76px;
        }

.scrollable {
height:130px;
margin:145px 0 0 55px;
overflow:hidden;
position:relative;
width:155px;
float:left;
display:inline;
}	
.scrollable .items {
clear:both;
position:absolute;
width:20000em;
height:20000em;
margin:0;
}
.scrollable .items a{
display:inline;
float:left;
width:155px;
height:auto;
color:white;
text-align:center;
}

   #actu3 .items img {
background:#fff;
border:1px solid #fff;
-moz-border-radius : 5px; 
padding:3px;
display:block;
   }
#footer { 
clear:both;
height:30px;
margin:0 0 0 119px;
padding-top:21px;
width:1024px;
}
.footer {
	text-align:center;
}

#actionButtons {
	display:none;
}
#sociaux3 {
margin:415px 0 0 892px;
*margin:-50px 0 0 892px;
position:absolute;
*position:relative;
text-align:center;
z-index:15;
}
#sociaux3 {


z-index:15;
width:180px;
text-align:center;
}
.titresociaux3 {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
color:#013A84;
font-size:10px;
text-transform:uppercase;
font-weight:bold;	
}
#sociaux3 a{
  width: 35px;
  height:36px;
  display: inline;
  float:left;
  text-indent: -9000px;
  margin:7px 11px;
}
#Facebook{
    background: url(../images/facebook.jpg) no-repeat;
}
#Twitter{
    background: url(../images/twitter.jpg) no-repeat;
}
#Quatrys_Inside{
    background: url(../images/quatrysinside.jpg) no-repeat;
}
.imgsociaux3 {
margin-right:10px;
}



#portfolio {
float:left;
display:inline;
margin:20px 0 0 0px;
width:950px;

}
.portfolio {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
color:#444!important;
font-size:10px;
text-transform:uppercase;
font-weight:normal;	
float:left;
display:inline;
margin:192px 0 0 -312px;
}
.imgportfolio {
margin:0 20px 30px 0;
padding:5px;
border:1px solid #444;
background-color:#FFF;
float:left;
display:inline;
width:280px;
height:180px;
}
.motcle {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
color:#0099FF!important;
font-size:12px;
}
#pano1, #pano2 { 
margin:0px 0 0px 25px;
border:1px solid #666;
width:800px;
height:600px;
padding:10px;
}
#panor1 {
	float:left;
	display:inline;
}
#panor2 {
	float:right;
	display:inline;
	margin-right:50px;
}

.panor1, .panor2 { 
	margin-top:5px;
	border:1px solid #666;
	padding:5px;
}
.emailing {
	float:right;
	margin:90px 75px -20px 0;
	width:170px;
}
.aster {
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
color:#999!important;
font-size:10px;
font-style:italic;
}

#orbi {
	float:left;
	display:inline;
	margin:-100px 0 0 50px;
}
#form {
height:289px;
line-height:10px;
margin:-11px 0 0 432px;
padding:105px 0 0 80px;
width:300px;
       
}
.form {
color:#ff9900;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:14px;
font-weight:bold;
text-indent:-9000px;
}

label {
margin:0;
width:85px;

}
input {
margin:-5px 0 0 0;
width:220px;
color:#999;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:12px;
}
.info {
margin:0;
float:left;
display:inline;
}
.info2 {
margin:0;
float:right;
display:inline;
}
.info3 {
margin:-5px 0 10px 0;

float:left;
width:220px;
}
textarea {
	margin:-5px 0 0 0;
	width:220px;
	color:#999;
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
font-size:12px;
}
.env {
background-image:url("../images/bouton2.jpg");
background-repeat:no-repeat;
border:medium none;
color:#000066;
cursor:pointer;
display:block;
font-size:10px;
height:20px;
letter-spacing:1px;
margin:10px 0 0 73px;
padding-bottom:2px;
width:79px;
}
#conta { 
	float:left;
	display:inline;
	margin:70px 0 0 85px;
	line-height:24px;
	width:274px;
}
#map2 {
	float:left;
	display:inline;
	margin:50px 0 0 0px;
}
#adress{
margin-left:10px;
}
.imgmap {
	float:left;
	display:inline;
	margin:0px 0 0 0px;
        background:url("../images/map.jpg") no-repeat scroll 0 0 transparent;
        width: 100px;
        height: 112px;
        text-indent: -9000px;
}
.google{
margin-left:10px;
}
.twittertit {
	position:absolute;
	z-index:10;
	margin:50px 0 0 632px;
}
.twittertit2 {
margin:-18px 0 0 -68px;
position:absolute;
width:55px;
z-index:10;
}
/* layout */



.wrapper {
	width: 700px;
	margin: -60px 0 0 -60px;
	text-align: left;
}

.navigationTabs {
	height: 23px;
	line-height: 23px;
}
.navigationTabs li {
	float: left;
	height: 23px;
	line-height: 23px;
	padding-right: 3px;
	display:inline;
}
.navigationTabs li a{
	float: left;
	display:inline;
	height: 23px;
	line-height: 23px;
	padding: 0 10px;
	overflow: hidden;
	color: #52697E;
	position: relative;
	text-decoration: none;
	display:none;
}
.navigationTabs li a:hover {

}
.navigationTabs li a.active {
	background-color: #fff;
	border-bottom: 0px solid;
}
.tabsContent {
	width: 698px;
	overflow: hidden;
}
.tab {
	padding: 16px;
	display: none;
}
.tab h2 {
	font-weight: bold;
	font-size: 16px;
}
.tab h3 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
}
.tab p {
	margin-top: 16px;
	clear: both;
}
.tab ul {
	margin-top: 16px;
	list-style: disc;
}
.tab li {
	margin: 10px 0 0 35px;
}
.tab a {
	color: #8FB0CF;
}
.tab strong {
	font-weight: bold;
}
.tab pre {
	font-size: 11px;
	margin-top: 20px;
	width: 668px;
	overflow: auto;
	clear: both;
}
.tab table {
	width: 100%;
}
.tab table td {
	padding: 6px 10px 6px 0;
	vertical-align: top;
}
.tab dt {
	margin-top: 16px;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/



/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* spacegallery*/

.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 50%;
	border:1px solid #ccc;
}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/blank.gif);

}

/* custom*/

#myGallery {
	width: 100%;
	height: 500px;
}
#myGallery img {
/*	border: 1px solid #52697E;*/
}
a.loading {
	background: #fff url(../images/ajax_small.gif) no-repeat center;
}

/*	scrollable-buttons */




/* galleriffic-2 */

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 600px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #444;
	font-family: ""Trebuchet MS"", Verdana, sans-serif;
	font-size:10px;
	text-transform:uppercase;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.content2 a:focus, div.content2 a:hover, div.content2 a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}

div.ss-controls {
	float: left;
	display:inline;
}
div.nav-controls {
	float: right;
	display:inline;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 402px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 402px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 600px;
	height: 402px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 402px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #999;
	padding:20px;
	background-color:#fff;
}

div.download {
	float: right;
	display:inline;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 0px;
}

span.image-caption {
	display: block;
	position: absolute;
	width: 600px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	display:inline;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 6px 5px 5px 5px;
	display: block;
	border: 1px solid #666;
}
ul.thumbs li.selected a.thumb {
	background: #fff;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}

div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
	display:none;
}
div.navigation div.bottom {
	margin-top: 12px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display:inline;
	float: left;
	margin-right: 2px;
	padding: 1px 4px;
	font-size:10px;
}
div.pagination a:hover {
	background-color: #000;
	text-decoration: none;
	font-size:10px;
}
div.pagination span.current {
/*	background-color: #000;*/
/*	border-color: #000;*/
	color: #999;
	font-size:10px;
		font-family: "Trebuchet MS", Verdana, sans-serif;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
.ariane{ 
font-family:"Verdana", "Trebuchet MS", Geneva, sans-serif;
float:left;
display:inline;
margin:0 0 0 204px!important;
font-size:10px;
position:relative;
z-index: 2;

}
.ariane a, .menu3 a {
color:#009ADC;
text-decoration:none;
margin:0;
}
.ariane span{
padding:0px;
margin:0px;
}
.menu3 { 
display:inline;
float:right;
font-family:"Verdana",Trebuchet MS,Geneva,sans-serif;
margin:0 144px 0 0;
padding:0;
position:relative;
width:260px;
z-index:660;
}
span.browse {
background:transparent url(../images/hori_large.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:30px;
margin:175px 10px;
text-indent:-9000px;
width:30px;

}

#browsable5 {
height:242px;
width:160px;
right:0;
margin-left:0;
}


#anim5 {
display:inline;
float:left;
margin:20px 0 0 0;
text-align:center;
width:500px;
}



/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 665px;	 
	width: 700px;
        border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
}

.scrollable1 {
	float:left;	
	display:inline;
}
.scrollable1 .imgrea {
	float:left;
	display:inline;
	margin:20px 20px 20px 6px;
	padding:2px;
	cursor:pointer;
	width:240px;
	height:180px;
	text-align:center;
}

div.scrollable1 { 
 
    /* required settings */ 
    position:relative; 
 margin-top:30px;
    /* vertical scrollers have typically larger height than width */ 
    height: 225px;
    width: 700px; 
} 
 
/* root element for scrollable items */ 
div.scrollable1 div.items { 
    position:absolute; 
    /* this time we have very large space for the height */ 
    height:20000em; 
}


.globitems{
height:275px;
width:682px;
}
.contentreal{
float:right;
display:inline;
height:235px;
margin-top:21px;
width:410px;
}
.actions{
   margin-top: 0px;
}
.actions a{
color: #666;
cursor: pointer;
font-size: 11px;
}
.actions a:hover{
text-decoration: underline;
}
.items h4 {
font-weight: normal;
font-size: 14px;
text-transform: capitalize;
margin-bottom: 8px;
}
#realisations{
margin:26px 0 0 62px;
width:700px;   
}
.orange{
height:95px;
margin:-13px 0 0 707px;
*margin:-13px 0 0 0px;
position:absolute;
text-indent:-9000px;
width:87px;
}
.contentreal_texte{
height:133px;
overflow:hidden;
}
.disabled{
    visibility: hidden;
}

#menu_1 {
width:80px!important;
height:70px !important;
margin-left:10px!important;
}
#menu_2 {
width:89px !important;
margin-left:2px!important;
}
#menu_2 .sousMenu{
margin-left:14px;
}
#menu_9 {
float:left;
display:inline;
height:35px !important;
padding-bottom:30px;
}
#menu_9 a {
display:block;
height:35px !important;

}
#menu_9 a:hover {
display:block;
}
#menu_11 {
float:left;
display:inline;
height:35px !important;
padding-bottom:30px;
}
#menu_11 a {
display:block;
height:35px !important;

}
#menu_11 a:hover {
display:block;

}
#menu_11 .separation{
    display:none;
}
#menu_10 {
float:left;
display:inline;
height:35px !important;
padding-bottom:30px;
}
#menu_10 a {
height:35px !important;
display:block;
}
#menu_10 a:hover {
display:block;
}

#menu_3 {
width:101px!important;
margin-left:15px!important;
}
#menu_3 .sousMenu {
margin-left:22px;
}
#menu_12 {
height:35px !important;
padding-bottom:30px;
}
#menu_12 a {
height:35px !important;
}

#menu_13 {
height:35px !important;
padding-bottom:30px;
}
#menu_13 a {
height:35px !important;

}
#menu_13 .separation{
    display:none;
}
#menu_4 {
margin-left:-2px!important;
width:145px!important;
}
#menu_4 .sousMenu{
margin-left:16px;
}
#menu_14 {

height:35px !important;
padding-bottom:30px;
}
#menu_14 a {
height:35px !important;
}
#menu_14 a:hover {
height:35px !important;
}
#menu_15 {
height:35px !important;
padding-bottom:30px;
}
#menu_15 a {
height:35px !important;

}

#menu_16 {
height:35px !important;
padding-bottom:30px;
}
#menu_16 a {

height:35px !important;

}
#menu_16 .separation{
    display:none;
}

#menu_5 {
margin-left:2px!important;
width:146px!important;
}
#menu_5 .sousMenu {
left:50%;
margin:0px 0 0 -247px;
*margin:12px 0 0 -267px;
position:absolute;
z-index:20;
}
#menu_17 {
height:35px !important;
padding-bottom:30px;
}
#menu_17 a {
height:35px !important;

}
#menu_17 .separation{
    display:none;
}
#menu_18 {
height:35px !important;
padding-bottom:30px;
}
#menu_18 a {
height:35px !important;

}

#menu_19 {
height:35px !important;
padding-bottom:30px;
}
#menu_19 a {
height:35px !important;
}

#menu_20 {
height:35px !important;
padding-bottom:30px;
}
#menu_20 a {
height:35px !important;
}

#menu_6 {
margin-left:2px!important;
height:35px !important;
width:121px!important;
}
#menu_7 {
margin-left:2px!important;
height:35px !important;
width:109px!important;
}
#menu_8 {
margin-left:2px!important;
height:35px !important;
width:121px!important;
}
#reponse{
background: url("../images/fondfaq.png") center;
background-repeat: no-repeat;
float:right;
margin-right:170px;
margin-top:10px;
text-align:justify;
width:352px;
height:360px;
padding-top:155px;
display:inline;
}
.question{
cursor:pointer;
}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	left:50%!important;
	margin-left:-350px!important;
	position:absolute!important;
	z-index:100000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/close.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#selprint a {
display:inline;
float:left;
padding:0 23px;
_padding:0 13px;
text-align:center;
width:240px;
color:#999;
}
#selprint img  {
padding:4px;
border: 1px solid #999;
display:block;
}
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	

	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:940px;		
	
	/* some padding to layout nested elements nicely  */
padding:0px 0;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
color:#777;
cursor:pointer;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:10px;
margin-left:877px;
position:relative;
text-decoration:none;
text-transform:uppercase;
top:-6px;
width:65px;
}
.apple_overlay div.close2 {
color:#777;
cursor:pointer;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:10px;
margin-left:687px;
position:relative;
text-decoration:none;
text-transform:uppercase;
top:5px;
width:65px;
}
.apple_overlay div.close:first-letter{
text-transform:lowercase;
}
/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:439px;
	overflow-y:auto;
}
#overlay {
background:none repeat scroll 0 0 #FFFFFF;
color:#EFEFEF;
height:513px;
left:50% !important;
margin-left:-449px;
*margin-left:-439px;
overflow:hidden !important;
position:absolute;
top:509px !important;
}
#overlay2  {
background:none repeat scroll 0 0 #FFFFFF;
color:#EFEFEF;
height:489px;
left:50% !important;
margin-left:-447px;
*margin-left:-437px;
overflow:hidden !important;
position:absolute;
top:543px !important;
}
.galleryexterne{
width:922px;
height:436px;
border:0;
overflow:hidden !important;
background:none repeat scroll 0 0 transparent;
margin:-2px
}
#thumbs a{
color:#0099FF;
float:left;
display:inline;
margin:0 3px;
height:220px;
text-align:center;
width:292px;
}
#thumbs a img{
padding:5px;
height:180px;
border:1px solid #999;
display:block;
}
#portfolio a {
color:#999!important;
}
#panorama{
margin-top:10px; 
}
#panorama strong{
display:block;
color:#0099FF;
font-weight:normal;
font-size:10px;
text-transform:uppercase;
padding-bottom:7px;
}
#panorama img{
padding:5px;
border:1px solid #444;
}
.panor{
float:left;
margin-right:25px;
display:inline;
}
#qbleu {
display:block;
height:250px;
margin:-124px 0 0 -181px;
position:absolute;
text-indent:-9000px;
width:250px;
z-index:5;
}
.separation {
padding:0 8px;
}
textarea{
overflow:hidden;
}
.typeface-js a{  

     font-family: PenultimateLight, Georgia, serif;

 }
 #pages{
 clear:both;
 }
 
 .imgspe{
 margin:5px 20px 0 0;
 border:1px solid #999;
 width:240px!important;
 height:auto!important;
 }
#facebookjaime {
margin:0 0 20px 33px;
top:796px;
width:208px;

}
.imglogoquatrys{
margin-left:-16px;
margin-top:5px;
position:absolute;
}
#sitemap {
position:relative;
z-index:6;
}
#sitemap .niv1,#sitemap .niv1 a{
color:#888888;
font-weight:bold;
}
#sitemap .niv2,#sitemap .niv2 a{
color:#FF9900;
font-weight:normal;
}
/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	 
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	NOTE - The markup below represents the DOM generated by the GalleryView plugin, NOT the markup you would include in your HTML file.
		   Refer to README.txt to review markup requirements.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}