@font-face { 
	font-family:MyriadBoldCond;
	 src:url(fonts/FrancoisOne.ttf) format("opentype"); 
}

	@font-face {
    font-family: 'Tuffybold';
    src: url('fonts/segoeui-webfont.eot');
    src: url('fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeui-webfont.woff') format('woff'),
         url('fonts/segoeui-webfont.ttf') format('truetype'),
         url('fonts/segoeui-webfont.svg#SegoeUINormal') format('svg');
    font-weight: normal;
    font-style: normal;

	}


/** GENERAL STYLE ***/

body{
	font-family: Arial, Helvetica, sans-serif;
	/*background: url(../images/background.jpg) fixed  #F4F4F4 no-repeat;*/
	font-size: 12px;
	color: #333;
	text-shadow: white 1px 1px 0px;
	line-height: 20px;
	background-attachment: fixed;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
}

h3{
	font-family: "MyriadBoldCond";
	text-transform: uppercase;
	color:#009900;
	font-size: 15px;
	font-weight: lighter bold;
	margin-bottom: 15px;
	font-stretch:extra-condensed;
}

h35{
	font-family: "MyriadBoldCond";
	text-transform: uppercase;
	color: #990000;
	font-size: 15px;
	font-weight: lighter bold;
	margin-bottom: 15px;
	font-stretch: extra-condensed;
}

h33{
	font-family: "MyriadBoldCond";
	text-transform: uppercase;
	color: #009900;
	font-size: 15px;
	font-weight: lighter bold;
	margin-top: 15px;
	margin-bottom: 15px;
	font-stretch: extra-condensed;
}
	h3.otherH3 {
		margin-top: 40px;
	}

div.bloc{
	width: 400px;
	float: left;
	margin: 5px 0 0 25px;
	
}

div.blocindex{
	width: 750px;
	float: left;
	margin: 5px 0 0 25px;
	
}
	div.firstBloc{
		margin-left: 0px;
	}

