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

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #959193;
	background-image: url(../img/bkg/bkg_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#header {
	height: 35px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 11px;
	color: #FFF;
	margin: 0px;
}
#container {
	width: 920px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#mainMenu {
	margin-top: 34px;
	height: 34px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 180px;
	height: 460px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#sidebar2 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 150px;
	height: 460px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#mainContent {
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 40;
	padding-top: 20;
	padding-right: 0px;
	padding-bottom: 40;
	padding-left: 20px;
	font-size: 11px;
	color: #333;
	height: 480px;
	width: 510px;
	float: left;
	margin-left: 20px;
	line-height: 18px;
	overflow: hidden;
}
#mainContent p {
	padding-bottom: 10px;
}
#mainContent a {
	color:#3DA639;
	text-decoration:none;
	font-weight: bold;
	display: inline-block;
	padding: 0px;
	margin: 0px;

}
#mainContent a:hover {
	color: #FEB00E;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FFAC57;
	margin: 0px;
	padding: 0px;
}
#footer {
	padding-top: 0;
	padding-bottom: 0;
}
#footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	font-size: 9px;
	color: #EDEDED;
}
#footer p a {
	color: #3CA438;
	text-decoration: none;
}
#footer p a:hover {
	color: #FFF;
	text-decoration: none;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.width100 {
	width: 100%;
}
.width75 {
	width: 75%;
}
.width50 {
	width: 50%;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.wrapper .text {
	height: 140px;
}

#slideshow {
	position:relative;
	height:220px;
	border: 1px solid #FEFEFF;
	margin-bottom: 20px;
	width: 508px;
	overflow: hidden;
	z-index: 0;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
.lavaLamp {
	position: relative;
	height: 34px;
	width: 510px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	float: left;
}
/* Force the list to flow horizontally */
    .lavaLamp li {
	float: left;
	list-style: none;
	padding-top: 2px;
}
/* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
	width: 12px;
	z-index: 8;
	position: absolute;
	background-image: url(../img/boutons/lava_blue.gif);
	background-repeat: no-repeat;
	background-position: right -34px;
	height: 34px;
}
.lavaLamp li.back .left {
	height: 34px;
	margin-right: 14px;
	background-image: url(../img/boutons/lava_blue.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* Styles for each menu-item. */
        .lavaLamp li a {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	text-align: center;
	top: 7px;
	z-index: 10;
	letter-spacing: 0;
	float: left;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 34px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#mainMenu .menuButton {
	width: 370px;
	float: left;
	height: 34px;
	margin-right: 20px;
	padding: 0px;
}
#mainMenu .menuBar {
	width: 530px;
	float: right;
	height: 34px;
	padding-left: 0px;
	text-align: center;
}
/* SLIDER */
stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	width: 510px;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
	clear: left;
}
/* These 2 lines specify style applied while slider is loading */
		.csw {
	width: 100%;
	background: #fff;
	overflow: scroll
}
.csw .loading {
	text-align: center;
	margin-top: 200px;
	margin-right: 0;
	margin-bottom: 300px;
	margin-left: 0;
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 510px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 400px;
	clear: both;
}
.panelContainer .panel .wrapper .gallery_h {
	height: 325px;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 510px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	display: none;
}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	display: none;
}
.stripNav ul li {
	float: right;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	display: none;
}
.stripNav a { /* The nav links */
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
	float: right;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	display: none;
}
.stripNav li.tab1 a {
	display: none;
}
.stripNav li.tab2 a {
	display: none;
}
.stripNav li.tab3 a {
	display: none;
}
.stripNav li.tab4 a {
	display: none;
}
.stripNav li a:hover {
	display: none;
	background: #333;
}
.stripNav li a.current {
	background: #000;
	color: #fff;
	display: none;
}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000;
	display: none;
}
.stripNavL a, .stripNavR a {
	display: none;
	height: 40px;
	width: 40px;
}
.stripNavL {
	left: 0;
	display: none;
}
.stripNavR {
	right: 0;
	display: none;
}
.stripNavL {
	display: none;
	background-repeat: no-repeat;
	background-position: center;
}
.stripNavR {
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}
/* BOUTONS */

