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

@import url("catalogne-promo.css");

body {
	text-align: center;
	border:0px;
	margin: 0px;
	background-color: #414552;
	color: #DFD2D3;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 2px;
	padding: 0px;
	/* fichier pour internet explorer */
	behavior: url(../csshover.htc);

}

body a{
	text-decoration: none;
	color:#DFD2D3;
	border: none;
}

h1, h2 {
	text-transform: uppercase;
	color: #CC6600;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;

	} 

h3, h4{
	text-transform: uppercase;
	color: #CC6600;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
}

p { 
	margin:0;
	padding:0;
	font-style: italic;
	font-size: 9px;
	line-height:11px;
	letter-spacing: 1pt;
}

.bold {
	font-size: 11px;
	font-style: italic;
	font-weight: 500;
}


h5 {
	font-style: italic;
	font-size: 19px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: normal;
 }

#conteneur {
	width: 990px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;

}

.lien {
		color: #CC6600;
		border: none;

}


#grostittle {
	font-size: 19px;
	font-style: italic;
	line-height:16px;
	}

#grostittle a {
	font-size: 19px;
	}

#mediumtittle {
	font-size: 13px;
	line-height: 20px;
	font-style: italic;

	}

#petittittle {
	margin: 10px 0 1px 0;
	padding: 0;
	font-size: 8px;
	letter-spacing: 3px;
	line-height: 16px;
	text-transform: uppercase;
	font-style: normal;

	}



	/*=========Menu=========*/
	
#navigation{
	margin: 0 0 18px 0;
	padding: 0px;
	z-index: 1;
	height:88px;
}
	
	
#navigation ul{
	margin: 0 0 0 180px;
	padding: 0px;
	line-height: 20px;
	position:absolute;
	bottom:0px;
	left:0;
	top: 60px;	
}

#navigation li{
	margin: 0px;
	padding: 0px;
	position:relative;
	display: inline;
	list-style-image: none;
	margin-right: 50px;
	color:#DFD2D3;
}

#navigation li a:hover{
	background-color: #CC6600;
	color: #CCC;
	font-size: 9px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #CC6600;
 	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CC6600;
}
#navigation li object {
	margin:0;
	padding:0;
	line-height:0;
}
#navigation img {
	border:none;
}
	
/*la fleche*/
#navigation li.sousmenu {
	background-image: url(../images/puce2.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	list-style-position: outside;
	position: relative;
                     } 
					 
/* On cache tous les sous menu avec la propriété display none */ 	
#navigation ul ul {
	position: absolute;
	display: inline;
	text-align: left;
	display:none;
	top: 14px;
	left: 0px;	
}

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
#navigation li.sousmenu:hover ul.niveau2{
	display: inherit;
	z-index: 10;
	background-color: #414552;
}

#contenu #navigation .PetitLogo {
	float:right;
	position:absolute;
	left:722px;
	top:-68px;
}

/*======== ==========*/


#contenu #SousRubriquesFond {
	position: absolute;
	z-index: 1;
	width: 660px;
	height: 23px;
	background-color: #414552;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
   left: 0;
   top: 106px;   
}
#contenu #SousRubriquesParent {
	position: relative;
	z-index: 1;
	left:0px;
	top: 0px;
}

#contenu #SousRubriques {
	position: absolute;
	z-index: 2;
	width: 900px;
	text-align: left;
	height: 25px;
	font-style: italic;
	font-size: 13px;
	left: 0;
	top: 0px;	
}

#contenu #SousRubriques ul {
	margin-top: 5px;
}	


#contenu #SousRubriques li {
	margin: 0; padding: 0;
	display: inline;
	list-style-type: none;
	margin-right: 50px;

}

/*#contenu #SousRubriques ul {
	margin-top: 5px;
}	*/
	
#contenu #SousRubriques li a {
	color: #CCC;
	margin: 0; padding: 0;
	height: inherit;
	
	}

#contenu #SousRubriques li a:hover{
	background-color: #CC6600;
	color: #CCC;
	}
		
#contenu #SousRubriques ul .niveau2 {
	padding: 5px 0 0 40px;
	
}

#contenu #SousRubriques .niveau2 li a {
	background-color: #CC6600;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	margin: 0; padding: 0;
	display: block;
	width: 60px;
	height: 24px;
	color: #FFF;
	line-height: 23px;

}

#contenu #SousRubriques .niveau2 li a:hover{
	background-color: #FFF;
	color: #CC6600;

	}
	
#contenu #SousRubriquesFond2  {
	position: absolute;
	top: 14px;
	left: 0px;
	z-index: -1;
/*	background-color: #414552;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
*/	height: 330px;
	width: 120px;
}
/* On cache tous les sous menu avec la propriété display none */
#contenu #SousRubriques ul ul {
	position: absolute;
	text-align: left;
/*	display:none;
*/	top: 10px;
	left: 0px;	
}

