/* -----------------------      CAMPINGS ---------------------------------*/

html  { 
	height : 100%; 
	width:100%;
}
 
body, body.fiches  { 
	color : black; 
	font-family : Arial; 
	font-size : 14px; 
  	max-width: 1100px;
  	min-width :500px;
	margin-left: auto;
  	margin-right: auto;
}

body {
	background-color : white; 
}

body.fiches  { 
	 background-color : rgb(246, 246, 235);
}
 
#bando  { 
	padding-top : 5px; 
	padding-bottom : 5px; 
	padding-left : 0; 
	padding-right : 0; 
	margin : 1px; 
	width : 99%; 
	text-align : center; 
}

#bando_Resp  { 
	display : none; 
}

#musee, #tmusee table.Fiches, #musee tr {
	padding-top : 2px; 
	padding-bottom : 2px; 
	padding-left : 0; 
	padding-right : 0; 
	margin : 1px; 
	width : 99%; 
}
 /* -----------------------            div  ---------------------------------*/

.rubrique  {
	border-spacing : 0; 
	margin : 4px;
	background-color : rgb(227, 227, 227); 
}

#cadreblanc  { 
	padding-top : 5px; 
	padding-bottom : 5px; 
	padding-left : 0; 
	padding-right : 0; 
	margin : 1px; 
	width : 99%; 
	border : solid 2pt; 
	text-align : left; 
	border-color : rgb(158, 150, 30); 
	background-color : rgb(246, 246, 235); 
}
 
#versions  { 
	padding-top : 5px; 
	padding-bottom : 5px; 
	padding-left : 0; 
	padding-right : 0; 
	margin : 1px; 
	width : 99%; 
	border : solid 2pt; 
	text-align : center; 
	border-color : rgb(158, 150, 30); 
	background-color : rgb(246, 246, 235); 
}
 
#corps  { 
	margin-top : 20px; 
	margin-bottom : 20px; 
	margin-left : 0; 
	margin-right : 0; 
	padding : 0; 
	width : 100%; 
}

#menuloc  { 
	margin-top : 20px; 
	margin-bottom : 20px; 
	margin-left : 0; 
	margin-right : 0; 
	padding : 1px 0px 0px 2px;
	width : 100%; 
	text-align : center; 
	background-color : rgb(162, 162, 162); 
}
 
#col1, #col1plan { 
	float : left; 
	width : 340px; 
}


#col3  { 
	float : right; 
	width : 180px; 
}

#col1 p, #col1plan p, #col3 p  { 
	margin-top : 10px; 
	margin-left : 1px; 
	margin-right : 1px; 
	text-align : center; 
}
 
#col2 p  { 
	margin-top : 1px; 
	margin-left : 1px; 
	margin-right : 1px; 
	text-align : left; 
	overflow : hidden; 
}
 
#col2  { 
	margin-top : 20px; 
	margin-left : 346px; 
	margin-right : 186px; 
}

#col2Menu  { 
	margin-top : 20px; 
	margin-left : 346px; 
	font-size : 12pt; 
}

#col2plan  { 
	margin-top : 20px; 
	margin-left : 346px; 
	margin-right : 2px; 
}

#Muscol2  { 
	margin-top : 0px; 
	margin-bottom : 10px; 
	margin-left : 346px; 
	margin-right : 186px; 
	padding:0;
	background-color : rgb(227, 227, 227); 
}

#Small  { 
	display : none; 
}

table.TDNews td  { 
	width : 50%; 
}

table.TDMNews li {
	font-size : 12pt; 
	line-height : 14pt; 
}

#Bouquet, #Bouquet_Resp, #Bouquet2, #Bouquet2_Resp { 
	width : 100%; 
	margin-bottom : 10px; 
	padding-top : 3px; 
	padding-bottom : 3px; 
	padding-left : 5px; 
	font-family : Arial; 
	text-align : left; 
	vertical-align : middle; 
	border-top-style : solid; 
	border-top-color : black; 
	border-top-width : 1pt; 
	border-bottom-style : solid; 
	border-bottom-color : black; 
	border-bottom-width : 1pt; 
	color : rgb(225, 10, 80); 
}

