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

body {
	background-image: url(images/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
.content{
	margin-left: auto;
	margin-right: auto;
	width: 986px;
	margin-top: 24px;
}
.contents{
	margin-left: auto;
	margin-right: auto;
	width: 986px;
}
.entete{
	width:986px;
	height:26px;
	background-image:url(images/design-haut.png);
	margin:0px;
}
.contenu{
	width:986px;
	background-image:url(images/image-bg.png);
	background-repeat:repeat-y;
}
.contenu2{
	width:986px;
	margin-left:13px;
	margin-right:13px;
}
.bas{
	width:986px;
	background-image:url(images/bg-bas.png);
	background-repeat:no-repeat;
	height:60px;
	text-align:center;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#edbab8;
	padding-top:10px;
	float:left;
}
.photos5{
	width:301px;
	background-color:#000000;
	padding:2px 0px 2px 0px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	float:left;
	text-align:center;
}
.photos5 a:link {color: #ffffff; text-decoration: none ;}
.photos5 a:visited {color: #ffffff; text-decoration: none ;}
.photos5 a:hover {color: #616160; text-decoration: none ;}
.photos5 a:active {color: #ffffff; text-decoration: none ;}


.phot5{
	width:444px;
	background-color:#323232;
	padding:2px 14px 2px 0px;
	border-top: 1px solid #000000;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	float:left;
	text-align:right;
}
.phot5 a:link {color: #999999; text-decoration: none ;}
.phot5 a:visited {color: #999999; text-decoration: none ;}
.phot5 a:hover {color: #ffffff; text-decoration: none ;}
.phot5 a:active {color: #999999; text-decoration: none ;}

.phot55{
	width:588px;
	background-color:#323232;
	padding:2px 14px 2px 0px;
	border-top: 1px solid #000000;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	float:left;
	text-align:right;
}
.phot55 a:link {color: #999999; text-decoration: none ;}
.phot55 a:visited {color: #999999; text-decoration: none ;}
.phot55 a:hover {color: #ffffff; text-decoration: none ;}
.phot55 a:active {color: #999999; text-decoration: none ;}


.photos7{
	width:238px;
	background-color:#000000;
	padding-right:3px;
	height:17px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	float:left;
	text-align:right;
}
.photos7 a:link {color: #666666; text-decoration: none ;}
.photos7 a:visited {color: #666666; text-decoration: none ;}
.photos7 a:hover {color: #FFFFFF; text-decoration: none ;}
.photos7 a:active {color: #666666; text-decoration: none ;}

.photos8{
	width:258px;
	background-color:#000000;
	padding-right:3px;
	height:17px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	float:left;
	text-align:right;
}
.photos8 a:link {color: #666666; text-decoration: none ;}
.photos8 a:visited {color: #666666; text-decoration: none ;}
.photos8 a:hover {color: #FFFFFF; text-decoration: none ;}
.photos8 a:active {color: #666666; text-decoration: none ;}

.photos9{
	width:198px;
	background-color:#000000;
	padding-right:3px;
	height:17px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	float:left;
	text-align:right;
}
.photos9 a:link {color: #666666; text-decoration: none ;}
.photos9 a:visited {color: #666666; text-decoration: none ;}
.photos9 a:hover {color: #FFFFFF; text-decoration: none ;}
.photos9 a:active {color: #666666; text-decoration: none ;}



.icone1{
	width:137px;
	background-color:#aaaaa8;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding:2px 0px 2px 5px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	float:left;
}
.icone1 a:link {color: #000000; text-decoration: none ;}
.icone1 a:visited {color: #000000; text-decoration: none ;}
.icone1 a:hover {color: #FFFFFF; text-decoration: none ;}
.icone1 a:active {color: #000000; text-decoration: none ;}

.icone2{
	width:137px;
	padding:2px 0px 2px 5px;
	background-color:#616160;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	float:left;
}
.icone2 a:link {color: #000000; text-decoration: none ;}
.icone2 a:visited {color: #000000; text-decoration: none ;}
.icone2 a:hover {color: #FFFFFF; text-decoration: none ;}
.icone2 a:active {color: #000000; text-decoration: none ;}

.titre-galerie{
	width:281px;
	height:198px;
	background-color:#000000;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#cccccc;
	float:left;
	padding: 20px 0px 0px 20px ;
}


.animation{
	width:960px;
}
.barre-menu{
	width:960px;
	background-image: url(images/barre-menu.gif);
	background-repeat:repeat-x;
	height:30px;
}
.ligne-centre{
	width:960px;
	margin-bottom: 52px;
	margin-top: 21px;
	background-image: url(images/barre.gif);
	height: 17px;
}
.drapeau{
	width:960px;
	height:42px;
	text-align: center;
}
.francais{
	width:40px;
	height:25px;
	margin-left:435px;
	float:left;
	margin-right: 10px;
}
.anglais{
	width:40px;
	height:25px;
	margin-right:435px;
	float:left;
}
.anglais2{
	width:48px;
	margin-left:14px;
	margin-top:13px;
	float:left;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7f7f7f;
}
.anglais2 a:link {color: #7f7f7f; text-decoration: none ;}
.anglais2 a:visited {color: #7f7f7f; text-decoration: none ;}
.anglais2 a:hover {color: #7f7f7f; text-decoration: underline ;}
.anglais2 a:active {color: #7f7f7f; text-decoration: none ;}


.anglais3{
	width:25px;
	margin-right:28px;
	margin-top:11px;
	float:left;
}
.anglais4{
	width:73px;
	margin-right:28px;
	margin-left:14px;
	margin-top:11px;
	float:left;
}
.date{
	width:168px;
	margin-top:13px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7f7f7f;
	float:left;
}
.menu{
	width:634px;
	height:30px;
	padding-left:15px;
	padding-right:28px;
	background-image: url(images/menu.gif);
	float:left;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
}
.presentation{
	width:136px;
	float:left;
}
.solution {
	width:127px;
	float:left;
}
.solution2 {
	width:107px;
	float:left;
}
.events {
	width:197px;
	float:left;
}
.produits {
	width:78px;
	float:left;
}
.produits2 {
	width:98px;
	float:left;
}
.refernces {
	width:96px;
	float:left;
}
.sepa{
	width:960px;
	height:50px;
	background-image: url(images/bg-sepa.gif);
	background-repeat:repeat-x;
}
.menu-gauche{
	width:240px;
	margin-top:10px;
	margin-left:27px;
	margin-right:31px;
	float:left;
}
.contenu-texte{
	width:631px;
	margin-right:31px;
	float:left;
}
.newsletter{
	width:240px;
	float:left;
	margin-bottom:11px;
}
.entete-references{
	width:240px;
	float:left;
}
.references{
	width:240px;
	float:left;
	background-image:url(images/bg-references.gif);
	background-repeat:repeat-y;
	text-align: center;
	padding-top:11px;
	padding-bottom:11px;
}
.titre-texte{
	width:602px;
	padding-left:29px;
	height:27px;
	float:left;
	background-image:url(images/puce.gif);
	background-repeat:no-repeat;
	margin-bottom:20px;
}
.texte{
	width:602px;
	padding-left:29px;
	float:left;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
.texte a:link {color: #666666; text-decoration: underline ;}
.texte a:visited {color: #666666; text-decoration: underline ;}
.texte a:hover {color: #666666; text-decoration: none ;}
.texte a:active {color: #666666; text-decoration: underline ;}

.erreur2{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e8170c;
}


.galerie5{
	width:602px;
	margin-left:29px;
	float:left;
	background-color: #000000;
}
.galerie6{
	width:301px;
	float:left;
	background-color:#000000;
}
.gal6{
	width:143px;
	float:left;
	background-color:#000000;
	margin-right:1px;
}
.gal7{
	width:458px;
	float:left;
	background-color:#000000;
}
.gal77{
	width:602px;
	float:left;
	background-color:#000000;
}
.galerie66{
	width:301px;
	float:left;
	background-color:#616160;
	height:17px;
}
.texte5{
	width:573px;
	float:left;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#353535;
	margin-left:29px;
	padding-left:15px;
	padding-right:14px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#f2f2f0;
	text-align:justify;
}
.texte5 a:link {color: #353535; text-decoration: underline ;}
.texte5 a:visited {color: #353535; text-decoration: underline ;}
.texte5 a:hover {color: #353535; text-decoration: none ;}
.texte5 a:active {color: #353535; text-decoration: underline ;}

.texte5a{
	width:286px;
	float:left;
}
.texte5b{
	width:114px;
	float:left;
	text-align:left;
}
.texte5bbb{
	width:314px;
	float:left;
	text-align:left;
}
.texte5bb{
	width:573px;
	float:left;
	font-weight:bold;
	margin:10px 0 0 0;
}
.texte5c{
	width:150px;
	float:left;
}
.texte2{
	width:235px;
	height:208px;
	padding-right:25px;
	padding-left:29px;
	float:left;
	background-color:#f2f2f0;
	padding-top: 20px;
}
.texte12{
	width:235px;
	padding-right:25px;
	padding-left:29px;
	float:left;
	background-color:#f2f2f0;
	padding-top: 20px;
}
.fond-gris{
	width:289px;
	float:left;
}
.fond-gris1{
	width:279px;
	margin-right:10px;
	float:left;
	background-image:url(images/fond-gris.gif);
	height:15px;
}
.fond-gris2{
	width:279px;
	margin-right:10px;
	float:left;
	background-image:url(images/fond-gris2.gif);
	height:15px;
}
.texte3{
	width:631px;
	float:left;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353535;
	text-align:justify;
}
.texte31{
	width:602px;
	padding: 20px 0 20px 29px;
	background-color:#f2f2f0;
	float:left;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353535;
	text-align:justify;
}
.texte4{

text-decoration: none ;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#353535;
}
.contenu4{
	width:960px;
	float:left;
	background-color:#FFFFFF;
	height:490px;
}
.photo-sol{
	width:142px;
	height:49px;
	margin-right:25px;
	margin-left:25px;
	margin-bottom:30px;
	border: 4px solid #e4e4e4;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.photo-sol3{
	width:342px;
	float:left;
	background-color:#FFFFFF;
	z-index:1;
}
ul{
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight:bold;
	list-style-image:url(images/puce2.gif);
	list-style-position:inside;
}
.photo{
	width:162px;
	height:79px;
	margin-right:15px;
	margin-left:15px;
	border: 4px solid #e4e4e4;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.cadre-photo{
	width:200px;
	margin-bottom:25px;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.zoom{
	width:170px;
	margin-right:15px;
	margin-left:15px;
	float:left;
	text-align: center;
}
.bouton{
	width:149px;
	height:25px;
	margin-left:450px;
	margin-right:15px;
	margin-top:15px;
	padding-left:15px;
	padding-top:5px;
	float:left;
	background-image:url(images/fond-bouton.gif);
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.bouton a:link {color: #FFFFFF; text-decoration: none ;}
.bouton a:visited {color: #FFFFFF; text-decoration: none ;}
.bouton a:hover {color: #bcbcbc; text-decoration: none ;}
.bouton a:active {color: #FFFFFF; text-decoration: none ;}

.bouton2{
	width:115px;
	height:25px;
	margin-left:445px;
	margin-right:15px;
	margin-top:5px;
	padding-left:0px;
	padding-top:5px;
	float:left;
	background-image:url(images/fond-bouton2.gif);
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align: center;
}
.bouton2 a:link {color: #FFFFFF; text-decoration: none ;}
.bouton2 a:visited {color: #FFFFFF; text-decoration: none ;}
.bouton2 a:hover {color: #bcbcbc; text-decoration: none ;}
.bouton2 a:active {color: #FFFFFF; text-decoration: none ;}
.tit-reser2{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#747778;
	float:left;
	width:300px;
}
.tit-reser3{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#4C4C4C;
	float:left;
	width:602px;
	margin-bottom:20px;
}
.tit-reser333{
	float:left;
	width:560px;
	margin-bottom:20px;
}
.tit-reser4{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#4C4C4C;
	float:left;
	width:300px;
	margin-bottom:10px;
	margin-top: 15px;
}
.tit-reser9{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#4C4C4C;
	float:left;
	width:300px;
	margin-bottom:10px;
}
.tit-reser5{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#4C4C4C;
	float:left;
	width:300px;
}
.tit-reser6{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#747778;
	float:left;
	width:255px;
	margin-bottom:15px;
}
.tit-reser8{
	float:left;
	width:106px;
	padding-left:455px;
	margin-bottom:20px;
}
.mots-cles12{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#747778;
	height: 80px;
	width: 552px;
	border: 1px solid #DBDFE6;
	float:left;
	padding: 3px;
}
.mots-cles8{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#747778;
	height: 14px;
	width: 250px;
	border: 1px solid #DBDFE6;
	float:left;
	padding: 3px;
}
.mots-cles88{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#747778;
	height: 24px;
	width: 250px;
	border: 1px solid #DBDFE6;
	float:left;
	padding: 3px;
}
.reserver{
	width:88px;
	height:19px;
	padding-left:18px;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#FFFFFF;
	background-image:url(images/bg-reserver.gif);
}
.reserver a:link {color: #FFFFFF; text-decoration: none ;}
.reserver a:visited {color: #FFFFFF; text-decoration: none ;}
.reserver a:hover {color: #FFFFFF; text-decoration: underline ;}
.reserver a:active {color: #FFFFFF; text-decoration: none ;}