/* ----------------------------------------------------------- */
/*                                                             */
/*                    Generale et menu                         */
/*                                                             */
/* ----------------------------------------------------------- */
html {
		 font-size:100%;
}
body {
		background:  url(images/fond1.jpg) center top repeat-y; 
/*		background:  url(images/fond.jpg) repeat-y; background-position:center top;
		background-attachment:fixed;*/
		background-color:#ffffff;
		font: normal 78%/1em  "Trebuchet MS", Verdana, Arial;
/*		font: Verdana, "Trebuchet MS", Arial;*/
	 	margin: 0px;
		padding:0px 0px 0px 0px;	 
		text-align: center;
/*		color: #591506;*/
		color: #7e6755;		
}

.souligne
{
 				 text-decoration:underline;

}
.center
{
 			 text-align:center;
}
.justifier
{
 			 text-align:justify;
}
.textgauche {
						text-align:left;
}
.textdroit {
						text-align:right;
}
img {
		border:0 ;
}
.gras {
			font-weight:bold;
}

.fontnormal
{
      font-weight:normal;
}
.centrageimg {
						 margin-right:auto;
						 margin-left:auto;
						 text-align:center;
}
.italic
{
              font-style:italic;
}
a {
				color: #bbeef6;
/*				text-decoration: underline;*/
}

a:hover {
				color: #8da9bb;
}
ul, li  {
		margin:0px auto;
/*		padding:0px auto;*/
}

h1 {
	 font-size:1.1em;
	 color:#1149B1;
}

h2 {
	 font-size:1.2em;
}

h3
{
	 font-size:1.3em;
}

h4
{
	 font-size:1.4em;
}

h5
{
	 font-size:1.5em;
} 

h6
{
	 font-size:1.6em;
	 text-align:center;
}

.taillemini 
{
 						font-size:0.8em;
}
.gauche {
				float:left;
}
.droite {
				float:right;
/*     		padding-right:30px;*/
}

form
{
    margin:0px auto;
    padding-left:30px;
    padding-right:30px;
}

/* ----------------------------------------------------------- */
/*                                                             */
/*                    Bandeau haut                             */
/*                                                             */
/* ----------------------------------------------------------- */

#bandoh {
				position:relative;
 				background:  url(images/fondbandoH1.jpg) center top no-repeat;

 				margin: 0px auto;
/* 				width: 2000px;*/
 				height: 240px;

}

/* ----------------------------------------------------------- */
/*                                                             */
/*                    Boutons menus (gestion du survol         */
/*                                                             */
/* ----------------------------------------------------------- */

#menubtn {
				 position:relative;
				 width: 924px;
				 height:50px;
				 margin:0px auto;
 				 background:  url(images/fondmenu.jpg) left top no-repeat;
				 padding: 0;
}
#menubtn ul {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 924px;
				height: 30px;
				padding: 0;
				list-style: none;
				margin: 0;
				background: transparent url(images/btnmenu7C2.jpg) top left no-repeat;			
}
#menubtn  li {
					float: left;
					text-indent: 0px;
					text-align:center;
}	 
#menubtn li a  {
				 display: block;
				 width: 132px;

				 height: 30px;
				 text-decoration: none;
				 line-height: 30px;
}
#menubtn li a span {
				 position:absolute;
				 left:-5000px;
}
#menubtn li  a:hover {
				background: transparent url(images/btnmenu7C2.jpg) top left no-repeat;			

}
#menubtn a#accueil:hover, #menubtn a#accueilactive:hover  {
				background-position: 0px -30px;
}	
#menubtn a#tarifs:hover, #menubtn a#tarifsactive:hover   {
				background-position: -132px -30px;
}	
#menubtn a#agences:hover, #menubtn a#agencesactive:hover   {
				background-position: -264px -30px;
}	
#menubtn a#photos:hover, #menubtn a#photosactive:hover   {
				background-position: -396px -30px;
}	
#menubtn a#news:hover, #menubtn a#newsactive:hover   {
				background-position: -528px -30px;
}
#menubtn a#outils:hover, #menubtn a#outilsactive:hover   {
				background-position: -660px -30px;
}
#menubtn a#contact:hover, #menubtn a#contactactive:hover   {
				background-position: -792px -30px;
}
#menubtn a#accueilactive {
				 								 background: transparent url(images/btnmenu7C2.jpg) 0px -30px no-repeat;
}
#menubtn a#tarifsactive {
				 								 background: transparent url(images/btnmenu7C2.jpg) -132px -30px no-repeat;
}
#menubtn a#agencesactive {
				 								 background: transparent url(images/btnmenu7C2.jpg) -264px -30px no-repeat;
}
#menubtn a#photosactive {
				 								 background: transparent url(images/btnmenu7C2.jpg) -396px -30px no-repeat;
}
#menubtn a#newsactive {
				 								 background: transparent url(images/btnmenu7C2.jpg) -528px -30px no-repeat;
}
#menubtn a#outilsactive {
				 								 background: transparent url(images/btnmenu7C2.jpg) -660px -30px no-repeat;
}
#menubtn a#contactactive {
				 								 background: transparent url(images/btnmenu7C2.jpg) -792px -30px no-repeat;
}
																 

