@media print {

.hideprint {
	DISPLAY: none
}

.content {
	margin-top		: 2em;
	margin-left		: 2em;
}

}



@media screen {

.hideprint {
	background-color 	: #ffffff;
}
}



* {
	margin			: 0px ;
}


body {
	text-align		: center ;
	font-size		: 62.5%
	background-color 	: #ffffff;
}


.wrapper {
	width			: 66em ;
	max_width		: 95% ;
	margin			: 0 auto ;
	text-align 		: left ;
	border			: 1px solid #eee;
	background-color 	: #ffffff;
}


.header {
	background-color 	: #ffffff;
	overflow		: hidden ;
	height			: 100px ;
}


.header .branding {
	background: url(images/branding.png) no-repeat left top ;
	height			: 90px ;
	width			: 124px ;
	float			: left ;
	display			: inline ;
}


.header .toppub {
	width			: 58% ;
	height			: 90px ;
	float			: left ;
	display			: inline ;
	border			: 0px dotted #e0e0e0 ;
	googlesize		: 728x90
}


.header #search-input {
	float			: left ;
	display			: inline ;
}


.header .search {
	width			: 30% ;
	float			: right ;
	background-color 	: #ffffff;
	display			: inline ;
}


.content {
	background-color 	: #ffffff;
	overflow		: hidden ;
}


.content .margin {
	background-color 	: #ffffff;
	width			: 12% ;
	float			: left ;
	display			: inline ;
}


.margin .leftpub {
	width			: 120px ;
	height			: 600px ;
	border			: 0px dotted #e0e0e0 ;
	googlesize		: 120x600
}


.palette_terre_de_sienne {
	background-color	: #d98266 ;			-- clair
	border			: 1px solid #993400 ;		-- foncé
	color			: #682300 ;			-- très foncé
	border-top		: 1px solid #fbdbcc ;		-- très clair
}


.palette_orange {
	background-color	: #fde231 ;			-- clair
	border			: 1px solid #ff9d14 ;		-- foncé
	color			: #e02907 ;			-- très foncé
	border-top		: 1px solid #ffea75 ;		-- très clair
}


ul.margin-nav {
	list-style-type		: none ;
	font-family		: Verdana, sans-serif ;
	font-size		: 13px ;
	font-weight		: bold ;
	width			: 120px ;
	padding			: 0 ;
	background-color	: #fde231 ;
	border			: 1px solid #ff9d14 ;
}


ul.margin-nav a {
	display			: block ;
	color			: #e02907 ;
	text-decoration		: none ;
	padding			: 0.3em 0em ;
	background		: url(/img/arrow.gif) no-repeat 5% 50% ;
	border-top		: 1px solid #ffea75 ;
	border-bottom		: 1px solid #ff9d14 ;
	height			: 1em ;
	text-align		: center ;
}


ul.margin-nav .last a {
	border-bottom		: 0 ;
}


ul.margin-nav a:hover, ul.margin-nav a:focus, ul.margin-nav .selected a {
	color			: #ffffff ;
}


.content .center {
	background-color 	: #ffffff;
	width			: 76% ;
	float			: left ;
	display			: inline ;
	margin			: 0 0 0 0.6em  ;
}


.content .secondary {
	background-color 	: #ffffff;
	width			: 7.5% ;
	float			: left ;
	display			: inline ;
}


.footer {
	background-color	: #fde231 ;			-- clair
	color			: #e02907 ;			-- très foncé
	overflow		: hidden ;
}


myhr {
	clear			: both ;
	visibility		: hi-dden ;
}


hr {
	clear			: both ;
	visibility		: hidden ;
}


.fiche {
	-moz-border-radius	: 18px 18px 0px 0px ;
	-webkit-border-radius	: 18px 18px 0px 0px ;
	border-radius		: 18px 18px 0px 0px ;
	-moz-box-shadow		: 8px 8px 8px #ccc ;
	-webkit-box-shadow	: 8px 8px 8px #ccc ;
}


.top-fiche {
	height			: 5em ;
}


.top-fiche H1 {
	width			: 82% ;
	float			: left ;
	display			: inline ;
	text-align		: center ;
	font-weight		: bold; 
	font-size		: 2.1em ;
}


.top-fiche .zonedrapeau {
	width			: 18% ;
	float			: left ;
	display			: inline ;
	position		: relative ;
}


.top-fiche IMG {
	width			: 8em ;
	float			: left ;
	position		: relative ;
	left			: 0em ;
	top				: 0.2em ;
	display			: inline ;
	height			: 4em ;
	border			: 3px solid #ffffff ;
}


.top-fiche P  {
	width			: 83.5% ;
	position		: absolute ;
	bottom			: -1px ;
	left			: 3px ;
	margin			: 0 ;
	background		: rgba(0,0,0,0.2) ;
	color			: #fff ;
	font-size		: 15px ;
	line-height		: 12px ;
	font-style		: italic ;
	padding			: 5px ;
	text-align		: center ;
}

.top-fiche P A:link, .top-fiche P A:visited {
	color			: #ffffff ;
	text-decoration		: underline ;
	font-weight		: bold ;
}


.resume-fiche {
	background-color 	: #ffffff;
	overflow		: hidden ;
	width			: 100% ;
	position		: relative ;
}


.resume-fiche .rf-texte {
	width			: 60% ;
	float			: left ;
	display			: inline ;
	font-size		: 1.1em ;
	margin-left		: 1em ;
}


A:link, A:visited {
	color			: #000000 ;
	text-decoration		: underline ;
}


A:hover {
	background-color	: #fde231 ;
}


.resume-fiche .rf-images {
	width			: 35% ;
	float			: left ;
	display			: inline ;
}


.bottom {
	position		: absolute ;
	bottom			: 0 ;
	height			: 2px ;
	width			: 999px ;
	margin-left		: -2px ;
}


.vignettes {
	margin			: 5 5 0 5 ;
	border			: 5px solid #fff ;
	border-radius		: 5px ;
	width			: 30px ;
	-webkit-border-radius	: 5px ;
	-moz-border-radius	: 5px ;
	-webkit-box-shadow	: 1px 1px 5px #999 ;
	-moz-box-shadow		: 1px 1px 5px #999 ;
}


.bloc-indic {
	margin			: 0 0 0 0;
	width			: 11em ;
	border			: 0px dotted #ccc ;
	float			: left ;
	display			: inline ;
}


.zonebouteille {
	margin			: 0 0 0 1em ;
	width			: 4em ;
	float			: left ;
	display			: inline ;
	position		: relative ;
}


.bouteille {
	height			: 70px ;
	float			: left ;
	display			: inline ;
}


.legendebouteille {
	position		: absolute ;
	top				: 0px ;
	left			: -10px ;
	color			: #000000 ;
	font-size		: 0.8em ;
	padding			: 0px ;
	text-align		: left ;
}

.nombouteille {
	width			: 180% ;
	position		: absolute ;
	top				: 66px ;
	left			: -10px ;
	color			: #000000 ;
	font-size		: 14px ;
	line-height		: 14px ;
	padding			: 0px ;
	font-style		: italic ;
	text-align		: center ;
}


.titre-contenu-fiche {
	overflow		: hidden ;
}


.titre-contenu-fiche .tcf-ing {
	width			: 25% ;
	float			: left ;
	display			: inline ;
	padding			: 0 0 0 1em ;
}


.titre-contenu-fiche .tcf-real {
	width			: 45% ;
	float			: left ;
	display			: inline ;
	padding			: 0 0 0 6em ;
}


.contenu-fiche {
	overflow		: hidden ;
	-border			: 5px solid #888;
}


.contenu-fiche .cf-ing {
	width			: 25% ;
	float			: left ;
	display			: inline ;
	padding			: 0 0 0 0 ;
}


.contenu-fiche .cf-list-photos {
	width			: 15% ;
	float			: left ;
	display			: inline ;
}


.contenu-fiche .cf-photos {
	width			: 100% ;
	float			: left ;
	display			: inline ;
	padding			: 0 0 0 5 ;
}

 .cf-photos  IMG {
	margin					: 5 5 0 5 ;
	border					: 5px solid #fff ;
	border-radius			: 5px ;
	width					: 30px ;
	-webkit-border-radius	: 5px ;
	-moz-border-radius		: 5px ;
	-webkit-box-shadow		: 1px 1px 5px #999 ;
	-moz-box-shadow			: 1px 1px 5px #999 ;
}
	
.contenu-fiche .cf-photos IMG {
	width			: 7.5em ;
}


.contenu-fiche .cf-real {
	width			: 52% ;
	float			: left ;
	display			: inline ;
}


legend {
  	text-align		: right;
	font-family		: Verdana, sans-serif ;
	font-weight		: bold ;
	font-size		: 12px ;
}


.search-button {
	float			: right ;
	display			: inline ;
	height			: 25px ;
	wi-dth			: 15px ;
	border			: 1px solid #989898 ;
	-moz-border-radius	: 6px ;
	-webkit-border-radius	: 6px ;
	border-radius		: 6px ;
	background		: #fde231 ;
	-moz-box-shadow		: 2px 2px 2px #ccc ;
	-webkit-box-shadow	: 2px 2px 2px #ccc ;
	color			: #e02907 ;
	font-family		: Verdana, sans-serif ;
	font-size		: 13 px ;
	font-weight		: bold ;
}



.search-button:hover, .search-button:focus  {
	color			: #ffffff ;
}


label {
	cursor			: pointer ;
	font-size		: 0.75em ;
	width			: 2em ;
}


fieldset {
	margin			: 0em 0 ;
	padding			: 0.5em ;
	background		: #f8f8f8 ;
}


input[type="text"] {
	width			: 10em ;
	border-top		: 2px solid #999 ;
	border-left		: 2px solid #999 ;
	border-bottom		: 1px solid #ccc ;
	border-right		: 1px solid #ccc ;
}


input:focus {
	background		: #ffc ;
}


.avis-fiche {
	font-family		: Verdana, sans-serif ;
	overflow		: hidden ;
	background-color 	: #ffffff;
	margin			: 5 ;
	border			: 5px solid #fff ;
	border-radius		: 5px ;
	-webkit-border-radius	: 5px ;
	-moz-border-radius	: 5px ;
	-webkit-box-shadow	: 1px 1px 5px #999 ;
	-moz-box-shadow		: 1px 1px 5px #999 ;
}


.avis-fiche .zoneavatar {
	float			: left ;
	display			: inline ;
	position		: relative ;
	padding			: 0 10 0 10 ;
	margin			: 0 10 0 10 ;
	border			: 1px dotted #dddddd ;
}


.avis-fiche .avatar {
	margin			: 5 ;
	border			: 5px solid #fff ;
	border-radius		: 5px ;
	-webkit-border-radius	: 5px ;
	-moz-border-radius	: 5px ;
	-webkit-box-shadow	: 1px 1px 5px #999 ;
	-moz-box-shadow		: 1px 1px 5px #999 ;
	height			: 50px ;
	float			: left ;
	display			: inline ;
}


.avis-fiche .nomavatar {
	width			: 54% ;
	position		: absolute ;
	bottom			: 5px ;
	left			: 15px ;
	margin			: 0 ;
	background		: rgba(0,0,0,0.3) ;
	color			: #ffffff ;
	font-size		: 11px ;
	font-weight		: bold ;
	line-height		: 10px ;
	font-style		: italic ;
	padding			: 2px ;
	text-align		: center ;
}


.avis-fiche span {
	margin			: 0em 0 0em 3em ;
	font-size		: 12px ;
}


.avis-fiche ul {
	list-style-type		: none ;
	margin			: 0.2em 0 0 6em ;
	font-size		: 12px ;
	font-style		: italic ;
}


.ListItems {
	background-color 	: #ffffff;
	overflow		: hidden ;
}


.ColListItems {
	background-color 	: #ffffff;
	width			: 80% ;
	float			: left ;
	display			: inline ;
	padding			: 0 0 0 30 ;
	font-size		: 0.9em ;
}


.ColListItems ul li:hover, .ColList ul li:focus {
	color			: #ffffff ;
}


.ColListItems li {
	color			: #ffea75 ;
}


.resume .vignettes {
	margin			: 1 1 0 1 ;
	border			: 2px solid #fff ;
	border-radius		: 2px ;
	width			: 20px ;
	-webkit-border-radius	: 2px ;
	-moz-border-radius	: 2px ;
	-webkit-box-shadow	: 1px 1px 2px #999 ;
	-moz-box-shadow		: 1px 1px 2px #999 ;
}

.resume .rounded_image {
}

P.TITBALIST  {
	TEXT-INDENT		: 2em; 
	TEXT-ALIGN		: left ; 
	FONT-SIZE		: 12pt; 
	FONT-STYLE		: italic ; 
	padding			: 0 0 30 0 ;
}


a IMG {
	border			: 0px solid #ffffff ;
}



.news_IMG  {
	width			: 200px ;
	margin			: 0px ;
}
.news_P {
	text-align		: left ;
}
.news_item {
	margin			: 5 ;
	text-align		: right ;
	border-bottom		: 1px #000000 dotted ;
}