@charset "utf-8";
/* Reset */
* {	padding:0;	margin:0;}

img {border:0;}
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
fieldset {border:none;margin:0;padding:0;}
fieldset legend {display:none;}

/* Clear float */
.clear {clear:both; height:0px; font-size:0em; line-height:0; clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* General */
body {
background-image:url(images/back.jpg);
}
#home img {border:none; filter:alpha(opacity=77); -moz-opacity:0.77; opacity: 0.77;}
#home a:hover {border:0px }
#home a:hover img {filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
#conteneur {
position:absolute;
top: 50%;
right: 50%;
width: 890px;
height: 597px;
margin-top: -248px;
margin-right: -445px;}
#conteneur2 {
width: 890px;
height: 497px;
background-color:#000;
border: 1px solid #fff;}
.langue {text-decoration: none; position:absolute; margin-top: 95px; margin-left: 20px; font-family: arial; color: #fff; font-size: 16px;}
.langue:hover {text-decoration: none; color: #ccc;}
ul.puced li a{
margin-left:4px;
padding-left:10px;
display:block;
height:1px;
font-size:1em;
line-height:1.4em;
text-decoration:none;
font-family: arial;
color: #fff;
font-size:16px;
background:url(images/puce-off.gif) no-repeat center left;
}
html>body ul.puced li a {
height:auto;	
}
ul.puced li a:hover {
filter:alpha(opacity=77); -moz-opacity:0.77; opacity: 0.77;
background:url(images/puce-on.gif) no-repeat 2px center;
}

ul.puced2 li a{
margin-left:4px;
padding-left:10px;
display:block;
height:1px;
font-size:1em;
line-height:1.4em;
text-decoration:none;
font-family: arial;
color: #fff;
font-size:16px;
background:url(images/puce.gif) no-repeat center left;
}
html>body ul.puced2 li a {
height:auto;	
}
ul.puced2 li a:hover {
filter:alpha(opacity=77); -moz-opacity:0.77; opacity: 0.77;
background:url(images/puce-on.gif) no-repeat 2px center;
}
.div_menu { margin-top: 10px; padding:5px;}

.home1 {font-family: arial; color: #9D145A; font-size: 16px;}
.home2 {font-family: arial; color: #000; font-size: 12px;}
.home3 {font-family: arial; color: #fff; font-size: 14px;}
.montre {font-family: arial; color: #000; font-size: 12px; font-weight: bold;}
.manuel {font-family: arial; color: #9D145A; font-size: 12px; font-weight: bold; text-decoration:none;}
.manuel a {font-family: arial; color: #9D145A; font-size: 12px; font-weight: bold; text-decoration:none;}

li.gray a { font-family: arial; color: #000; font-size: 16px; font-weight: bold; text-decoration:none;}
li.gray a:hover { font-family: arial; color: #333; font-size: 16px; font-weight: bold; text-decoration:none;}

.maps { width:300px; height:268px; background-image:url(../images/maps.jpg) }

.title {font-family: Verdana; color: #fff; font-size: 24px; padding-left:30px;}
.local {padding:15px;}

.produc1 {font-family: arial; color: #FBE3EE; font-size: 20px; text-decoration: none;}
.produc1:hover {font-family: arial; color: #FFCC33; font-size: 20px; text-decoration: none;}
.produc1s {font-family: arial; color: #FFCC33; font-size: 20px; text-decoration: none;}
.produc1s:hover {font-family: arial; color: #FBE3EE; font-size: 20px; text-decoration: none;}

.produc2 {font-family: arial; color: #FBE3EE; font-size: 14px; text-decoration: none;}
.produc2:hover {font-family: arial; color: #FFCC33; font-size: 14px; text-decoration: none;}
.produc2s {font-family: arial; color: #FFCC33; font-size: 14px; text-decoration: none;}
.produc2s:hover {font-family: arial; color: #FBE3EE; font-size: 14px; text-decoration: none;}

#pic img { border:none; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
#pic a:hover {border:0px }
#pic a:hover img {filter:alpha(opacity=77); -moz-opacity:0.77; opacity: 0.77;}

div.sc_menu {
  position: relative;
  height: 160px;
  width: 693px;
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 160px;
  width: 50000px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none; border:0px ;
}
.sc_menu a:hover img {filter:alpha(opacity=77); -moz-opacity:0.77; opacity: 0.77;}


div.sc_menu2 {
  position: relative;
  height: 120px;
  width: 693px;
  overflow: auto;
}
ul.sc_menu2 {
  display: block;
  height: 120px;
  width: 5000px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sc_menu2 li {
  display: block;
  float: left;
  padding: 0px;
  margin-right: 14px;
}
.sc_menu2 a {
  display: block;
  text-decoration: none; border:0px ;
}
.sc_menu2 a:hover img {filter:alpha(opacity=77); -moz-opacity:0.77; opacity: 0.77;}



ul.ppt {position: relative;}
.ppt li {list-style-type: none;position: absolute;top: 0;left: 0;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

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

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

input.form {
float:left;
width:150px;
padding:2px;
font-size: 14px;
}

.submit {
width:158px;
height: 26px;
background-color: #9E1559;
color:#FFFFFF;
}

textarea.champ {
width:350px;
height: 90px;
padding:2px;
font-size: 14px;
}


.foot {color:#777; font-family:Arial; font-size:12px; }
.foot a {color:#777; font-family:Arial; font-size:12px; text-decoration:none;}
.foot a:hover {color:#999; font-family:Arial; font-size:12px;  text-decoration:none;}

.catego a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	}

.catego a:hover {
	font-size: 11px;	
	color: FFCC33;	
	}