body {
scrollbar-base-color: #3265FE;
background-image: url(images/maquette.jpg);
background-repeat: no-repeat;
background-position: 80px 16px;
background-color: White;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
margin: auto;
}
#contenaire{
	margin-left: 80px;
	width: 980px;
	height: 700px;
}
a img.imgCite {
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	border: 1px solid #333333;
	}
a:hover img.imgCite	{
	border: 1px solid #e0e0e0;
}
/** texte decoration***/
.capti{
	text-transform: capitalize;
}
.petit{
	font-size: 18px;
}
img{
	border: none;
}
.titre{
	font-size: 25px;
	text-align: center;
	line-height: 30px;
}
.cont {
position: absolute;
top: 255px;
left:190px;
}.lienpdf{
position:absolute;
top:520px;
left:80px;
width: 400px;

}
small{
	font-size: 11px;
}
.liencon{
color:#333333;}
.grand{
color:#333333;
	position: absolute;
	width: 560px;
	text-align: left;
	font-size: 20px;
	line-height: 27px;
}
/*************menu**************/
/* common styling */
.menu{
 font-family: "Times New Roman", Times, serif;
 width:90px;
 height:20px;
 position:relative;
 top: 20px;
 left:0px;
 margin:0px;
 padding:0px;
}
.menu ul {
padding:0px;
margin-left:5px;
list-style-type: none;
}
.menu ul li ul {
visibility:hidden; 
position:absolute;
height:0;
overflow:hidden;
top:0px;
left:140px;
}
.menu ul li {
float:left;
position:relative;
z-index:90;
}
.menu ul li a, .menu ul li a:visited {
display:block;
float:left;
text-decoration:none;
color:#3265FE;
width:137px;
height:37px;
/*line-height:49px;
font-size:20px;*/
background:transparent;
}
* html .menu ul li a, .menu ul li a:visited {width:137px; w\idth:137px;}
/***accueil**/
.menu ul li.acc { 
	margin-top: 8px;
	margin-left: 35px;
	background-image: url(images/btnacc.jpg);
	background-repeat: no-repeat;
	width: 137px;
	height: 37px;
}
.menu ul li.acc a:hover {
	background-image: url(images/btnacchov.jpg);
	background-repeat: no-repeat;
	width: 137px;
	height: 37px;
}
/**produits**/
.menu ul li.pro { 
margin-top: 5px;
margin-left: -9px;
background-image: url(images/btnpro.jpg);
background-repeat: no-repeat;
width: 145px;
height: 37px;
}
.menu ul li.pro a:hover {
background-image: url(images/btnprohov.jpg);
background-repeat: no-repeat;
width: 145px;
height: 37px;
}
/**deroulant**/
.menu ul li ul li.subprod1 {
background-image: url(images/btnderoulpla.jpg);
background-repeat: no-repeat;
background-color: transparent;
}
.menu ul li ul li.subprod1 a:hover{
background-image: url(images/btnderoulplahov.jpg);
background-repeat: no-repeat;
background-color:transparent;
z-index:200;
}
.menu ul li ul li.subprod2 {
background-image: url(images/btnderoulen.gif);
background-repeat: no-repeat;
background-color: transparent;
}
.menu ul li ul li.subprod2 a:hover{
background-image: url(images/btnderoulenhov.gif);
background-repeat: no-repeat;
background-color:transparent;
z-index:200;
}
.menu ul li ul li.subprod3{
background-image: url(images/btnderoulpap.jpg);
background-repeat: no-repeat;
background-color: transparent;
}
.menu ul li ul li.subprod3 a:hover{
background-image: url(images/btnderoulpaphov.jpg);
background-repeat: no-repeat;
background-color:transparent;
z-index:200;
}
.menu ul li ul li.subprod4{
background-image:url(images/btnderoulcarv.jpg);
background-repeat: no-repeat;
background-color: transparent;
}
.menu ul li ul li.subprod4 a:hover{
background-image:url(images/btnderoulcarhov.jpg);
background-repeat: no-repeat;
background-color:transparent;
z-index:200;}
/**contact*/
.menu ul li.con {
margin-top: 10px;
margin-left: -6px;
background-image: url(images/btncont.jpg);
background-repeat: no-repeat;
width: 137px;
height: 34px;
}
.menu ul li.con a:hover {
background-image: url(images/btnconthov.jpg);
background-repeat: no-repeat;
width: 137px;
height: 34px;
}
.menu table {
border-collapse:collapse;
border:0;
padding:0;
font-size:1em;
position:absolute; 
left:0;
top:0;
}

.menu ul li:hover a,
.menu ul li a:hover{
text-decoration: none;
font-style: italic;
border:0;
}

.menu ul li a:hover {position:relative; z-index:200;}

.menu ul li:hover ul,
.menu ul li a:hover ul {
visibility:  visible;
width:144px;
height: 80px;
z-index:200;
background-color:White;
overflow:visible;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a{
display:block;
background:transparent;
color:#3265FE;
width:144px;
height: 16px;
padding:5px 0px 0px 0px;
text-decoration:none;
z-index:200;
}
* html .menu ul li a:hover ul li a {width:144px; w\idth:144px;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
text-decoration:none; 
border:0;
color: #FB0303;
height: 16px;
}
/*** contenu***/
#contenu{
	color:#333333;
	position: absolute;
	top:110px;
	left:450px;
	width: 590px;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
}
#contenuac{
	color:#333333;
	position: absolute;
	top:170px;
	left:450px;
	width: 580px;
	text-align: left;
	font-size: 17px;
	line-height: 24px;
	}
