@font-face {
	font-family: 'MyriadProBold';
	src: url('fonts/myriadpro-bold.eot');
	src: local('Myriad Pro'), local('MyriadPro-Bold'), url('fonts/myriadpro-bold.woff') format('woff'), url('fonts/myriadpro-bold.ttf') format('truetype'), url('fonts/myriadpro-bold.svg#webfont') format('svg');
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/myriadpro-regular.eot');
	src: local('Myriad Pro'), local('MyriadPro-Regular'), url('fonts/myriadpro-regular.woff') format('woff'), url('fonts/myriadpro-regular.ttf') format('truetype'), url('fonts/myriadpro-regular.svg#webfont') format('svg');
}
@font-face {
	font-family: 'CenturyGothicRegular';
	src: url('fonts/century_gothic.eot');
	src: local('Century Gothic'), local('CenturyGothic'), url('fonts/century_gothic.woff') format('woff'), url('fonts/century_gothic.ttf') format('truetype'), url('fonts/century_gothic.svg#webfont') format('svg');
}



HTML { margin: 0px; padding: 0px; width: 100%; font-size: 100%; }
IMG { border: none; }
HR.clear { visibility: hidden; clear: both; margin: 0px; }

BODY { margin: 0px; padding: 0px; background: #20160D url("images/feuille.png") center 9px no-repeat; }

BODY.home {
	background-color: #211508;
	text-align: center;
	color: white;
	background-image: none;
}
DIV.home { position: relative; margin: 40px auto 0px auto; width: 990px;}
BODY.home #header { display: none; }
#bande_accueil {
	position: absolute;
	left: 375px;
	top: 0px;
	width: 44px;
	height: 536px;
	background: transparent url("images/bande_accueil.png") repeat;
	z-index: 1000;
}
#slideshow1 { position: absolute; top: 0px; left: 177px; }
#slideshow2 { position: absolute; top: 0px; left: 391px; }
#slideshow1 IMG, #slideshow2 IMG { position: absolute; width: 210px; height: 536px; }

#header {
	width: 967px;
	margin: 40px auto 0px auto;
	color: white;
	position: relative;
	height: 211px;
	text-align: right;
}
#logo { position: absolute; right: 170px; top: 0px; }
#baseline { position: absolute; right: 0px; top: 18px; }
#baselinehome { position: absolute; top: 70px; right: 34px; }
#language { position: absolute; top: 73px; right: 0px; }
#banner { position: absolute; top: 101px; left: 0px; height: 110px; overflow: hidden; background-color: white; color: black; }
#banner IMG { width: 967px; height: 110px; }
#feuille_banner {
	position: absolute;
	top: 0px; left: 0px;
	width: 967px; height: 110px; 
	background: transparent url("images/feuille_banniere.png") no-repeat;
	z-index: 100;
}
#menu {
	position: absolute;
	left: 5px;
	bottom: 7px;
	width: 160px;
	height: 159px;
	background-image: url("images/fond_menu.png");
	background-repeat: no-repeat;
	padding: 22px 18px 22px 7px;
	text-align: left;
	z-index: 101;
}
#menu UL { list-style-type: none; margin: 0px; padding: 0px; }
#menu UL LI { margin: 0px; padding: 0px; margin-bottom: 1px; padding-right: 13px; height: 21px; }
#menu UL LI.item0 { display: none; }

#menu A:link, #menu A:visited { display: block; height: 100%; padding-left: 10px; text-decoration: none; line-height: 24px; color: white; }
#menu A:hover { color: black; text-decoration: none; }
#menu LI.selected { background: url("images/fond_menu_on.png") no-repeat;}
#footer { font-size: 0.6em; text-align: center; color: white; }
.corner_tl, .corner_tr, .corner_bl, .corner_br {
	position: absolute;
	width: 10px;
	height: 10px;
	background-image: url("images/coins.png");
	background-repeat: no-repeat;
	z-index: 99;
}
.corner_tl { top: 0px; left: 0px; background-position: 0px 0px; }
.corner_tr { top: 0px; right: 0px; background-position: -10px 0px; }
.corner_bl { bottom: 0px; left: 0px; background-position: 0px -10px; }
.corner_br { bottom: 0px; right: 0px; background-position: -10px -10px; }

#pagecontent {
	position: relative; 
	font-size: 0.8em;
	background: white url("images/fond_page.gif") no-repeat top left;
	width: 532px;
	margin: 0px auto 20px auto;
	padding: 19px 228px 50px 207px;
}
#pagecontent A:link, #pagecontent A:visited { color: black; }
#pagecontent UL { margin: 0px; padding: 0px; padding-left: 15px; list-style-position: outside; }
#pagecontent UL LI { }
DIV.page { }
#imagecontact { position: absolute; top: 20px; left: 20px; }
#meilleurouvrier { position: absolute; top: 100px; left: 20px; }
#villaverde { position: absolute; bottom: 80px; left: 20px; }
#hautdepage { position: absolute; bottom: 15px; left: 25px; }

AUDIO { height: 24px; width: 200px; }
.audioplayer { height: 24px; width: 200px; }
VIDEO { height: 299px; width: 532px; }
.videoplayer { height: 299px; width: 532px; }

/**
 * GALERIES GRILLE
 */
.gallery0, .gallery1, .gallery2 {
}

/**
 * VIGNETTES GALERIE PHOTO *
 */
 
.gallery0 .thumb, .gallery1 .thumb {
	width: 80px;
	height: 80px;
	background-color: #000000;
	float: left;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #000000;	
}
.gallery0 .thumb IMG, .gallery1 .thumb IMG {
	min-width: 100%;
	height: 100%;
}

.gallery2 .thumb {
	float: left;
	display: block;
	width: 101px;
	height: 112px;
	margin: 2px 7px;
	font-size: 0.8em;
	overflow: hidden;
}
.gallery2 .thumb TABLE {
	border-collapse: collapse;
	border: none;
}
.gallery2 .thumb .thumbtd { vertical-align: bottom; height: 70px; }
.gallery2 .thumb .gallerythumb {
	display: block;
	width: 98px;
	max-height: 70px;
	overflow: hidden;
	border: 1px solid black;
}
.gallery2 .thumb .gallerythumb IMG { width: 98px; }
.gallery2 .thumb .legend {
	text-align: center;
	vertical-align: middle;
	height: 30px;
}

/**
 * FORMULAIRE DE CONTACT
 */

.contactform input, .formulaire input, .contactform textarea, .formulaire textarea {border: 1px solid #cccccc; background-color: #ffffff; margin-left: 2px; margin-bottom: 3px; }
.contactform input, .formulaire input { height: 20px; width: 200px;}
.contactform textarea, .formulaire textarea  {height: 60px; width: 250px;}
.contactform .contactsubmit, .formulaire .contactsubmit  {margin-left: 152px; width: 60px; height: 25px;}
.contactform label, .formulaire label { width: 150px; float: left; text-align: right; line-height: 22px; }
.formulaire label { width: 260px; }
.formulaire .contactsubmit { margin-left: 262px; }