html,body{
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 0;
}

/**************************************** CSS : DIV GENERAL ****************************************/

.content{
	background-image: url("/img/webJec.jpg");
	background-repeat: no-repeat;
	width: 1000px;
	margin:0 auto;
	height:900px;
}

.content-header{
	position: relative;
	top:48px;
	left:110px;
	width:775px;
	height:25px;
}

.menu{
	float: left;
	width: 600px;
	height: 20px;
	/*
	position: absolute;
	top:48px;
	left:110px;
	*/
}

.login{
	float: right;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 9px;
}


.error{
	color:red;
	font-size:12pt;
}

.partenaire{
	height:320px;
	left:640px;
	position:relative;
	top:85px;
	width:240px;
}

.tv {
	height:150px;
	left:285px;
	position:relative;
	top:-140px;
	width:335px;
	visibility: hidden;
}

.image{
	position:relative;
	top:-125px;
	left:10px;
	height: 250px;
	width: 390px;
	z-index:1;
	/*
	position: absolute;
	top:370px;
	left:10px;
	*/
}

.blanc{
	z-index:0;
	background-color: white;
	position: relative;
	width:819px;
	left:85px;
	top:-310px;
}

.blanc-withoutcar{
	z-index:0;
	background-color: white;
	position: relative;
	width:819px;
	left:85px;
	top:-60px;
}

.catalogue-hivers{
	position:absolute;
	left:300px;
	top:-217px;
	width:228px;
	height: 200px;
	text-align:center;
	background-image: url("/img/bouton-start-eteint.png");
	background-repeat: no-repeat;
	background-position: bottom;
	color:#1B2048;
	font-weight:bold;
	cursor: pointer;
	border:0px solid black;
	font-size:1.3em;
	position: absolute;
	color:#ff9000;
}

/*.shoponline {
	position:absolute;
	left:300px;
	top:-217px;
	width:228px;
	height:205px;
	text-align:center;
	background-image: url("/img/bouton-hiver.png");
	background-repeat: no-repeat;
	color:#1B2048;
	font-weight:bold;
	cursor: pointer;
	border:0px solid black;
}

.shoponline-titre{
	top:5px;
	font-size:1.4em;
	position: inherit;
	width: 228px;
	height: 100px;
	color:#3A95F2;
	}

.shoponline-soustitre{
	top:75px;
	font-size:1.3em;
	position: inherit;
	width: 228px;
	height: 100px;
	color:white;
	}*/

	/*
.shoponline a {
	color : black;
	font-weight: bold;
	font-size:20px;
	color:red;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:12px 10px 10px 15px;
	vertical-align:middle;
}
	*/
/*
.vide{
	position: relatif;
	left:0px;
	height: 130px;
}
*/
.cont{
	float: left;
	position:relative;
	margin-top:220px;
	width: 539px;
	text-align: justify;
	/*
		position: relatif;
		left:0px;
		min-height: 150px;
		width: 525px;
		color:black;
		text-align: justify;
		margin-top:40px;	
	*/
}

.catGal{
	float:left;
	margin-top:43px;
	/*
		position: relatif;
		float:right;
		right:0px;
		width: 280px;
		margin-top: -170px;
	*/
}

.bas{
	background-color: #666666;
	background-image: url("/img/webJecBas.jpg");
	background-repeat: no-repeat;
	position: relatif;
	height: 120px;
	clear:left;
	margin-top:15px;
}

.catalogue{
	/*background-color: blue;
	border:2px solid blue;
	*/
	background-image: url("/img/etiquette.png");
	background-repeat: no-repeat;
	background-position: top right;
	width: 280px;
	/*
	position: relative;
	*/
}

.gallerie{
	/*background-color: blue;
	border:2px solid blue;
	*/
	background-image: url("/img/etiquette.png");
	background-repeat: no-repeat;
	background-position: top right;
	width: 280px;
	/*
	position: relative;
	*/
}



.contentCatalogue{
	padding: 1px;
	padding-right: 10px;
	text-align: justify;
}

/* CSS pour le message d'erreur de la compatibilité du navigateur */
.navigateur{
	background-image: url("/img/navJec.jpg");
	background-repeat: no-repeat;
	width: 790px;
	margin:0 auto;
	height:500px;
	margin-top:20px;
	padding: 10px;
	padding-top: 100px;
	background-color: white;
}

.navigateur a{
	color: black;
}

#vote{
	border: none;
	font-size: 10px;
}

#vote table {
	border: solid black 1px;
	text-align: center;
	margin: 0px auto 10px auto;
}
	
#vote td {
	padding: 1px 10px 1px 10px;
}

#vote td.votes {
	background-image: url("/img/vote.jpg");
	color: white;
}

