﻿body {
	background-color: #000000;
	height:100%;
	width:100%;
	color:#FFFFCC;
	text-align:center;
}
.style1 {
	text-align: center;
}
.style2 {
    text-decoration:underline;
}
.style3 {
	color: #0099FF;
}
.style4 {
	border: 3px double #000000;
	font-size: medium;
	color: #FFFF99;
	text-align: right;
	font-family: "Book Antiqua";
	font-weight: normal;
}
.style5 {
	text-align: left;
}
.style6 {
	border: 3px double #000000;
	font-size: medium;
	color: #FFFF99;
	text-align: center;
	font-family: "Book Antiqua";
	font-weight: normal;
}
.style13 {
	border: 3px double #000000;
	font-size: medium;
	color: #FFFF99;
	text-align: right;
	font-family: "Book Antiqua";
	font-weight: normal;
}
.style14 {
	text-align: left;
}
.style16 {
	color: #0099FF;
	font-size: x-large;
}
#wrapper {
	height:100%;
	width:100%;
}
table {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
h1 {
    font-size:large;
    text-align:center;
    font-weight:bold;
}
h3 {
	font-size: medium;
	color: #FFFFCC;
	text-align: center;
	font-family: "Book Antiqua";
	font-weight: normal;
}
a {
	color: #FFFFCC
}
a:link {
	color: #FFFFCC;
}
a:visited {
	color: #FFFFCC;
}
a:hover {
	color: #FFFFCC;
}
a:active {
	color: #FFFFCC;
}

#all {
	height:100%;
    width:100%;
}
.whiteline {
	width:100%;
	height:100px;
}
#logobanner {
	height:120px;
    width:100%;
	float:left;
	text-align:left;
}
#logobannerg {
	height: 190px;
	width: 24%;
	float: left;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
}
#logobannerm {
	height:130px;
    width:50%;
	float:left;
	text-align:center;
    font-family:"Edwardian Script ITC";
    font-size:300%;
    color:#FFFFCC;
}
#logobannerd {
	height:190px;
    width:24%;
	float:left;
	text-align:right;
}
#logobannerleft {
	height:100%;
    width:20%;
	float:left;
	text-align:left;
}
#logobannerlefttop {
	height:80%;
    width:100%;
	float:left;
	text-align:right;
}
#logobannerleftbottom {
	height:20%;
    width:100%;
	float:left;
	text-align:right;
}
#logobannerright {
	height:100%;
    width:80%;
	float:left;
    font-family:"Edwardian Script ITC";
    font-size:550%;
    color:#FFFFCC;
	text-align:center;
}
#text {
	height:70%;
    width:100%;
	float:left;
	text-align:center;
	font-size:large;
	margin-bottom:50px;
	white-space:pre-wrap
}
#tarif {
background-color:white;
}
#texthalf {
	height:220px;
    width:390px;
	float:left;
	text-align:center;
	font-size:large;
	margin-bottom:50px;
	white-space:pre-wrap
}
#textpictures {
	height:70%;
    width:100%;
	float:left;
	text-align:left;
	font-size:large;
	margin-top:50px;
	margin-bottom:50px;
	white-space:pre-wrap
}
#linktext {
	height:70%;
    width:40%;
    background-color:#FFFFCC;
	float:left;
	text-align:left;
	font-size:large;
	margin-top:50px;
	margin-bottom:50px;
	margin-left:30%;
	margin-right:30%;
}
.text {
	height:auto;
    width:100%;
	float:left;
	text-align:center;
	font-size:large;
}
.leftpicture {
	height:70%;
    width:60%;
	float:left;
	text-align:right;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
}
.righttext {
	height:70%;
    width:35%;
	float:left;
	text-align:left;
	vertical-align:middle;
	font-size:large;
	margin-top:20px;
	margin-bottom:20px;
}
#indexleftpicture {
	height:100%;
    width:28%;
	float:left;
}
#indexrightside {
	height:100%;
	width:72%;
	float:right;
}
#indexrightsidetop {
	height:35%;
	width:100%;
	text-align: center;
	float:left;
}
#indexrightsidetoptext {
    font-family:"Edwardian Script ITC";
    font-size:450%;
    color:#FFFFCC;
	text-align: center;
	height: 35%;
	width: 100%;
	float:left;
}
#indexrightsidetopflags {
	text-align: center;
	height: 20%;
	width: 100%;
	float:left;
}
#indexrightsidetoplogo {
	text-align: center;
	height: 45%;
	width: 100%;
	float:left;
    font-family:"Edwardian Script ITC";
    font-size:250%;
    color:#FFFFCC;
}
#indexrightsidetoplogoleft {
	text-align: center;
	height: 100%;
	width: 60%;
	float:left;
    font-family:"Edwardian Script ITC";
    font-size:100%;
    color:#FFFFCC;
}
#indexrightsidetoplogoright {
	height: 100%;
	width: 40%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
