html, body {
 width:1200px;
 margin-right: auto;
 margin-left:auto;
 padding: 0;
}
body {
 background-color: #CCC;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: black;
}


h1 {
 font-family:"Trebuchet MS", Arial, Helvetica, sans serif;
 font-size: 20px; 
 font-weight:normal;
 color: black; 
}
h2 {
font-family: "Trebuchet MS", Arial;
 font-size: 30px; 
 color: black; 
}
h3 {
font-family: "Trebuchet MS", Arial;
 font-size: 52px; 
 color: #000099; 
 }
h4 {
font-family:"Trebuchet MS", Arial, Helvetica, sans serif;
 font-size: 20px; 
 color: black; 
}
h5 {
font-family:"Trebuchet MS", Arial, Helvetica, sans serif;
 font-size: 25px; 
 color: black; 
}
h6 {
font-family:"Trebuchet MS", Arial, Helvetica, sans serif;
 font-size: 15px; 
font-weight:normal;
 color: black; 
}

h7 {
font-family:"Trebuchet MS", Arial, Helvetica, sans serif;
 font-size: 22px; 
 color: blue; 
}
h8 {
 font-family:Arial, Helvetica, sans serif;
 font-size: 20px; 
 font-weight:normal;
 color: black; 
}
h9 {
 font-family:Arial, Helvetica, sans serif;
 font-size: 30px; 
 color: black; 
}
h10 {
 font-family:Arial, Helvetica, sans serif;
 color: black; 
}
p,ul,li,td {
 color: black; 
}
a:link {
 color: #000099;
 text-decoration: none;
 }
a:visited {
 color: #000099;
 }
a:active {
 color:red;
}
a:hover {
 color: red;
 text-decoration: none;
}


.banner {
	position: relative;
	min-height: 300px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.banner_int {
	position: relative;
	min-height: 270px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.decoslider		{
	width: 100%;min-height:20px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1000;
	margin-top: 190px;
	text-align: center;
	background-repeat: no-repeat;
	position: relative;
}

#logoheader #titre_int	{
	color: #0066CC;
	font-size: 20px;
	display: inline-block;
	z-index: 1003;
	position: relative;
	margin-top: -25px;
	margin-bottom: 5px; text-shadow: 1px 1px 1.5px rgba(0,0,0,0.2);
}
#titre_int img	{ margin-bottom:-15px; margin-right:25px;}

/*classes tabulation php*/
.tabulation {text-indent: 200px;}
.tabulation1 {margin-left: 200px;}


/*classes textes php*/
.nom_heb 	{color: #514ba1; font-weight: 600; line-height: 2em; font-size:1.3em;}
.nom_rest 	{color: #cf1646; font-weight: 600; line-height: 2em; font-size:1.3em;}
.nom_act 	{color: #000099; font-weight: 600; line-height: 2em; font-size:1.3em;}

.nom_manif 	{color: #ad4aa0; font-weight: 600; line-height: 1em; font-size:1em;}
.manif_ville{color: #ad4aa0;}
.nom_expo 	{color: #ee773d; font-weight: 600; line-height: 1em; font-size:1em;}
.expo_ville	{color: #ee773d;}
.nom_bib 	{color: #4960a4; font-weight: 600; line-height: 1em; font-size:1em;}
.bib_ville	{color: #4960a4;}

.main_act b, .main_act strong { color:#2cbace;}
.main_act i, .main_act em { color:#2cbace; font-size:115%;}

.image_heb 	{ width:95%; border-radius:12px;-webkit-border-radius: 12px;	-moz-border-radius: 12px; max-width: 450px;}
.image_triangle {position: absolute; margin-left:0.7%;}

#agenda {
	margin: 0px auto 30px 15%;
	overflow: hidden;
	width: 80%;
}

#agenda_t {
	position: relative;
	width: 29%;
	display: inline-block;
	float: left;
	margin-right:28px;  

  word-wrap:auto;
  -ms-word-wrap:auto;
}

.image_heb 	{ width:95%; border-radius:12px;-webkit-border-radius: 12px;	-moz-border-radius: 12px; max-width: 450px;}
/*cartes main*/
#carte, #main {display: inline-block; margin-right: 0px;vertical-align: top; }
#main {
	display: inline-block;
	margin-right: 0px;
	vertical-align: top; 
	margin-left:30px; 
	max-width: 48%;
}
#main.randos, #main.main_act { margin-left:20px; width: 50%;}
#main img {
	max-width: 300px;
}   



#carte	{
	margin-left: 0%;
	margin-top: 20px;
	width: 100%;
}
#cartescroll	{
	left: 0 vw;
	padding-top: 15px;
	display: inline-block;
	margin-right: 0vw;
}
#cartescroll img {max-height: 82vh; max-width: 48vw;}
/*image appel�s dans la carte*/
#panneaux img	{ 	vertical-align: top; padding-top:40px; height:auto;}

#form-div {
	background-color: #33ccff;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 28px;
	padding-bottom: 80px;
	width: 450px;
	margin-top: 30px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	display:inline-block;}



/******** Feuille de styles du menu ************/
.menu{
 float: left;
 margin-left: 5px;
margin-bottom: 0px;
 padding: 2px;
}
 
.titreMenu, .contenuMenu, .lienMenu{
 color: #FFFFFF;
}
 
.titreMenu, .contenuMenu{
 border: 2px outset #AAAAAA;
 width: 106px;
 text-align: center;
 margin: 0px;
 padding: 0px;
}
 
.contenuMenu{
 display: none;
 position: absolute;
 background-color: #FFFFFF;
color: #ffffff;
}
 
.menuOverflow{
 overflow: auto;
 height: 200px;
}
 
.itemOver{
 background-color: #3333ff;
 color: #fff;
}
 
.itemOut{
 background-color: #3333ff;
 color: #fff;
}
 
.lienMenu{
 text-decoration: none;
}
 
.crlf{
 clear: both;
 /*visibility: hidden;*/
}
 
/******** Fin de la feuille de styles du menu ************/
select {
 background-color: #FFCC66;
 font-family: "Trebuchet MS", Arial, Helvetica, sans serif;;
 color: #0000EE;
 size: 20px;
 border-color: #FF9900;
}