/* Feuille de styles */
/* ########################################### */
/* Styles généraux */

* {
	margin: 0;
	padding: 0;
}
html, body {
	background-color: #ffffff;
}
img {
	border: 0;
}
.clear {
	clear: both;
}
#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 40px;
}
a {
	text-decoration:underline; color: #AEB0C0;
}

/* ########################################### */
/* Styles de la zone "content" */

#container #content {
	margin-top: 25px;
	text-align: left;
	line-height: 22px;
}

/* Styles des présentation */
#container #content #presentation {
	font-family:georgia,verdana, sarial, sans-serif;
}
h2,
#container #content #presentation .txt_presentation {
	width: 370px;
	display:block;
	float: left;
	color: #aeb0b2;
	font-size: 16px;
	padding-right: 15px;
}
#container #content #presentation .image_presentation {
	width: 370px;
	display:block;
	float: left;
	color: #aeb0b2;
	font-size: 16px;
	padding-right: 15px;
}
#container #content #presentation .txt_presentation .titre_presentation {
	font-size: 16px;
	font-weight: bold;
}
#container #content #presentation .image_presentation .titre_presentation {
	font-size: 16px;
	font-weight: bold;
}
#container #content #presentation .txt_presentation a#more {
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
	color: #f08851;
	font-size: 12px;
	text-decoration: none;
}
#container #content #presentation .image_presentation {
	width: 400px;
	float: right;
	text-align: right;
	margin-top: 3px;
}
#container #content #presentation #morecompany {
	width: 300px;
	display:block;
	float: left;
}
#container #content #presentation .rednotes {
	float: right;
	width: 175px;
	background-color: #E84522;
	color: #ffffff;
	font-size: 11px;
	padding: 5px;
	line-height: 14px;
}
#container #content #presentation .rednotes h2 {
	font-size: 18px;
	margin-bottom: 5px;
	font-family: verdana, arial, sans-serif;
}
#container #content #presentation .rednotes a {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}
#container #content #presentation .rednotes a:hover {
	color: #ffffff;
	text-decoration:underline;
}
#container #content #presentation .rednotes .hr {
	border-top: 1px solid #ffffff;
	margin-bottom: 9px;
}
/* Styles "foires et salons" */
#container #content #block_foiresetsalons {
	width: 195px;
	float: left;
	margin-right: 4px;
	color: #aeb0b2;
	font-size: 12px;
	line-height:17px;
}
#container #content #block_foiresetsalons .title_block_fets {
	text-align: center;
	color: #ffffff;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}
#container #content #block_foiresetsalons .title_block_fets .title {
	padding-top:2px;
	padding-bottom:2px;
}

/* Styles "Events" */
#container #agenda {
	text-align: left;
}
#container #agenda h3 {
	color: #bf311a;
	font-weight: bold;
	font-family:georgia,verdana, sarial, sans-serif;
	font-size:16px;
}
#container #agenda .jourdate {
	margin-top: 15px;
	margin-bottom: 5px;
}
#container #agenda .jourdate li {
	list-style-type:none;
	display:inline;
	margin-right: 8px;
}
#container #content .eventdetails {}
#container #content .eventdetails .img {
	width: 385px;
	float: left;
	margin-right: 15px;
}
#container #content .eventdetails .contentdetailtxt{
	font-size: 12px;
	float: left;
	width:400px;
}
#searchresults {
	color: #AEB0C0;
	font-family: georgia, times, serif;
}
#searchresults a {
	color:#EF7C21;
	text-decoration:none;
	font-weight: bold;
}
#searchresults a:hover {
	text-decoration: underline;
}

/* ########################################### */
/* Styles des formulaires */

