* {margin: 0; padding: 0;}
body{ margin: 0; padding: 0; }
#logo{
position:absolute;
right:40px;
top:15px;
border:0;
width:255px;
height:70px;
background:url("img/logo.gif");
background-repeat:no-repeat;
}
#fio_haut{
position:absolute !important;
right:0px !important;
top:0px !important;
border:0 !important;
width:365px !important;
height:308px !important;
background-image:url("img/fio_haut.png") !important;
background-repeat:no-repeat !important;
background-position:bottom right !important;
height:0;
width:0;
}
.fio_bas_container{
position:absolute !important;
right:262px !important;
top:0 !important;
font-size:1px;

}
.fio_bas{
font-size:1px;
border:0 !important;
width:316px !important;
min-height:110px !important;
background-image:url("img/fio_bas.png") !important;
background-repeat:no-repeat !important;
background-position:bottom right !important;
height:0;
width:0;
}

#clic_logo{
position:absolute;
right:40px;
top:15px;
border:0;
width:257px;
height:63px;
background:url("img/logo_clic.gif");
background-repeat:no-repeat;
}
#cadre_blanc{
position:absolute;
right:0px;
top:0px;
width:890px;
height:600px;
background-color:#ffffff;
}
html>body #cadre_blanc{
min-height:600px;
}
#pentes{
position:absolute;
top:0px;
right:0px;
background:url("img/pentes.gif");
background-repeat:no-repeat;
width:896px;
height:600px;
}
#vignettes{
position:absolute;
top:23px;
right:835px;
background:url("img/vignettes2.gif");
background-repeat:no-repeat;
width:163px;
height:459px;
}
#carre_penche_light{
position:absolute;
top:440px;
right:576px;
background:url("img/carre_penche_light.gif");
height:309px;
width:402px;
font-size:1px;
overflow:hidden;
}
#cadre_texte{
position:absolute;
top:120px;
right:40px;
height:355px;
width:580px;
font-family:verdana, arial, serif;
font-size:11px;
text-align:justify;
overflow:hidden;
color:#d00050;
border:0px solid #00ff00;
letter-spacing:0px;
}
#cadre_texte a:link{
font-family:verdana, arial, serif;
color:#bdbf45;
text-decoration:none;
}
#cadre_texte a:visited{
font-family:verdana, arial, serif;
color:#bdbf45;
text-decoration:none;
}
#cadre_texte a:hover{
font-family:verdana, arial, serif;
color:#bdbf45;
text-decoration:underline;
}
#cadre_bottom_links{
position:absolute;
top:470px;
right:40px;
height:25px;
width:580px;
padding-top:5px;
font-family:verdana, arial, serif;
font-size:13px;
font-weight:bold;
text-align:left;
overflow:hidden;
color:#454545;
border:0px solid #00ff00;
}
#cadre_bottom_links a:link{
text-decoration:none;
color:#454545;
}
#cadre_bottom_links a:visited{
text-decoration:none;
color:#454545;
}
#cadre_bottom_links a:hover{
text-decoration:none;
color:#a7042c;
}
#cadre_footer{
position:absolute;
top:640px;
right:40px;
width:900px;
font-family:tahoma, arial, serif;
font-size:9px;
font-weight:bold;
text-align:right;
color:#a8472f;
border:0;
}
#cadre_footer a:link{
font-family:tahoma, arial, serif;
font-size:9px;
font-weight:bold;
text-align:right;
text-decoration:none;
color:#a8472f;
}
#cadre_footer a:visited{
font-family:tahoma, arial, serif;
font-size:9px;
font-weight:bold;
text-align:right;
text-decoration:none;
color:#a8472f;
}
#cadre_footer a:hover{
font-family:tahoma, arial, serif;
font-size:9px;
font-weight:bold;
text-align:right;
text-decoration:none;
color:#ffffff;
}
#signature_edito{
position:absolute;
top:475px;
right:487px;
height:66px;
width:140px;
background-image:url("img/signature-laurent.gif");
}

.galerie{
float:right;
text-align:center;
width:300px;
height:240px;
overflow:hidden;
padding-left:0px;
padding-bottom:10px;
}

.galerie-content{
height:235px;
}
.galerie-move{
height:15px;
}

#liensprec{
font-size:1px;
height:0;
width:0;
}
#lienssuiv{
font-size:1px;
height:0;
width:0;
}

/*
  ==================================================menus 1===============================================================
*/
@media print{
.menu, .ssmenu {
		visibility:hidden;
	       }
}
#menu{
position:absolute;
width:195px;
top:120px;
right:660px;
font-family:verdana, arial, serif;
font-size:13px;
font-weight:bold;
color:#2272a5;
border:0px solid #ff0000;
}

