A:link{color:#000000;text-decoration:underline}
A:visited{color:#000000;}
A:hover{color:#000000;text-decoration:underline}
A:active{color:#000000;text-decoration:underline}
A{color:#000000;text-decoration:underline}

img{border: 0;}
p {margin: 0 0 10px 0;}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
color: #000000;
background-color: #FFFFFF;
}

#header {
height: 100px;
background-image: url(../images/bandeau_top.jpg);
background-position: right top;
background-repeat: no-repeat;
}
#top {
height: 25px;
}
#container {
position: absolute;
width: 100%;
}
#center {
	margin-left: 10.5em;
	margin-right: 8.5em;
	padding-left: 5%;
	padding-right: 3%;
}
#left {
	float: left;
	width: 10.5em;
	/*background-color: #FEDC71;*/
	min-width: 146px;
	min-height: 450px;
}
#right {
	float: right;
	width:8.5em;
	margin-top: 3em;
	padding-bottom:1em;
}
#bottom {
	clear:both;
	height: 40px;
	margin: 0 2em 0 2em;
	padding:0;
}


/*uniquement pour accueil site******************************************************/
#centerhome {
width: 700px;
margin: 0;
padding: 0;
background-color: #FFFFCC;
}
#centerhome h1{
margin: 0;
padding: 0;
}
.imagehome1{
width: 221px;
height:450px;
background-image: url(../images/laurel/essai-laurel-accueil_r_tn_450.jpg);
}
.imagehome2{
width: 460px;
padding-top: 1em;
padding-left: 1em;
text-align: left;
}
.imagehome2 ul.listelangues {
	margin: 0;
	padding: 0;
	list-style: none inside none;
}
.imagehome2 ul.listelangues li{
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	clear: both;
	line-height: 2em;
	list-style: none inside none;
}
.imagehome2 ul.listelogos {
	margin: 0;
	padding: 0;
	list-style: none inside none;
}
.imagehome2 ul.listelogos li{
	margin: 0;
	padding: 0;
	display: inline;
}
/**********************************************************************/


#centerhead {
}
#centerfoot1 {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 15px;
}
#centerfoot2 {
	text-align: center;
	/*visibility : hidden;*/
}


/*Menu gauche *******************************************************************/
#left form{
	background-color: #FEDC71;
	padding-left: 1em;
	padding-right: 1em;
	width: 10.5em;
	min-width: 146px;
}
#left .leftdiv{
	background-color: #FEDC71;
	background-image: url(../images/laurel/laurel--menu-bg_tn.jpg);
	background-repeat: no-repeat;
	padding-left: 1em;
	padding-top: 1em;
	padding-right: 1em;
	width: 10.5em;
	min-width: 146px;
	min-height: 450px;

}
#leftmenu {
	list-style-type: none;
	margin: 0;
	padding:0;
	background-image:none;
}
#leftmenu li {
	margin-bottom: 0.5em;
	font-size:1.4em;
	background-image:none;
}
#leftmenu a {
	margin: 0 2px;
	color: #000000;
	background-image: url(../images/transparence-fond.gif);
	padding: 0.2em 0.3em 0.3em 0.3em;
}
#leftmenu a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color:#006600;
	background-image:none;
}


/*liens en bas de page (drapeaux + liens) ********************************************/
#bottom ul {
	list-style-type: none;
	margin:0;padding:0;
}
#bottom ul li {
	display: inline;
}

#bottom ul.bottomlinks {
	text-align: right;
}
#bottom ul.languages {
	text-align: left;
}


/* paragraphes */
p .left{
	float: left;	
	margin-right: 2em;
}
p .right{
	float: right;
	margin-left: 2em;	
}

.warning{
	color: #FF0000;/*rouge*/
}
.okay{
	color: #006600;/*vert*/
}

h1{
	/*font-family:Garamond, Arial, Helvetica, sans-serif;
	font-size:2.5em;*/
	border-bottom: 2px;
	border-bottom-style: solid;
	border-color: #006600;
	color: #006600;
}
h2{
	font-size:1.5em;
}
h3{
	font-size:1.1em;
	margin:1em 0 0 0;
	padding:0;
}
table, tr, td, th{
	font-size: 1em;
	color: #000000;
}
th 
{
	background: #FEDC71; /*jaune comme dans le menugauche*/
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
}
th.left, td.left, p.left, div.left, caption.left{	text-align:left;}
th.right, td.right, p.right, div.right, caption.right{	text-align:right;}
th.center, td.center, p.center, div.center, caption.center{	text-align:center;}

