/* DEFINITIONS GENERALES */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
#modal_overlay { background-color:#000; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
/* FIN DEFINITIONS GENERALES */

object,span,a { outline:none; }

a {
  color: #3d3d3d;
}

html, body {
	font-size: 11px;
	line-height: 18px;
	font-family: Arial;
	color: #3d3d3d;
}

blockquote {
  margin-left:20px;
}

/* LAYOUT */
#container {
  width: 960px;
  margin: 0 auto 0 auto;
  position: relative;
  background-color: #fff;
}

#header {
  width: 895px;
  height: 15px;
  position: relative;
  background-color: #D20039;
  margin: 0 33px 0 32px;
}

#header2 {
  width: 960px;
  height: 100px;
  position: relative;
  background: #fff url(../images/footer.png) no-repeat 32px 0;
}

#content  {
  width: 960px;
  background: #E6EAEB url(../images/tile.jpg) repeat-x 0 0;
  position: relative;
}

#content2  {
  width: 850px;
  background-color: #fff;
  position: relative;
  padding: 0 0 0 40px;
  color: #666;
  margin-bottom: 20px;
}
#content2 p {
  margin: 5px 0 5px 0;
  text-align: justify;
  line-height: 14px;
  font-size: 12px;
}
#content2 h1 {
  margin-bottom: 20px;
}
#content2 h2 {
  margin-top: 10px;
  color: #888;
}

#footer {
  width: 960px;
  height: 100px;
  position: relative;
  background: #fff url(../images/footer.png) no-repeat 32px 0;
}
div.footermenu {
  position: absolute;
  top: 15px;
  right: 32px;
}
div.footermenu a {
  margin-left: 8px;
  color: #888;
  font-size: 11px;
  text-decoration: none;
  border-bottom: 1px dashed #888;
}
div.footermenu a:hover {
  color: #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
}

#trophee {
  position: absolute;
  top: 600px;
  left: 180px;
  width: 550px;
  line-height: 14px;
}
#trophee img {
  float: left;
  margin-right: 10px;
}
#trophee div.tropheetext {
  padding-top: 8px;
}

#swfalipsis {
  position: absolute;
  top: 0;
  left: 65px;
  /*margin-left:65px;*/
  width: 829px;
  height: 186px;
}
#swfwinaipod {
  float: left;
  margin: 200px 0 0 20px;
  width: 203px;
  height: 441px;
}
#alipsisbyatlantic {
  float: left;
  display: inline;
  margin: 10px 0 0 50px;
  width: 142px;
  height: 55px;
}
#alipsismessage {
  position: absolute;
  top: 300px;
  left: 370px;
  width: 400px;
  font-size: 15px;
  color: #3d3d3d;
  line-height: 20px;
  text-align: justify;
}
#alipsismessage h2, #alipsismessage h1 {
  font-size: 18px;
  color: #666;
  font-weight: bold;
  margin-bottom: 10px;
}
#alipsisinfoform {
  float: left;
  display: inline;
  margin: 10px 0 20px 150px;
  width: 292px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 16px;
  text-align: justify;
  border-left: 2px solid #666;
  padding-left: 10px;
}
#alipsisform {
  width: 650px;
  margin: 30px 0 20px 0;
}
#alipsisform table {
  border-collapse: collapse;
  margin-left: 40px;
}
#alipsisform table td {
  font-size: 13px;
}
#alipsisform table td#td-condition p {
	width: 275px;
}
#alipsisform table td input {
  color: #fff;
  width: 275px;
  font-size: 16px;
  height: 30px;
  line-height: 35px;
  padding: 8px 10px 0 10px;
  background: transparent url(../images/fondcase.gif) no-repeat 0 5px;
  border: none;
  margin-right: 10px;
}
#alipsisform table td input#condition1,
#alipsisform table td input#condition2,
#alipsisform table td input#condition3,
#alipsisform table td input#condition4 {
  color: #fff;
  width: 14px;
  font-size: 1em;
  height: 14px;
  padding: 0;
  background: none;
  margin-right: 20px;
  float: right;
}
#alipsisform table td select {
	width: 295px;
	height: 30px;
	font-size: 16px;
	line-height: 35px;
}