#vote td.form {
	border-top: solid black 1px;
}

#vote a {
	color: red;
	/*text-decoration: underline;*/
}

#vote a:hover {
	text-decoration: underline;
}

/**************************************** CSS : FIN DIV GENERAL ****************************************/

/**************************************** CSS : DIV ACTUALITES  ****************************************/

.actu{
	text-align:justify;
	float:left;
}

.actu-header{
	background-image: url("/img/actualites.jpg");
	float:left;
	height:40px;
	width:534px;
	margin-bottom:10px;
}


.dateActu{
	position:relative;
	float:left;
	left:48px;
	top:10px;
	color:white;
	font-weight:bold;
}

.titreActu{
	position:relative;
	float:left;
	left:75px;
	color: #989898;
	top:10px;
	font-size: 14px;
}
.arecherche {
	text-decoration: underline;
	color : black;
}
.recherche-header{
	background-image: url("/img/titre-recherche.jpg");
	float:left;
	height:40px;
	width:800px;
	margin-bottom:10px;
}

.titreRecherche{
	position:relative;
	float:left;
	left:40px;
	color: White;
	top:10px;
	font-size: 16px;
	font-weight: bold;
}
/* A PURGER SI INUTILE... SINON METTRE EN RELATIF
.descActu {
	color:black;
	left:210px;
	position:relative;
	top:60px;
	width:315px;
	text-align:justify;
}
*/


.imgActu {
	background-image: url("/img/cadre.jpg");
	clear:left;
	left:40px;
	position:relative;
	float:left;
	margin-bottom: 10px;
	width:160px;
	height:160px;
}

#imgActuView{
	margin-top:25px;
	margin-left:11px;
}

.resActu {
	color:black;
	float:left;
	left:60px;
	position:relative;
	width:315px;
	margin-bottom: 10px;
}

.lienActu{
	color: red;
	text-decoration: underline;
	font-size: 11px;
}

.lienActuExt{
	color:grey;
	font-size: 11px;
	vertical-align: bottom;
}

.lienActuPdf{
	color: red;
	text-decoration: underline;
	font-size: 12px;
	vertical-align: bottom;
}

.pagination{
	position:relative;
	left:35px;
	top:0px;
	color:black;
}

.pagination a{
	color:black;
}

.video{
	float: left;
	margin-left:40px;
}

.appercuVideo{
	background-image:url("/img/video.png");
	height:37px;
	margin-left:12px;
	margin-top:-38px;
	position:relative;
	width:37px;
}

/**************************************** CSS : FIN DIV ACTUALITES  ****************************************/

/**************************************** CSS : TITRE ETTIQUETTES   ****************************************/

.titreEtiquette{
	padding: 10px;
	padding-top: 12px;
	padding-left: 15px;
	color: #3A95F2;
	vertical-align: middle;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/**************************************** CSS : FIN TITRE ETTIQUETTES   ****************************************/

/**************************************** CSS : MENU                    ****************************************/

li.yuimenubaritem{
	list-style-type:none;
}

.yuimenubaritemlabel {
	border-color:black;
	border-style:solid;
	border-width:0 0 0 1px;
	padding:9px 15px;
	font-size:10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:11px;
}

/**************************************** CSS : FIN MENU                ****************************************/

/**************************************** CSS : PARTENAIRE              ****************************************/

.p1{
	position: absolute;
	top: 78px;
	left: 6px;
	width: 107px;
	height: 107px;
	border: 1px solid black;
	cursor: pointer;
}

.p2{
	position: absolute;
	top: 78px;
	left: 127px;
	width: 107px;
	height: 107px;
	border: 1px solid black;
	cursor: pointer;
}

.p3{
	position: absolute;
	top: 200px;
	left: 6px;
	width: 107px;
	height: 107px;
	border: 1px solid black;
	cursor: pointer;
}

.p4{
	position: absolute;
	top: 200px;
	left: 127px;
	width: 107px;
	height: 107px;
	border: 1px solid black;
	cursor: pointer;
}

.partenaire input{
	height:18px;
	left:10px;
	position:absolute;
	top:19px;
	width:175px;
	background-color: transparent;
	border: none;
	color:white;
}

/**************************************** CSS : FIN PARTENAIRE          ****************************************/

/**************************************** CSS : GENERAL                 ****************************************/

a{
	color: white;
	text-decoration: none;
}

.RSS{
	/*border:2px solid blue;*/
	height:28px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	padding-top:10px;
	width:32px;
	cursor: pointer;
	background-image: url("/img/rss.png");
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	left: 187px;
	top:15px;
}

th, td {
	border:none;
}

/**************************************** CSS : FIN GENERAL             ****************************************/

/**************************************** CSS : TV                      ****************************************/

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0px;
	margin-left: 20px;
	width:300px;
	height:150px;
	background-color: #131313;
	position:relative;
}
#slideshow #slidesContainer {
  width:300px;
  height:150px;
  overflow:auto; /* affiche une scrollbar au cas ou */
}
#slideshow #slidesContainer .slide {
  width:300px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:150px;
}
#slideshow #slidesContainer #slideInner .slide {
  width: 300px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:10px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:60px;
  left:-20px;
  background-image: url(/img/leftControl.png);
  background-repeat: no-repeat;
  height: 40px;
}
#rightControl {
  top:60px;
  right:-20px;
  background-image: url(/img/rightControl.png);
  background-repeat: no-repeat;
  height: 50px;
}

