* {
	margin: 0px;
	padding: 0px;
}
body, html {
	background-color: #ececec;
}

#topBanner {
	background-image: url(icones/fond_top.png);
	height: 120px;
}
#bannerContent {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
#camera {
	float: right;
}
#logo {
	float: left;
	width: 312px;
	height: 80px;
}
#menu {
	padding-top: 57px;
	height: 20px;
	vertical-align: middle;
}
#menu a {
	text-transform: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	margin-right: 10px;
}
#menu a:hover {
	color: #9FC898;
}

#contenu {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#contenu .cadre {
	background-image: url(icones/bloc_content.png);
	padding-right: 10px;
	padding-left: 10px;
}
#contenu  .top {
	height: 10px;
	background-image: url(icones/bloc_top.png);
	background-repeat: repeat-x;
}
#contenu  .bottom {
	height: 10px;
	background-image: url(icones/bloc_bottom.png);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}
#contenu  h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #105006;
	margin-bottom: 5px;
}
#contenu .cadre h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #105006;
	margin-bottom: 5px;
	background-color: #FF0000;
}
#contenu .cadre h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #105006;
	padding-top: 10px;
}
#contenu .cadre p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 4px;
	line-height: 16px;
}
#contenu .cadre .barre {
	text-decoration: line-through;
}
#contenu .cadre p.surlignage {
	background-color: #FFFF66;
	padding: 3px;
	color: #FF0000;
	font-weight: bold;
}
#contenu .cadre label {
	font-weight: normal;
	width: 190px;
	float: left;
}

#contenu .cadre a {
	font-weight: bold;
	color: #105006;
	text-decoration: none;
}
#contenu .cadre a:hover {
	color: #FFFFFF;
	background-color: #105006;
}
#contenu .cadre .dateNews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	display: inline;
}

#contenu .cadre .champ, #contenu .cadre .champMoy, #contenu .cadre .champPt {
	margin-right: 5px;
	border: 1px solid #3F8134;
	padding: 2px;
}

#contenu .cadre .champ {
	width: 495px;
}

#contenu .cadre .champMoy {
	width: 195px;
}

#contenu .cadre .champPt {
	width: 95px;
}

#contenu .cadre .champ:focus, #contenu .cadre .champMoy:focus, #contenu .cadre .champPt:focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: #BEDDB9;
}


#contenu .cadre .icone {
	height: auto;
	margin-right: auto;
	margin-left: 10px;
	float: right;
	width: 350px;
}

#contenu .cadre .host_thumb {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
}

.vignette {
	text-align: center;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin-bottom: 8px;
	margin-right: 5px;
}

#contenu .cadre .host_thumb a:hover {
	background-color: #FFFFFF;
}

.clearboth {
	clear: both;
}

#contenu p.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: right;
	vertical-align: middle;
}
#contenu .copy a {
	color: #ff9b00;
	text-decoration: none;
	font-weight: bold;
}
#contenu .copy a:hover {
	color: #FFFFFF;
	background-color: #ff9b00;
}
#contenu .copy img  {
	vertical-align: middle;
}
#contenu .cadre .film p.titre {
	font-size: 12px;
	color: #006600;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
}
#contenu .cadre .film p.realisateur {
	font-style: italic;
}