#Bouquet_Resp, #Bouquet2_Resp { 
	display : none; 
}
 /* -----------------------            tablettes  ---------------------------------*/
@media screen and (max-width: 960px)
{ 
#bando  { 
	display : none; 
}

#col1  { 
	float : left; 
	width : 300px; 
}
#col1plan  { 
	display : none; 
}

#col2, #Muscol2  { 
	margin-top : 20px; 
	margin-left : 302px; 
	margin-right : 2px; 
}

#col2plan { 
	margin-top : 20px; 
	margin-left : 2px; 
	margin-right : 2px; 
	width : 100%;
}

#col3  { 
	display : none; 
}

td.display, td.depart {
	display : none;
}

#Small  { 
	display : inline; 
}
}
 /* -----------------------            smartphones  ---------------------------------*/
@media screen and (max-width: 480px)	
{ 

#bando, #Bouquet, #Bouquet2, #LIENS { 
	display : none; 
}

#bando_Resp  { 
	display : inline; 
}
#Bouquet_Resp, #Bouquet2_Resp {
	display : inline; 
	width : 100%; 
	margin-bottom : 10px; 
	padding-top : 3px; 
	padding-bottom : 3px; 
	padding-left : 5px; 
	font-family : Arial; 
	text-align : left; 
	vertical-align : middle; 
	border-top-style : solid; 
	border-top-color : black; 
	border-top-width : 1pt; 
	border-bottom-style : solid; 
	border-bottom-color : black; 
	border-bottom-width : 1pt; 
	color : rgb(225, 10, 80); 
}

#col2, #Muscol2, #col2Menu, #col2plan { 
	margin-top : 20px; 
	margin-left : 2px; 
	margin-right : 2px; 
	width : 100%;
}
#col1, #col3, #col1plan  { 
	display : none; 
}

table.Nota {
	display : none;
}

td.display, td.depart, td.ville {
	display : none;
}
#Small  { 
	display : inline; 
}

table.TDMNews tr, table.Bando tr {
	display: table;
	width: 100%;
}
table.TDMNews td, table.Bando td {
	display: table-row;
	width: 100%;
}

table.TDMNews li, table.Bando li {
	font-size : 16pt; 
	line-height : 24pt; 
}
}
 /* -----------------------            tous supports  ---------------------------------*/

#Muscol2  { 
	margin-top : 0px; 
	margin-bottom : 10px; 
	margin-left : 350px; 
	margin-right : 186px; 
	padding:0;
	background-color : rgb(227, 227, 227); 
}
 
#pied  { 
	clear : both; 
	width : 100%; 
	margin-top : 20px; 
	margin-bottom : 20px; 
	margin-left : 0; 
	margin-right : 0; 
}
 
#bouton, #bouton2  { 
	margin : 10px 0px 2px 0px;
	padding : 5px 0px 10px 0px;
	text-align:center;
	font-size : 12pt; 
	line-height : 2em; 
}
 
#onglet  { 
	margin-top : 0;
	padding-top : 0;  
	margin-bottom : 10px; 
}
 
#copyright  { 
	font-family : "Times New Roman"; 
	text-align : right; 
	font-size : 12px; 
}
 
#galerie  { 
	margin-bottom : 0; 
	margin-left : 0; 
	padding-left : 0; 
	margin-right : 0; 
	font-size : 9pt; 
}
 
#identite  { 
	float : left; 
	width : 99%; 
	margin-bottom : 2px; 
	margin-right : 2px; 
}
 
h1  { 
	margin-right : 0; 
	margin-bottom : 3pt; 
	margin-left : 0; 
	text-align : center; 
	page-break-after : avoid; 
	font-size : 20px; 
	font-family : Arial; 
	line-height : 2em; 
	color : rgb(225, 10, 80); 
}
 
h2  { 
	margin-top : 6pt; 
	margin-right : 0; 
	margin-bottom : 2pt; 
	margin-left : 0; 
	page-break-after : avoid; 
	font-family : Arial; 
	font-size : 18px; 
	font-style : italic; 
	text-align : left;
	font-weight : bolder; 
}
 