#menu dl, #menu dt, #menu dd{
list-style-type: none;
}
#menu dl{
margin:0px 0px 35px 0px;
}
#menu dt{
border:0;
}
#menu dt a{
display:block;
width:195px;
height:25px;
text-decoration:none;
border:0px solid #00ff00;
}
a#accueil{
background:url("img/accueil.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
a#agence{
background:url("img/agence.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
a#nos_creations{
background:url("img/nos_creations.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
a#activites{
background:url("img/activites.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
a#contact{
background:url("img/contact.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
#menu a:hover{
background-position: 0px -25px;
}
#menu dd{
display:none;  
position:absolute;
left:190px;
margin-top:-25px;
width:140px;
border:0px solid #960627;
color:#ffffff;
background-color:#b0c700;
}
#menu dd ul{
margin:0px;
padding-left:0px;
}
#menu dd li{
text-align:left;
color:#ffffff;
list-style-type:none;
margin:0;
border:0px solid #ff0000;
}
#menu dd li a{
padding:5px;
width:130px;
border:0px solid #960627;
text-decoration:none;
display:block;
color:#ffffff;
}
#menu dd li a:hover {
text-decoration:none;
color:#b02043;
}
/*
  ==================================================menus 2===============================================================
*/
@media print{
.menu2, .ssmenu2{
visibility:hidden;
   }
}
#menu2{
position:absolute;
width:140px;
top:500px;
right:822px;
font-family:verdana, arial, serif;
font-size:13px;
font-weight:bold;
text-align:right;
color:#2272a5;
border:0px solid #ff0000;
}
#menu2 dl, #menu2 dt, #menu2 dd, #menu2 ul, #menu2 li {
list-style-type: none;
}
#menu2 dt{
margin:0px 0px 15px 0px;
}
#menu2 dt a{
display:block;
width:140px;
height:31px;
text-decoration:none;
border:0px solid #00ff00;
}

a#liens{
background:url("img/liens.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
a#references{
background:url("img/references.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
#menu2 a:hover{
background-position: 0px -31px;
}
/*
  ==================================================boutons===============================================================
*/
a#btn_email{
display:block;
position:absolute;
top:90px;
right:470px;
height:56px;
width:81px;
background:url("img/btn_email.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
#btn_email a:hover{
background-position: 0px -56px;
}
a#btn_tel-fax{
display:block;
position:absolute;
top:166px;
right:470px;
height:56px;
width:81px;
background:url("img/btn_tel-fax.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
#btn_tel-fax a:hover{
background-position: 0px -56px;
}
a#btn_courrier{
display:block;
position:absolute;
top:242px;
right:470px;
height:56px;
width:81px;
background:url("img/btn_courrier.gif");
background-position: 0px 0px;
background-repeat:no-repeat;
}
#btn_courrier a:hover{
background-position: 0px -56px;
}
#loupe{
width:165px;
text-align:right;
position:absolute;
top:230px;
right:10px;
}
#cadre_texte #loupe a:link{
color:#d00050;
text-decoration:underline;
}
#cadre_texte #loupe a:visited{
color:#d00050;
text-decoration:underline;
}
#cadre_texte #loupe a:hover{
color:#d00050;
text-decoration:underline;
}

#horaires_bureau{
position:absolute;
top:250px;
left:185px;
}
/*
  ======================================================generals==============================================================
*/
body{
background-color:#b0c700;
font-family:verdana, arial, serif;
font-size:13px;
}
body a:link{
color:#eeeeee;
text-decoration:none;
}
body a:visited{
color:#eeeeee;
text-decoration:none;
}
body a:hover{
color:#ffffff;
text-decoration:underline;
}
img{
border:0;
}
.img_left{
float:left;
margin:0px 10px 0px 0px ;
border:0px solid #555555;
}
.img_right{
float:right;
margin:0px 0px 0px 10px;
border:0px solid #555555;
}
.img_center{
border:0px solid #555555;
}
.titre{
font-family:tahoma, arial, serif;
font-weight:bold;
font-size:15px;
color:#a7042c;
letter-spacing:1px;
}
.gras{
font-weight:bolder;
}
.center{
margin:auto;
width:100%;
text-align:center;
}
.italic{
font-style:italic;
}
.souligne{
text-decoration:underline;
}
.adroite{
width:100%;
text-align:right;
}
.aere{
letter-spacing:1px;
}
.t-aere{
letter-spacing:2px;
word-spacing:1px;
line-height:17px
}

#cadre_texte .small{
font-size:0.9em;
}
#cadre_texte .small a:link{
color:#d00050;
text-decoration:underline;
}
#cadre_texte .small a:visited{
color:#d00050;
text-decoration:underline;
}
#cadre_texte .small a:hover{
color:#d00050;
text-decoration:underline;
}

.erreur{
color:#ff1515;
}
.valid{
color:#00aa00;
}
.break{
clear:both;
}
input, select, textarea{
color:#111111;
background-color:#eeeeee;
font:normal 11px verdana, arial, serif;
border:1px solid;
border-color:#000000;
margin-top:5px;
margin-bottom:1px;
padding:1px;
}

/*
  ======================================================lightbox==============================================================
*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #b0c700;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font-size:11px;
        font-family:verdana, arial, serif;
	font-weight:bold;
	color:#d00050;
	background-color: #b0c700;
	margin: 0 auto;
	line-height: 2.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	padding-top:0.2em;}
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}