/*
colors :

333333
808080
 
889E8B vert caqui 2009
b3ad00 jaune 2009
c20a3d rouge 2009
 
EFF0EB ???
 
 
2010:
 
c20a3d rouge 2010
000001 noir 0 2010
010101 noir 1 2010
020202 noir 2 2010


2011:

 
e25d2e orange 2011
000001 noir 0 2011
010101 noir 1 2011
020202 noir 2 2011


 */


html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p {
	border: none;
	margin: 0;
	padding: 0;
}


body{
	font-family: Verdana;
	background: #FFF/*#e6e3d8*/;
	color: #000001;
	font-size: 12px;
	padding-top: 164px;
}


/*******************************************************************************/
/*******************************************************************************/

#header{
	width: 940px;
	height: 156px;
	padding-top: 16px;
	/*background: url("../img/header_back.png") repeat-x bottom;*/
	background-color: #FFF;
	position: fixed;
	top: 16px;
	left: 50%;
	/*left: 0;*/
	/*padding-left: 50%;*/
	margin-left: -470px;
	z-index: 1000;
	
	border-bottom: 1px solid #000;
}
#header h1{
	float: left;
	background-color: #FFF;
	width: 234px;
	height: 156px;
	margin-left: -50px;
}
#header h1 a{
	display: block;
	width: 230px;
	height: 140px;
	color:white;
	background: url("../img/logo.png") no-repeat right top;
}
#header h1 a span{
	visibility: hidden;
}
#header h1 a:hover, #header h1.on a{
	background-image: url("../img/logo_over.png");
}

#header .menu, #header .menu2{

	font-family: "EcamLight", Arial;
	text-transform: uppercase;

	width: 370px;
	height: 130px;
	padding: 10px 5px 0 5px;
	float: left;
	list-style: none;
}
#header .menu{
	padding-left: 10px;
}
#header .menu2{
	width: 180px;
	padding-right: 10px;
}
#header .menu li, #header .menu2 li{
	border-bottom: 1px solid #000;
}
#header .menu li.m4, #header .menu2 li.m4{
	border-bottom: none;
}
#header .menu a, #header .menu2 a{
	color: #020202;
	text-decoration: none;
	display: block;
	font-size: 23px;
	padding-top: 1px;
	height: 28px;
	background-repeat: no-repeat;
	font-weight: normal;
}
#header .menu a span, #header .menu2 a span{
	/*visibility: hidden;*/
}
#header .menu2 a{
	font-size: 16px;
	padding-top: 6px;
	height: 23px;
}
#header .menu a:hover, #header .menu2 a:hover, #header .menu h2 a, #header .menu2 h2 a{
	color: #e25d2e;
	background-position: bottom left;
}


#header div{
	position: absolute;
	top: 0;
	right: -16px;
	width: 180px;
	padding: 16px 8px 24px 0;
	height: 131px;
	/*background: url("../img/header_back_right.png") no-repeat top right;*/
	color: black;
	font-size: 10px;
	text-align: right;
}
#header div p{
	line-height: 15px;
	margin: 0 13px 14px 0;
	padding: 0;
}
#header div p big{
	font-family: Arial;
	font-size: 18px;
}
#header div p a{
	font-weight: bold;
	color: #e25d2e;
	text-decoration: none;
	letter-spacing: -0.5px;
}
#header div p a:hover{
	text-decoration: underline;
}


/*******************************************************************************/
/*******************************************************************************/

#content{
	width: 950px;
	margin: 0 auto 50px auto;
	overflow: hidden;
}

.col1, .col2, .col3, .col4, .col5, .col05{
	margin: 0 5px 0 5px;
	width: 180px;
	float: left;
}
.hcol1, .hcol2{
	margin: 10px 1px 0 1px;
	padding: 4px 4px 12px 4px;
	width: 180px;
	/*height: 396px;*/
	float: left;
	background-color: white;
	position: relative;
}
.col2, .hcol2{ width: 370px; }
.col3{ width: 560px; }
.col4{ width: 750px; }
.col5{ width: 940px; }
.col05{ width: 85px; }
.ecol1, .ecol2, .ecol3, .ecol4, .ecol5{
	width: 190px;
	float: left;
}
.ecol2{ width: 380px; }
.ecol3{ width: 570px; }
.ecol4{ width: 760px; }
.ecol5{ width: 950px; }