h3  { 
	margin-top : 12pt; 
	margin-right : 0; 
	margin-bottom : 0; 
	margin-left : 0; 
	page-break-after : avoid; 
	font-family : Arial; 
	font-size : 16px; 
	font-weight : bolder; 
}
#sommaire h3  { 
	margin-top : 4pt; 
	margin-right : 0; 
	margin-bottom : 0; 
	margin-left : 0; 
}


#col1 p  { 
	margin-bottom : 5px; 
}
 
img  { 
	max-width : 100%; 
	border-style: none;
	border-width:0;
}

 
ul  { 
	margin-top : 0; 
	margin-bottom : 5px; 
	margin-left : 5px; 
	padding-left : 15px; 
	line-height : normal; 
}

.date	{
	color: blue;
	font-style:italic;
}


div.booking {
/*	margin-top : 10px; 
	margin-bottom : 2px; 
	margin-left : 2px; 
	padding-left : 0px;
	height : 100%;*/
	display : none; 
}

 /* -----------------------           onglets  ---------------------------------*/
#onglet ul  { 
	margin : 0; 
	padding : 0; 
	list-style-type : none; 
	line-height : 1.8em; 
}

#onglet li  { 
	margin : 0; 
	padding : 0; 
	display: inline-block;
	text-decoration : none; 
	text-align : center; 
	border-style : solid; 
	border-color : grey; 
	background-color : white; 
	color : black; 
	font-weight : bold; 
	font-size : 12pt; 
	font-family : Verdana, Helvetica; 
	border-left-color : rgb(227, 227, 227);
	border-top-color : rgb(227, 227, 227);
	width : 23%; 
}
 
#onglet a  { 
	display: inline-block;
	margin : 0; 
	text-decoration : none; 
	text-align : center;
	color : black; 
	font-weight : bold; 
	font-family : Verdana, Helvetica; 
	padding : 4px 0px 4px 0px;
}
 
#onglet li.active  { 
	border-bottom : none; 
	background-color : rgb(227, 227, 227); 
	padding : 4px 0px 4px 0px;

}
 
#onglet li a:hover  { 
	background-color : rgb(227, 227, 227); 
	border-bottom-color : white; 
	border-right-color : white; 
	border-left-color : black; 
	border-top-color : black; 
}
 
fieldset  { 
	border : #dbdbaa solid 3px; 
	margin-top : 0; 
	margin-bottom : 5px; 
	margin-left : 0; 
	margin-right : 0; 
	padding : 0 0 1em 0.5em; 
	color : black; 
	font-family : Arial; 
	line-height : 1.3em; 
	vertical-align : top; 
}
 
legend  { 
	background : transparent; 
	padding : 0.5em; 
	font-family : Arial; 
	font-size : 12px; 
	font-weight : bolder; 
}
 
table, tr, td {
	padding:0;
	margin:0;
}

table.Tablo, table.Bando  { 
	top : 0; 
	width : 100%; 
	font-family : Arial, Helvetica; 
	line-height : normal; 
	border-spacing : 0; 
	border-collapse : collapse; 
}
 
table.Tablo td  { 
	border-spacing : 0; 
	text-align : center; 
	font-size : 9pt; 
	padding : 0.5em; 
	border : solid 2pt; 
	border-color : rgb(158, 150, 30); 
	background-color : rgb(246, 246, 235); 
}

table.Bando td  { 
	border-spacing : 0; 
	text-align : left; 
	font-size : 10pt; 
	line-height : 1.6em;
	padding : 0.5em; 
	
	background-color : rgb(246, 246, 235); 
}

td.depart {
	border-spacing : 0; 	
	font-weight : bold; 
	font-size : 24pt; 
	text-align : center;
	color : black;
	width : 300px;
	padding : 0;
	border : solid 6pt; 
	border-color : green;
	background-color : white; 
}

td.ville {
	border-spacing : 0; 	
	font-weight : bold; 
	font-size : 24pt; 
	text-align : center;
	color : black;
	width : 300px;
	padding : 0;
	border : solid 6pt; 
	border-color : red;
	background-color : white; 
}