/* ----------------------------------------------------------- */
/*                                                             */
/*                    Corps Generalites                        */
/*                                                             */
/* ----------------------------------------------------------- */

#corps  {
				width: 924px;
				margin:0px auto;
				margin-bottom: 0px;
				background: url(images/fondcorps1.jpg) center top repeat-y;
				text-align: left;
}	

#corps .separation {
						 clear:both;
						 visibility: hidden; /* pour étirer le div */
}
/* ----------------------------------------------------------- */
/*                                                             */
/*                    Corps G A U C H E  ( promos et pub )     */
/*                                                             */
/* ----------------------------------------------------------- */

#corpstitre  {
             position:relative;
							width:924px;
							margin-left:0px;
							padding-top:0px;
							color:#957156;
							line-height:1.1em;
		
}
/* ----------------------------------------------------------- */
/*                                                             */
/*                    Corps D R O I T  ( contenu )             */
/*                                                             */
/* ----------------------------------------------------------- */

#corpsdroit {

			 			width: 904px;
/*			 			float: right;*/
						margin:0px auto;

			 			line-height: 1.3em;
						text-align:justify;
}

#corpsdroit p
{
            padding-left:60px;
            padding-right:60px;
}

#corpsdroit img .imgfin
{
            margin-right:40px;
}
#corpsdroit ul {
						list-style-type:none;
						margin:0px 30px 0px 10px;
}
#corpsdroit li {
						line-height:1.2em;
						list-style-image:url(images/pucemini2.gif);
}

#corpsdroit span  {
					 			 color:#063064;
								 font-weight:bold;
}

#corpsdroit h4 span {
 				 color: #063064;
 				 font-weight:bold;
 				 font-size:1.1em;
}

#corpsdroit a {
				color: #685546;
}

#corpsdroit a:hover {
						color:#8da9bb;
}

#corpsdroit .imgetp  {
			 			 text-align:justify;
						 padding-top:10px;
			 			 clear:both;
}
#corpsdroit .imgetp img {
			 float:left;
			 padding-right:1px;
			 margin:0px 10px 5px 40px;
}

#corpsdroit .imgetp p {
						margin:0px 0px 0px 0px;
}
#corpsdroit .imgetp p span  {
			font-weight:bold;
}

#tarif {
			width:320px;
			border:2px solid #bc9382;
			background-color:#e7ded7;
		 
			padding-top:10px;
			padding-bottom:10px;
}
#tarif p {
			 padding-left:5px;
			 padding-right:5px;
}			 
#tariflong {
			width:650px;
			height: 60px;
			border:2px solid #bc9382;
			text-align:center;
			background: url(images/fondtar.jpg) top left repeat;			 

}
#contenu {
							margin: 0px auto;
							padding-top:10px;
							padding-bottom: 10px;
							background-color:#f0ebe8;
							width:320px;
							text-align:center;
							border:2px solid #bc9382;
}

#contenu ul {
						padding-left:30px;
						list-style-type:none;
}
#contenu li {
						list-style-image:url(images/pucemini2.gif);
}
#contenulong {
							background: url(images/fondtar.jpg) top left repeat;
			        padding-bottom:10px;
			        padding-top:10px;
							width:650px;
							text-align:center;
/*							border:2px solid #bc9382;*/
}