/*tableau 1 colonne 1 de la page tarifs*/
th.t1c1, td.t1c1{ 	width:70%;}
th.t1c2, td.t1c2{ 	width:15%;}
th.t1c3, td.t1c3{ 	width:15%;}

/*tableau 2 colonne 1 de la page tarifs*/
th.t2c1, td.t2c1{ 	width:45%;}
th.t2c2, td.t2c2{ 	width:25%;}
th.t2c3, td.t2c3{ 	width:15%;}
th.t2c3, td.t2c3{ 	width:15%;}

div.tarifs{
	width:80%;/*largeur de la page tarifs*/
}
div.tarifs table{	
	width:100%;
	border:0;
	margin: 0 0 1em 3em;
}
div.tarifs div.paragraph{	
	width:100%;
	border:0;
	margin: 1em 0 1em 3em;
}
div.tarifs table caption{
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	/*text-align: left;*/
}
table p{
	margin: 0;
	padding: 0;
}
.couleur2 
{
	background: #FFFFCC;/*dans page tarifs pour alternance lignes*/
}
.mini{
	font-size: 0.7em;
}

/*pour le menu à droite*******************************************************************/
#rightmenu {
	margin: 0;
	padding: 0;
	border: thin #006600;
	border-style: dotted; /*background-color:#AAFFFF;*/
	/*padding-left: 14px;*/
}
#rightmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#rightmenu li{
	margin: 0;
	padding: 0;
}
#rightmenu ul.plan1{
	font-size:1.1em;
}
#rightmenu ul.plan2{
	font-size:0.9em;
	margin: 0.5em 0 0.5em 0.1em;
}
#rightmenu ul.plan3{
	font-size:0.9em;
	margin: 0 0 0 .5em;
}
#rightmenu ul.plan4{
	font-size:0.9em;
	margin: 0 0 0 .5em;
}

#rightmenu ul.plan2 li{
	padding-left: 0.2em;
}
#rightmenu ul.plan3 li, #rightmenu ul.plan4 li{
	padding: 0;
}
/*couleurs sur le menu droit*/
#rightmenu li.li203, .div203{
	background-color: #CCFFCC;/*vert*/
	BORDER-LEFT: #66FF66 2px solid;
	padding:0.5em;
}
#rightmenu li.li206, .div206{
	background-color: #FFFFCC;/*jaune*/
	BORDER-LEFT: #FFFF66 2px solid;
	padding:0.5em;
}
#rightmenu li.li209, .div209{
	background-color: #FFCCFF;/*rose*/
	BORDER-LEFT: #FF66FF 2px solid;
	padding:0.5em;
}
#rightmenu li.li212, .div212{
	background-color: #CCFFFF;/*floralwhite*/
	BORDER-LEFT: #66FFFF 2px solid;/*gold*/
	padding:0.5em;
}
#rightmenu li.li215, .div215{
	background-color: #FFCCCC;/*orange*/
	BORDER-LEFT: #FF6666 2px solid;
	padding:0.5em;
}
#rightmenu li.li218, .div218{
	background-color: #CCCCFF;/*bleu*/
	BORDER-LEFT: #6666FF 2px solid;
	padding:0.5em;
}

/*blanc casse*/
.div200, 
#rightmenu li.li221, .div221,    #rightmenu li.li224, .div224,
#rightmenu li.li227, .div227,    #rightmenu li.li230, .div230,
#rightmenu li.li233, .div233,    #rightmenu li.li236, .div236, 
#rightmenu li.li239, .div239,    #rightmenu li.li242, .div242  {
	background-color: #F5F5F5;
	BORDER-LEFT: #006600 2px solid;
	padding:0.5em;
}


/*pour les bandeaux de la page d'accueil***********************************************/
#listeoffres {
	list-style-type: square;
	margin: 0 0 0 160px;
	padding: 0;
	text-align: left;
	background: #FEDC71; /*jaune*/
	width: 50%;
}
#listeoffres li {
	/*display: inline;*/
}
#listeoffres a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}
#listeoffres a:hover {
	text-decoration: none;
}