#indexrightsidemiddle {
	height: 65%;
	width: 100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
#indexpagetop3pictures1 {
	position: relative;
	height: 100%;
	width:13%;
	margin-left:15%;
	float:left;
}
#indexpagetop3pictures2 {
	position: relative;
	height: 97%;
	width: 13%;
	margin-left:15%;
	margin-right:15%;
	margin-top: 3%;
	float:left;
}
#indexpagetop3pictures3 {
	position: relative;
	height: 94%;
	width: 13%;
	margin-top: 6%;
	margin-right:15%;
	float:left;
}
#indexrightsidebottomtext {
    font-family:"Edwardian Script ITC";
    font-size:275%;
    color:#FFFFCC;
	text-align: center;
	height: 35%;
	width: 100%;
	float:left;
}
div#content {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	float:left;
}
div#changepagetop {
	color: #FFFFCC;
	font-family: "Book Antiqua";
	font-size:large;
	font-weight:bold;
	width:100%;
	height:45px;
	text-align:center;
}
div#changepagebottom {
	color: #FFFFCC;
	font-family: "Book Antiqua";
	font-size:large;
	font-weight:bold;
	width:100%;
	height:45px;
	text-align:center;
}
div.ligneproduit {
	width:960px;
	height:190px;
	margin-left: auto;
	margin-right: auto;
	border-color:#33CCFF;
	border-width:thick;
	border-top:30px;
	text-align: center;
}
div.ligneimg {
	width:650px;
	height:190px;
	float:left;
}
div.lignetext {
	width: auto;
	height: 190px;
	float:none;
	color: #FFFFCC;
	font-family: "Book Antiqua";
	font-size: large;
	text-align:left;
	vertical-align:middle;
}
div.top {
	width:auto;
	height:auto;
	margin-left:10%;
	margin-right:10%;
	vertical-align:top;
}

#tabdetail
{	width:532px;
height:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}
#tabdetail li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px Book Antiqua;
}

#tabdetail li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #000000;
	color: #FFFFCC;
	width:116px;
    border-style: outset;
    text-align: center;
	text-transform: uppercase;
	text-decoration: none}

#tabdetail li a:hover
{	background: #FFFFCC;
	color: #000000}

#tabdetail div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000;
	border: 1px solid #FFFFCC}

	#tabdetail div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000000;
		color: #FFFFCC;
    	border-style: outset;
	    text-align: center;
	    text-transform: uppercase;
		font: 14px Book Antiqua}

	#tabdetail div a:hover
	{	background: #FFFFCC;
		color: #000000}

#sddm
{	width:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:center}
#sddm li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px Book Antiqua;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #000000;
	color: #FFFFCC;
	width:116px;
    border-style: outset;
    text-align: center;
	text-transform: uppercase;
	text-decoration: none}

#sddm li a:hover
{	background: #FFFFCC;
	color: #000000}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000;
	border: 1px solid #FFFFCC}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000000;
		color: #FFFFCC;
    	border-style: outset;
	    text-align: center;
	    text-transform: uppercase;
		font: 14px Book Antiqua}

	#sddm div a:hover
	{	background: #FFFFCC;
		color: #000000}

div.annonce
{   width:100%;
    height:4000px;	
}

div.bandeannonce
{
	width: 100%;
	height: 20px;
	background-color: teal;
	text-transform: uppercase;
}

#cal
{
	height: 246px;
	display:block;
	float:none;	
	}

#bottommenu
{	width:450px;
	margin-left:auto;
	margin-right:auto;
	text-align:center}

#bottommenu li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px Book Antiqua;
}