#parag {
				background: url(images/fonparag1.gif) top left no-repeat;

				margin-bottom:20px;
				margin-left:30px;
				width:650px;
				height:20px;
				font-size:1.1em;

}
#parag p {
			 padding-top:2px;
			 padding-left:30px;
			 font-weight:bold;
			 color:#604e40;
			 text-decoration:underline;
}

#remarque {
			width:650px;
      height:70px;
			padding-bottom:10px;
			padding-top:10px;
			text-align:justify;
			background: url(images/fonrmark.jpg) top left no-repeat;			 

}
#remarque ul {
              padding-left:68px;
}
#remarque li {
              padding-left:0px;
						  list-style-image:none;              
}


#horaires {
							margin: 2px auto ;
							padding-top: 5px;

							background-color:#e3d8d8;
							width:400px;
							height:170px;
							text-align:center;
							line-height:0.9em;
							border:2px solid #cbb9b9;
}
#horaires span {
							font-size:1.1em;
}
	
#horaires1 {
							 float:left;
						 	 padding-top:3px;
							 width:33%;
						 	 height:10%;
							 text-align:center;
}
#horaires2 {
							 float:left;
						 	 padding-top:3px;
							 width:33%;
						 	 height:10%;
							 text-align:center;
							 background-color:#f1e3e3;
}

.coordonees{
        background-color: #e3d8d8;
        border:2px solid #cbb9b9;
        text-align: center;
        width:270px;
        height:150px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin:0px 40px 0px 0px;
     
 
}
#offres {
      width:880px;
      height:115px;
      margin:0px 30px 0px 0px;
      padding-top:30px;
      padding-bottom:0px;

/*		  background:  url(images/fondoffres.jpg) center top repeat-x;
      background-color:yellow;*/

}


#imagelist {
    width: 910px;
    overflow: hidden; /* empêche le dépassement des flottants */
    margin: 0 auto; /* centrage horizontal */
    padding: 0;
    list-style: none;
    text-align:center;
}

#imagelist ul {
    list-style-type:none;
    margin: 0px auto;
}
#imagelist li {
    float: left;
    width: 170px;
    margin: 0 5px 10px 5px;
    list-style-image:none;
    background-color:#f0eae5;    
}
#imagelist .pict {

    height: 40px;
    line-height: 50px;
    text-align: center;
}

#imagelist a {
    text-align:center;
}
.imagealasuite {
      float:left;
/*			line-height:1.10em;*/
			padding-left:2px;
		  padding-right:2px;
			padding-top:20px;
			width:150px;
			background-color:#f7eed2;
}

.imagealasuite a {   
				color: #bbeef6;
				text-decoration: none;  
                  
}
.blocimg1 {
			 float:left;
			 line-height:1.10em;
			 padding-left:35px;
			 width:250px;
}

.blocimg2 {
			 float:right;
			 line-height:1.10em;			 
			 padding-right:35px;
			 width:250px;
}

#imagemap {
					width: 660px;
					height: 310px;
					margin:0 auto;
					background: url(images/5vitrines.jpg) top left no-repeat;
}

.zone {
			float: left;
			width: 132px;
			height: 310px;
}

/*
#corpsdroit #cadrpg {
                    width:900px; 
                    margin:0 auto; 
                    border:0; 
                    overflow:hidden;
                    }
#corpsdroit #newshr {
                    position:relative;
                    width:600px; 
                    height:20px; 
                    overflow:hidden; 
                    color:inherit; 
                    background:#FFFFFF; 
                    border:1px solid blue; 
                    }
#corpsdroit #defile {
                    position:absolute; 
                    margin-top:1px; 
                    background-color:yellow; 
                    }
                    
                    
*/                    
/* ----------------------------------------------------------- */
/*                                                             */
/*                    pied                                     */
/*                                                             */
/* ----------------------------------------------------------- */

#pied {

/* 			 width:2000px;*/
			 height:300px;
			 background:url(images/pied1.jpg) center top no-repeat;
			 text-align:center;
			 margin:0px auto;
			 padding:0px 0px 0px 0px;
			 

}
#pied p {
			margin:0px 40px 0px 40px;
			padding-top:35px;
			font-size:0.9em;
			font-weight:bold;
			line-height:0.9em;
			color:white;
}
#optimiz {
				 width: 915px;
				 margin:30px auto;
				 font-size:0.8em;
				 color:#5a4b3f;
	
}