/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.85em;
		line-height:1.25em;
		color:#6e778a;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#6e778a;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

h2 {font-size:1.083em; line-height:1em; margin:14px 0 19px 0;}

li { background:url(images/li1_img.gif) no-repeat 0 6px; padding-left:11px; margin-bottom:15px;}
li a {color:#53b4d4; text-decoration:none;}
li a:hover {text-decoration:underline;}

.list li {margin:0; background:url(images/li_img.gif) no-repeat 0 6px;}
.list li a {line-height:1.667em; color:#6e778a;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent3 {margin:0 13px 0 0; float:left;}
.imgindent2 {margin:0 20px 33px 0; float:left;}
.title {margin-bottom:17px;}
.title2 {margin-bottom:10px;}
.button {margin-top:15px;}

cite {font-style:normal; display:block; margin:10px 0 10px 0;}
.blue {color:#2E7EBD;}

/* ============================= header ====================== */

#header .left {padding:28px 0 33px 0;}
#header .right { padding-right:4px;}
.banner {padding:45px 45px 84px 0; background:url(images/bg_images.jpg) top left no-repeat; text-align: right}
#header .button {margin-top:9px;}

/* ============================= middle ====================== */

.box {background:#f8f8f8 url(images/box_bottom_tall.gif) bottom repeat-x;}
.box .tall_right {background:url(images/box_right_tall.gif) right repeat-y;}
.box .tall_left {background:url(images/box_left_tall.gif) left repeat-y;}
.box .tall_top {background:url(images/box_top_tall.gif) top repeat-x;}
.box .corner_bottom_right {background:url(images/box_corner_bottom_right.gif) bottom right no-repeat;}
.box .corner_bottom_left {background:url(images/box_corner_bottom_left.gif) bottom left no-repeat;}
.box .corner_top_right {background:url(images/box_corner_top_right.gif) top right no-repeat;}
.box .corner_top_left {background:url(images/box_corner_top_left.gif) top left no-repeat; width:100%;}
.box .padding {padding:23px 20px 30px 25px;}

.row1 {padding:16px 0 24px 0;}
.row1 .column_padding {margin-right:5px; padding:0;}
.column_padding {padding-right:50px;}
.phone {margin-top:9px;}
.indent {padding:0 24px 17px 24px;}
.content1 {padding:2px 35px 0 21px;}
.ul {margin-top:15px;}

.hor_line_dark {background:url(images/hor_dark_line.gif) bottom repeat-x; padding:0 8px}
.hor_line_light {background:url(images/hor_light_line.gif) bottom repeat-x; padding:0 10px 17px 13px;}

/* ============================= footer ====================== */

#footer .main {text-align:center; color:#53b4d4; padding:48px 28px 20px 0;}
#footer a {text-decoration:none; color:#53b4d4;}
#footer a:hover {text-decoration:underline;}


/* ============================= news ============================= */

#news .indent {padding:0 24px 8px 24px;}
#news .column2 .box .padding {padding:23px 34px 53px 25px;}
#news .column3 .box .padding {padding:23px 34px 40px 25px;}

/* ============================= client =========================== */

#client .indent {padding:16px 1px 0 0;}
#client .column_padding {padding-right:8px;}
#client h2 {margin-top:22px;}
#client .column2 ul {margin-left:201px;}
#client .box .padding {padding:23px 20px 52px 25px;}



/* ============================= tarif =========================== */

#tarif .indent {padding:0 24px 27px 24px;}
#tarif .box .padding {padding:23px 20px 30px 22px;}
#tarif .column2 ul {margin-left:124px;}


/* ============================= contact =========================== */

#contact .indent {padding:16px 0 0 0;}
#contact .box {margin-bottom:4px;}
#contact .box .padding {padding:23px 20px 28px 22px;}
#contact .column_padding {padding-right:24px;}
#contact .content1 {padding:2px 8px 0 24px;}

#contact .hor_line_light {padding:23px 0 0 16px;}
/* ============================= contact =========================== */



form .rowi {height:26px;}

.input {width:204px; height:18px; padding:0 0 0 5px; font-size:0.918em;}
textarea {width:204px; height:113px; padding:0 0 0 5px; overflow:auto; font-size:0.918em; margin-bottom:4px}

/* ============================= other =========================== */

#other .indent {padding:25px 27px 22px 24px;}

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

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; 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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }