﻿@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0
	}
html, body{
	margin: 0;
	padding: 0;
	background: rgb(228, 228, 228);
	}

body{
	padding: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	}


#page{
	margin: auto;
	position: relative;
	width: 994px;
	height: 559px;
	background: rgb(255, 242, 8);
	border: 8px solid rgb(255, 236, 0);
	}

#inside{
	position: relative;
	margin: 0;
	height: 559px;
	background: white;
	}


#top{
	background: white;
	color: black;
	}
	
#menu ul{
	position: relative;
	margin: 7px 0 0 18px;
	padding: 0;
	list-style: none;
	background: white url(../images/menu.gif) left -15px no-repeat;
	height: 15px;
	}
	#menu ul li{
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		height: 15px;
		}
	#menu ul li a{
		display: block;
		height: 15px;
		text-indent: -5000px;
		overflow: hidden;
		background: none;
		}
		#menu #menu_edition{
			left: 0;
			width: 60px;
			}
		#menu #menu_presse{
			left: 70px;
			width: 53px;
			}
		#menu #menu_galerie{
			left: 133px;
			width: 60px;
			}
		#menu #menu_composites{
			left: 204px;
			width: 127px;
			}
		#menu #menu_divers{
			left: 337px;
			width: 54px;
			}
		#menu #menu_carnet{
			left: 405px;
			width: 60px;
			}
		#menu #menu_blog{
			left: 474px;
			width: 41px;
			}

		#menu #menu_edition a:hover,
		#body_edition #menu #menu_edition a{
			background: white url(../images/menu.gif) no-repeat left top;
			}
		#menu #menu_presse a:hover,
		#body_presse #menu #menu_presse a{
			background: white url(../images/menu.gif) no-repeat -70px top;
			}
		#menu #menu_galerie a:hover,
		#body_galerie #menu #menu_galerie a{
			background: white url(../images/menu.gif) no-repeat -133px top;
			}
		#menu #menu_composites a:hover,
		#body_composites #menu #menu_composites a{
			background: white url(../images/menu.gif) no-repeat -204px top;
			}
		#menu #menu_divers a:hover,
		#body_divers #menu #menu_divers a{
			background: white url(../images/menu.gif) no-repeat -337px top;
			}
		#menu #menu_carnet a:hover,
		#body_carnet #menu #menu_carnet a{
			background: white url(../images/menu.gif) no-repeat -405px top;
			}
		#menu #menu_blog a:hover,
		#body_blog #menu #menu_blog a{
			background: white url(../images/menu.gif) no-repeat -474px top;
			}

#smenu{
	position: relative;
	margin: 10px 18px 0;
	height: 18px;
	overflow: hidden;
	}
	#body_edition #smenu{ height: 35px; }
#smenu ul{
	list-style: none;
	background: white;
	}
	#smenu li{
		display: inline;
		}
		#smenu li a img{
			border: none;
			margin-bottom: 1px;
			}

#extra_menu {
	position: absolute;
	right: 15px;
	top: 15px;
	}
	#extra_menu li {
		list-style: none;
		}

/* 427px de haut pour le contenu */
#content {
	margin: 5px auto 0;
	height: 447px;
	width: 968px;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
	}
	/* 410px de haut pour le contenu */
	#body_edition #content{ height: 430px; }
	#content img {
		}
#body_galerie #content {
	white-space: normal;
	overflow: hidden;
	}

#home #layer_home,
#home #layer_edition,
#home #layer_presse,
#home #layer_galerie,
#home #layer_composites,
#home #layer_divers,
#home #layer_carnet,
#home #layer_blog{
	display: block;
	position: absolute;
	top: 75px;
	left: 0;
	width: 960px;
	height: 455px;
	background: transparent url(../images/bg_home.jpg) no-repeat center center;
	text-indent: -5000px;
	z-index: 1;
	}
#home #layer_home   { background-image: url(../images/bg_home.jpg); }
#home #layer_edition{ background-image: url(../images/bg_home_edition.jpg); }
#home #layer_presse { background-image: url(../images/bg_home_presse.jpg);  }
#home #layer_galerie{ background-image: url(../images/bg_home_galerie.jpg); }
#home #layer_composites{ background-image: url(../images/bg_home_composites.jpg); }
#home #layer_divers { background-image: url(../images/bg_home_divers.jpg);  }
#home #layer_carnet { background-image: url(../images/bg_home_carnet.jpg); }
#home #layer_blog { background-image: url(../images/bg_home_blog.jpg); }

#home #layer_edition,
#home #layer_presse,
#home #layer_galerie,
#home #layer_composites,
#home #layer_divers,
#home #layer_carnet,
#home #layer_blog{
	display: none;
	}

