/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

ul, li {
margin: 0;
padding: 0;}

img {
border: 0;}

body {
margin: 0;
text-align: center;
background: url(gifs/scop_fml_01.jpg) top repeat-x #d7d7d7;
}

#container {
text-align: left;
width: 943px;
margin: 0 auto;}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

#options a {
	border-bottom: 1px solid #0c8dc4;
	letter-spacing: -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#options a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#options a:hover {
	border-bottom: 1px solid #fff;
	text-decoration: none;
	color: #fff;
}
#options a:active {
	text-decoration: none;
	color: #fff;
}

#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e79225;
	font-weight: bold;
	text-decoration: none;
}
#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e79225;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
	color: #e79225;
}
#content a:active {
	text-decoration: none;
	color: #e79225;
}


	
#content_left li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
font-size: 11px;
color: #909090;}

#content_left li a:link	{
	font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
color: #909090;}

#content_left li a:hover {
text-decoration: none;
	color: #0073a4;}

#content_left li a:active {
text-decoration: none;
color: #909090;}



#content_right li a{
	font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
color: #909090;}

#content_right li a:link{
	font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
color: #909090;}

#content_right li a:hover {
text-decoration: none;
color: #0073a4;}

#content_right li a:active {
text-decoration: none;
color: #909090;}



#hdp a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
color: #3f5155;
	text-decoration: none;
}
#hdp a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
color: #3f5155;
	text-decoration: none;
}
#hdp a:hover {
	text-decoration: underline;
color: #3f5155;
}
#hdp a:active {
	text-decoration: none;
color: #3f5155;
}


#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #f7f7f7;
}
#footer a:active {
	text-decoration: none;
	color: #fff;
}
/*--------------------------------------------------------------------------*/



/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/



/* Newsletter 
--------------------------------------------------------------------------*/
#option_lettre {
margin-top: 10px;
background: url(gifs/scop_fml_35.jpg) no-repeat;
width: 213px;
height: 93px;}

	#option_lettre #letter {
	position: relative;
	top: 60px;
	left: 45px;}


.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color: #ffffff;
	border: #3f5155 1px solid;
	padding: 0 2px;
}

.bouton_news {
background: url(gifs/ok.gif) no-repeat;
height: 14px;
width: 20px;
cursor: pointer;
border: 0;
}
/*--------------------------------------------------------------------------*/




/*LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/*--------------------------------------------------------------------------*/

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/




/*NAV
-------------------------------------------------------*/
#nav {
margin: 0;
padding: 0;}

	#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;}
/*-------------------------------------------------------*/

#presentation {    /* "lien" sera notre conteneur, ici la balise div */
    width: 123px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_13.jpg) no-repeat left top;    /* placement de l'image over */
}

#presentation a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/scop_fml_13.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#presentation a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#activites {    /* "lien" sera notre conteneur, ici la balise div */
    width: 93px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_14.jpg) no-repeat left top;    /* placement de l'image over */
}

#activites a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/scop_fml_14.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#activites a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#zone {    /* "lien" sera notre conteneur, ici la balise div */
    width: 128px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_15.jpg) no-repeat left top;    /* placement de l'image over */
}

#zone a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/scop_fml_15.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#zone a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#catalogue {    /* "lien" sera notre conteneur, ici la balise div */
    width: 140px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_16.jpg) no-repeat left top;    /* placement de l'image over */
}

#catalogue a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/scop_fml_16.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#catalogue a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#realisations {    /* "lien" sera notre conteneur, ici la balise div */
    width: 113px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_17.jpg) no-repeat left top;    /* placement de l'image over */
}

#realisations a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/scop_fml_17.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#realisations a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#equipements {    /* "lien" sera notre conteneur, ici la balise div */
    width: 112px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_18.jpg) no-repeat left top;    /* placement de l'image over */
}

#equipements a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/scop_fml_18.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#equipements a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#reference {    /* "lien" sera notre conteneur, ici la balise div */
    width: 145px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_19.jpg) no-repeat left top;    /* placement de l'image over */
}

#reference a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/scop_fml_19.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#reference a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#contact {    /* "lien" sera notre conteneur, ici la balise div */
    width: 89px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_20.jpg) no-repeat left top;    /* placement de l'image over */
}

#contact a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/scop_fml_20.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#contact a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}
/*--------------------------------------------------------------------------*/


/*TEXTE
--------------------------------------------------------------------------*/
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #b8a58c;
margin: 0 10px;
padding: .5em 0;}

h3 {
clear: both;
font-size: 14px;
margin: 0 10px;
padding: .5em 0;
font-size: 13px;
color: #3f5155;}

p {
text-align: justify;
color: #808080;
margin: 0 10px;
padding-bottom: .5em;
font-size: 11px;
line-height: 1.3em;}

.impt {
color: #e79225;}

.impt2 {
color: #e79225;
font-weight: bold;}

.impt3 {
border-left: 1px solid #0073a4;
padding-left: 5px;}

/*--------------------------------------------------------------------------*/



/*MODELE
-------------------------------------------------------*/
#options {
margin: 0;
padding: 0;
line-height: 26px;
height: 26px;}

	#options li {
	list-style: url(gifs/fleche_tirets.gif) inside;
	float: right;
	margin: 0;
	padding: 0 10px;}

