/* CSS Document */
* {
	margin: 0;
}

body , html {
	margin: 0;
	padding: 0;
	height: 100%; 
	font-family: "arial", sans-serif;
	background-image:   url(background2.gif);
	background-color: #000000;
	background-repeat:repeat-x;
	min-width:960px;/* pour FF */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;}

#wrapper {
	min-height: 100%;
	margin: auto;
	background-image:   url(bk.gif);
	background-repeat: no-repeat;
	width: 957px;
	margin-bottom: -20px;
	position: relative;
}

.top{
	margin-top:30px;
	position: absolute;
	background:   url(header.jpg);
	text-align:center;
	width: 960px;
	height: 164px;
	z-index: 3;
}

.space{
	background-color: #000000;
	text-align:center;
	width: 960px;
	height: 164px;
}

.loops{
	margin-left:-50px;
	background:   url(loops2.gif);
	position: absolute;
	width: 1059px;
	height: 327px;
	z-index: 1;
}

.fade{
	margin-top:40px;
	background:   url(fade.gif);
	position: absolute;
	width: 932px;
	height: 65px;
	z-index: 3;
}

#bloc1 {
    width: 479px;
	float:left;
}

#logo {
	margin-left: 509px;
	background:   url(logo2.gif);
	width: 347px;
	height: 235px;
}

#services2 {
	margin-top: -209px;
	margin-left: 334px;
	background:   url(services2.gif);
	width: 555px;
	height: 293px;
}

#servi {
	margin-top: -179px;
	margin-left: 333px;
	background:   url(servi.gif);
	width: 546px;
	height: 166px;
	/* for IE */
  	filter:alpha(opacity=5);
  	/* CSS3 standard */
  	opacity:0.05;
}

#client {
	margin-top: -205px;
	margin-left: 532px;
	background:   url(clients.gif);
	width: 289px;
	height: 324px;
	/* for IE */
	filter:alpha(opacity=95);
  	/* CSS3 standard */
 	 opacity:0.95;
}

#clientword {
	margin-top: -330px;
	margin-left: 249px;
	background:   url(clientword.gif);
	width: 649px;
	height: 321px;
	/* for IE */
  	filter:alpha(opacity=5);
  	/* CSS3 standard */
  	opacity:0.05;
}


#bulles {
	margin-top: -80px;
	margin-left: 290px;
	background:   url(bulles2.gif);
	width: 265px;
	height: 176px;
	/* for IE */
 	filter:alpha(opacity=10);
  	/* CSS3 standard */
   	opacity:0.1;
}

#smiley {
	margin-top: -303px;
	margin-left: 540px;
	background:   url(smiley2.gif);
	width: 320px;
	height: 301px;
}

#nouvelles {
	float:left;
	margin-left:80px;
	margin-top:35px;
	width: 479px;
}

h2 {
	font-size: 26pt;
    color: #2aa1bf;
    margin: 0;
    margin-bottom: 14px;
	margin-left: 33px;
    padding: 0;
	font-weight: normal;
	font-style: italic ;
}

p {
	margin-left: 33px;
    font-size: 13pt;
	color: #cff4fe;
	font-weight: normal;
}

h3 {
    color: #000000;
}

h4 {
	font-size: 10pt;
    color: #1f5368;
	font-weight: normal;
}

h5 {
	font-size: 26pt;
    color: #2aa1bf;
    margin: 0;
    margin-bottom: 14px;
	margin-left: -1px;
    padding: 0;
	font-weight: normal;
	font-style: italic ;
}

h6 {
	margin-left: 1px;
    font-size: 13pt;
	color: #cff4fe;
	font-weight: normal;
}

a:alink {
	color:#cff4fe;
	text-decoration: none;
}

a:link{
	color:#cff4fe;
	text-decoration: none;
}

a:vlink{
	color:#cff4fe;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

a:visited {
	color: #cff4fe;
	text-decoration: none;
}

#slider {
    margin: 0 auto;
    position: relative;
	width: 960px;
	height: 385px;
	z-index: 2;
}

.scroll {
	margin-top:73px;
	margin-left:30px;
    height: 300px;
    width: 940px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	z-index: 2;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 300px;
    width: 930px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #2aa1bf;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#counter{
	visibility:hidden;
}

.music{
	margin-top:15px;
}

.words{
	visibility:hidden;
}

#footer {   
	background-color:#000000;
	text-align:center;
 	height: 20px;  
 	position: relative;
}

.clearfooter {   
	height: 20px;   
	clear: both;
}

#nav { background:  url('boutons.gif') no-repeat; width:793px; margin-top:15px; height:43px; float: right;}
#nav span { display: none; }
#nav li, #nav a {height:43px; display:block; }
#nav li {float:left; list-style:none; display:inline; }

#navbutton1 { margin-left:315px; width: 41px; }
#navbutton2 { margin-left:40px; width: 65px; }
#navbutton3 { margin-left:39px; width: 51px; }
#navbutton4 { margin-left:36px; width: 87px; }
#navbutton5 { margin-left:35px; width: 58px; }