#contenu #SousRubriques ul ul a {
	color:#CC6600;
	}

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
/*#contenu #SousRubriques li.sousmenu:hover ul.niveau2 {
	display: inherit;
}*/


#contenu #SousRubriques .sousmenu .niveau2 li {
	display: block;
	z-index: 2;
	
		
}


/*========= CONTENU =========*/

#contenu{
	z-index: 0;
	margin:auto;
	position:relative;
	text-align:center;
	width:990px;
	margin-top: 4%;

}
	
#contenu2{
	z-index: 0;
	margin:auto;
	position:relative;
	text-align:center;
	width:930px;

}


.contenuPhoto {
	height: 295px;
	width: 330px;
	float: left;
	background-color: #343844;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	padding-top: 35px;
}

.contenuInfo {
	height: 330px;
	width: 330px;
	float: left;
	background-color: #343844;
	text-align: left;
}

.contenu3 {
	height: 330px;
	width: 200px;
	float: left;
	background-color: #343844;
	text-align: left;
}

.contenu4 {
	height: 330px;
	width: 460px;
	float: left;
	background-color: #343844;
	text-align: left;
	margin-bottom: 15px;
	}

.contenuDble {
	height: 3308px;
	width: 660px;
	float: left;
	background-color: #343844;
	text-align: left;
	margin-bottom: 15px;
	}

#textbox {
	margin: 42px 10px 10px 50px;
	font-size:10px;
	line-height:12px;
	letter-spacing:1px;
	font-style:italic;
}

#textboxService {
	margin: 30px 10px 10px 30px;
	font-size:11px;
	line-height:13px;
	letter-spacing:1px;
	font-style:italic;
	font-weight: 100;
}


#textboxShort {
	margin: 42px 10px 10px 0;
	font-size:10px;
	line-height:12px;
	letter-spacing:1px;
	font-style:italic;
	}

.contenuLogo {
	height: 330px;
	width: 330px;
	float: left;
	/*background-color: #1B2433;*/
	background-color: #13151D;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

.contenuTexte {
	height: 330px;
	width: 330px;
	float: left;
	background-color: #343844;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	text-align: center;
}

.contenuReuni {
	float: left;
	height: 330px;
	width: 660px;
	margin-bottom: 15px;
	background-color: #343844;
	
}

.contenuPlan {
	height: 330px;
	width: 330px;
	float: left;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	background-color: #343844;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.contenuMap {
	height: 330px;
	width: 330px;
	float: left;
	background-color: #343844;
	margin-bottom: 15px;
	text-align:left;
	}


.contenu4 input {
	margin: 0; padding: 0;
	color:#DFD2D3;
	background-color: #464A53;
	border: 2px solid #464A53;
	font-size: 11px;
	width: 260px;
	}
		
.contenu4 textarea {
	margin: 0; padding: 0;
	color:#DFD2D3;
	background-color: #464A53;
	border: 2px solid #464A53;
	font-size: 11px;
	width: 260px;
	}

#ligneForm {
	width: 100%;
	margin: 0;
}	

#ligneForm2 {
	width: 100%;
	height: 164px;
	/height:74px;		
	margin: 0;
	}	

#attribut {
	float:left;
	width: 115px;
	line-height:24px;
	text-align:right;
	padding-right: 18px;
	}	

#valeur {
	float: left;
	width: 250px;
	height:25px;
	}	


#send input {
	float: left;
	width: 70px;
	height: 25px;
	background: #CC6600;
	border: none;
	font-size: 9px;
	height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	}	


.contenuInfo a {
	color:#CC6600;
	margin: 0; padding: 0;
	font-size: 12px;
	line-height: 20px;
	text-decoration:none;
	}

.contenuInfo a:hover {
	color:#CC6600;
	text-decoration:underline;
	}

/*#textbox a {
	float: left;
	margin:0; padding:0;
	font-size:12px;
	display:block;
	margin-top: 6px;
	}
*/
.contenu3 a {
	color:#CC6600;
	margin: 0; padding: 0;
	font-size: 12px;
	line-height: 20px;
	text-decoration:none;
	}

.contenu3 a:hover {
	color:#CC6600;
	text-decoration:underline;
	}

.contenu3 img {
	float: left;
	display: block;
	margin: 0 6px 0 0;
		}



/* -- CONTENU NAV APPART2--*/

#contenu .contenuPhoto ul {
	position: relative;
	list-style-type: none;
	z-index: 3;
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-style: italic;
	margin-top: 40;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 40px;
	font-weight: 500;
}
#contenu .contenuPhoto li {
	padding-top: 3px;
	padding-bottom: 3px;
}

#contenu .contenuPhoto li:hover {
	background-color: #414552;
	width: 170px;
}


/*----*/

#moteur {
	
	float: left;
	height: 330px;
	width: 605px;
    position:relative;
}


/*-- sousContenu--*/

#sousContenu {
	
	width: 990px;
/*	visibility: hidden;
*/	}



/*========= SLIDESHOW =========*/

