/* CSS RESET */
body{padding:0;margin:0;font:12px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;margin: 0;padding:0;}
p{margin: 0;margin-bottom: 8px;}

strong{
font-weight: 700;
}

a:active{
	outline: none;
}

.clear{clear:both;}

body{
	background: #fff url(img/fondshake4.jpg) ;
	color: #3E3E40;
	text-align:center;
}
a, a:visited{
	color: #0f5f84;
}
a:hover{
	color: #000;
}
img{
	border: 0;
}

/* Vertical centering */

html, body {
		height:100%;
		overflow: hidden;
		}

#fullscreen{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#floater{
		width:1px;
		height:50%;
		margin-bottom:-258px; /* half of container's height */
		float:left;
}

#container{
	clear:left;
	position:relative;
	width: 960px;
	height: 635px;
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
}
#illustration{
	position: absolute;
	background: url(img/balloons.png) no-repeat;
	margin-left: -180px;
	margin-top: -20px;
	width: 245px;
	height: 416px;
}
#logo{
	background: url(img/logo.png) no-repeat;
	width: 300px;
	margin-left: -15px;
	height: 70px;
}
a.logolink{
	display: block;
	width: 210px;
	height: 60px;
}
#blog {
	margin-top: -240px;
	margin-right: 100px;
	height: 100px;
	width: 100px;
	float:right;
}

#content{
	
}
#main{
	float: left;
	width: 720px;
	color: #3e3e40;
	margin-left: 10px;
}
#main a, #main a:visited{
	color: #fff;
	background: #3e3e40;
	text-decoration: none;
}
#main a:hover{
	color: #3e3e40;
}


.y{ 
	color: #c9b400 !important;
}
.y a, .y a:visited{
	background: #c9b400;
	color: #fff;
	text-decoration: none;
}
.y a:hover{
	background: #fff;
	color: #c9b400;
}
.c{
	color: #008fe0 !important;
}
.c a, .c a:visited{
	background: #008fe0;
	color: #fff;
	text-decoration: none;
}
.c a:hover{
	background: #fff;
	color: #008fe0;
}
.m{
	color: #f10062 !important;
}
#sideimg{
	float: left;
}
#side{
	background: #3E3E40;
	color: #fff;
	font: normal 9px Arial, Helvetica, Sans-serif;
	padding: 10px;
	width: 200px;
	float: left !important;
	height: 365px;
}

.side-selected-pink{
	background: #fff;
	color: #e2007a;
	width: 181px;
}
.side-selected-pink a{
	color: #e2007a !important;
}
#side.slide{
	font-size: 12px;
	height: 300px;
}
#side.slide a, #side.slide a:visited{
	display: block;
	text-decoration: none;
	padding: 3px;
	width: 177px;
}

#side.slide a:hover{
	background: #fff;
	color: #e2007a;
}
#side a, #side a:visited{
	color: white;
	font-weight: normal;
	text-decoration: underline;
}
#side h1{
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: bold;
}
#side h6{
	font: bold 11px Arial, Helvetica, Sans-serif;
	text-transform: capitalize;
}
#side .date{
	font: bold 11px Arial, Helvetica, Sans-serif;
	color: #fff200;
}

#side a:hover{
	text-decoration: none;
}
#main .news-item{
	font-size: 13px;
}
#main .news-item h6{
font: bold 14px Arial, Helvetica, Sans-serif;
	text-transform: capitalize;

}


#main h1, #main h2, #main h3, #main h4, #main h5, #main h6{
	font-family: Arial, Helvetica, sans-serif;
	text-transform : uppercase;
}

#main h1{
	font-size: 34px;
	font-weight: bold;
	font-family: Georgia, "time new roman", serif;
	line-height: 30px;
}
#main h2{
	font-size: 27px;
	font-weight: 100;
	line-height: 25px;
}
#main h3{
	font-size: 52px;
	font-weight: bold;
	line-height: 40px;
}
#main h4{
	font-size: 40px;
	font-weight: 500px;
	line-height: 35px;
}
#main h5{
	font-size: 20px;
	line-height: 20px;
}
#main h6{
	font-size: 12px;
}
h1.inline, h2.inline, h3.inline, h4.inline, h5.inline, h6.inline {
  display: inline;
}

.clear{
	clear: both;
}