/*****/
div.bloc2{
	width: 260px;
	float: left;
	margin: 5px 0 0 25px;
	
}


	div.firstBloc2{
		margin-left: 0px;
	}
	
	div.bloc2 p{
	/*font-size: 11px;*/
}
	span.introText, h5.newTitle{ 
		font-family: "MyriadBoldCond";
		font-weight:600;	
	}
	
	div.bloc2 p{
		margin-top: 5px;
	}
	
	div.bloc2 p.moreLink, div.servIcone{
		font-size: 10px;
		
		margin-top: 10px
	}
		div.bloc2 p.moreLink a , div.servIcone p.moreLink a{
	background-color: #CC6600;
	padding: 8px;
	color: white;
	text-decoration: none;
	text-shadow: none;
	/*background:-moz-linear-gradient(top,#555,#2C2C2C);
  			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);*/
			
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	/* CSS3 Transitions */
	transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
		}
		
		div.bloc2 p.moreLink a:hover, div.servIcone p.moreLink a:hover{
			/*border: #00a2ff 1px solid;*/
			background-color: white;
			color: white;
			
			background:#555;
			background:-moz-linear-gradient(top,#777,#333);
			background:-webkit-gradient(linear,left top,left bottom,from(#777),to(#333));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			
			
		}
		
		div.bloc2 p.moreLink a:active, div.servIcone p.moreLink a:active{
			color:#00a2ff;
			background:#444;
			
			-webkit-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			
			background:-moz-linear-gradient(top,#555,#2C2C2C);
			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
		}
	
	
	
	/*****/
	
	
div.bloc span.introText{
	font-size: 14px;
}
div.bloc p{
	/*font-size: 11px;*/
}
	span.introText, h5.newTitle{ 
		font-family: "Tuffybold";
		font-weight:600;	
	}
	
	div.bloc p{
		margin-top: 5px;
	}
	
	div.bloc p.moreLink, div.servIcone{
		font-size: 10px;
		
		margin-top: 10px
	}
		div.bloc p.moreLink a , div.servIcone p.moreLink a{
			background-color:#00a2ff;
			padding: 8px; 
			color: white;
			text-decoration: none;
			text-shadow:none;
			
			/*background:-moz-linear-gradient(top,#555,#2C2C2C);
  			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);*/
			
			border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
			
			/* CSS3 Transitions */
			transition: background-color 0.3s ease-in-out ;
			-moz-transition: background-color 0.3s ease-in-out ;
			-webkit-transition: background-color 0.3s ease-in-out ;

		}
		
		div.bloc p.moreLink a:hover, div.servIcone p.moreLink a:hover{
			/*border: #00a2ff 1px solid;*/
			background-color: white;
			color: white;
			
			background:#555;
			background:-moz-linear-gradient(top,#777,#333);
			background:-webkit-gradient(linear,left top,left bottom,from(#777),to(#333));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			
			
		}
		
		div.bloc p.moreLink a:active, div.servIcone p.moreLink a:active{
			color:#00a2ff;
			background:#444;
			
			-webkit-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			
			background:-moz-linear-gradient(top,#555,#2C2C2C);
			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
		}
	
	
	
/* ---------------- */	
	
	
	div.bloc p.moreLink2, div.servIcone{
		font-size: 12px;
		
		margin-top: 12px
	}
		div.bloc p.moreLink2 a , div.servIcone p.moreLink2 a{
			background-color:#D93600;
			padding: 5px; 
			color: white;
			text-decoration: none;
			text-shadow:none;
			
			/*background:-moz-linear-gradient(top,#555,#2C2C2C);
  			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);*/
			
			border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
			
			/* CSS3 Transitions */
			transition: background-color 0.3s ease-in-out ;
			-moz-transition: background-color 0.3s ease-in-out ;
			-webkit-transition: background-color 0.3s ease-in-out ;

		}
		
		div.bloc p.moreLink2 a:hover, div.servIcone p.moreLink2 a:hover{
			/*border: #00a2ff 1px solid;*/
			background-color: white;
			color: white;
			
			background:#555;
			background:-moz-linear-gradient(top,#777,#333);
			background:-webkit-gradient(linear,left top,left bottom,from(#777),to(#333));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			
			
		}
		
		div.bloc p.moreLink2 a:active, div.servIcone p.moreLink2 a:active{
			color:#ffffff;
			background:#444;
			
			-webkit-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			
			background:-moz-linear-gradient(top,#555,#2C2C2C);
			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
		}
	
	
	
	
	/* ------------ */

/* ---------------- */	
	
	
	div.bloc p.moreLink22, div.servIcone{
		font-size: 12px;
		
		margin-top: 12px
	}
		div.bloc p.moreLink22 a , div.servIcone p.moreLink22 a{
			background-color:#D93600;
			padding: 2.5px; 
			color: white;
			text-decoration: none;
			text-shadow:none;
			
			/*background:-moz-linear-gradient(top,#555,#2C2C2C);
  			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);*/
			
			border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
			
			/* CSS3 Transitions */
			transition: background-color 0.3s ease-in-out ;
			-moz-transition: background-color 0.3s ease-in-out ;
			-webkit-transition: background-color 0.3s ease-in-out ;

		}
		
		div.bloc p.moreLink22 a:hover, div.servIcone p.moreLink22 a:hover{
			/*border: #00a2ff 1px solid;*/
			background-color: white;
			color: white;
			
			background:#555;
			background:-moz-linear-gradient(top,#777,#333);
			background:-webkit-gradient(linear,left top,left bottom,from(#777),to(#333));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			
			
		}
		
		div.bloc p.moreLink22 a:active, div.servIcone p.moreLink22 a:active{
			color:#ffffff;
			background:#444;
			
			-webkit-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			
			background:-moz-linear-gradient(top,#555,#2C2C2C);
			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
		}
	
	
	
	
	/* ------------ */

/* ---------------- */	
	
	
	div.bloc p.moreLink3, div.servIcone{
		font-size: 12px;
		
		margin-top: 12px
	}
		div.bloc p.moreLink3 a , div.servIcone p.moreLink3 a{
			background-color:#cccccc;
			padding: 5px; 
			color: #000000;
			text-decoration: none;
			text-shadow:none;
			
			/*background:-moz-linear-gradient(top,#555,#2C2C2C);
  			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);*/
			
			border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
			
			/* CSS3 Transitions */
			transition: background-color 0.3s ease-in-out ;
			-moz-transition: background-color 0.3s ease-in-out ;
			-webkit-transition: background-color 0.3s ease-in-out ;

		}
		
		div.bloc p.moreLink3 a:hover, div.servIcone p.moreLink3 a:hover{
			/*border: #00a2ff 1px solid;*/
			background-color: white;
			color: white;
			
			background:#555;
			background:-moz-linear-gradient(top,#777,#333);
			background:-webkit-gradient(linear,left top,left bottom,from(#777),to(#333));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			
			
		}
		
		div.bloc p.moreLink3 a:active, div.servIcone p.moreLink3 a:active{
			color:#ffffff;
			background:#444;
			
			-webkit-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			
			background:-moz-linear-gradient(top,#555,#2C2C2C);
			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
		}
	
	
	
	
	/* ------------ */
/* ---------------- */	
	
	
	div.bloc p.moreLink4, div.servIcone{
		font-size: 12px;
		
		margin-top: 12px
	}
		div.bloc p.moreLink4 a , div.servIcone p.moreLink4 a{
			background-color:#cccccc;
			padding: 2.5px; 
			color: #000000;
			text-decoration: none;
			text-shadow:none;
			
			/*background:-moz-linear-gradient(top,#555,#2C2C2C);
  			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);*/
			
			border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
			
			/* CSS3 Transitions */
			transition: background-color 0.3s ease-in-out ;
			-moz-transition: background-color 0.3s ease-in-out ;
			-webkit-transition: background-color 0.3s ease-in-out ;

		}
		
		div.bloc p.moreLink4 a:hover, div.servIcone p.moreLink4 a:hover{
			/*border: #00a2ff 1px solid;*/
			background-color: white;
			color: white;
			
			background:#555;
			background:-moz-linear-gradient(top,#777,#333);
			background:-webkit-gradient(linear,left top,left bottom,from(#777),to(#333));
			
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			
			
		}
		
		div.bloc p.moreLink4 a:active, div.servIcone p.moreLink4 a:active{
			color:#ffffff;
			background:#444;
			
			-webkit-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			
			background:-moz-linear-gradient(top,#555,#2C2C2C);
			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
		}
	
	
	
	
	/* ------------ */

	
	
	
	
div.cAlign{
	width: 1180px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.cBoth{
	clear: both;
	
}

div.separator{
	border-top: 1px solid #dddbdb;
	border-bottom : 1px solid white;
	margin-top: 40px;
	display:block;
}

input[type="text"]{
	outline: none;
}

input[type="submit"]:hover {
	background-color: white;
	
}

#TitleBar{
	margin-top: 40px;
	background: url(../images/titleBand_bg.png);
	
	border-bottom: #468C00 1px solid;
	padding-top: 10px;
}
	#TitleBar div.lineBlue{
		border-top: white 1px solid;
		background: url(../images/navigBand_bg.png);
		margin-top: 10px;
	}

	#TitleBar h1{
		font-size: 19px;
		color: white;
		font-family: MyriadBoldCond;
		text-shadow: none;
		text-transform: uppercase;
		
	}

div.lineBlue{
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
	div.lineBlue a{
		color:#666;
		text-decoration: none;
	}
	
	
	
	/********************/
	
	#TitleBar2{
	margin-top: 40px;
	background: url(../images/titleBand_bg2.png);
	border-bottom: #468C00 1px solid;
	padding-top: 10px;
}
	#TitleBar2 div.lineBlue2{
		border-top: white 1px solid;
		background: url(../images/navigBand_bg.png);
		margin-top: 10px;
	}

	#TitleBar2 h1{
	font-size: 22px;
	color: #090;
	font-family: MyriadBoldCond;
	text-shadow: none;
	text-transform: uppercase;		
	}
	
	#TitleBar2 h2{
	font-size: 15px;
	color: #000;
	font-family: MyriadBoldCond;
	text-shadow: none;
	font-weight: normal;			
	}


div.lineBlue2{
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
	div.lineBlue2 a{
		color:#666;
		text-decoration: none;
	}
	
	/********************/

/********************************************************************************************/

/* HEADER */
div#header{
	margin-top: 5px;
}

img#logo{
	float: left;
}

ul#navMenu{
	float: right;
}
	ul#navMenu li{
		float: left;
		text-transform: uppercase;
		font-family: "MyriadBoldCond";
		margin-top: 75px;
	}
		ul#navMenu li a {
			margin: 0 20px 0 0 ;
			padding: 5px 8px;
			
			 border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
			
			color:#787878 ;/* #FF4646;*/
			/*color:#666;*/
			text-decoration: none;
			font-size: 14px;
			
			text-shadow: white 1px 1px 0px;
			
			/* CSS3 Transitions
			transition: background-color 0.5s ease-in-out ;
			-moz-transition: background-color 0.5s ease-in-out ;
			-webkit-transition: background-color 0.5s ease-in-out ; */
			
			/* CSS3 Transitions*/
			transition: color 0.5s ease-in-out ;
			-moz-transition: color 0.5s ease-in-out ;
			-webkit-transition: color 0.5s ease-in-out ;
		}
		ul#navMenu li:last-child a {
			margin-right: 0;
		}
		
		ul#navMenu li a:hover {
			color:  #FF8000;
			/*background-color: #00a2ff/* #666*/;
			text-shadow:none;
			/*
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
			box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);*/
		}
			
			ul#navMenu li a#navActive{
	color: white;
	background-color: #FF8000 /*#FF4646*/;
	box-shadow: white 1px 1px 0px;
	text-shadow: none;
			}
/*savoirs*/			
			
			
	
			
			

/* BANNER */
div#bannerSlider{
	margin-top: 30px;
	padding: 20px 0 30px 0;
	line-height: none;
}
	div#bannerSlider div#sliderContent{
		/*background-color:#FFF;*/
		width: 980px;
		height: 370px;
		position: relative;
		
		
	}
		div#bannerSlider div#sliderContent div#mask{
			width: 100%;
			height: 100%;
			position: absolute;
			overflow: hidden;
			
		}
		div#bannerSlider div#sliderContent ul#sliderGroup {
			position: absolute;
			width: 400%;
			height: 100%;
			
			
			
			/* La transition sur tout les navigateurs */
           /* Chrome */ 
          -webkit-transition-property:all;
          -webkit-transition-duration:1s;

           /* Firefox */ 
          -moz-transition-property:all;
          -moz-transition-duration:1s;
          
           /* Opera */ 
          transition-property:all;
          transition-duration:1s;
		}
			
			/**/
			ul#sliderGroup li p{
				width: 300px;
				
				text-align: right;
				text-shadow: none;
				
				background-color:#FF4646;
				
				filter:alpha(opacity=20); 
				opacity:0.9;

				
			}
			
			ul#sliderGroup li p.sliderTitle{
				font-family:MyriadBoldCond;
				color:#FFF;
				
				text-transform: uppercase;
				font-size: 18px;
				
				margin-top:220px;
				
				padding: 10px 10px 0px 10px;
			}
			
			ul#sliderGroup li p.sliderResume{
						
				padding: 0 10px 10px 10px;
				color:#000;
			}
			/**/
		
		div#bannerSlider div#sliderContent img.fleche{
			position: absolute;
			top: 108px;
			cursor: pointer;
			
		}
		div#bannerSlider div#sliderContent img#prev{
			left: -100px;
		}
		div#bannerSlider div#sliderContent img#next{
			right: -100px;
		}
		
		div#bannerSlider div#sliderContent ul#sliderGroup li{
			width: 980px;
			height: 370px;
			float: left;
		}
		
	  div.image1 ul#sliderGroup{
        left:0;
      }
      div.image2 ul#sliderGroup{
        left:-100%;
      }
      div.image3 ul#sliderGroup{
        left:-200%;
      }
      div.image4 ul#sliderGroup{
        left:-300%;
      }
		
		/*point de selection slide*/
		ul#dots{
			position: absolute;
			top: 380px;
		}
			ul#dots li{
				float: left;
				margin: 0 3px;
				height: 8px; width: 8px;
				border:#666 1px solid;
				
				
				border-radius : 5px;
				-moz-border-radius : 5px;
				-webkit-border-radius : 5px;
				
				/* CSS3 Transitions */
				transition: background-color 0.5s ease-in-out ;
				-moz-transition: background-color 0.5s ease-in-out ;
				-webkit-transition: background-color 0.5s ease-in-out ;
				
				cursor: pointer;
			}
			ul#dots li:hover{
				border:#FFF 1px solid;
				background-color: #00a2ff;
			}
			
			div.image1 ul#dots li.btn1,
			div.image2 ul#dots li.btn2,
			div.image3 ul#dots li.btn3,
			div.image4 ul#dots li.btn4{
				border:#FFF 1px solid;
				background-color: #00a2ff;
			}
		