#alipsisform table td input:focus {
  background: transparent url(../images/fondcase-on.gif) no-repeat 0 5px;
}
#alipsisform table td input.valider {
  background-image: none;
  padding: 8px 0;
  height: 28px;
  width: 295px;
}
#alipsisform table td.label {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  padding-right: 20px;
  white-space: nowrap;
}
a.choix {
  margin:0 70px 0 0;
  padding: 2px 20px 2px 2px;
  background: transparent url(../images/combo.gif) no-repeat 100% 1px;
  text-decoration: none;
  font-size: 13px;
  color: #3d3d3d;
  outline: none;
}
a.sel {
  background-image: url(../images/combo-on.gif);
}
span.error {
  color: #716E6B;
  font-size: 12px;
  font-weight: bold;
}

div#alipsisinfo {
  margin: 20px 0 0 40px;
  font-size: 11px;
  color: #999;
}
div#alipsisinfo a {
  text-decoration: underline;
  color: #3d3d3d;
}
div#alipsisinfo a:hover {
  color: #D10039;
}

a#home {
  color: #aaa;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 0 5px 35px;
  background: #fff url(../images/home.gif) no-repeat 0 0;
  position: absolute;
  top: 17px;
  left: 35px;
}

#hauteurmin{
  width:1px;
  height:710px;
}


#en_image_fond {
  width:739px;
  height:514px;
  background:url('../images/fondpage2.gif') 0 0;
  position:absolute;
  top:196px;
  left:0px;
}

.en_image_fond_carte {
  background: url('../images/carte.png') 0 0;
  width: 170px;
  height: 219px;
  position: absolute;
  top: 220px;
  left: 20px;
}

.en_image_fond_carte a {
  display: block;
  width: 170px;
  height: 219px;
}

.en_image_fond_carte a span {
  position: absolute;
  top: 147px;
  left: 40px;
  color: white;
  font-weight: bold;
  font-size: 13px;
}

#en_image_fond_right {
  width:221px;
  height:514px;
  background:#F2F4F5;
  position:absolute;
  top:196px;
  left:739px;
}

#en_image_fond_titre{
  position:absolute;
  top:207px;left:290px;
  color:#FFF;
  font-weight:bold;
  font-size:15px;
}

#en_image_fond_img{
  width:296px;
  height:178px;
  position:absolute;
  top:250px;
  left:257px;
}

div.alipsisslideshowimg {
  text-align: center;
}

#swfwinaipodmini {
  /*float: left;*/
  position:absolute;
  top:220px;
  left:30px;
  width: 135px;
  height: 294px;
  z-index: 10;
}

#en_image_fond_video {
  width:300px;
  height:200px;
  position:absolute;
  top:240px;
  left:640px;
}

.en_image_menu{
  width:300px;
  position:absolute;
  top:460px;
  left:640px;
}
.en_image_menu a{
  color:#333;
  font-weight:bold;
  font-size:11px;
  text-align:right;
  display:block;
  margin:12px 0px 0 75px;
  width:200px;
}

.en_image_menu p{
  width:13px;
  height:31px;
  background:url('../images/menu.gif') top right;
  float:right;
  margin:5px 0 10px 0;
}

#en_image_text{
  position:absolute;
  top:460px;
  left:280px;
  text-align:right;
}
#en_image_text h2{
  color:#AE9BBF;
  font-weight:bold;
  font-size:15px;
}
#en_image_text p {
  color:#333333;
  font-size:11px;
  font-weight:normal;
  line-height:12px;
  margin-top:5px;
  text-align:justify;
  width:340px;
}

/* slideshow */
ul.crossfade {
	padding: 0;
	list-style: none;
	position: relative;
}

#fadeslideshow li {
  position: absolute;
	top: 0;
	left: 0;
	width: 296px;
	height: 178px;
	background-color: #AE9BBF;
	visibility: hidden;
}


li img {
	display: block;
	border: 0px solid #FFF;
}

.caption {
	clear: both;
	padding: 0em;
	background-color: #FFF;
}

.example {
  position: relative;
	background-color:#AE9BBF;
	width: 296px;
	height: 178px;
}

.control {
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
}

#fadeslideshow-previous {
  width:32px;
  height:32px;
  background:url('../images/gauche.gif');
	position:absolute;
 	top: 150px;
  left: -35px;
}