#branding {
border: 0;
border-top: 4px solid #0073a4;
border-collapse: collapse;
padding: 0;}

	#branding td{
padding: 0;}

#content {
background: #fff;
width: 100%;
border: 0;
border-collapse: collapse;
clear: both;}



	#content_left {
	width: 213px;}
		
		#bloc_left {
		background: url(gifs/scop_fml_27.jpg) repeat-y;
		width: 206px;
		text-align: left;}
	
		#content_left h2{
		margin: 3px 15px;
		padding: 3px;
		color: #e79225;
		}
	
		#content_left ul{}
	
		#content_left li{
		list-style: none;
		margin: 3px 10px;
		padding: 3px;
		background: #fafafa;
		border-bottom: 1px solid #f2f2f2;
		letter-spacing: -1px;}



	



	#content_right {
	width: 213px;}
	
		#bloc_right {
		background: url(gifs/scop_fml_27.jpg) repeat-y;
		width: 206px;
		text-align: left;}
	
		#content_right h2{
		margin: 3px 15px;
		padding: 3px;
		color: #e79225;
		}
	
		#content_right ul{}
	
		#content_right li{
		list-style: none;
		margin: 3px 10px;
		padding: 3px;
		background: #fafafa;
		border-bottom: 1px solid #f2f2f2;
		letter-spacing: -1px;}


/*--------------------------------------------------------------------------*/

/*INDEX
-------------------------------------------------------*/
#bloc01 {
background: url(gifs/scop_fml_30.jpg) no-repeat;
width: 237px;
height: 221px;
padding-top: 33px;}

	#bloc01 p{
	margin: 0 10px;}

	#bloc01 .bot{
	padding-top: 90px;}

#bloc02 {
background: url(gifs/scop_fml_31.jpg) no-repeat;
width: 239px;
height: 221px;
padding-top: 33px;}

	#bloc02 p{
	margin: 0 10px;}

	#bloc02 .bot{
	padding-top: 90px;}

/*--------------------------------------------------------------------------*/


/*PAGES
--------------------------------------------------------------------------*/
.imag{
float: right;
margin: 5px 0 5px 15px;
border: 1px solid #0073a4;}

	.imag:hover{
	border: 1px solid #20b7f7;}

.imag2{
float: left;
margin: 5px 15px 5px 0;
border: 1px solid #0073a4;}

	.imag2:hover{
	border: 1px solid #20b7f7;}

hr {
background: 0;
color: 0;
width: 150px;
border: 0;
border-bottom: 2px dotted #909090;
margin: 15px auto;}

#content_main {}
	
		#content_main h2{
		margin: 0;
		padding: 13px 0;
		color: #808181;}
		
			#content_main h2 img{
			position: relative;
			left: 0;
			margin-left: -7px;}
			
			#content_main .content_element {
			width: 500px;
			margin: 0 auto;
			background: #fafafa;
			border: 1px solid #f2f2f2;
			padding: 5px 0;
			overflow: auto;}
			
			#content_main h3 {
			color: #0073a4;
			border-bottom: 1px solid #20b7f7;
			width: 50%;
			padding-bottom: 0;
			margin-bottom: 5px;}

.BDD_tpl {
border-collapse: collapse;
width: 80%;
margin: 5px;
background: #fafafa;
border: 1px solid #f2f2f2;
overflow: auto;
}

	.BDD_tpl td{
	padding: 5px;}


.mi {
width: 45%;
margin: 0 auto;}

/*--------------------------------------------------------------------------*/


/*PAGE CONTACT
-------------------------------------------------------*/
#contact_body {
padding: 5px;
margin: 5px 0;}

	#contact_side p{
	text-align: center;
	}

#mail {
width: 400px;
margin: 0 auto;}

#mail p{
margin: 0 10px;}

#corpForm {
margin: 0 auto;}

#reserv td.right{
text-align: right;}

#reserv td.left{
text-align: left;}
 
fieldset{
margin: 5px 3em;
color: #a6814d;
border: 1px solid #808080;
}

em.ob{margin-left: 3em;
color: #333;}

fieldset legend{
line-height: 16px;
text-align: left;
color: #0073a4;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}


fieldset input{
text-align: left;
margin-top: 5px;}

fieldset label{
color: #909090;}

fieldset textarea{
vertical-align: text-top;
text-align: left;
width: 200px;}


	fieldset input:focus {
	border: 2px solid #20b7f7;
	background: #edfaff;}
	fieldset textarea:focus {
	border: 2px solid #20b7f7;
	background: #edfaff;}



fieldset p{
width: 300px;
text-align: right;}

#bouton_send{
width: 400px;
text-align: center;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
border: 1px solid #0073a4;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: 0 2em;
background: #0073a4;}

input.contact_envoyer:hover{
border: 1px solid #20b7f7;}
/*--------------------------------------------------------------------------*/


#hdp {
padding: 3px 5px;
text-align: right;
background: #fff;
border-bottom: 5px solid #646464;}

/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 15px 5px;
text-align: center;
color: #fff;}
/*--------------------------------------------------------------------------*/