@charset "utf-8";

/*---------------------- Home ------------------------*/

.logo{
    position:relative;
    float: left;
	height:70px;
	width:212px;
	cursor:pointer;
}

/*---------------------- Menu ------------------------*/

.navigation{
}

.navigation h2{
	display:none;
}

.navigation .block{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.navigation .block .content{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.navigation .block .content ul.menu li{
    position:relative;
    float: left;
    width: 200px;
	padding-top: 3px;
	padding-bottom:3px;
}

/*---------------------- Footer ------------------------*/

.footerHome{
	position:relative; 
	float:left;
	width:670px;
	height:10px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#FFFFFF;
}

.footerHome ul{
	font-size:9px;
	color:#999999;
	margin: 12px 0px 12px 0px;
	background-color:#00CCCC;
}

.footerHome ul li a:hover{
	color:#000000;
	text-decoration:none;
}

.footerHome ul li{
	position:relative; 
}

.footerHome ul li.one{
	float:left;
}

.footerHome ul li.two{
	float:right;
}

/*---------------------- Diaporama ------------------------*/

.diaporamamasquegd{
	position:relative;
	float:left;
	overflow:hidden;
	width:672px;
	height:499px;
	/*
	border: solid 1px;
	border-color:#000000;
	background-color:#000000;
	*/
}

ul.diaporamaallbig li{
	position:absolute;
	left:0px;
	/*cursor:pointer;*/
	width:670px;
	height:500px;
}
/*---------------------- Gallerie ------------------------*/

ul.gallerieBoutton{
	position:relative;
	float:right;
	height:11px;
	width:670px;
	margin-bottom:2px;
	margin-top:0px;
}

li.retour{
	position:relative;
	float:left;
	font-size:9px;
	cursor:pointer;
	text-transform:uppercase;
	height:11px;
	width:510px;
	padding-left:13px;
	background-image:url(/site/imagesCSS/recule.jpg);
	background-repeat: no-repeat;
}

li.retour a{
	text-decoration:none;
}

li.plus{
	position:relative;
	float:left;
	cursor:pointer;
	width:11px;
	height:11px;
	margin-right:3px;
	background-image:url(/site/imagesCSS/plus.jpg);
	background-repeat: no-repeat;
}

li.recule{
	display:none;
	position:relative;
	float:left;
	cursor:pointer;
	width:11px;
	height:11px;
	background-image:url(/site/imagesCSS/recule.jpg);
	background-repeat: no-repeat;
}

li.avance{
	position:relative;
	float:right;
	cursor:pointer;
	width:11px;
	height:11px;
	margin-right:3px;
	background-image:url(/site/imagesCSS/avance.jpg);
	background-repeat: no-repeat;
}

.gallerie{
	position:relative;
	float:left;
	width:670px;
	height:402px;
	margin-bottom:0px;
}

.galleriemasquept{
	position:relative;
	float:left;
	overflow:hidden;
	width:135px;
	height:400px;
}

.picallpt{
	position:relative;
	float:left;
	width:2000px;
	height:400px;
}

ul.picallsmall{
	position:relative;
	float:left;
	width:135px;
	height:400px;
}

ul.picallsmall li{
	position:relative;
	float:left;
	overflow:hidden;
	cursor:pointer;
	width:128px;
	height:96px;
	margin-left:3px;
	background-color:#999999;
	margin-bottom:2px;
	border: solid 1px;
	border-color:#000000;
}

.galleriemasquegd{
	position:relative;
	float:left;
	overflow:hidden;
	width:532px;
	height:396px;
	border: solid 1px;
	border-color:#000000;
}

.picallgd{
	position:relative;
	float:left;
	width:5000px;
	height:397px;
	background-color:#999999;
}

ul.picallbig li{
	position:relative;
	float:left;
	overflow:hidden;
	cursor:pointer;
	width:532px;
	height:397px;
	background-color:#999999;
}

/*---------------------- Titre ------------------------*/

.titreBarre{
	position:relative;
	float:left;
	width:667px;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	border-bottom: solid 1px;
	border-top: solid 1px;
	border-color:#999999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color:#000000;
}

.titreBarre li{
	position:relative;
	float:left;
	margin-right:5px;
}

.titreBarre li.titreGris{
	color:#999999;
}

.titreBarre li a{
	color:#000000;
}

.titreBarre li.point{
	height:22px;
	width:14px;
	background-image:url(/site/imagesCSS/pointGris.jpg);
	background-position:center center; 
	background-repeat: no-repeat;
}

.titreBarre li.print{
	float:right;
	height:14px;
	width:14px;
	margin-top:4px;
	margin-right:0px;
	cursor:pointer;
	background-image:url(/site/imagesCSS/print.jpg);
	background-repeat: no-repeat;
}

/*---------------------- Titre taxonomie ------------------------*/

ul.titreBarre2{
	position:relative;
	float:left;
	width:670px;
	font-size:19px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom: solid 1px;
	border-color:#999999;
	font-family:Georgia, "Times New Roman", Times, serif;
}

ul.titreBarre2 li{
	position:relative;
	float:left;
}

ul.titreBarre2 li.point2{
	height:22px;
	width:14px;
	background-image:url(/site/imagesCSS/pointGris.jpg);
	background-position:center center; 
	background-repeat: no-repeat;
}

ul.titreBarre2 li.titre2{
	color:#000000;
}

ul.titreBarre2 li.titre3{
	color:#999999;
}

ul.titreBarre2 li.recule{
	display:block;
	float:right;
	margin-top:12px;
}

ul.titreBarre2 li.avance{
	float:right;
	margin-top:12px;
	margin-right:0px;
	margin-left:4px;
}

ul.titreBarre2 li.liendate{
	float:right;
	font-family: Helvetica Neue, “Helvetica”, Arial, sans-serif;
	font-size: 11px;
	color:#999999;
	margin-top:10px;
}

.listeElementMasque{
	position:relative;
	float:left;
	width:670px;
	overflow:hidden;
	margin-bottom:30px;
}

ul.listeElement{
	position:relative;
	float:left;
	width:5000px;
}

ul.listeElement li{
	position:relative;
	float:left;
	height:98px;
	width:128px;
	overflow:hidden;
	margin-right:7.3px;
}

ul.listeElement li img{
	height:96px;
	width:126px;
	overflow:hidden;
	border: solid 1px;
	border-color:#999999;
}

ul.listeElement li.designerLien a{
	text-transform:uppercase;
	text-decoration:underline;
	font-size:9px;
	margin-left:2px;
}


/*Designer liste*/

.listeElementDesignerMasque{
	position:relative;
	float:left;
	width:670px;
	overflow:hidden;
	margin-bottom:30px;
}

ul.listeElementDesigner{
	position:relative;
	float:left;
	width:690px;
}

ul.listeElementDesigner li{
	position:relative;
	float:left;
	height:98px;
	width:128px;
	overflow:hidden;
	margin-right:7.3px;
}

ul.listeElementDesigner li img{
	height:96px;
	width:126px;
	overflow:hidden;
	border: solid 1px;
	border-color:#999999;
}

ul.listeElementDesigner li.designerLien a{
	text-transform:uppercase;
	text-decoration:underline;
	font-size:9px;
	margin-left:2px;
}




/*Events liste*/

ul.listeElement2{
	position:relative;
	float:left;
	width:5000px;
}

ul.listeElement2 li.EventAllData{
	position:relative;
	float:left;
	font-size:10px;
	height:260px;
	width:167px;
	overflow:hidden;
	margin-right:7.3px;
}

ul.listeElement2 li.EventAllData a{
	text-decoration:underline;
}

ul.listeElement2 li.EventAllData img{
	overflow:hidden;
	border: solid 1px;
	border-color:#999999;
}


/*Press liste*/


ul.PressDateListe{
	position:relative;
	float:left;
	width:5000px;
}

ul.PressDateListe li{
	position:relative;
	float:left;
	width:700px;
}

ul.listeElement3{
	position:relative;
	float:left;
	width:700px;
}

ul.listeElement3 li.PressAllData{
	position:relative;
	float:left;
	font-size:10px;
	width:125px;
	overflow:hidden;
	margin-right:11px;
	margin-bottom:10px;
	cursor:default;
}

ul.listeElement3 li.PressAllData a{
	text-decoration:underline;
}

ul.listeElement3 li.PressAllData img{
	overflow:hidden;
	border: solid 1px;
	border-color:#999999;
	height:123px;
	width:123px;
}




/*---------------------- Dérails des events------------------------*/

ul.detailEvents{
	position:relative;
	float:left;
	margin-top:10px;
}

.detailEvents li{
	position:relative;
	float:left;
}

.detailEvents li.image{
	height:334px;
	width:236px;
	margin-left:15px;
}

.detailEvents li.texte{
	float:left;
	width:418px;
	font-size:11px;
	padding:0px 0px 0px 0px;
	text-align: justify;
	line-height:16px;
}



/*---------------------- Links and partners------------------------*/

ul.linksElement{
	position:relative;
	float:left;
	width:670px;
	font-size:11px;
	margin-bottom:10px;
}

ul.linksElement li{
	position:relative;
	float:left;
	width:565px;
}

ul.linksElement li.images{
	height:100px;
	width:100px;
	margin-right:5px;
}


ul.linksElement li.titre{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
}

/*---------------------- Dérails de 3 block texte------------------------*/

ul.detail3blocktexte{
	position:relative;
	float:left;
}

.detail3blocktexte li{
	position:relative;
	float:left;
}

.detail3blocktexte li.texte{
	float:left;
	font-size:11px;
	width:670px;
	padding:0px 0px 0px 0px;
	text-align: justify;
	line-height:16px;
	min-height:100px;
	margin-bottom:10px;
}


.detail3blocktexte li.texte2{
	float:left;
	font-size:11px;
	width:413px;
	padding:0px 0px 0px 0px;
	text-align: justify;
	line-height:16px;
	min-height:100px;
	margin-bottom:10px;
	margin-right:10px;
}

.detail3blocktexte li.image{
	float:left;
	font-size:11px;
	width:246px;
	height:232px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	text-align: justify;
	margin-bottom:10px;
}



/*---------------------- Dérails objet et designer ------------------------*/

.objetPrint{
	display:none;
}

ul.detailObj{
	position:relative;
	float:left;
	margin-top:12px;
}

.detailObj li{
	position:relative;
	float:left;
	width:550px;
	text-align:justify;
	font-size:11px;
	margin-bottom:8px;
}

.detailObj li.title{
	/*text-transform:uppercase;*/
	width:110px;
	margin-right:10px;
}

ul.detailDesigner{
	position:relative;
	float:left;
	margin-top:10px;
}

.detailDesigner li{
	position:relative;
	float:left;
}

.detailDesigner li.image{
	height:88px;
	width:117px;
	margin-right:15px;
	border: solid 1px;
	border-color:#000000;
	margin-top:4px;
}
.detailDesigner li.title{
	width:75px;
	/*text-transform:uppercase;*/
	font-size:11px;
	padding:1px 0px 0px 0px;
}
.detailDesigner li.texte{
	float:left;
	width:458px;
	font-size:11px;
	padding:0px 0px 0px 0px;
	text-align: justify;
	line-height:16px;
}

/*---------------------- Contact ------------------------*/

.magreTopContact{
	margin-top:12px;
	width:100%;
}

ul.contactbox1{
	position:relative;
	float:left;
	width:280px;
	margin-right:70px;
}

ul.contactbox1 {
}

ul.contactbox1 li{
	margin-bottom:20px;
}

ul.contactbox2{
	position:relative;
	float:left;
	width:320px;
	margin-top:17px;
}

ul.contactbox2 li{
	position:relative;
	float:left;
	margin-bottom:5px;
}

ul.contactbox2 li.formtxt{
	color:#000000;
	width:90px;
	text-align:right;
	padding-right:10px;
	padding-top:1px;
}

ul.contactbox2 li.formchamp{
	width:220px;
}

.error{
	position:relative;
	float:right;
	width:208px;
	margin-top:17px;
	border: solid 1px;
	border-color:#dd7777;
	background-color:#ffcccc;
	color:#a30000;
	padding:5px 5px 5px 5px;
}

.ok{
	position:relative;
	float:right;
	width:208px;
	margin-top:17px;
	border: solid 1px;
	border-color:#c7f2c8;
	background-color:#FFFFFF;
	color:#33a333;
	padding:5px 5px 5px 5px;
}


.champeror{
	border:solid 1px;
	border-color:#dd7777;
	background-color:#ffcccc;
}



/*-----Newsletter-----*/

.blockNewsletter{
	position:relative;
	float:right;
	width:100%;
	margin-top:10px;
	border: solid 1px;
	border-color:black;
	
	background-color:#999999;
	color:black;
	padding:10px 10px 5px 10px;
}