#body_popup_galerie {
	margin: 0;
	padding: 0;
	background: white;
	text-align: left;
	}

#body_popup_commander,
#body_popup_bibliographie {
	margin: 0;
	padding: 0;
	background: white;
	text-align: center;
	}
	#body_popup_commander p {
		padding: 15px 15px 15px 35px;
		color: #e2001a;
		line-height: 24px;
		text-align: left;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size: 14px;
		}
	#body_popup_commander a {
		color: black;
		text-decoration: none;
		}
	#body_popup_commander a:hover {
		color: red;
		}


/*
#menu{
	position: absolute;
	top: 58px;
	left: 32px;
	width: 309px;
	height: 13px;
	z-index: 1000;
	}

#smenu{
	position: absolute;
	top: 83px;
	width: 635px;
	height: 44px;
	overflow: hidden;
	}

#content{
	position: absolute;
	top: 128px;
	width: 635px;
	height: 395px;
	overflow: hidden;
	}

#annexe{
	position: absolute;
	top: 12px;
	left: 650px;
	width: 299px;
	height: 507px;
	overflow: hidden;
	}

#menu ul{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	background: white url(../images/menu.gif) left top no-repeat;
	height: 13px;
	width: 309px;
	}
	#menu ul li{
		margin: 0;
		padding: 0;
		position: absolute;
		display: block;
		top: 0;
		height: 13px;
		}
	#menu ul li a{
		display: block;
		height: 13px;
		text-indent: -5000px;
		overflow: hidden;
		}
		#menu #menu_edition{
			left: 0;
			width: 64px;
	z-index: 1000;
			}
		#menu #menu_presse{
			left: 64px;
			width: 59px;
	z-index: 1000;
			}
		#menu #menu_galerie{
			left: 123px;
			width: 67px;
	z-index: 1000;
			}
		#menu #menu_divers{
			left: 190px;
			width: 58px;
	z-index: 1000;
			}
		#menu #menu_contact{
			left: 248px;
			width: 61px;
	z-index: 1000;
			}

		#menu #menu_edition a:hover, #body_edition #menu #menu_edition a{
			background: white url(../images/menu_main.gif) left top no-repeat;
			background-position: 0 -20px;
			}
		#menu #menu_presse a:hover, #body_presse #menu #menu_presse a{
			background: white url(../images/menu_main.gif) left top no-repeat;
			background-position: -64px -20px;
			}
		#menu #menu_galerie a:hover, #body_galerie #menu #menu_galerie a{
			background: white url(../images/menu_main.gif) left top no-repeat;
			background-position: -123px -20px;
			}
		#menu #menu_divers a:hover, #body_divers #menu #menu_divers a{
			background: white url(../images/menu_main.gif) left top no-repeat;
			background-position: -190px -20px;
			}
		#menu #menu_contact a:hover, #contact #menu #menu_contact a{
			background: white url(../images/menu_main.gif) left top no-repeat;
			background-position: -248px -20px;
			}

#home #page #content{
	height: 472px;
	border: 1px solid red;
	}
#home #layer_home, #home #layer_edition, #home #layer_presse, #home #layer_galerie, #home #layer_divers, #home #layer_contact{
	display: block;
	position: absolute;
	top: 75px;
	left: 0;
	width: 960px;
	height: 455px;
	background: transparent url(../images/bg_home.jpg) no-repeat center center;
	text-indent: -5000px;
	z-index: 1;
	}
#home #layer_home   { background-image: url(../images/bg_home.jpg); }
#home #layer_edition{ background-image: url(../images/bg_home_edition.jpg); }
#home #layer_presse { background-image: url(../images/bg_home_presse.jpg);  }
#home #layer_galerie{ background-image: url(../images/bg_home_galerie.jpg); }
#home #layer_divers { background-image: url(../images/bg_home_divers.jpg);  }
#home #layer_contact{ background-image: url(../images/bg_home_contact.jpg); }

#home #layer_edition, #home #layer_presse, #home #layer_galerie, #home #layer_divers, #home #layer_contact{
	display: none;
	}

#smenu ul{
	padding-left: 18px;
	list-style: none;
	background: white;
	}
	#smenu li{
		float: left;
		}
		#smenu li a img{
			border: none;
			margin-bottom: 1px;
			}

#home #content, #contact #content{
	top: 70px;
	width: 934px;
	height: 231px;
	}
#contact #layer_contact{
	position: absolute;
	top: 133px;
	left: 530px;
	width: 299px;
	height: 60px;
	}
#home_slideshow{
	margin: 32px auto 0;
	width: 449px;
	height: 190px;
	}
*/