/*
 * colors :
 * #333333
 * #808080
 * #889E8B
 * #BFBA00  -  #DFDB00 -- b3ad00
 * #C20A3D
 * 
 * #EFF0EB
 * 
 */


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


body{
	font-family: Verdana;
	background-color: #e6e3d8;
	color: #333333;
	font-size: 12px;
	padding-top: 180px;
}


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

#header{
	width: 932px;
	height: 140px;
	padding-bottom: 8px;
	padding-top: 8px;
	background: url("../img/header_back.png") repeat-x bottom;
	position: fixed;
	top: 30px;
	left: 0;
	padding-left: 50%;
	margin-left: -470px;
	z-index: 1000;
}
#header h1 a{
	color:white;
	width: 180px;
	height: 140px;
	background: url("../img/logo.gif") no-repeat right top;
	padding-left: 50px;
	margin-left: -50px;
	float: left;
}
#header h1 a span{
	visibility: hidden;
}
#header h1 a:hover, #header h1.on a{
	background-image: url("../img/logo_over.gif");
}
#header .menu, #header .menu2{
	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 #FFF;
}
#header .menu li.m4, #header .menu2 li.m4{
	border-bottom: none;
}
#header .menu a, #header .menu2 a{
	color: #b3ad00;
	text-decoration: none;
	display: block;
	font-size: 24px;
	height: 29px;
	background-repeat: no-repeat;
	font-weight: normal;
}
#header .menu a span, #header .menu2 a span{
	visibility: hidden;
}
#header .menu2 a{
	font-size: 14px;
}
#header .menu a:hover, #header .menu2 a:hover, #header .menu h2 a, #header .menu2 h2 a{
	color: #C20A3D;
	background-position: bottom left;
}


#header div{
	position: absolute;
	top: 0;
	right: -16px;
	width: 180px;
	padding: 24px 8px 12px 0;
	height: 131px;
	background: url("../img/header_back_right.png") no-repeat top right;
	color: white;
	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: #a32640;
	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 #889E8B !important; }
.tborder{ border-top: 1px solid #889E8B !important; }

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

.cover{ color: #C20A3D !important; }
.clink{ color: #b3ad00 !important; }
.clight{ color: #808080 !important; }
.csection{ color: #889E8B !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: #889E8B;
	color: white;
}
.back *{
	border-color: white;
}
.back a{
	color: #c6c102;
}
.hand{
	cursor: pointer;
}
.inline{
	display: inline;
}
.upper{
	text-transform: uppercase;
}
.txtcenter{
	text-align: center;
}
.txtright{
	text-align: right;
}
.bold{
	font-weight: bold;
}


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

h4{
	font-family: Arial;
	color: #889E8B;
	font-size: 27px;
	line-height: 30px;
	padding: 14px 8px 8px 8px;
	font-weight: normal;
}
h4.fiche{
	font-weight: bold;
	color: #C20A3D;
}
h4.small{
	font-size: 20px;
	line-height: 25px;
}
h5{
	font-size: 14px;
	color: #889E8B;
	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 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 #889E8B;
	font-size: 14px;
	color: #889E8B;
	margin-top: 8px;
	padding-bottom: 0;
}
p.lies{
	background: url("../img/textes/section_lies.png") no-repeat 7px 7px;
	height: 23px;
}
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 #889E8B;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 5px;
	color: #889E8B;
	text-transform: uppercase;
}

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




.submenu{
	list-style: none;
}
.submenu ul{
	list-style: none;
}
.submenu li{
	border-top: 1px solid #889E8B;
	margin-bottom: 12px;
}
.submenu li li{
	border: none;
	padding: 0;
	margin: 0;
}
.submenu a{
	display: block;
	color: #333333;
	padding: 4px 8px 4px 8px;
	font-size: 14px;
	font-weight: bold;
}
.submenu li.on li a{
	color: #333333;
	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: #C20A3D;
	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: #C20A3D;
	font-weight: bold;
}

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

#footer{
	width: 950px;
	margin: 0 auto 40px auto;
	overflow: hidden;
	color: #b3ad00;
	font-size: 10px;
}
#footer .col1, #footer .col2, #footer .col3, #footer .col4, #footer .col05{
	border-top: 1px solid #b3ad00;
}
#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;
}



.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 #889E8B;
}
ul.calendar li a{
	display: block;
	overflow: auto;
	/*height: 29px;*/
	color: #889E8B;
	padding-bottom: 4px;
}
ul.calendar li a:hover{
	background: url("../img/submenu_a_back.png");
	color: #889E8B;
}
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: #b3ad00;
	width: 370px;
	margin-top: 3px;
}
ul.calendar li a .titre small{
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #889E8B;
}
ul.calendar li a:hover .titre{
	color: #C20A3D;
}
ul.calendar li a .sgenre{
	text-transform: uppercase;
	color: #C20A3D;
}


#gmap{
	height: 400px;
}