/* */

	/*News*/
	div#news h5.newTitle {
		font-size: 14px;
		font-family: "Tuffybold";
		margin-top: 3px;
	}
	  	div#news p.newDate{
			font-size: 11px;
	 	}
	
		div#news div.sndNew{
			margin-top: 20px;
		}
		
		div#news div.newItem p.newResume {
			margin-top: 5px;
		}
		
		div#news div.newItem a{
			font-size: 11px;
			text-decoration: none;
			color: #00a2ff;
		}
		div#news div.newItem a:hover{
			font-size: 11px;
			color: #00a2ff;
			text-decoration:underline;
		}
		
		/*Social Network */
		div#linkInline{
		  	background-color: #D7D6F9;
		  	border-radius : 5px;
		  	-moz-border-radius : 5px;
		  	-webkit-border-radius : 5px;
		  	overflow: hidden;
			
		  	padding-top: 0px;
		  	padding-right: 5px;
		  	padding-bottom: 0px;
		  	padding-left: 10px;
			
			
		}
			div#linkInline p {
				float: left;
				height: 10px;
				line-height: 20px;
				color: #777779;
				text-shadow: none;
				
			}
			
			div#linkInline ul {
				float: left;
				border-right: 1px solid #c2c2f9;
				padding: 7px 10px 1px 10px;
				margin-right: 15px;
				
			}
			
			div#linkInline ul li {
				display: inline;
				margin-right: 5px;
			}
			
			  div#linkInline p a {
				  color: #0CA2FD;
				  text-decoration: none;
			  }
			  div#linkInline p a:hover{
				  color: #0CA2FD;
				  text-decoration: underline;
			  }
		/*FAQ*/
		div#faq ul{
			margin-top: 10px;
		}
		div#faq ul li{
			margin-left: 15px;
			margin-bottom: 10px;
			list-style:outside;			
		}
		div#faq ul li a{
			text-decoration:none;
			color:#333;
			
		}
		div#faq ul li a:hover{
			text-decoration:none;
			color:#06F;
			
		}
		/****End FAQ*/
		
		/* Newsletter */
		form#subscribeForm{
			margin-top: 20px;
		}
		
		form#subscribeForm input[type="text"]{
			width: 60%;
			height: 30px;
			
			background-color: #f5f5f5;
			
			border: none;
			border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
			
			padding: 0 10px;
			
			/*box-shadow: hoff voff bd sd color inset; #b8b8b8*/
			box-shadow: 2px 2px 6px 1px #CCC inset;
			font-style: italic;
			font-size: 11px;
			float: left;
		}
		
		form#subscribeForm input[type="submit"]{
			height: 30px;
			margin: 0px 0 0 5px;
			padding: 0 10px;
			
			border: none;
			border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
			
			background-color: #00a2ff;
			color: white;
			
			/*background:-moz-linear-gradient(top,#555,#2C2C2C);
  			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
			*/
			
			
			cursor: pointer;
			
		}
		
		form#subscribeForm input[type="submit"]:hover{
			color: white;
			
			background:#555;
			background:-moz-linear-gradient(top,#777,#333);
			background:-webkit-gradient(linear,left top,left bottom,from(#777),to(#333));
		}
		
		form#subscribeForm input[type="submit"]:active{
			color:#00a2ff;
			background:#444;
			-webkit-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			-moz-box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
			background:-moz-linear-gradient(top,#555,#2C2C2C);
			background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#2C2C2C));
		}
		

/* partenaire */

  div.partnerLine{
	  margin-top: 40px;
  }
  	div.partnerLine div#partenaire{
		width: 270px;
		margin-right: 35px;
		float: left;
	}
	
	div#partnerSlider {
		margin-top: 40px;
	}
	
	div#partnerSlider img{
		float: left;
		margin-top: 20px;
	}
	
	div#slider{
		width: 581px;
		height: 78px;
		border: 1px #CCC solid;
		float:left;
		margin: 0 20px;
		
	}
	