.bborder{ border-bottom: 1px solid #010101 !important; }
.tborder{ border-top: 1px solid #010101 !important; }

.txtright{ text-align: right !important; }
.txtcenter{ text-align: center !important; }

.cover{ color: #e25d2e !important; }
.clink{ color: #020202 !important; }
.clight{ color: #808080 !important; }
.csection{ color: #010101 !important; }

.tmargin{ margin-top: 5px !important; }
.bmargin{ margin-bottom: 5px !important; }
.bmarginbig{ margin-bottom: 40px !important; }

.nomargin{ margin: 0 !important; }

.tpadding{ padding-top: 5px !important; }
.bpadding{ padding-bottom: 5px !important; }
.tnopadding{ padding-top: 0 !important; }
.bnopadding{ padding-bottom: 0 !important; }

.nopadding{ padding: 0 !important; }



.floater{
	overflow: auto;
}
.left{
	float: left;
}
.right{
	float: right;
}


.clear{
	clear: both;
}
.spacer{
	height: 20px;
}
.half{
	width: 50%;
	float: left;
}
.back{
	background-color: #010101;
	color: white;
}
.back *{
	border-color: white;
}
.back a{
	color: #FFF;
}
.hand{
	cursor: pointer;
}
.inline{
	display: inline;
}
.upper{
	text-transform: uppercase;
}
.txtcenter{
	text-align: center;
}
.txtright{
	text-align: right;
}
.bold{
	font-weight: bold;
}


a{
	color: #020202;
	text-decoration: none;
}
a:hover, a.over{
	color: #e25d2e;
}
a img{
	border: none;
}

h3{
	font-family: "EcamHairline", Arial;
	font-size: 85px;
	text-transform: uppercase;
	
	margin-top: 40px;
	height: 78px;
	background: no-repeat left bottom;
	margin-bottom: 4px;
	overflow: hidden;
}


h4{
	font-family: Arial;
	color: #010101;
	font-size: 27px;
	line-height: 30px;
	padding: 14px 8px 8px 8px;
	font-weight: normal;
}
h4.fiche{
	font-weight: bold;
	color: #e25d2e;
}
h4.small{
	font-size: 20px;
	line-height: 25px;
}
h5{
	font-size: 14px;
	color: #010101;
	padding: 0 8px 0 8px;
	font-weight: normal;
}
h6{
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px 8px 0 8px;
}
p{
	padding: 4px 8px 5px 8px;
	line-height: 18px;
}

p a{
	color: #e25d2e;
}

p img{
	vertical-align: top;
}
p.desc, .desc p{
	line-height: 20px;
	padding-bottom: 10px;
	/*padding-top: 12px;*/
}
p.alt, .alt p{
	font-size: 11px;
	line-height: 16px;
	color: #808080;
}
p.small, .small p{
	font-size: 10px;
}
p.smaller, .smaller p{
	font-size: 11px;
}
p.section{
	border-top: 1px solid #010101;
	font-size: 14px;
	color: #010101;
	margin-top: 8px;
	padding-bottom: 0;
}
p.lies{
	/*background: url("../img/textes/section_lies.png") no-repeat 7px 7px;*/
	height: 23px;
	color: #e25d2e;
	font-family: "EcamRegular", Arial;
	font-size: 17px;
	text-transform: uppercase;
}
p.lies span{
	/*visibility: hidden;*/
}
p.next{
	font-size: 11px;
	padding-top: 0;
	font-weight: bold;
}
p.link{
	font-weight: bold;
}
p.next a, p.link a, a.link, span.arrow{
	background: url("../img/arrow.png") no-repeat 0 4px;
	padding-left: 11px;
}
p.next a:hover, p.link a:hover, p.link a.over, a.link:hover{ background-image: url("../img/arrow_over.png"); }

p.arrow{
	background: url("../img/arrow.png") no-repeat 8px 10px;
	text-indent: 11px;
}
p.date{
	border-top: 1px solid #010101;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 5px;
	color: #010101;
	text-transform: uppercase;
}

div.media{
	/*border-top: 1px solid #010101;*/
	margin-bottom: 30px;
}



.smhText{
	font-family: "EcamLight", Arial;
	font-size: 23px;
	text-transform: uppercase;
	
	height: 19px;
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: 96px;
	margin-left: 7px;
	padding: 0;
}
.smhText a{
	display: block;
	height: 21px;
	float: left;
}


.smhText .mois, .smhText .mois_on{
	font-family: "EcamRegular", Arial;
	font-size: 21px;
	width: 80px;
}
.smhText .mois{
	color: black;
}
.smhText .mois:hover, .smhText .mois_on{
	color: #e25d2e;
}

.smhText .genre, .smhText .genre_on{
	font-family: "EcamRegular", Arial;
	font-size: 21px;
	border-left: 2px solid #e25d2e;
	padding-left: 5px;
}
.smhText .genre{
	color: black;
}
.smhText .genre:hover, .smhText .genre_on{
	color: #e25d2e;
}

.smhResidence{
	height: 42px;
	margin-top: 80px;
}


h4.smText{
	font-family: "EcamLight", Arial;
	text-transform: uppercase;
	padding: 0;
	margin: 8px 0 0 7px;
}
.smText{
	width: 180px;
}




.submenu{
	list-style: none;
}
.submenu ul{
	list-style: none;
}
.submenu li{
	border-top: 1px solid #010101;
	margin-bottom: 12px;
}
.submenu li li{
	border: none;
	padding: 0;
	margin: 0;
}
.submenu a{
	display: block;
	color: #000001;
	padding: 4px 8px 4px 8px;
	font-size: 14px;
	font-weight: bold;
}
.submenu li.on li a{
	color: #000001;
	background: none;
	font-weight: normal;
}
.submenu a:hover, .submenu li.on li a:hover, .submenu li.on a, .submenu li.on li.on a{
	color: #e25d2e;
	background: url("../img/submenu_a_back.png");
}
.submenu li li a{
	font-size: 10px;
	text-transform: none;
	font-weight: normal;
}

.exposmenu li{
	margin-bottom: 0;
}
.exposmenu a{
	text-transform: none;
	padding-bottom: 14px;
}
.exposmenu a span{
	padding-top: 5px;
	display: block;
	text-transform: uppercase;
	font-size: 10px;
}

.slidectrl a.on{
	color: #e25d2e;
	font-weight: bold;
}

/*******************************************************************************/
/*******************************************************************************/

#footer{
	width: 950px;
	margin: 0 auto 40px auto;
	overflow: hidden;
	color: #020202;
	font-size: 10px;
}
#footer .col1, #footer .col2, #footer .col3, #footer .col4, #footer .col05{
	border-top: 1px solid #020202;
}
#footer p{
	line-height: normal;
}





/*******************************************************************************/
/*******************************************************************************/

.home img{
	margin-bottom: 4px;
	display: block;
}
.home .date{
	padding-top: 10px;
	padding-bottom: 10px;
}
.home .date big{
	font-family: Arial;
	display: block;
	font-weight: normal;
	font-size: 27px;
	padding: 9px 0 9px 0;
}
.home p, .home h4, .home h5, .home h6{
	padding-left: 4px;
	padding-right: 0;
}
.home h4.home{
	padding-top: 4px;
	/*height: 58px;*/
	font-weight: bold;
	margin-top: 5px;
}
.home .imgMask{
	width: 370px;
	height: 190px;
	overflow: hidden;
	margin-bottom: 4px;
	background-color: black;
}
.home p.savoir{
	position: absolute;
	bottom: 4px;
	right: 4px;
}
.home p.places{
	position: absolute;
	bottom: 4px;
	left: 4px;
}



.lecam .imgMask{
	width: 750px;
	height: 400px;
	overflow: hidden;
	background-color: black;
}


ul.calendar{
	list-style: none;
	font-size: 14px;
	margin-bottom: 30px;
}
ul.calendar li{
	border-top: 1px solid #010101;
}
ul.calendar li a{
	display: block;
	overflow: auto;
	/*height: 29px;*/
	color: #010101;
	padding-bottom: 4px;
}
ul.calendar li a:hover{
	background: url("../img/submenu_a_back.png");
	color: #010101;
}
ul.calendar li a span{
	display: block;
	float: left;
	margin: 4px 5px 0 5px;
}
ul.calendar li a .date{
	text-transform: uppercase;
	width: 210px;
}
ul.calendar li a .titre{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #020202;
	width: 370px;
	margin-top: 3px;
}
ul.calendar li a .titre small{
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #010101;
}
ul.calendar li a:hover .titre{
	color: #e25d2e;
}
ul.calendar li a .sgenre{
	text-transform: uppercase;
	color: #e25d2e;
}


#gmap{
	height: 400px;
}