/* ******* */
/* general */
/* ******* */
		body { 
			font-family: Gill, Arial, Helvetica, sans-serif; 
			width: 760px;
			padding: 0px 0px 0px 0px;
			margin-left: auto;
			margin-right: auto;
			font-size: 12px;
			background: #eee;
			color: #000;
			font-weight: normal;
			text-align: center;
		}
		
		h1 {
		  font-weight: bold;
		  font-size: 16px;
		  line-height: 18px;
		  font-family: Gill, Arial, Helvetica, sans-serif;
		  color: #006699;
		  font-variant: normal;
		  font-style: normal
		}
		
		h3 {
		  font-weight: bold;
		  font-size: 14px;
		  line-height: 14px;
		  font-family: Gill, Arial, Helvetica, sans-serif;
		  color: #006699;
		  font-variant: normal;
		  font-style: normal
		}
		
		a:link 
		{
			color: #000000;
			border: none;
			text-decoration: underline;
		}
		
		a:visited
		{
			color: #000000;
			border: none;
			text-decoration: underline;
		}
		
		a:active
		{
			color: #000000;
			border: none;
			text-decoration: underline;
		}
		
		#container 
		{ 
			align: center; 
		}
/* *********** */
/* general end */
/* *********** */


/* **************** */
/* structure header */
/* **************** */
		.box1 { 
			float: left; 
			width: 100%;  
			height: 100%;
			/* height: 140px; */
		}
		
		#boxContent1 { 
			position: relative;
			background: #FFF; 
			top: 0px;
			left: -4px; 
			top: -4px; 	
			width: 100%;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 0px solid #006699;
			z-index: 8;
		}
		
				/* ****************** */
				/* header drop shadow */
				/* ****************** */
						#boxContainer1 { 
							position: relative; 
							background: #ccc; 
							margin: 4px; 
							top: 0px;
						}
				/* ********************** */
				/* header drop shadow end */
				/* ********************** */
	
/* ******************** */
/* structure header end */
/* ******************** */



/* ***************** */
/* structure contenu */
/* ***************** */
		.box { 
			float: left; 
			width: 760px; 
		}
		
		#boxContent { 
			position: relative;
			background: #FFF; 
			top: 20px;
			width: 758px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 1px solid #006699;
			z-index: 1;
		}
		
		#boxContent { 
			position: relative; 
			left: -4px; 
			top: -4px; 
		}
			
			/* ******************* */
			/* contenu drop shadow */
			/* ******************* */
					#boxContainer { 
						position: relative; 
						background: #ccc; 
						margin: 4px; 
						top: 5px;
					}
			/* *********************** */
			/* contenu drop shadow end */
			/* *********************** */
			
/* ********************* */
/* structure contenu end */
/* ********************* */


/* ********* */
/* all pages */
/* ********* */
		#texte
		{
			position: relative;
			top: 0px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 0px dotted #006699;
			width: 500px;
			padding: 15px;
			z-index: 0;
		
		}

		#copyright
		{
			position: relative;
			top: 5px;
			width: 100%;
			margin-bottom: auto;
			font-size: 10px;
			text-align: center;
			vertical-align: bottom;
			z-index: 0;
			border: 0px solid black;
		}
		
		#texteFull
		{
			position: relative;
			top: 0px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 0px dotted #006699;
			width: 730px;
			padding: 15px;
			z-index: 0;
		}
		
		#oblique
		{
			font-style: oblique;
		}
		
		#bold
		{
			font-weight: bold;
		}
		
		
/* ************* */
/* all pages end */
/* ************* */



/* ** */
/* 02 */
/* ** */
		#captionTxt
		{
			font-family: Gill, Arial, Helvetica, sans-serif; 
			font-size: 10px;
		}
		
		#simpleViewer
		{
			position: relative;
			top: 0px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 0px dotted #006699;
			width: 730px;
			height: 420px;
			padding: 15px;
			z-index: 0;
		}

/* ****** */
/* 02 end */
/* ****** */


/* *************** */
/* 05 contact form */
/* *************** */
		#texteContact
		{
			position: relative;
			top: 0px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 0px dotted #006699;
			width: 250px;
			padding: 15px;
			z-index: 0;
		
		}
		
		#contactBoxes
		{
			position: relative;
			top: -155px;
			left: 380px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 0px dotted #006699;
			padding: 15px;
			z-index: 1;
		
		}
		
		.input { 
			background-color: #BFD9E8; 
			font: 12px/14px Arial; 
			color: #000000; 
			margin: 4px 0 0px 0px; 
			padding: 3px; 
			border: 1px solid #006699; 
			width: 270px 
		}
		
		.textarea { 
			background-color: #BFD9E8; 
			font: 11px/14px Arial;	
			color: #000000;	
			margin: 4px 0 0px 0px; 
			padding: 4px; 
			border: 1px solid #006699; 
			width: 270px 
		}
		
		.submit { 
			background-color: #BFD9E8; 
			font: 11px/14px Arial;	
			color: #000000;	
			margin: 4px 0 0px 0px; 
			padding: 4px; 
			border: 1px solid #006699; 
			width: 70px; 
			text-decoration: underline 
			z-index: 2;
		}
		
		.submit:hover { 
			background-color: #e2d6a5 
		}
/* ******************* */
/* 05 contact form end */
/* ******************* */


/* ************* */
/* 03 evenements */
/* ************* */
		#eLeft
		{
			position: relative;
			top: 0px;
			left: 0px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 0px dotted #006699;
			width: 350px;
			padding: 0px;
			z-index: 0;
		
		}
		
		#eRight
		{
			position: absolute;
			top: 43px;
			right: 20px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			border: 0px dotted #006699;
			width: 350px;
			padding: px;
			z-index: 1;
		
		}
		
		#1stLine
		{
			color: #006699;
			font-weight: normal;
			color: #006699;
		
		}
/* ***************** */
/* 03 evenements end */
/* ***************** */

/* *********************** */
/* NOT IN USE ... TO TRASH */
/* *********************** */
		#menu
		{
			position: relative;
			top: 0px;
			left: 20px;
			margin-bottom: 0px;
			margin-right: auto;
			text-align: left;
			z-index: 1;
			border: 0px solid black;
			width: 200px;
		}
		
		#header {
			position: relative;
			z-index: 0;
			border-shadow: black 0px 0 px 5px;
		}

		#evenementsHeader
		{
			position: absolute;
			top: 20px;
			right: 20px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 0px solid #006699;
			padding: 0px;
			z-index: 0;
		
		}
		
		#evenementsDate
		{
			font-style: normal;
			font-weight: bold;
			color: #006699;
		}
		
		#evenements
		{
			position: absolute;
			top: 49px;
			right: 20px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: auto;
			text-align: left;
			border: 1px dotted #006699;
			width: 177px;
			padding: 10px;
			font-size: 11px;
			font-style: italic;
			z-index: 3;
		
		}
		

/* *** */
/* 2.1 */
/* *** */
div.thumb {
        margin: 3px;
        border: 1px solid #A0ACC0;
        height: auto;
        float: left;
        text-align: center;
        }       
.thumb img{
        display: inline;
        margin: 5px;
        border: 1px solid #A0ACC0;
        }
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;} 
.phototitle {
			font-family: Gill, Arial, Helvetica, sans-serif; 
			font-size: 11px;
        text-align: left;
  font-weight: normal;

  margin: 0 3px 3px 3px;
  }

/* ******* */
/* 2.1 end */
/* ******* */
/* *************************** */
/* NOT IN USE ... TO TRASH END */
/* *************************** */