BODY {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	text-align: center;
	margin: 0px auto;
	background-color: #dedede;
	color: #444444;
}
TABLE {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#wrap {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 25px;
}
#menu {
	width: 910px;
	margin-right: 50px;
	text-align: right;
}
#menu span {
	width: 150px;
	height: 60px;
	display: inline-block;
	margin-right: -2px;
}
#menu span a {
	width: 150px;
	height: 60px;
	display: block;
}
#menu .sejour {
	background-image: url(../images/header/menu_sejours.jpg);
	height: 60px;
}
#menu .stages {
	background-image: url(../images/header/menu_stages.jpg);
}
#menu .gites {
	background-image: url(../images/header/menu_gites.jpg);
}
#menu .agence {
	background-image: url(../images/header/menu_agence.jpg);
}
#menu ul li a:hovfser {
	background-image: url(../images/header/menu_agence_.jpg);
}
.left .haut3 {
	background-color: #3db107;
	height: 44px;	
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
#flag {	
	width: 175px;
	position: relative;
	padding-top: 12px;
	padding-left: 15px;
	padding-bottom: 15px;
	height: 27px;
	margin-top: -45px;
}
#flag .now {
	height: 25px;
	background-image: url(../images/flag/fleche.png);
	background-repeat: no-repeat;	
	cursor: pointer;
	text-align: left;
}
#flag .now img {
	margin: 6px 5px 0 15px;
	border: 0;
}
#flag a {
	text-decoration: none;
	color: #666666;
	width: 175px;
	display: inline-block;
}

#header {
	width: 960px;
	height: 200px;
	margin-top: -3px;
}
#header .sejour {
	background-image: url(../images/header_sejour.jpg);
	width: 960px;
	height: 200px;
}
#header .stages {
	background-image: url(../images/header_stages.jpg);
	width: 960px;
	height: 200px;
}
#header .gites {
	background-image: url(../images/header_gites.jpg);
	width: 960px;
	height: 200px;
}
#header .agence {
	background-image: url(../images/header_agence.jpg);
	width: 960px;
	height: 200px;
}
#header .news {
	background-image: url(../images/header_news.jpg);
	width: 960px;
	height: 200px;
}
#header .index {
	background-image: url(../images/header.jpg);
	width: 960px;
	height: 200px;
}
#main {
	width: 960px;
	float: left;
	padding-bottom: 20px;
}
#main .titre {
	background-image: url(../images/header/titre.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 50px;
	margin-top: 10px;
	text-align: right;
}
#main .titre SPAN {
	margin-top: 15px;
	margin-right: 45px;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	height: 25px;
	display: inline-block;
}
.left {
	width: 190px; 
	float: left;
	margin-left: 23px !important;
	margin-left: 11.5px; 
	margin-top: -101px;
}
.left .haut {
	font-size: 18px;
	font-variant: small-caps;
	font-weight: bolder;
	color: #000000;
	position: relative;
	top: 0px;
}
.left .haut2 {
	height: 14px;
	margin-top: 17px;
	background-color: #3db107;
}
.left .bas {
	background-image: url(../images/header/left_bas.png);
	width: 190px;
	height: 19px;
	margin-top: -5px;
}
.left ul.menu {
	margin: 0;
	margin-top: -10px;
	padding: 25px 0 0 10px;
	list-style: none;
	background-color: #3db107;
	text-align: left;
}
.left ul.menu li a {
	background-image: url(../images/header/left_menu.jpg);
	background-repeat: no-repeat;
	width: 170px;
	height: 20px;
	/*margin-top: -5px;*/
	margin-bottom: 5px;
	padding-left: 10px;
	padding-top: 2px;
	display: block;
	color: #575757;
	text-decoration: none;
}
.left ul.menu li a:hover{
	color: #000000;
}
.left .deux .haut {
	background-image: url(../images/gauche2.png);
	width: 190px;
	height: 73px;
	margin-top: 15px;
}
.left .deux .haut SPAN {
	padding-top: 25px;
	display: block;
}
.left .deux .mil {
	background-color: #0c8fdf;
	width: 190px;
}
.left .deux .mil SPAN {
	margin-left: 10px;
	display: block;
}
.left .deux .bas {
	background-image: url(../images/gauche2_bas.png);
	width: 190px;
	height: 16px;
}

.right {
	float: left;
	width: 723px;
	margin-left: 15px;
	margin-top: 20px;
}
.right .haut {
	background-image: url(../images/header/right_haut.jpg);
	background-repeat: no-repeat;
	width: 723px;
	height: 29px;
	float: left;	
}
.right .mil {
	background-image: url(../images/header/right_mil.jpg);
	width: 723px;
	background-repeat: repeat-y;
	text-align: justify;
	margin-top: -12px;
	float: left;
}
.right .mil DIV {
	margin: 0 13px 0 10px;
}
.right .bas {
	background-image: url(../images/header/right_bas.jpg);
	background-repeat: no-repeat;
	width: 723px;
	height: 29px;
	float: left;
}

