@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	background-color:#FFFFFF;
}

.contente {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.topp {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:112px;
	background:url(images/fonttopp.jpg) repeat-x;
}
.topp2 {
	margin-left:auto;
	margin-right:auto;
	width:944px;
}
.logo {
	float:left;
}

.menuu {
	float:left;
	padding-top:80px;
	padding-left:27px;
}
.textemenuu {
	float:left;
	padding-left:15px;
	padding-right:15px;
	font-size:15px;
	height:22px;
	font-size:18px;
	font-family:"Trebuchet MS";
	color:#828282;
}
.textemenuu2 {
	float:left;
	padding-left:15px;
	padding-right:15px;
	font-size:15px;
	height:22px;
	font-size:18px;
	font-family:"Trebuchet MS";
	color:#ededed;
}
.textemenuu a {
	color:#828282;
	text-decoration:none;
}
.textemenuu2 a {
	color:#ededed;
	text-decoration:none;
}
/*
.langue {
	float:left;
	padding-left:70px;
}
*/
.fr {
	padding-left:178px;
	float:left;
}
.en {
	float:left;
	padding-left:5px;
}
.mainn {
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
	width:944px;
}
.animation {
	float:left;
	padding-right:6px;
}
.activite {
	background:url(images/fontactivite.jpg) no-repeat;
	width:311px;
	height:266px;
	padding-right:5px;
	float:left;
	visibility: visible; 
	display: block;
	cursor: pointer;
}
.topactivite {
	background:url(images/toppactivite.jpg) no-repeat; 
	width:944px; 
	height:10px; 
	float:left;
}
.basactivite {
	background:url(images/basactivite.jpg) no-repeat; 
	width:944px; 
	height:39px; 
	clear:both;
}
.milieuactivite {
	background:url(images/milieuactivite.jpg) repeat-y; 
	width:944px; 

	float:left;
}
.separateurr {
	float:left; 
	background:url(images/separateur.jpg) repeat-y; 
	width:1px; 
	height:340px; 
	margin-top:10px;
}
.separateurra {
	float:left; 
	background:url(images/separateur.jpg) repeat-y; 
	width:1px; 
	height:465px; 
	margin-top:10px;
}
.separateurr0 {
	float:left; 
	background:url(images/separateur.jpg) repeat-y; 
	width:1px; 
	height:615px; 
	margin-top:10px;
}
.separateurrr {
	float:left; 
	background:url(images/separateur.jpg) repeat-y; 
	width:1px; 
	height:680px; 
	margin-top:10px;
}
.separateurr2 {
	float:left; 
	background:url(images/separateur.jpg) repeat-y; 
	width:1px; 
	height:660px; 
	margin-top:10px;
}
.separateurr3 {
	float:left; 
	background:url(images/separateur.jpg) repeat-y; 
	width:1px; 
	height:430px; 
	margin-top:5px;
}
.activite2 {
	background:url(images/fontactivite.jpg) no-repeat;
	width:311px;
	height:266px;
	float:left;
	visibility: visible; 
	display: block;
	cursor: pointer;
}
.img {
	padding-left:7px;
	padding-top:7px;
}
.titre2 {
	font-size:13px;
	font-family:"Trebuchet MS";
	color:#0678a9;
	font-weight:bold;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}
.textt {
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#464646;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}
.lireplus {
	padding-left:15px;
}

.coordonnee {
	float:left;
	background:url(images/fontcoordonnee.jpg) no-repeat;;
	width:310px;
	height:150px;

}
.coordonnee a {
	text-decoration:none;
}
.titrecoordonnee {
	font-size:18px;
	font-family:"Trebuchet MS";
	color:#f9e5c3;
	padding-left:27px;
	padding-top:12px;
}
.textecoordonnee {
	float:left;
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#ffffff;
	padding-top:27px;
}
.textecoordonnee2 {
	float:left;
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#ffffff;
	padding-top:5px;
}
.puce {
	float:left;
	padding-left:27px;
	padding-right:10px;
	padding-top:35px;
	height:5px;
}

.puce2 {
	float:left;
	padding-left:27px;
	padding-right:10px;
	padding-top:12px;
	
}
.puce22 {
	float:left;
	padding-right:10px;
	padding-top:8px;
}
.siege {
	float:left; 
	padding-top:15px; 
	padding-left:10px;
}
.titree {
	float:left;
	margin-top:6px;
	margin-bottom:6px;
	height:49px;
	width:944px;
}
.titreee {
	font-size:22px;
	font-family:"Trebuchet MS";
	color:#0678a9;
	padding-top:5px;
	padding-left:25px;
}
.titreee2 {
	font-size:22px;
	font-family:"Trebuchet MS";
	color:#0678a9;
	padding-top:5px;
	padding-left:25px;

	clear:both;
}
.titreeee {
	font-size:17px;
	font-family:"Trebuchet MS";
	color:#0678a9;
	padding-top:5px;
	padding-left:25px;
}
.texteactivite {
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#464646;
	/*padding-top:15px;*/
	padding-left:25px;
	padding-right:15px;
	text-align:justify;
}
.texteactivite2 {
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#464646;
	padding-top:5px;
	padding-left:25px;
	padding-right:15px;
	text-align:justify;
}
.texttt {
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#464646;
	font-weight:bold;
}
.textttt {
	font-size:18px;
	font-family:"Trebuchet MS";
	color:#0678a9;
	padding-top:7px;
}
.titre {
	float:left;
	background:#16afd0;
	height:47px;
	width:916px;
	font-size:30px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	padding-left:10px;
	padding-top:2px;
}
.coin1 {
	float:left;
	background:url(images/fonttitre1.jpg) no-repeat;
	width:9px;
	height:49px;
}
.coin2 {
	float:left;
	background:url(images/fonttitre2.jpg) no-repeat;
	width:9px;
	height:49px;
}
.copy {
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
	width:100%;
	height:100px;
	background:url(images/fontcopy.jpg) repeat-x;
	float:left;
}
.copy2 {
	margin-left:auto;
	margin-right:auto;
	width:944px;
	padding-top:18px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #7d7d7d;
}
.copy2 a {
	text-decoration:none;
	color: #7d7d7d;
}
.textcopy {
	padding-top:18px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #7d7d7d;
}
.textec {
	padding-left:0px;
	padding-right:0px;
	color:#434343;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	text-align:justify;
}
.textee {
	padding-left:0px;
	padding-right:0px;
	color:#CCCCCC;
	font-family:"Trebuchet MS";
	font-size:16px;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	height:300px;
	font-weight:bold;
}
.input2{
	padding-left:5px;
	width:350px;
	height:15px;
	color:#434343;
	font-size:11px;
	font-family:"Trebuchet MS";
}	.input22{
	padding-left:5px;
	width:360px;
	height:21px;
	color:#434343;
	font-size:11px;
	font-family:"Trebuchet MS";
}
.input3{
	padding-left:5px;
	width:350px;
	height:150px;
	color:#434343;
	font-size:11px;
	font-family:"Trebuchet MS";
}
#menu, #menu_prestige, #menu_cz{position:relative; height: 22px; width:574px;}
			#menu ul, #menu_prestige ul, #menu_cz ul{padding: 0px;margin: auto;}
			#menu ul li, #menu_prestige ul li, #menu_cz ul li{float: left;list-style: none;margin:0px 0px 0px 0px;}
			#menu ul li a, #menu_prestige ul li a, #menu_cz ul li a{z-index: 100;display: block;float: left;height: 22px;position: relative;padding: 0px 0px 0px 0px;line-height: 22px;}
			#menu li.hilite, #menu_prestige li.hilite, #menu_cz li.hilite{background: url(images/menu/menu.png) no-repeat top left;z-index: 8;position: absolute;visibility: hidden;}
			#menu li.hilite{}
			#menu_prestige li.hilite{background-position: right -200px;background-repeat:no-repeat;}
			#menu_cz li.hilite{background-position: right -276px;background-repeat:no-repeat;}
			#menu .hilite .left, #menu_prestige .hilite .left, #menu_cz .hilite .left{height: 22px;margin-right: 0px;}
			#menu .hilite .left{background-position: 0 -86px;background-repeat:no-repeat;}
			#menu_prestige .hilite .left{background-position: 0 -162px;background-repeat:no-repeat;}
			#menu_cz .hilite .left{background-position: 0 -238px;background-repeat:no-repeat;}
			#menu li.univers, #menu_prestige li.univers, #menu_cz li.univers{background: url(images/menu/menu.png) no-repeat top left;background-position: right -44px;z-index: 9;position: absolute;visibility: hidden;}
			#menu .univers .left, #menu_prestige .univers .left, #menu_cz .univers .left{background: url(images/menu/menu.png) no-repeat top left;background-position: 0 0px;height: 22px;margin-right: 0px;background-repeat:no-repeat;}
			
			
/*animation*/

.last, div.last, #footer div.last {
	margin-right: 0;
}
#work-page .wrapper {
	width: 944px;
}