.fadeThis {
	display:block;
	height: 34px;
	width: 150px;
	background-image: url(../img/boutons/promotions.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: 0px;
	float: right;
	cursor: pointer;
	margin-right: 10px;
}
.fadeThis * {
	display: none;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
}
.fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 34px;
	width: 150px;
	background-image: url(../img/boutons/promotions_hover.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
}


.fadeThis2 {
	display:block;
	height: 34px;
	width: 150px;
	background-image: url(../img/boutons/contact_hover.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: 0px;
	float: right;
	cursor: pointer;
	margin-right: 0px;
}
.fadeThis2 * {
	display: none;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
}
.fadeThis2 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 34px;
	width: 150px;
	background-image: url(../img/boutons/contact.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
}


.fadeThis3 {
	display:block;
	height: 34px;
	width: 150px;
	background-image: url(../img/boutons/promotions-de.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: 0px;
	float: right;
	cursor: pointer;
	margin-right: 10px;
}
.fadeThis3 * {
	display: none;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
}
.fadeThis3 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 34px;
	width: 150px;
	background-image: url(../img/boutons/promotions_hover-de.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
}


.fadeThis4 {
	display:block;
	height: 34px;
	width: 150px;
	background-image: url(../img/boutons/contact-de.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: 0px;
	float: right;
	cursor: pointer;
	margin-right: 0px;
}
.fadeThis4 * {
	display: none;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
}
.fadeThis4 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 34px;
	width: 150px;
	background-image: url(../img/boutons/contact_hover-de.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
}



.menuButton li {
	list-style-type: none;
	display: inline;
	float: right;
	margin-top: -16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sidebar2 a {
	font-size: 12px;
	color: #0B479D;
	text-decoration: none;
	font-weight: normal;
	display: block;
	float: left;
}
#sidebar2 img.icone {
	padding-right: 10px;
	display: block;
	float: left;
	width: auto;
}
#sidebar2 a:hover {
	color: #000;
}
/* SLIDE OVER PHOTOS */

.boxgrid {
	width: 115px;
	height: 128px;
	margin:5px;
	float:left;
	border: 1px solid #FFFEFF;
	overflow: hidden;
	position: relative;
	background-color: #000;
	font-size: 9px;
	color: #FFF;
}
a.boxcaption  , a.caption, a.boxgrid{
	color: #0B479D;
!important
; 	display: block;
}
				
				.boxcaption h3{
	color:#0B479D;
	letter-spacing:-1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.boxcaption  {
	color: #FEB00E; !important
} 


.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 128px;
	height: auto;
	margin-top: -5px;

}
.boxgrid p {
	padding: 0 10px;
	color:#000;
	font-weight:normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
.boxcaption{
	float: left;
	position: absolute;
	height: 128px;
	width: 100%;
	opacity: .9;






				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	font-size: 9px;
	color: #333;
	background-color: #FFF;
 			}
 				.caption .boxcaption {
	top: 105px;
	left: 0;
 				}
a:hover.boxcaption, a:hover.caption, a:hover.boxgrid {
	color: #FEB00E !important;



; 			display: block;
}


/* GALLERY */
h3 {
	font-size: 11px;
	line-height: 15px;
	color: #2C479D;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
.gallery .photo a {
	height: 62px;
	width: auto;
	border: 1px solid #CCC !important;
	overflow: hidden;
	float: left;
	outline:none;
	padding: 1px;
	margin-top: 0px;
	margin-right: 5px !important;
	margin-bottom: 10px !important;
	margin-left: 5px;
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8;
}

 .gallery .photo a:hover {
	border-top-color: #FEB00E !important;
	border-right-color: #FEB00E !important;
	border-bottom-color: #FEB00E !important;
	border-left-color: #FEB00E !important;
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;
}
.gallery {
	float: left;
	width: 510px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 85px;
}
.gallery .photo img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	padding: 0px;
	width: 78px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
}
.panelContainer .panel .wrapper .liens a {
	height: 50px;
	width: 235px;
	display: block;
	text-align: center;
	margin: 5px !important;
	overflow: hidden;
	float: left;
	border: 1px solid #B5B4BA;
	background-color: #FFF;
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8;
	padding-top: 5px !important;
	padding-right: 4px !important;
	padding-bottom: 5px !important;
	padding-left: 4px !important;
}
.panelContainer .panel .wrapper .liens a:hover {
	border: 1px solid #FEB00E !important;
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;

}
.panelContainer .panel .wrapper .liens  img {
	max-height: 30px;
	max-width: 235px;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	height: auto;
	width: auto;
	overflow: hidden;
}
.panelContainer .panel .wrapper .gallery_h2 {
	height: 362px;
}
#mainContent .parag a{
	padding-bottom: 5px !important;
	border-bottom-width: 1px !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FEFEFF;
	font-weight: normal;
	width: 510px;
	margin-bottom: 5px !important;
}
#mainContent .parag a:hover{
	border-bottom-color: #FEB00E !important;
	}