table.Bando li { 
	list-style-type : none; 
}

table.Nota { 
	top : 0;
	width : 100%;
	font-family : Verdana, Helvetica;
	line-height : normal;
	border : 2pt solid;
 	border-spacing : 0;
 	border-color : #dbdbaa;
	background-color : rgb(246, 246, 235);
 }


#menuloc td {
	vertical-align : top;
}

 /* -----------------------           musee  ---------------------------------*/
#musee {
	margin-left:100px;
}

#musee.ul {
	list-style-type : none; 
}

#musee.li {
	list-style-type : none; 
}

#musee a { 
	font-weight : normal; 
	color : black;
	text-align : left; 
	text-decoration : none; 
}

#musee a:hover  { 
	text-decoration : underline; 
}

  /* -----------------------           sommaire  ---------------------------------*/

#sommaire  { 
	font-family : Arial; 
	text-align : left; 
	margin:0;
	padding:0;
}

#sommaire table {
	border-spacing : 0; 
	border-collapse : collapse; 
	background-color : rgb(246, 246, 235); 
}

#sommaire tr {
	margin-left:0;
	padding-left:0;
}

#sommaire td.somimg {
	width : 30%; 
	margin:0;
	padding:4px;
	vertical-align : top; 
	border-left-style : solid; 
	border-top-style : solid; 
	border-bottom-style : solid; 
	border-color : black; 
	border-width : 1px; 
}

#sommaire td.somimg img {
height :50%;
}
#sommaire td.somtxt {
	width : 70%; 
	padding: 4px 0px 4px 10px;
	margin : 4px 0px 4px 10px;
	font-family : Arial; 
	font-size : 9pt; 
	vertical-align : top; 
	text-align : left; 
	border-right-style : solid; 
	border-top-style : solid; 
	border-bottom-style : solid; 
	border-color : black; 
	border-width : 1px; 
}

table.galerie td  { 
	width : 50%; 
	margin-left : 2px; 
	margin-bottom : 5px;
	padding-left : 5px; 
	font-family : Arial; 
	font-size : 9pt; 
	vertical-align : top; 
}



  /* -----------------------           liens  ---------------------------------*/
a  { 
	color : rgb(0, 111, 0);
	text-decoration : none; 
	font-weight : bold; 
}
 
a:hover  { 
	text-decoration : underline; 
}

table.Bando a { 
	font-weight : normal; 
	color : black;
}

#sommaire a { 
	font-weight : normal; 
	color : black;
	text-align : left; 
}

#menuloc li {
	width : 50%; 
	list-style-type : none; 
	text-align : left; 
}

#menuloc a {
	font-weight : bold; 
	color : black;
	text-align : center; 
}


body.main a {
 	font-weight : normal; 
	color : black;
	text-align : left; 
}

  /* -----------------------           boutons  ---------------------------------*/
#bouton a, #bouton2 a   { 
	position : relative; 
	text-decoration : none; 
	text-align : center; 
	vertical-align : top; 
	background-color : white; 
	border-style : solid; 
	border-color : grey; 
	padding : 10px 6px 10px 6px; 
	margin : 10px 0px 10px 0px;
	line-height: 2em;
	color : black; 
	font-weight : bold; 
	font-family : Verdana, Helvetica; 
	width : 15%; 
	border-left-color : #dbdbaa; 
	border-top-color : #dbdbaa; 
}
 
#bouton a:hover, #bouton2 a:hover  { 
	background-color : rgb(246, 246, 205); 
	border-bottom-color : white; 
	border-right-color : white; 
	border-left-color : black; 
	border-top-color : black; 
}
 
#Bouquet a, #Bouquet2 a, .rubrique a  { 
	color : black; 
	font-weight : normal; 
	display : block; 
	text-decoration : none; 
}
 
#Bouquet a:hover, #Bouquet2 a:hover  { 
	color : rgb(2, 64, 2); 
	background-color : white; 
}

td.depart a {
	color : black;
}