form label {
	font-family:georgia, serif;
	display: block;
	float: left;
	width: 150px;
}
ul {
	margin-left: 15px;
}
.linkWhiteBold {
	text-decoration:none;
	color:#FFF;
}
.agendaSig {
	padding:5px;
	margin-top:15px;
	border:1px solid #9f9f9f;
	background-color:#efefef;
}
.agendaSum {
	padding:5px;
	margin-top:15px;
	border:1px solid #9f9f9f;
	background-color:#efefef;
}
.agendaBib {
	padding:5px;
	margin-top:15px;
	border:1px solid #9f9f9f;
	background-color:#efefef;
}
.softGrey {
	color:#aeb0c0;
}
.mailingsDropdown {
	width:300px;
}
/* GALLERIE VIDEOS */
.videoGalleryHeader
{
	display:block;
	height:35px;
	font-weight:bold;
	color: #AEB0B2;
	font-size:16px;
}
.videoGalleryHeader a
{
	font-size:12px;
	color: #AEB0B2;
}
.videos
{
	width: 390px;
}
.videos .video
{
	display:block;
	float:left;
	width:120px;
	/*height:105px;*/
	height:125px;
	padding-left:5px;
	padding-top:5px;
	margin-right:5px;
	margin-bottom:8px;
	/*background-color:#AEB0B2;*/
}
.videoPlayer
{
	background-color:#F2F2F2;
	height:260px;
	width:320px;
	text-align:center;
}
.underPlayerTitle
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#AEB0B2;
	font-size:16px;
	/*font-weight: bold;*/
	display:normal block;
	width:320px;
	margin-top:10px;
}
.videos a.visu
{
	display:block;
	width:115px;
	/*height:82px;	*/
}
.videos .videoTitle
{
	display:block;
	width:115px;
	height:21px;
	background-color:#ffffff;
	color:#AEB0B2;
	border-left:#ffffff 5px solid;
	border-right:#ffffff 5px solid;
	margin-left:-5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-weight:bold;*/
}
.videos a.btn
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	width:115px;
	display:block;
	text-align:center;
	padding:0px;
	margin:0px;
}
.videoGalleryPagination
{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	color:#AEB0B2;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}

/* Ajout SZ 17/02/2010 */
#container #content #presentation.restauration .txt_presentation { width:100%; }
#presentation.restauration .txt_presentation h1 {
	margin-bottom:20px;
	font-size:18px;
	text-transform:uppercase;
	color:#AEB0B2;
}
#presentation.restauration .txt_presentation h2 {
	float:none;
	margin-top:30px;
	margin-bottom:5px;
	font-size:16px;
	color:#FF7212;
}
#presentation.restauration .txt_presentation h3 {
	font-size:13px;
	color:#AEB0B2;
}
#presentation.restauration .txt_presentation p {
	color:#000;
}
#presentation.restauration .txt_presentation p strong {
	float:left;
	display:block;
	width:130px;
	font-size:12px;
}
#presentation.restauration .txt_presentation p a {
	font-size:12px;
	color:#000;
}
/* BT 20100301 - start */
#presentation.restauration .txt_presentation p.contact a {
	text-decoration: none;
}
#presentation.restauration .txt_presentation p.contact a:hover {
	text-decoration: underline;
}
/* BT 20100301 - end */
#presentation.restauration .txt_presentation p a:hover { text-decoration:none; }
#container #content #presentation.restauration .txt_presentation #morecompany {
	float: left;
	display:block;
	margin-top:30px;
	width:100%;
	font-size:12px;
	color:black;
}
#presentation.restauration .txt_presentation #morecompany div { min-height:200px; margin-bottom:40px; line-height: 15px; }
#presentation.restauration .txt_presentation #morecompany div img { float:right; margin-top:-12px; border:2px solid #FF7212; }
#presentation.restauration .txt_presentation #morecompany div p { margin-bottom:15px; width:480px; }
#presentation.restauration .txt_presentation #morecompany div p a.mail { text-decoration:none; }
#presentation.restauration .txt_presentation #morecompany div p a.mail:hover { text-decoration:underline; }
#presentation.restauration .txt_presentation #morecompany div p strong { float:none; display:inline; font-size:11px; }
#container #content #presentation.restauration .txt_presentation #morecompany_old {
	float: left;
	display:block;
	margin-top:30px;
	width:100%;
	font-size:12px;
	color:black;
}
#presentation.restauration .txt_presentation #morecompany_old div { width:370px;line-height: 15px; }
#presentation.restauration .txt_presentation #morecompany_old div img { float:right; margin-top:-12px; border:2px solid #FF7212; }
#presentation.restauration .txt_presentation #morecompany_old div p { margin-bottom:15px; width:480px; }
#presentation.restauration .txt_presentation #morecompany_old div p a.mail { text-decoration:none; }
#presentation.restauration .txt_presentation #morecompany_old div p a.mail:hover { text-decoration:underline; }
#presentation.restauration .txt_presentation #morecompany_old div p strong { float:none; display:inline; font-size:11px; }


#container #content #presentation.shops .txt_presentation { width:100%; }
#presentation.restauration .txt_presentation h1 {
	margin-bottom:20px;
	font-size:18px;
	text-transform:uppercase;
	color:#AEB0B2;
}
#presentation.shops .txt_presentation h2 {
	margin-top:30px;
	margin-bottom:5px;
	font-size:16px;
	color:#FF7212;
}
#presentation.shops .txt_presentation h3 {
	font-size:13px;
	color:#AEB0B2;
}
#presentation.shops .txt_presentation p {
	color:#000;
}
#presentation.shops .txt_presentation p strong {
	float:left;
	display:block;
	width:130px;
	font-size:12px;
}
#presentation.shops .txt_presentation p a {
	font-size:12px;
	color:#000;
}
/* BT 20100301 - start */
#presentation.shops .txt_presentation p.contact a {
	text-decoration: none;
}
#presentation.shops .txt_presentation p.contact a:hover {
	text-decoration: underline;
}
/* BT 20100301 - end */
#presentation.shops .txt_presentation p a:hover { text-decoration:none; }
#container #content #presentation.restauration .txt_presentation #morecompany {
	float: left;
	display:block;
	margin-top:30px;
	width:100%;
	font-size:12px;
	color:black;
}
#presentation.shops .txt_presentation #morecompany div { min-height:200px; margin-bottom:40px; line-height: 15px; }
#presentation.shops .txt_presentation #morecompany div img { float:right; margin-top:-12px; border:2px solid #FF7212; }
#presentation.shops .txt_presentation #morecompany div p { margin-bottom:15px; width:480px; }
#presentation.shops .txt_presentation #morecompany div p a.mail { text-decoration:none; }
#presentation.shops .txt_presentation #morecompany div p a.mail:hover { text-decoration:underline; }
#presentation.shops .txt_presentation #morecompany div p strong { float:none; display:inline; font-size:11px; }

/*Orange Style when catId=18 */
.orangeStyle h2.titrePresentation,.orangeStyle a{
  color:#F08851;	
}
/* Mecenat */
.mecenat {
	margin-bottom:30px;
	color:#AEB0C0;
}
.mecenat h2 {
	float:none;
	clear:both;
	display:bloc;
	width:100%;
	text-transform:uppercase;
}
.mecenat ul {
	float:left;
	display:block;
	margin:0 40px 40px 0;
	width:370px;
	padding-left:10px;
	list-style:none;
}
.mecenat ul.last {
	margin:0 0 40px 0;
}
.mecenat ul li {
	text-indent:-10px;
}
.mecenat ul li a {
	text-decoration:none;
}
.mecenat ul li a:active,
.mecenat ul li a:hover {
	text-decoration:underline;
	color:#666;
}
.mecenat p {
}