#fadeslideshow-next {
  width:32px;
  height:32px;
  background:url('../images/droite.gif');
	position:absolute;
	top: 150px;
  left: 300px;
}





.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(../images/highslide/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../images/highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/highslide/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../images/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../images/highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(../images/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../images/highslide/graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: .5em;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 0px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(../images/highslide/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(../images/highslide/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(../images/highslide/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(../images/highslide/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/* PAGE PRODUIT */
#prodcontainer {
  width: 960px;
  margin: 0 auto 0 auto;
  position: relative;
  background-color: #fff;
}
#prodheader {
  width: 960px;
  height: 201px;
  position: relative;
  background-color: #EFF0F2;
  border-bottom: 2px solid #BFBFC1;
}
#prodretour {
  width: 895px;
  height: 15px;
  margin-left: 32px;
  background-color: #D20039;
  color: #fff;
}
#prodheader #swfalipsis {
  position: absolute;
  top: 15px;
  left: 65px;
  width: 829px;
  height: 186px;
}
#prodcontent  {
  width: 960px;
  background-color: #EFF0F2;
  position: relative;
}
#prodfooter {
  width: 960px;
  height: 100px;
  position: relative;
  background: #fff url(../images/footer.png) no-repeat 32px 0;
}
.prodsep {
  float: left;
  width: 576px;
  height: 1px;
  border-bottom: 2px solid #BFBFC1;
  margin: 0 0 0 192px;
}
.prodimg1 {
  float: left;
  display: inline;
  width: 254px;
  height: 170px;
  background: transparent url(../images/fondimage1.jpg) no-repeat 0 0;
  margin: 80px 0 20px 30px;
  padding: 24px 0 0 17px;
}
.prodtext1 {
  float: left;
  display: inline;
  width: 362px;
  margin: 50px 0 0 20px;
  font-family: Arial;
  font-size: 12px;
  color: #3d3d3d;
  line-height: 20px;
}
.prodimg2 {
  float: left;
  display: inline;
  width: 166px;
  height: 120px;
  background: transparent url(../images/fondimage2.jpg) no-repeat 0 0;
  margin: 30px 0 0 30px;
  padding: 14px 0 0 9px;
}
.prodtext2 {
  float: left;
  display: inline;
  width: 270px;
  margin: 30px 0 0 5px;
  font-family: Arial;
  font-size: 12px;
  color: #3d3d3d;
  line-height: 20px;
}
.prodtext1 h2,.prodtext2 h2, h2.prodh2 {
  color: #C9D202;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 30px;
}
h3.prodh3 {
  color: #C9D202;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 30px;
  padding-right: 20px;
}
.prodmenu a {
  float: left;
  display: inline;
  height: 40px;
  line-height: 40px;
  color: #000;
  text-decoration: underline;
  border-bottom: 1px dashed #ccc;
  width: 230px;
  text-align: right;
  padding-right: 30px;
  font-size: 13px;
  background:transparent url(../images/menu.gif) no-repeat 240px 5px;
}
h3#proda1, h3#prodb1, h3#prodc1, h3#prodd1 {
  position: absolute;
  top: 160px;
  width: 150px;
  color: #753977;
  font-size: 11px;
  overflow: hidden;
  text-align: right;
}
p#proda2, p#prodb2, p#prodc2, p#prodd2 {
  position: absolute;
  top: 180px;
  width: 150px;
  height: 80px;
  color: #3d3d3d;
  font-size: 11px;
  overflow: hidden;
  text-align: right;
  line-height: 13px;
}
h3#proda1, p#proda2 { left: 305px; }
h3#prodb1, p#prodb2 { left: 467px; }
h3#prodc1, p#prodc2 { left: 627px; }
h3#prodd1, p#prodd2 { left: 778px; width: 165px; }


/*******/
#maps_left {
  float: left;
  display: inline;
  width: 250px;
  margin: 20px 0 20px 20px;
}

#maps_left #legende {
  clear: left;
  float: left;
  display: inline;
  margin-top: 280px;
}

#maps_left #legende p {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
}

#maps_right {
  float: right;
  display: inline;
  margin: 20px 20px 20px 0;
}

.homelink, .homelink span {
  color: white;
  text-decoration: none;
  margin: 0 0 0 10px;
}