.horaire{
	margin-left:70px;
}
li{
	list-style-image: none;
	list-style-type: none;
}
#contenucont{
	font-size:15px;
	color: #333333;
	position: absolute;
	top:170px;
	left:440px;
	width: 570px;
	}
.button{
	background-color: #FA0004;
	color: white;
}
/*** adresse***/
#coor{
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 470px;
  left:135px;
  font-size: 17px;
  color: #333333;
  font-weight: bold;
	width: 250px;
	}
#coor span, #coor span a {
	color: maroon;
	font-size: 20px;
	line-height:23px;
}
#coort{
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 590px;
  left:135px;
  font-size: 13px;
  color: #3265FE;
  font-weight: bold;
	width: 200px;
}
#coor1{
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 519px;
  left:135px;
  font-size: 13px;
  color: #FFFFFF;
  font-weight: bold;
	width: 200px;
}
/*** pied de page***/
.footer{
	font-size: 9px;
	position: absolute;
	top: 720px;
	left:660px;
   color: #3265FE;
	width: 400px;
}
.footer a{
	color: #3265FE;
}
/****TABLEAUX**/
 .tableone {
 width:500px;
 border-collapse:collapse;
 border:1px solid #3265FE;
 color:#333333;
 text-align:center;
 }
.tableoneC {
 width:570px;
 border-collapse:collapse;
 border-left:1px solid #3265FE;
 border-right:1px solid #3265FE;
 color:#333333;
 text-align:center;
 }
 .tableoneCp {
 width:570px;
 border-collapse:collapse;
 border-left:1px solid #3265FE;
 
 color:#333333;
 text-align:center;
 }
 tr.gras {
 	font-weight: bold;
 }
 td.haut {
 	border-top:1px solid #3265FE;
 }
 td.imglogo {
 	border-left:1px solid #3265FE;
	width: 316px;
	
 }
  
 tr.dk td {background:#D5E0FE; color:#000;}
 tr.dk td.grandevide, td.grandevide {
 	 background-color: white;
	 width:30px;
	 border-left:1px solid #3265FE;
	 border-right:1px solid #3265FE;
 } 
 .tableoneC  tr.dk td.grandevide, td.grandevide {
 	 background-color: white;
	 width:30px;
	 border-left:1px solid #3265FE;
	 border-right:1px solid #3265FE;
 } 
 .tablecadre {
 	width:420px;
 border-collapse:collapse;
 border-left:1px solid #3265FE;
 border-right:1px solid #3265FE;
 color:#333333;
 background-color: white;
 text-align:center;
 }
 .merci {
 	width: 500px;
	font-weight: bold;
	text-align: center;
 }
 /*--------- Lightbox -----------*/

#lightbox{
	position: relative;
    background-color: #ffffCC;
    padding: 3px;
    border-bottom: 1px solid #AA9F89;
    border-right: 1px solid #AA9F89;
	 
}
#lightboxDetails{
    font-size: 0.9em;
    color: maroon;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ position: relative;border: none;  }