#footer {
	background-color: #5c007c;
	height: 30px;
	clear: both;
}
#footer SPAN {
	display: block;
	padding-top: 7px;
	font-size: 13px;	
	color: #FFFFFF;
}


.calendarBox {
	position: relative;
	top: 0px;
	margin: 0 auto;
	width: 186px;
	margin-top: -5px;
	text-align: left;
}

.calendarFloat {
	width: 22px;
	height: 20px;
	border: 1px solid #46b2f4;
	color: #000000;
	font-size: 12px;
	margin: 1px;
	padding: 0;
	float: left;
}

.event {
	float: left;
	background-color: #87ADF1;
	height: 18px;
	color: #FFFFFF;
	padding: 7px 10px;
	margin-bottom: 15px;
	width: 660px;
}
.event .gauche {
	float: left;
	width: 380px;
	text-align: left;
	font-weight: bolder;
	font-size: 14px;
}
.event .droite {
	float: right;
	text-align: right;
	width: 215px;
}
.event .gauche2 {
	float: left;
	width: 580px;
	text-align: left;
	font-weight: bolder;
	font-size: 14px;
}


/*stages------------------------------------*/

.stage a img {
	border: 0;
}
.stage table TH {
	background-image: url(../images/th.jpg);
	background-repeat: repeat-x;
	height: 49px;
	font-weight: bolder;
}
.stage table .td1 {
	background-image: url(../images/td1.jpg);
	background-repeat: repeat-x;
	height: 63px;
}
.stage table .td2 {
	background-image: url(../images/td2.jpg);
	background-repeat: repeat-x;
	height: 63px;
}
.stage TABLE {
	color: #615E5C;
	background-color: #FFFFFF;
	text-align: left;
	width: 95%;
}
.stage ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;	
}
.stage ul li {
	padding-bottom: 10px;
}
.input_vert {
	border: 1px solid #878787;
	border-right: 6px solid #006201;
}
.input_rouge {
	border: 1px solid #878787;
	border-right: 6px solid #E80000;
}
.courier {
	font-family: "Courier New", Courier, monospace;
}
#errorAge, #errorDn, #error, #errorEmail {
	color: #E80000;
	margin-left: 10px;
	font-weight: bolder;
}
label {
	cursor: pointer;
}
.insc SELECT {
	min-width: 200px;
}
.insc .input, .insc textarea {
	border: 1px solid #878787;
}

.insc FIELDSET {
	border: 1px solid #878787;
	margin-bottom: 15px;
}
.insc FIELDSET LEGEND {
	font-weight: bolder;
	font-size: 14px;
}


/*rollover----------------------------------*/
#imageSlideshowHolder
{
	width: 356px;	/* IE 5.x */
	width/* */:/**/350px;	/* Other browsers */
	width: /**/350px;
		
	/* CSS HACK */
	height: 306px;	/* IE 5.x */
	height/* */:/**/300px;	/* Other browsers */
	height: /**/300px;
		
	background-color:#000;
	border:3px solid #317082;
	position:relative;	/* Never change this value */
	margin-left: 200px;
		
}
.imageInGallery
{		
	width:300px;
	height:300px;
		
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}	
#imageSlideshowHolder img
{
	position:absolute;
}

/*news-------------------------------------------------------------------------------*/
#news {
	margin-top: -20px;
	margin-left: -10px;
}
#news a {
	color: #666666;
	display: block;
	text-decoration: none;
}
#news a IMG {
	border: 0;
}
#news .prem {
	float: left;
	width: 670px;
	border-bottom: 2px solid #777777;
	padding-bottom: 5px;
	margin-bottom: 10px;	
}
#news .prem a {
	display: block;
}
#news .prem .img {
	width: 360px;
	float: left;
	text-align: center;
}
#news .prem .img a {
	display: block;
}
#news .prem .resume {
	float: left;
	text-align: justify;
	width: 292px;
	height: 200px;	
	margin-left: 10px;
	display: block;
}
#news .prem .resume a {
	/*display: block;*/
	display: inline-block;
}
#news .suite {
	float: left;
	border-bottom: 2px solid #777777;
	padding-bottom: 5px;
	margin-bottom: 10px;
	overflow: hidden;	
	height: 140px;
	display: inline-block;
}
#news .suite .img {
	width: 180px;
	min-height: 30px;
	float: left;
}
#news .suite .resume {
	float: left;
	text-align: justify;
	margin-left: 10px;
	padding-bottom: 10px;
	width: 139px;
	height: 117px;
	font-size: 11px;
	display: inline-block;
}
#news .news_titre {
	font-weight: bolder;
	display: block;
}
#news .section {
	font-style: italic;
	font-size: 11px;
	padding-bottom: 5px;
	display: block;
}
#news .entre {
	padding-left: 10px;
}