/*pour les week ends*******************************************************************/
.couleur1 
{
	background: #FFFFCC ;/*jaune pale*/
	color: #000000;
}
.couleur5 
{
	background: #FFFFFF ;/*blanc*/
	color: #FF3333;
	font-size: 2em;
}
.fond1
{
	background: #99FF66 ;/*vert flash*/
	color: #000000;
	font-size: 1.5em;
}
.fond2
{
	background: #FFFF00;/*jaune*/
	color: #000000;
}
.fond3
{
	background: #D9B359;/*marron*/
	color: #000000;
}
.lienreserver{
	background: #99FF66;/*blanc*/
	color: #FF3333;
	font-size:2em;
	padding : 5px;
}

/*pour formulaires*******************************************************************/
#corpsForm {
	margin-bottom: 20px;
	background: #FFFFCC;
}
#corpsForm fieldset{
	margin-bottom: 20px;
	background: inherit;
}
#corpsForm fieldset.champs label {	/*** Mise en forme des intitules de champs ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 20%;	
	text-align: right;	
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8em;	/*** ... et centres verticalement. ***/
	background: inherit;
}

#corpsForm fieldset.checkbox input {	/*** Mise en forme des checkbox ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 30%;	
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8em;	/*** ... et centres verticalement. ***/
	background: inherit;
}
#corpsForm fieldset.checkbox label {	/*** Mise en forme des labels de checkbox ***/
	/*float: right;	/*** Tres important, ne pas suprimer ! ***/
	text-align: left;
	margin: -10%;
	padding: 0 .5em 0 0;
	background: inherit;
}
#corpsForm fieldset.checkbox ul {	/*** Mise en forme des li    de checkbox ***/
	/*float: right;	/*** Tres important, ne pas suprimer ! ***/
	list-style-type: none;
	background: inherit;
}
#corpsForm fieldset.checkbox ul li input {	/*** Mise en forme des checkbox ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 50%;	
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8em;	/*** ... et centres verticalement. ***/
	background: inherit;
}
#corpsForm fieldset.checkbox ul li label {	/*** Mise en forme des labels de checkbox ***/
	/*float: right;	/*** Tres important, ne pas suprimer ! ***/
	text-align: left;
	margin: -20%;
	padding: 0 .5em 0 0;
	background: inherit;
}
#corpsForm fieldset.champs2 label {	/*** Mise en forme des intitules de champs ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 50%;	
	text-align: right;	
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8em;	/*** ... et centres verticalement. ***/
	background: inherit;
}

#corpsForm fieldset.checkbox2 input {	/*** Mise en forme des checkbox ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 10%;	
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8em;	/*** ... et centres verticalement. ***/
	background: inherit;
}
#corpsForm fieldset.textarea p {	/*** Mise en forme de la zone de texte ***/
	float: right;	/*** Tres important, ne pas suprimer ! ***/
	width: 80%;	
	text-align: left;	
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpsForm label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpsForm p{
	clear:both;
}


/*pour l'index des photos*/
.imageindex{
	float:left;
}
.imagedessins{
	width: 150px;
	height: 150px;

	display: table-cell;
	text-align :center;
	vertical-align: middle;

	/*border: 1px solid black;
	background :blue;*/
}
.imagephotos{
	width: 300px;
	/*height: 300px;*/

	display: table-cell;
	text-align :center;
	vertical-align: middle;

	/*border: 1px solid black;
	background :blue;*/
}
.imagephotos img{
	margin : 10px;
}
.spacer {
	clear: both;
}

/*
a[target="_blank"]:after{
	padding-right: 10px;
	content: url(../images/new_window.gif);
}*/
#center ul li {
	margin-left:15px;
}

/* Plan du site ***********************************************************/
.plansite .plan1 li{
	 font-size : 1.4em;
	 list-style-image : url(../images/arrow4.gif);
}
.plansite .plan2 li{
	 font-size : 0.8em;
	 list-style-image : url(../images/diamond4.gif);
}
.plansite .plan3 li{
	 font-size : 0.9em;
	 list-style-image : url(../images/flower4.gif);
}
.plansite .plan4 li{
	 font-size : 0.9em;
	 list-style-type: circle;
}


div.photodescr{
	margin : 5% 0 5% 2%;
	padding: 1em;
	border-color : #006600;
	border-style: solid;
	border-width: 1px 1px 1px 6px;
	background-color:	#FFFAF0;/*floral white*/
	width:40%;
}