.work-sample {
	background:url(images/fontactivite.jpg) no-repeat;
	width:311px;
	height:266px;
	margin-bottom:6px;
	float:left;
	visibility: visible; 
	display: block;
	cursor: pointer;
}
.work-sample2 {
	background:url(images/fontactivite2.jpg) no-repeat;
	width:311px;
	height:200px;
	margin-bottom:6px;
	float:left;
	visibility: visible; 
	display: block;
	cursor: pointer;
}
.espace {
	padding-right:5px;
}

#work-sample-alli0 {
	background-color: #ffffff;
}
#work-sample-alli1 {
	background-color: #ffffff;
}
#work-sample-alli2 {
	background-color: #ffffff;
}
#work-sample-alli3 {
	background-color: #ffffff;
}
#work-sample-alli4 {
	background-color: #ffffff;
}
#work-sample-alli5 {
	background-color: #ffffff;
}#work-sample-alli6 {
	background-color: #ffffff;
}

#flip-side {
	position: absolute;
	z-index: 1000;
	width: 311px;
	min-height: 266px;
}
.flip-content {
	display: none;
}
#flip-side .screenshot {
	/*background-color: #B3B3B3;*/
	float:left;
	overflow: hidden;

}
#flip-side .screenshot img {
	height: 100%;
}
#flip-side .info {
	background-color: #FFF;
	color: #333;
	width: 0%;
	height: 100%;
	float: right;
}


#flip-side p {
	margin-bottom: 15px;
}
#flip-side .info a.close-flip {

	width:30px;
	height:30px;

}