#new .news_titre {
	font-weight: bolder;
	font-size: 14px;
	padding-bottom: 5px;
}
#new .news_resume {
	font-weight: bolder;
	padding-top: 15px;
}
#new .news_news {
	text-align: justify;
	padding-top: 15px;
}
#news .news .img{
	text-align: center;
}
#new .section {
	font-style: italic;
	padding-bottom: 15px;
}




/*location gite-------------------------------------------------*/
.bord {
   border: 1px solid #666666;
   margin-bottom: 3px;
   padding: 5px;
   display: block;
   
}
.bord3 {
   border: 2px solid #f87200;
   margin-bottom: 3px;
   padding: 5px;
   text-align: center;
   font-weight: bolder;
}
.bord2 {
   border: 1px solid #666666;
   margin-bottom: 3px;
   padding: 5px;
   text-align: center;
   /*margin-left: -5px;*/
   display: block;  
}
.bord .gauche, .bord .droite {
    cursor: pointer;
    width: 150px;
    display: inline-block;
}
.bord .droite {
	text-align: right;
}
.bord .centre {
    width: 333px;
    display: inline-block;
    text-align: center;
}
.box {
    width: 215px;
	 height: 240px;
    display: inline-block;
    margin: 3px;
}
.box2 {
	margin-left: 3px;
}
.calendarFloat2 {
  float: left;
  width: 25px;
  height: 25px;
  margin: 1px 0px 0px 1px;
  border: 1px solid #666666;
  display: block;
  padding: 1px;
}
.cal {
  width: 25px;
  height: 25px;
  display: block;
  /*margin: 1px;*/
  /*padding-top: 4px;*/
}
.calendarFloat2 .blanc, .legend .blanc {
	background-color: #FFFFFF;
}
.calendarFloat2 .yellow, .legend .yellow {
	background-color: #DADB00;
}
.calendarFloat2 .red, .legend .red {
	background-color: #B30F0F;
	color: #FFFFFF;
}

.legend {
	float: left;
	width: 193px;
}
.legend .cal {
  float: left;
  width: 15px;
  height: 15px;
  margin: 1px 0px 0px 1px;
  border: 1px solid #666666;
}
.legend .leg {
	/*padding-left: 10px; */
	display: inline-block;
	padding-top: 3px;
}



/*agence----------------------------------------*/
#agence .voyage {
	background-image: url(../images/agence_voyage.jpg);
	width: 224px;
	height: 152px;
	background-repeat: no-repeat;
	float: left;
}
#agence .voyage SPAN {
	padding: 10px;	
	display: block;
}
#agence .voyage h3 {
	text-align: center;
	color: #1C65E5;
	margin-top: 0px;
	height: 38px;
	font-size: 12px;
}
#agence .voyage a {
	text-decoration: none;
	display: block;
}

#agence .detail {
	border: 1px solid #065bab;
	margin-bottom: 10px;
}
#agence .detail h3 {
	height: 20px;
	padding: 5px 10px;;
	background-color: #065bab;
	color: #FFFFFF;
	margin: 0px;
}
#agence .detail DIV {
	padding: 10px;
	text-align: justify;
}
#agence .titre2 {
	margin-top: -10px;
	font-size: 14px;
	font-weight: bolder;
}


.waiting {
	height: 20px;
	text-align: center;
}

.content ul, #new ul {
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 0;
}
.content ul li, #new ul li {
	list-style: none;
	margin-bottom: 5px;
}

.bolder a {
	color: #ab0553;
	font-weight: bolder;		
}


ul.phot {
	margin: 0; 
	padding: 0; 
	float: left; 
}
ul.phot li {
	float: left; 
	padding: 4px;
	margin: 2px; 
	list-style: none; 	
	border: 1px solid #928e8e; 
	width: 211px; 
}



.avertissementBrowser {
	border: 1px solid #b7b7b7;	
	padding: 10px;
	background-color:#FFF;	
	width: 635px; 	
	text-align: center; 
	margin-bottom: 10px; 
}

.avertissementBrowser p {
	font-size: 12px; 
	line-height: 15px; 
}
.avertissementBrowser .fermer {
	display: inline-block;
	text-align: right; 
}
.avertissementBrowser .info {
	display: inline-block;
	text-align: center;
	width: 500px; 
}
.avertissementBrowser .info LABEL { 
	cursor: pointer; 
}