#navbutton1 a:hover { background:  url('boutons.gif') -315px -42px no-repeat; }
#navbutton2 a:hover { background:  url('boutons.gif') -396px -42px no-repeat; }
#navbutton3 a:hover { background:  url('boutons.gif') -500px -42px no-repeat; }
#navbutton4 a:hover { background:  url('boutons.gif') -587px -42px no-repeat; }
#navbutton5 a:hover { background:  url('boutons.gif') -709px -42px no-repeat; }

#nav2 { background:  url('realisationsboutons.gif') no-repeat; margin-top:20px; width:900px; height:245px; text-align:center;}
#nav2 span { display: none; }
#nav2 li, #nav2 a { height:230px; display:block; }
#nav2 li { float:left; list-style:none; display:inline; }

#nav_1 { width: 54px; }
#nav_2 { width: 54px; }
#nav_3 { width: 54px; }
#nav_4 { width: 54px; }
#nav_5 { width: 54px; }
#nav_6 { width: 54px; }
#nav_7 { width: 54px; }
#nav_8 { width: 54px; }
#nav_9 { width: 54px; }
#nav_10 { width: 54px; }
#nav_11 { width: 54px; }
#nav_12 { width: 54px; }
#nav_13 { width: 54px; }
#nav_14 { width: 54px; }
#nav_15 { width: 54px; }
#nav_16 { width: 54px; }

#nav_1 a:hover { background:  url('realisationsboutons.gif') 0px -257px no-repeat; }
#nav_2 a:hover { background:  url('realisationsboutons.gif') -54px -257px no-repeat; }
#nav_3 a:hover { background:  url('realisationsboutons.gif') -108px -257px no-repeat; }
#nav_4 a:hover { background:  url('realisationsboutons.gif') -162px -257px no-repeat; }
#nav_5 a:hover { background:  url('realisationsboutons.gif') -216px -257px no-repeat; }
#nav_6 a:hover { background:  url('realisationsboutons.gif') -270px -257px no-repeat; }
#nav_7 a:hover { background:  url('realisationsboutons.gif') -324px -257px no-repeat; }
#nav_8 a:hover { background:  url('realisationsboutons.gif') -378px -257px no-repeat; }
#nav_9 a:hover { background:  url('realisationsboutons.gif') -432px -257px no-repeat; }
#nav_10 a:hover { background:  url('realisationsboutons.gif') -486px -257px no-repeat; }
#nav_11 a:hover { background:  url('realisationsboutons.gif') -540px -257px no-repeat; }
#nav_12 a:hover { background:  url('realisationsboutons.gif') -594px -257px no-repeat; }
#nav_13 a:hover { background:  url('realisationsboutons.gif') -648px -257px no-repeat; }
#nav_14 a:hover { background:  url('realisationsboutons.gif') -702px -257px no-repeat; }
#nav_15 a:hover { background:  url('realisationsboutons.gif') -756px -257px no-repeat; }
#nav_16 a:hover { background:  url('realisationsboutons.gif') -810px -257px no-repeat; }

	div.pp_pic_holder .pp_top .pp_left { background:   url(images/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */
	div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.pp_pic_holder .pp_top .pp_right { background:   url(images/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */
	div.pp_pic_holder .pp_content a.pp_next:hover { background:   url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.pp_pic_holder .pp_content a.pp_previous:hover { background:   url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_pic_holder .pp_content a.pp_expand { background:   url(images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pp_pic_holder .pp_content a.pp_expand:hover { background:   url(images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_pic_holder .pp_content a.pp_contract { background:   url(images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pp_pic_holder .pp_content a.pp_contract:hover { background:   url(images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_pic_holder .pp_content a.pp_close { width: 24px; height: 22px; background:   url(images/prettyPhoto/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background:   url(images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background:   url(images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pp_pic_holder .pp_bottom .pp_left { background:   url(images/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.pp_pic_holder .pp_bottom .pp_right { background:   url(images/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pp_pic_holder .pp_loaderIcon { background:   url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	div.ppt div.ppt_left { background:   url(images/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; }
	div.ppt div.ppt_right { background:   url(images/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; }
	div.ppt div.ppt_content { background:   url(images/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; }
	
	div.dark_square .pp_top .pp_left ,
	div.dark_square .pp_top .pp_middle,
	div.dark_square .pp_top .pp_right,
	div.dark_square .pp_bottom .pp_left,
	div.dark_square .pp_bottom .pp_middle,
	div.dark_square .pp_bottom .pp_right,
	div.dark_square .pp_content,
	div.dark_square div.ppt_left,
	div.dark_square div.ppt_right,
	div.dark_square div.ppt_content { background:   url(images/prettyPhoto/dark_square/contentPattern.png) top left repeat; color: #31abcc; font-family : "Trebuchet MS", Georgia, Times, serif; font-style: italic; font-weight: bold;}
	div.dark_square .currentTextHolder { color: #31abcc; }
	div.dark_square .pp_loaderIcon { background:   url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
	    border: 2px dotted #216d82; 
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: right;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 0 4px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
					
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled { background-position: 0 -16px; cursor: default; }
		
		div.pp_pic_holder .pp_content div.pp_hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background:   url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background:   url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
			visibility: hidden
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #pp_full_res { width: 100%; text-align: center; }
			div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.ppt div.ppt_left,
			div.ppt div.ppt_right { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.ppt div.ppt_content { float: left; line-height: 23px; }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

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

	.clearfix {display: inline-block;}

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