.slide img {
  margin:0px;
}

/**************************************** CSS : FIN TV                   ****************************************/

/**************************************** CSS : ACCORDEON                ****************************************/

a.trigger {
	display:block; 
	padding-left:20px; 
	background-image: url("/img/flakes.png"); 
	background-repeat: no-repeat; 
	background-position: 1px 50%;  
}

a.trigger.open {
	background-image: url("/img/flakes.png")
}

.accordeon{
	list-style: none;
	list-style-type: none;
	/*
	list-style-image: url(/img/vue.jpg);
	*/
	color: #AB1F23;
	min-width:120px;
	margin-bottom: 0px;
}
ol, ul, dl {
  margin-left: 1em;
	margin-right: 0px;
	margin-top: 5px;
	/*
	margin-top:0px;
	margin-bottom:0px;
	*/
}

.accordion a{
	color: #AB1F23;
}

/*
*/ 
.accordion li.last-child {
	padding-left:20px; 
	background-image: url("/img/flakes.png"); 
	background-repeat: no-repeat; 
	background-position: 1px 50%;  
}


/**************************************** CSS : FIN ACCORDEON            ****************************************/

/**************************************** CSS : GALLERIE                 ****************************************/

.Pictures-Thumbs a{
	margin: 5px;
	float: left;
}

/* the thumbnails */
#triggers {
	float: left;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:999;
	position: relative;
}

#gallery{
	/*
	margin-left:-85px;
	margin-top:-440px;
	margin-left:-650px;
	margin-top:-800px;
	*/
}

/**************************************** CSS : FIN GALLERIE             ****************************************/

/**************************************** CSS : FIN FORMULAIRE           ****************************************/

.identify{
	background-color: #630d0d;
	color:white;
	left:120px;
	position: absolute;
}

.bIdentify{
	color:black;
	left:120px;
	position: absolute;
	margin-top:10px;
}

/**************************************** CSS : FIN FORMULAIRE           ****************************************/

/**************************************** CSS : CONTACT                  ****************************************/

.aRetour a{
	color: black;
}

.capContact{
	margin-bottom:2px;
}

/**************************************** CSS : FIN CONTACT              ****************************************/

/**************************************** CSS : IDENTIFICATION                  ****************************************/

.captcha{
	margin-left: 110px;
	margin-bottom:2px;
}

/**************************************** CSS : FIN IDENTIFICATION              ****************************************/

/**************************************** CSS : IDENTIFICATION                  ****************************************/

.newDemande{
	position: absolute;
	bottom: -20px;
}

.newDemande a{
	color:black;
	font-size: 12px;
	font-weight: bold;
}

.newDemande p{
	font-size: 12px;
}

/**************************************** CSS : FIN IDENTIFICATION              ****************************************/

/**************************************** CSS : SIGNATURE                       ****************************************/

.signed{
	position:absolute;
	bottom:45px;
	color:white;
	right:10px;
	font-size: 11px;
}
.lienFacebook{
	position: relative;
	float: left;
	margin-top: 50px;
	margin-left: 10px;
}

/**************************************** CSS : FIN SIGNATURE                   ****************************************/

@media screen{
  	body>div#hold{
   		position: fixed;
	z-index: 98;
	}
}

/**************************************** CSS : VIDEO                           ****************************************/

#videogallery {
	padding-left: 3px;
	margin-left:212px;
	width:120px;
	zoom:1;
}

#videogallery span{ display:block; }

#videogallery a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;	
	padding:6px;	
	width:100px;
	border:solid 1px #b8b8b8;
	background-color:#f4f5f5;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
	color:blue;
}

#videogallery a img{
	display:block;
	border:none;
	margin:0px;
}

#videogallery a:hover{
	opacity:1;
}

/**************************************** CSS : FIN VIDEO                       ****************************************/

/**************************************** CSS : Recherche **************************************************************/
.ancre {
	color : black;
	font-weight: bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	marging-top:10px;
	border-bottom: 1px solid grey;
}