/*PIED DE PAGE */
div#piedPage{
	padding: 40px 0;
	margin-top: 40px;
	background: url(../images/titleBand_bg.png);
	color: white;
	text-shadow: none;	
}
	div.oneFourth{
	float: left;
	width: 40%;
	margin-right: 3%;
	text-transform: uppercase;
	}
		
		div.oneFourth h4, div.oneContact h4{
			font-family: "MyriadBoldCond";
			font-size: 14px;
			margin-bottom: 15px;
		}
		
		div.oneFourth ul {
			
			
		}
		
		div.oneFourth p{
			text-transform:none;
			text-align: justify;
		 
		}
			div.oneFourth p a{
				color: white;
				font-size: 10px; 
			}
			
		div.oneFourth ul li a{
	padding: 5px 0;
	color: white;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC;
	font-size: 11px;
	/* CSS3 Transitions */
	transition: padding-left 0.3s ease-in-out;
	-moz-transition: padding-left 0.3s ease-in-out;
	-webkit-transition: padding-left 0.3s ease-in-out;
		}
		div.oneFourth ul li a:hover{
			padding-left: 10px;
		}
	
	div.oneContact {
	margin-left: 65%;
	text-align: left;
	}
		div.oneContact p.numbers{
	  		font-size: 15px;
		}