/* Navigation */
#nav{
	width: 960px;
	height: 20px;
	margin-top: 10px;
	padding-top: 5px;
	background: url(img/blackbar.jpg) top no-repeat;
}
#nav li{
	display: block;
	float: left;
	margin-left: 26px;
	margin-right: 26px;
	margin-top: 5px;
}
#nav li a, #nav li a:visited{
	font: normal 14px Georgia, "Time new roman", serif;
	text-decoration: none;
	padding: 5px;
}

#nav li a:hover{
	background: #fff;
}


#nav li a.black{
	color: #3e3e40;
}
#nav li a.pink{
	color: #f10062;
}
#nav li a.yellow{
	color: #c9b400;
}
#nav li a.blue{
	color: #008fe0;
}

#sub-apropos{
	position: absolute;
	background: url(img/bulle-apropos.png) no-repeat;
	width: 108px;
	height: 108px;
	margin-left: -20px;
	margin-top: -134px;
	padding-top: 6px;
	*margin-left: -90px;
	*margin-top: -105px;
	z-index: 1000;
}
#sub-apropos li{
	display: block;
	margin-top: 5px;
	margin-left: 25px;
	width: 108px;
}

#sub-apropos li a, #sub-apropos li a:visited{
	font: normal 13px Georgia, "time new roman", serif;
	color: #3e3e40;
	text-decoration: none;
	padding: 0px;
}
#nav li ul li a:hover{
	padding-left: 2px;
}

ul.dropdown li ul{
	visibility: hidden;
}

#sub-portfolio{
	position: absolute;
	background: url(img/bulle-identite.png) no-repeat;
	width: 89px;
	height: 120px;
	margin-top: -144px;
	margin-left: -10px;
	padding-top: 15px;
	*margin-left: -100px;
	*margin-top: -90px;
	z-index: 1000;
}
#sub-portfolio li{
	display: block;
	margin-top: 5px;
}

#sub-portfolio li a, #sub-portfolio li a:visited{
	font: normal 13px Georgia, "time new roman", serif;
	color: #f10062;
	text-decoration: none;
	padding: 0;
}

#sub-web{
	position: absolute;
	background: url(img/bulle-web.png) no-repeat;
	width: 123px;
	height: 149px;
	margin-top: -171px;
	padding-top: 10px;
	*margin-left: -80px;
	*margin-top: -145px;
	z-index: 1000;
}
#sub-web li{
	display: block;
	margin-top: 3px;
	margin-left: 15px;
	padding-left: 5px; 
	width: 123px;
}

#sub-web li a, #sub-web li a:visited{
	font: normal 13px Georgia, "time new roman", serif;
	color: #c9b400;
	text-decoration: none;
	padding: 0;
}

#sub-referencement{
	position: absolute;
	background: url(img/bulle-referencement.png) no-repeat;
	width: 101px;
	height: 74px;
	margin-top: -94px;
	padding-top: 10px;
	*margin-left: -100px;
	*margin-top: -70px;
	z-index: 1000;
}
#sub-referencement li{
	display: block;
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 5px;
}

#sub-referencement li a, #sub-referencement li a:visited{
	font: normal 13px Georgia, "time new roman", serif;
	color: #008fe0;
	text-decoration: none;
	padding: 0;
}

#sub-contact{
	position: absolute;
	background: url(img/bulle-contact.png) no-repeat;
	width: 108px;
	height: 108px;
	margin-top: -129px;
	margin-left: -25px;
	padding-top: 5px;
	*margin-left: -80px;
	*margin-top: -105px;
	z-index: 1000;
}
#sub-contact li{
	display: block;
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 5px;
}

#sub-contact li a, #sub-contact li a:visited{
	font: normal 13px Georgia, "time new roman", serif;
	color: #3e3e40;
	text-decoration: none;
	padding: 0;
}

/*******************
 BARRETTE
 *****************/
#barrette {
  margin-top: 10px;
  width : 960px;
  height: 1px;
  margin-bottom: 10px;
  padding: 0px;

}
.barleft {
  background: url("img/traitleft.png") no-repeat;
  background-position: left top;
  width: 260px;
  height: 1px;
  float: left;
}
.barmid {
  background: url("img/traitmilieu.jpg") repeat-x;
  background-position: left top;
  height: 1px;
  float: left;
  width: 440px;
}
.barright {
  background: url("img/traitright.png") no-repeat;
  background-position: left top;
  width: 260px;
  height: 1px;
  float:right;
}

#sidenav{
	position: absolute;
	width: 100px;
	right: 5px;
	margin-top: 8px;
	z-index: 1000;
}

#sidenav a{
	display: block;
	float: right;
}
#dots{
	float: right;
}
#dots a.activeSlide{
	background: #f40075 !important;
	color: #f40075 !important;
}

