body {
	background-color: #FFF5E2;
	background: url(images/fondabo.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #B41B14;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	height:100%;
}

html {
	height:100%;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

input, select, textarea {
	border: 1px solid #E6BA6D;
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	font-weight:bold;
	color:#B41B14;
	text-decoration:none;
}

a:hover {
	font-weight:bold;
	color:#B41B14;
	text-decoration:underline;
}

#site {
	height:100%;
	width:100%;
	text-align:center;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#conteneur {
	width: 774px;
	/*height: 610px;*/
	position:relative;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	/*border: 2px solid #FF0000;*/
}

#header {
	height: 80px;
	margin: 0px 0px 0px 0px;
}

#gauche {
	position:relative;
	width: 160px;
	/*height:530px;*/
	left: 0px;
}

#droite {
	position:absolute; /* position absolue, sort du flux, donc calcul du manque en javascript */
   	left:174px; /* se positionne à 170px à gauche du conteneur (laisse donc la place au menu) */
   	top:80px; /* se positionne à 80px du haut du conteneur (laisse donc la place au header) */
   	margin-right:160px; /* marge de 160px sur la droite (taille du menu) pour ne pas dépasser du conteneur */
	width: 600px;
	/*height:530px;*/
	z-index: 2;
}

#compl, #compl2, #compl3 {
	margin: 0;
	padding: 0;
	font-size:1px;
}

#pied {
	height: 11px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 174px;
	font-size:10px;
	color:#000000;
}

#couv {
	position:absolute;
	top: 90px;
	left: 26px;
	z-index: 4;
}

#conditions {
	position: absolute;
	top: 140px;
	left: 100px;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color: #E6BA6D;
	z-index:4;
}

#demande {
	position: absolute;
	top: 550px;
	left: 10px;
	font-style:italic;
	z-index:4;
}


#lienaccueil {
	position:absolute;
	top: 8px;
	left: 348px;
	z-index: 3;
	width: 82px
}

#lienjunior {
	position:absolute;
	top: 8px;
	left: 433px;
	z-index: 3;
	width: 120px
}

#liencollection {
	position:absolute;
	top: 8px;
	left: 556px;
	z-index: 3;
	width: 101px
}

#liencontact {
	position:absolute;
	top: 8px;
	left: 660px;
	z-index: 3;
	width: 116px
}

#lienpanier {
	position:absolute;
	top: 43px;
	left: 660px;
	z-index: 3;
	width: 116px
}

#lieniphone {
	position:absolute;
	top: 43px;
	left: 549px;
	z-index: 3;
	width: 108px
}

#lienweb {
	position:absolute;
	top: 43px;
	left: 437px;
	z-index: 3;
	width: 108px
}

#titre2 {
	position: absolute;
	width: 600px;
	top: 152px;
	left: 174px;
	text-align: center; 
	font-size: 1.5em;
	color:#000000;
	z-index:3;
}

#onglet1 {
	position: absolute;
	width: 150px;
	top: 152px;
	left: 174px;
	text-align: center; 
	font-weight: bold;
	font-size: 1.2em;
}

#onglet2 {
	position: absolute;
	width: 160px;
	top: 152px;
	left: 314px;
	text-align: center; 
	font-weight: bold;
	font-size: 1.2em;
}

#onglet3 {
	position: absolute;
	width: 160px;
	top: 152px;
	left: 464px;
	text-align: center; 
	font-weight: bold;
	font-size: 1.2em;
}

#onglet4 {
	position: absolute;
	width: 160px;
	top: 152px;
	left: 614px;
	text-align: center; 
	font-weight: bold;
	font-size: 1.2em;
}

.actif {
	z-index: 3;
}

.inactif {
	color:#D58274;
}

/* div arrondi haut droit : titre */
.raiseddh {background: transparent; width:100%; height:60px; margin:0 auto;}
.raiseddh p, .raiseddh h1 {margin:0 10px;}
.raiseddh p {padding-bottom:0.5em;}

.raiseddh .top, .raiseddh .bottom {display:block; background:transparent; font-size:1px;}
.raiseddh .b1, .raiseddh .b2, .raiseddh .b3, .raiseddh .b4, .raiseddh .b1b, .raiseddh .b2b, .raiseddh .b3b, .raiseddh .b4b {display:block; overflow:hidden;}
.raiseddh .b1, .raiseddh .b2, .raiseddh .b3, .raiseddh .b1b, .raiseddh .b2b, .raiseddh .b3b {height:1px;}
.raiseddh .b2 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raiseddh .b3 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raiseddh .b4 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raiseddh .b4b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raiseddh .b3b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raiseddh .b2b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}

