@import url(reset.css);
@import url(modules.css);

.center{
	text-align: center;
}

.rose{
	color:#ce0376;
}

.bleu{
	color:#018DB0;
}

br.reset{
	clear:both;
	height:0;
}

#kw {
	height:1px;
	line-height:20em;
	overflow:hidden;
}

#signature {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 1024px;
	font-family: Arial;
	font-size: 0.7em;
}

body, html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #ce0376;
	color: #444;

    scrollbar-face-color: #FCC;
    scrollbar-shadow-color: #999;
    scrollbar-highlight-color: #999;
    scrollbar-3dlight-color: #CCC;
    scrollbar-darkshadow-color: #DDD;
    scrollbar-track-color: #DDD;
    scrollbar-arrow-color: #999;
}

h1 {
	height:1px;
	line-height:20em;
	overflow:hidden;
}

h2 {
	font-size:1.5em;
}

a {
	text-decoration: none;
	color: #5c4729;
}

a:hover {
	text-decoration: none;
	color: #3a2507;
}


div#page {
	position: relative;
	width: 1024px;
	height: 615px;
	margin-left: -512px;
	left: 50%;
	margin-top: -308px;
	top: 50%;
	background-image: url(images/background.jpg);
	overflow:hidden;
}

ul#menu {
	position: absolute;
	left: 107px;
	top: 105px;
	list-style-type: none;
}

ul#menu li {
	float: left;
}

img#titre_page {
	position: absolute;
	left: 59px;
	top: 155px;
}

img#logo_varilux {
	position: absolute;
	left: 70px;
	top: 487px;
}

img#logo_essilor {
	position: absolute;
	left: 168px;
	top: 487px;
}

p#adresse {
	position: absolute;
	left: 107px;
	top: 550px;
	font-family: Arial;
	font-size: 0.8em;
	color: #fff;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 6px;
}

p#mail {
	position: absolute;
	left: 729px;
	top: 550px;
	font-family: Arial;
	font-size: 0.7em;
	color: #5c4729;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 5px;
}

p#mail a {
	text-decoration: none;
	color: #5c4729;
}

ul#mini {
	position: absolute;
	width: 181px;
	height: 19px;
	left: 725px;
	top: 108px;
	list-style-type: none;
	background-color: #fff;
	border: 1px solid #ff9900;
}

ul#mini li {
	float: left;
	margin: 0 2px 0 0;
}

ul#mini li a {
	display: block;
	width: 13px;
	height: 13px;
	text-indent: 100px;
	overflow: hidden;
	border: 1px solid #757575;
	margin: 2px 0 2px 1px;
}

ul#mini li a:hover {
	border-color: #757575;
	background-color: #ff9900;
}

div#contenu {
	position: absolute;
	width: 426px;
	height: 374px;
	left: 255px;
	top: 170px;
}

div#contenu div#contenu_unique {
	position: relative;
	width: 416px;
	height: 374px;
	font-family: Arial;
	font-size: 0.8em;
	font-color: #ff9900;
	overflow: auto;
	padding-right: 10px;
	text-align: justify;
}

div#contenu div#contenu_unique ul#liste_photos li {
	float: left;
	width: 48px;
	height: 48px;
	margin-top: 5px;
	margin-right: 5px;
}

div#contenu div#contenu_unique ul#liste_photos li a img {
	border: 1px solid #e3e3e3;
}

div#contenu div#contenu_unique ul#liste_photos li a:hover img {
	border-color: #ff9900;
}

div#contenu p#contenu_texte {
	position: relative;
	width: 416px;
	height: 143px;
	font-family: Arial;
	font-size: 0.8em;
	overflow: auto;
	padding-right: 10px;
	text-align: justify;
}