#dots a{
	background: #000 !important;
	display: block;
	width: 4px;
	height: 3px;
	color: #000 !important;
	overflow: hidden;
	float: left;
	margin: 1px;
	margin-top: 2px;
}
a#prev2, a#prev2:visited{
	background: none !important;
	margin-right: 5px;
	float: right;
}
a#next2, a#next2:visited{
	background: none !important;
	margin-left: 5px;
	float: right;
}
a#prev2:hover, a#next2:hover{
	color: #fff;
}

#slidecontent{
	background: #fff;
}

#clientinfo{
	background: url(img/blackbar.jpg) center top no-repeat;
	margin-top: 25px;
	font: normal 13px "Century gothic", futura, sans-serif;
	color: #000;
	padding-top: 5px;
	width: 960px;
	height: 85px;
}
#clientinfo h1{
	background: url(img/pinkarrow.png) center left no-repeat;
	padding-left: 20px; 
	font-size: 18px;
	text-transform: none;
	height: 25px;
}
#clientinfo p{
	padding-left: 20px;
	line-height: 20px;
	margin: 0;
	padding-top: 0;
}
#clientinfo a, #clientinfo a:visited{
	background: none;
	color: #f40075;
}
#clientinfo a:hover{
	background: #1a171b;
	color: #fff;
}

#clientnav{
	width:100px;
	position: absolute;
	height: 30px;
	margin-left: 840px;
	margin-top: 22px;
}
#clientnav p{
	float: left;
	font-size: 11px;
	text-transform: uppercase;
}

a#clientPrev, a#clientPrev:visited{
	background: url(img/bigarrowleft.png) no-repeat;
	width: 14px;
	height: 25px;
	display: block;
	float: left;
}
a#clientPrev:hover{
	background: url(img/bigarrowleft.png) no-repeat;
}
a#clientNext:hover{
	background: url(img/bigarrowright.png) no-repeat;
}
a#clientNext, a#clientNext:visited{
	background: url(img/bigarrowright.png) no-repeat;
	width: 14px;
	margin-left: 22px;
	height: 25px;
	display: block;
	float: left;
}

.imageControl{
	position: absolute;
	width: 44px;
	height: 16px;
	background: #3e3e40;
	padding-left: 3px;
}
.imageControl a{
	margin-left: 1px;
	margin-right: 1px;
}

 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 
/* end slideViewer default styles */

/* forms */
input{
	width: 195px;
}
textarea{
	width: 200px;
	height: 70px;
}

.legend{
	position: absolute;
}

.legend a, .legend a:visited{
	background: #fff !important;
	color: #e2007a !important;
	font-weight: bold;
}
.legend a:hover{
	background: #000 !important;
	color: #fff !important;
}

#filter{
	font-size: 11px;
	background: #fff;
	width: 135px;
	padding: 3px;
	position: absolute;
	z-index: 1000; 
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
}
#filter a, #filter a:visited{
	background: none;
	color: #e2007a;
	font-weight: bold;
}
#filter a:hover{
	background: #e2007a;
	color: #fff;
}

#myController{
	position: absolute;
	z-index: 100;
	font-size: 16px;
	visibility: hidden;

}
#myController a{
margin-left: 5px;
}
#myController span{
	cursor:pointer;
	display: block;
	float: left;
	padding: 5px;
	margin-left: 5px;
	margin-top: 5px;

}
#mySlides{
	
	
}
#slidecontent{
height: 400px;
}
#slideme{
	width: 960px;
	height: 495px;
	*height: 510px;
	margin-left: -10px;
}



/* CONTACT */
.contactfloat{
	margin: 5px;
	float: left;
}
label{
	font: bold 13px Arial, Helvetica, sans-serif;
}
input, textarea{
	font: normal 12px Arial, Helvetica, sans-serif;
	border: 1px solid #3E3E40;
	background: #3E3E40;
	color: #fff;
	padding: 2px;
}
input{
	margin-top: 1px;
	width: 200px;
}
textarea{
	width: 300px;
	height: 88px;
}
input.submit{
	margin-top: 16px;
	width: 50px;
	height: 95px;
}
input.submit:hover{
	background: #fff;
	color: #3E3E40;
	cursor: pointer;
}

#language{
	position: absolute;
	right: 5px;
	bottom: 5px;
	background: #fff;
	padding: 3px;
}
#language a, #language a:visited{
	text-decoration: none;
	color: #3e3e40;
	padding: 3px;
}