.raiseddh .b1 {margin:0 5px; background:#E6BA6D;}
.raiseddh .b2, .raiseddh .b2b {margin:0 3px; border-width:0 2px;}
.raiseddh .b3, .raiseddh .b3b {margin:0 2px;}
.raiseddh .b4, .raiseddh .b4b {height:2px; margin:0 1px;}
.raiseddh .b1b {margin:0 5px; background:#E6BA6D;}
.raiseddh .boxcontent {display:block;  background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D; height:50px;}

/* div arrondi bas droit : contenu */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised p, .raised h1 {margin:0 10px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raised .b3 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raised .b4 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raised .b4b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raised .b3b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raised .b2b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}

.raised .b1 {margin:0 5px; background:#E6BA6D;}
.raised .b2 {margin:0 3px; border-width:0 2px;}
.raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#E6BA6D;}
.raised .boxcontent {display:block;  background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D; padding: 0px 0px 15px 0px}

.raised .boxcontentpromo {display:block;  background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D; padding: 0px 0px 0px 0px; color:#000000; font-size:12px}

/* div arrondi liens */
.raisedl {background: transparent; width:100%; height:18px; margin:0 auto;}
.raisedl p, .raisedl h1 {margin:0 10px;}
.raisedl p {padding-bottom:0.5em;}

.raisedl .top, .raisedl .bottom {display:block; background:transparent; font-size:1px;}
.raisedl .b1, .raisedl .b2, .raisedl .b3, .raisedl .b4, .raisedl .b1b, .raisedl .b2b, .raisedl .b3b, .raisedl .b4b {display:block; overflow:hidden;}
.raisedl .b1, .raisedl .b2, .raisedl .b3, .raisedl .b1b, .raisedl .b2b, .raisedl .b3b {height:1px;}
.raisedl .b2 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raisedl .b3 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raisedl .b4 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raisedl .b4b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raisedl .b3b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raisedl .b2b {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}

.raisedl .b1 {margin:0 5px; background:#E6BA6D;}
.raisedl .b2, .raisedl .b2b {margin:0 3px; border-width:0 2px;}
.raisedl .b3, .raisedl .b3b {margin:0 2px;}
.raisedl .b4, .raisedl .b4b {height:2px; margin:0 1px;}
.raisedl .b1b {margin:0 5px; background:#E6BA6D;}
.raisedl .boxcontent {display:block;  background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D; height:18px;}


/* div arrondi onglets */
.raisedo {background: transparent; width:100%; height:24px; margin:0 auto;}
.raisedo p, .raisedo h1 {margin:0 10px;}
.raisedo p {padding-bottom:0.5em;}

.raisedo .top, .raisedo .bottom {display:block; background:transparent; font-size:1px;}
.raisedo .b1, .raisedo .b2, .raisedo .b3, .raisedo .b4, .raisedo .b1b, .raisedo .b2b, .raisedo .b3b, .raisedo .b4b {display:block; overflow:hidden;}
.raisedo .b1, .raisedo .b2, .raisedo .b3, .raisedo .b1b, .raisedo .b2b, .raisedo .b3b {height:1px;}
.raisedo .b2 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raisedo .b3 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raisedo .b4 {background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D;}
.raisedo .b4b {background:#F6EAD5; border-left:1px solid #F6EAD5; border-right:1px solid #F6EAD5;}
/*.raisedo .b3b {background:#F6EAD5; border-left:1px solid #F6EAD5; border-right:1px solid #F6EAD5;}
.raisedo .b2b {background:#F6EAD5; border-left:1px solid #F6EAD5; border-right:1px solid #F6EAD5;}*/

.raisedo .b1 {margin:0 5px; background:#E6BA6D;}
.raisedo .b2 {margin:0 3px; border-width:0 2px;}
/*.raisedo .b2b {margin:0 3px; border-width:0 2px;}*/
.raisedo .b3 {margin:0 2px;}
/*.raisedo .b3b {margin:0 2px;}*/
.raisedo .b4 {height:2px; margin:0 1px;}
/*.raisedo .b4b {height:2px; margin:0 1px;}*/
/*.raisedo .b1b {margin:0 5px; background:#F6EAD5;}*/
.raisedo .boxcontent {display:block;  background:#F6EAD5; border-left:1px solid #E6BA6D; border-right:1px solid #E6BA6D; height:24px;}

/****************************/
.cadre {
	position: relative;
	border: 1px solid #E6BA6D;
	top: 15px;
	color: #000000;
	background:#FFF5E2;
	padding: 5px 10px 5px 10px;
	margin: 0px 20px 15px 20px;
}

.titre {
	font-size: 2.8em;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

.titrelong {
	font-size: 2.1em;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	padding-top:7px;
}

.menu {
	border-top: 2px solid #F6EAD5;
	border-bottom: 2px solid #F6EAD5;
}

.menuhaut {
	border-top: 1px solid #E6BA6D;
	border-bottom: 2px solid #F6EAD5;
}

.menubas {
	border-top: 2px solid #F6EAD5;
	border-bottom: 1px solid #E6BA6D;
}

.menuhautbas {
	border-top: 1px solid #E6BA6D;
	border-bottom: 1px solid #E6BA6D;
}

a.lienmenu {
	font-size: 12px;
	text-decoration: none;
	color: #B41B14;
	font-weight: bold;
	display:block;
	background: #F2DCB8;
	padding: 4px 0px 4px 0px;
}

a.lienmenu:hover		{
	text-decoration: none;
	font-size: 12px;
	color: #F2DCB8;
	font-weight: bold;
	display:block;
	background: #B41B14;
	padding: 4px 0px 4px 0px;
}

a.lienmenuhaut {
	font-size: 12px;
	text-decoration: none;
	display:block;
	font-variant: small-caps;
	text-align:center;
	color: #B41B14;
}

a.lienmenuhaut:hover {
	font-size: 12px;
	text-decoration: none;
	display:block;
	font-variant: small-caps;
	text-align:center;
	color: #F2DCB8;
	background-color: #B41B14;
}

table.fondtab, .fondtab tr, .fondtab td {
	border: 1px solid #E6BA6D;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color:#F6EAD5;
	text-align:left;
	padding: 3px 7px 3px 7px;
}

.liens {
	font-variant: small-caps;
	font-size: 12px;
}

table.tarifs, .tarifs tr, .tarifs td, .tarifs th {
	border: 1px solid #000000;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color:#FFFFFF;
	text-align:center;
	padding: 2px 7px 2px 7px;
}

table.cd, .cd tr, .cd td, .cd th {
	border: 1px solid #000000;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align:center;
	padding: 2px 7px 2px 7px;
}

table.coord, .coord tr, .coord td {
	border-spacing: 0px;
	border-collapse: collapse;
}

table.ports, .ports tr, .ports td, .ports th {
	border: 1px solid #000000;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color:#FFFFFF;
	font-size: 10px;
}

.prix {
	color: #B41B14;
	font-weight: bold;
}

.bleu {
	color: #004684;
}

.gros {
	font-size: 1.2em;
	color: #B41B14;
	font-weight: bold;
}

.grand {
	font-size:14px;
}

.bouton {
	background-color:#FFFFFF;
	border: 0px solid #FFFFFF;
	color: #B41B14;
	font-weight:bold;
	margin: 0;
	font-size: 12px;
}

.boutoninvisible {
	background-color:#FFF5E2;
	border: 0px solid #FFF5E2;
	color: #B41B14;
	font-weight:bold;
}

table.tabbouton .tabbouton tr, .tabbouton td {
	border: 0px solid #FFFFFF;
	margin: 0;
	padding: 0;
}

/* styles pour le script Ajax mediapost */
#LSResultcp {
	width: 60px;
	background: #ffffff;
	border: 1px solid #E6BA6D;
	position: absolute;
	height: 100px;
	overflow:auto;
}

#LSHighlightcp {
	background: #F6EAD5;
}

#LSResultville {
	width: 320px;
	background: #ffffff;
	border: 1px solid #E6BA6D;
	position: absolute;
	height: 100px;
	overflow:auto;
}

#LSHighlightville {
	background: #F6EAD5;
}

a.invisible {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

a.invisible:hover		{
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

a.lieninvisible {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

a.lieninvisible:hover		{
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

a.faq {
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

a.faq:hover		{
	text-decoration: none;
	font-size: 11px;
	color: #B41B14;
	font-weight: normal;
}

a.haut {
	font-family: Verdana;
	font-size: 9px;
	text-decoration: underline;
	color: #000000;
	font-weight: normal;
}

a.haut:hover		{
	text-decoration: underline;
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
}

.format {
	color:#FFF5E2;
}

.magnificat {
	font-variant: small-caps;
}

.fondfonce {
	background: #F2DDB8;
}

.fondclair {
	background-color: #FFFAF0;
}

.moyen {
	background: #F5E4C7;
}

/* calendrier */
.ds_box {
	background-color: #FFFEEE;
	border: 1px solid #E6BA6D;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFFEEE;
}

.ds_head {
	background-color: #F2DCB8;
	color: #B41B14;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #F7E8D1;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 32px;
}

.ds_cell {
	background-color: #FFF5E2;
	color: #000000;
	font-size: 12px;
	text-align: center;
	padding: 2px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3E0C3;
} /* This hover code won't work for IE */

/* fin calendrier */

/* survol */
a.vignette {
	text-decoration: none; 
}
a.vignette:hover {
	background: none; 
}
a.vignette span {
	display: none;
}
a.vignette:hover span { 
	display: inline;
	position: absolute;
	top: 0px; 
	left: 0px;
}