#slideshow {
	float: left;
	height: 330px;
	width: 660px;
	position:relative;
	z-index: 0;
}

#slideshowText{
	height: 220px;
	width: 440px;
	background-color: #343844;
	text-align: center;
	padding-top: 110px;
	padding-right: 110px;
	padding-left: 110px;
}

#slideshow p {
	font-size:15px;
	line-height:26px;
	font-weight:100; 
	margin-top: 35px;
	letter-spacing: 2px;
	color:#767881;

	}

  
#slideshow li {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	width: 660px;
	height: 330px;
	list-style-type: none;
}

#slideshow li.active {
    z-index:10;
    opacity:1.0;
}

#slideshow li.last-active {
    z-index:9;
}

/*========= MINIMOTEURS =========*/

 select {
	color: #DFD2D3;
	background-color:#414552;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 0px;
}

 select:hover{
 
 background-color:#414552;
 
 }
 
.bouton{
	text-transform: uppercase;
	font-size:9px;
	letter-spacing:0.3em;
	color: #CC6600;
	background-color:#343844;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
 }
 
.bouton:hover {
	background-color:#CC6600;
	border:1px;
	color:#FFF;
	}

 
#miniMoteur {
	margin-top: 75px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#miniMoteurEnligne {
	width: 990px;
	text-align: center;
}

#miniMoteurEnligne a {
	text-transform: uppercase;
	font-size:9px;
	letter-spacing:0.3em;
	color: #CC6600;
	background-color:#343844;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}

#miniMoteurEnligne a:hover {
	text-decoration:underline; 
	color:#CC6600;
}



/*========= STRUCTURES TRANSVERSES : HEADER - FOOTER =========*/

	
#header {
	margin:auto;
	position:relative;
	text-align:center;
	width:990px;
	height:22px;
	line-height:24px;
	color:#767881;
	
}

#menutop {
	float:left;
	height: 18px;
	width: 300px;
	text-align:left;

}

#menulanguage {
	float:right;
	width: 400px;
	text-align:right;

}

#languages{
	z-index: 5;
	margin: 0px;
	padding: 0px;
}
	

#languages ul{
	margin: 0px;
	padding: 0px;
	line-height: 24px;
}

#languages li{
	margin: 0px;
	padding: 0px;
	position:relative;
	display: inline;
	margin-left: 10px;

	}

#languages a{
	text-decoration: none;
	color:#767881;
	border: none;
	padding:2px;
	
	}

#languages li a:hover{
	background-color: #767881;
	color: #414552;

	}

#footer {
	height: 15px;
	text-align: center;
	bottom: 0px;
	position: absolute;
	color: #767881;
	margin-top: -15px;
	width: 100%;
	text-transform:uppercase;
	left: 0;	
	top: auto;
	z-index:-1;
}

#footer a {
	color:#767881;
	text-decoration:none;
}
#footer a:hover {
	color:#767881;
	text-decoration:underline;
}


#Homefooter {
	height: 48px;
	text-align: center;
	bottom: 0px;
	position: absolute;
	color: #767881;
	margin-top: 0px;
	width: 100%;
	text-transform:uppercase;
	left: 0;
	z-index:-1;	
	top: auto;	
	min-height: 48px;
	max-height: 48px;	
}
#Homefooter a {
	color:#767881;
	text-decoration:none;
}
#Homefooter a:hover {
	color:#767881;
	text-decoration:underline;
}
#Homefooter h1 {
	margin:0; padding:4px 0 0 0;
	font-size:9px;
	text-transform:none;
	color:#767881;
	line-height:9px;
	letter-spacing:1px;
	height: 10px;
}
#description {
	height: 14px;	
	text-align: center;		
	bottom: 0px;	
	position: absolute;	
	color:#767881;	
	margin-top: 0px;	
	width: 100%;		
	text-transform:none;
	left: 0;
	z-index: -1;	
	top: auto;
	min-height: 14px;
	max-height: 14px;
	
	font-size:8px;
	text-transform:none;
	letter-spacing:1px;	
}
	
#description h1 {
	margin:0; padding:4px 0 0 0;
	font-size:8px;
	text-transform:none;
	color:#767881;	
	line-height: 8px;
	letter-spacing:1px;	
	height: 10px;
}
#AllFooter {
	height: 48px;
	text-align: center;
	bottom: 0px;
	position: absolute;
	color: #767881;
	margin-top: 0px;
	width: 100%;
	text-transform:uppercase;
	left: 0;
	top: auto;
	min-height: 48px;
	max-height: 48px;
	z-index:-1;	
}
#AllFooter h1 {
	margin:0; padding:4px 0 0 0;
	font-size:9px;
	text-transform:none;
	color:#767881;
	line-height:9px;
	letter-spacing:1px;
}
#contenu .contenuPhoto .selection {
	background-color: #414552;
	width: 170px;
}
#FillerFooter {
	width: 100%;
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	border: 1px solid #555;
	clear:both;
}