#bottommenu li a
{	display: block;
	margin: 0 0 0 0;
	padding: 1px 10px;
	background: #000000;
	color: #FFFFCC;
    border-style: outset;
    text-align: center;
	text-transform: uppercase;
	text-decoration: none}

#bottommenu li a:hover
{	background: #FFFFCC;
	color: #000000}

#bottommenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000;
	border: 1px solid #FFFFCC}

	#bottommenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-decoration: none;
		background: #000000;
		color: #FFFFCC;
    	border-style: outset;
	    text-align: center;
	    text-transform: uppercase;
		font: 14px Book Antiqua}

	#bottommenu div a:hover
	{	background: #FFFFCC;
		color: #000000}

#bottommenuit
{	width:620px;
	margin-left:auto;
	margin-right:auto;
	text-align:center}

#bottommenuit li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px Book Antiqua;
}

#bottommenuit li a
{	display: block;
	margin: 0 0 0 0;
	padding: 1px 10px;
	background: #000000;
	color: #FFFFCC;
    border-style: outset;
    text-align: center;
	text-transform: uppercase;
	text-decoration: none}

#bottommenuit li a:hover
{	background: #FFFFCC;
	color: #000000}

#bottommenuit div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000;
	border: 1px solid #FFFFCC}

	#bottommenuit div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-decoration: none;
		background: #000000;
		color: #FFFFCC;
    	border-style: outset;
	    text-align: center;
	    text-transform: uppercase;
		font: 14px Book Antiqua}

	#bottommenuit div a:hover
	{	background: #FFFFCC;
		color: #000000}

#bottommenude
{	width:610px;
	margin-left:auto;
	margin-right:auto;
	text-align:center}

#bottommenude li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px Book Antiqua;
}

#bottommenude li a
{	display: block;
	margin: 0 0 0 0;
	padding: 1px 10px;
	background: #000000;
	color: #FFFFCC;
    border-style: outset;
    text-align: center;
	text-transform: uppercase;
	text-decoration: none}

#bottommenude li a:hover
{	background: #FFFFCC;
	color: #000000}

#bottommenude div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000;
	border: 1px solid #FFFFCC}

	#bottommenude div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-decoration: none;
		background: #000000;
		color: #FFFFCC;
    	border-style: outset;
	    text-align: center;
	    text-transform: uppercase;
		font: 14px Book Antiqua}

	#bottommenude div a:hover
	{	background: #FFFFCC;
		color: #000000}

#bottommenuen
{	width:560px;
	margin-left:auto;
	margin-right:auto;
	text-align:center}

#bottommenuen li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px Book Antiqua;
}

#bottommenuen li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #000000;
	color: #FFFFCC;
    border-style: outset;
    text-align: center;
	text-transform: uppercase;
	text-decoration: none}

#bottommenuen li a:hover
{	background: #FFFFCC;
	color: #000000}

#bottommenuen div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000;
	border: 1px solid #FFFFCC}

	#bottommenuen div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000000;
		color: #FFFFCC;
    	border-style: outset;
	    text-align: center;
	    text-transform: uppercase;
		font: 14px Book Antiqua}

	#bottommenuen div a:hover
	{	background: #FFFFCC;
		color: #000000}

#bottommenunl
{	width:490px;
	margin-left:auto;
	margin-right:auto;
	text-align:center}

#bottommenunl li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px Book Antiqua;
}

#bottommenunl li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #000000;
	color: #FFFFCC;
    border-style: outset;
    text-align: center;
	text-transform: uppercase;
	text-decoration: none}

#bottommenunl li a:hover
{	background: #FFFFCC;
	color: #000000}

#bottommenunl div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000;
	border: 1px solid #FFFFCC}

	#bottommenunl div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000000;
		color: #FFFFCC;
    	border-style: outset;
	    text-align: center;
	    text-transform: uppercase;
		font: 14px Book Antiqua}

	#bottommenunl div a:hover
	{	background: #FFFFCC;
		color: #000000}

div#linkscontent {
	width:100%;
}
div.links {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	color: #FFFFCC;
	font-family: "Book Antiqua";
	font-size: medium;
	text-align: left;
}