#overlay img{ border: none; z-index: 500; }

#overlay{ background-image: url(../overlay.png);  }

* html #overlay{ /*Hack IE */
    background-color:  #ffffCC;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}

/*-------- fin lightbox -------*/


/** galleryok**/
.photo {width:574px; position:relative; height:500px; margin:30px auto 20px auto;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:195px; background:#ddd; float:left; background:#fff url(button/gallery_2.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; width:195px; line-height:30px; background:#fff url(button/gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}
.photo ul li table {margin:0; padding:0; display:none;}

.photo img {border:0;}

.photo ul li a.set:hover {background:#fff url(button/gallery_1.gif) no-repeat;}


.photo ul li a.set:active {white-space: normal; background:#fff url(button/gallery_2.gif) no-repeat;}
.photo ul li a.set:focus {outline:0; background:#fff url(button/gallery_2.gif) no-repeat;}

.photo ul li a.set:active i,
.photo ul li a.set:focus i
{display:block; width:548px; height:380px; position:absolute; left:210px; top:0; border:1px solid #000000; backGground:#fff;}


.photo ul li a.set:active table,
.photo ul li a.set:focus table
{padding:0 0 5px 0; margin-top:-2px; margin-bottom:2px; display:block; border:1px solid #888; border-width:0 1px 1px;}

.photo ul a.set:active ul,
.photo ul a.set:focus ul
{margin:0; width:187px; height:auto; overflow:visible; background:transparent; padding-bottom:10px;}

.photo ul a.set:active ul li,
.photo ul a.set:focus ul li
{float:left; display:inline; width:56px; margin:2px 3px; background:transparent;}

.photo ul a.set:active ul li a,
.photo ul a.set:focus ul li
{background:transparent; line-height:1.3em;}

.photo ul a.set:active ul li a img,
.photo ul a.set:focus ul li img
{display:block; border:2px solid #fff; cursor:default; margin:0 auto;}

.photo ul a.set:active ul li a em,
.photo ul a.set:focus ul li em
{position:absolute; left:-9999px; width:548px;}

.photo ul a.set:active ul li a:hover,
.photo ul a.set:focus ul li:hover
{background:#fff;}

.photo ul a.set:active ul li a:hover em,
.photo ul a.set:focus ul li:hover em
{left:210px; z-index:0; top:0;}

.photo ul a.set:active ul li a:hover img,
.photo ul a.set:focus ul li:hover img
{border: 2px solid #3F8BFF; cursor:default;}

.photo ul a.set:active ul li a:hover em img,
.photo ul a.set:focus ul li:hover em img
{padding:1px; border:1px solid #888; margin-bottom:10px;}

.photo ul a.set:active b,
.photo ul a.set:focus b
{font-weight:bold; line-height:17px;text-decoration:none;}
.photo ul a.set:focus b span.normal {
	font-style: normal;text-decoration:none;
}

.photo .default {width:546px; height:378px; position:absolute; left:211px; top:1px; border:1px solid #888;}
.photo a {text-decoration:none;}

/**fingalleryok**/