/*COPY BAR */

div#copyBar{
	margin: 20px 0 20px 0;
}
	div#copyBar img{
		float: left;
	}
	div#copyBar p{
		float: right;
		margin-top: 10px;
	}
	
	div#copyBar p a{
		color: #00a2ff;
		text-decoration: none;
		margin-left 20px; 
	}
		div#copyBar p a:hover{
		text-decoration: underline 
	}
	

/*OTHER GENERAL  STYLES */
	
	/* TITRE RESUME */
	div#TitleResume{
		margin-top: 40px;
	}
		div#TitleResume h1{
			font-size: 25px;
			font-family:"MyriadBoldCond";
		}
	
	/* SERVICES PAGE */
	div#servPresent{
		margin-top: 20px;
	}
	
	div.servIcone{
		width: 215px;
		float: left;
		margin-left:15px;
		text-align:center;
	
	}
		div.servIcone a{
			text-decoration: none;
		}
		
		div.servIcone img{
			margin-bottom: 10px;
		}
		
		div.servIcone h5{
			background-color: #00a2ff;
			padding: 8px 0 8px 0;
			color: white;
			text-shadow: none;
			
			border-radius : 5px;
			-moz-border-radius : 5px;
			-webkit-border-radius : 5px;
		}
		div.servIcone ul{
			margin-bottom: 20px;
			
		}
			div.servIcone ul li{
				margin-top: 6px;
				
			}
			
			
	ul#servGroup{
		
		
	}
	
		ul#servGroup li{
			font-family: MyriadBoldCond;
			font-size: 13px;
			width: 30%;
			text-transform: uppercase;
			
			float: left;
			margin: 20px 3% 0px 0;
		}
		
		ul#servGroup li ul li{
			font-family: Arial, Helvetica, sans-serif;
			text-transform: none;
			float:none;
			width:100%;
			margin: 0px;
			font-size: 10px;
		}