h1, h2, h3, h4, b { font-weight: 300;font-family:  proxima-nova-alt, "Proxima Nova Alt", sans-serif;}
b {	font-weight: 600;font-size: 1.05em;}
* {margin: 0; padding: 0;}
body{background-color: #000099;font: 1em proxima-nova-alt, "Proxima Nova Alt", sans-serif; color:#636363;}
a {text-decoration: none;}
a {link:target="blank";}

h2 	{font-size: 20px;padding-bottom: 20px;}
h3 	{font-size: 14px;padding-bottom: 20px;}
hbody { word-wrap: break-word; }
pre { white-space: pre-wrap; } 
/* pour firefox et les <pre> */
/* scrollup */
#scrollUp			{
	bottom: 80px;
	right: 80px;
	height: 38px;
	width: 38px;
	background-image: url(../images/top.png)
}
/* slider*/

#logoheader	{ margin-left:-4%; margin-right:auto;text-align: center; }
#titre	{display:inline-block;z-index: 11;text-align:center; vertical-align: top; margin : 24px 0px 0px 15px;text-shadow: 1px 1px 1.5px rgba(0,0,0,0.3);}
#titre h1	{color: #0066CC; font-size: 300%;}
#titre h2 	{font-size: 20px;padding-bottom: 20px; line-height: 30px;}

#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:5px;}

#logoheader h2	{
	display: inline-block; font-size:24px;
}

.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:37px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1000;
	margin-top: -60px;
	text-align: center;
	background-repeat: no-repeat;
	position: relative;
}

/*CONTENT*/
#content, #top	{ width: 80%; margin-left: auto; margin-right: auto;}
#content	{  margin-left:auto; margin-right:auto; margin-top:20px;}
p	{ font-size:14px; line-height:1.5;}
a, a:visited{color:blue;}
a:hover{color: red;}


#top {
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -69px;
	background-repeat: no-repeat;	background-size:cover;

}
.top_accueil	{ background-image: url(../images/top_accueil.png);}
.top_patrimoine	{ background-image: url(../images/top_patrimoine.png);}
.top_act	{background-image: url(../images/top_act.png);}
.top_heb	{background-image: url(../images/top_heb.png);}
.top_rest	{background-image: url(../images/top_rest.png);}
.top_age	{background-image: url(../images/top_agenda.png);}
.top_contact	{background-image: url(../images/top_contact.png);}
.top_si		{background-image: url(../images/top_si.png);}

#content_accueil2	{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 10px 85px 190px;
}
#content_accueil	{
	margin-left: auto;
	margin-right: auto;
	padding: 20px 6% 20px 15%;
}
#content_accueil h1	{font-size: 34px;	line-height: 61px;}
#content_accueil h2	{color: #0066CC; font-weight: 400;}
#content_accueil h3	{color: #91bd22; font-weight: 400; line-height: 4em;}
#content_accueil h5	{font-weight: 400; font-size: 1.1em; line-height: 1.3em;}
#content_accueil h6	{color: #91bd22;font-weight: 400;font-size: 1.4em;}
#content_accueil.mentions h3	{color: #91bd22; font-weight: 400; line-height: 2em;}


.carousel-page
{
width:711px;
height:400px;
background-color:#666666;
color:white;
}
#content_car	{
	width: 731px;
	height: 510px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 50px;
}


a.categ	 {
	color: #4a61a5;
	line-height: 1.3em;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 17px;
	font-size: 0.8em;
}
a.categ:hover	 {
	color: #2CBACE;
	font-size: 0.9em;
	padding-right: 12px;

}

#content_accueil h7.asso	 {
	background-color: #4a61a5;
	color: #FFF;
	padding : 7px 4px 1px 5px;
	border-radius: 10px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;
}

#content_accueil h7	{
	background-color: #4a61a5;
	color:#FFF;
	font-size: 1.3em; line-height:1.3em; 
	text-transform: uppercase;
	padding : 7px 4px 1px 5px;
	border-radius: 10px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;
}
#content_accueil p 	{margin-top: .5em; margin-bottom: 0.5em;}
.float	{
	width: 100%;
	height: auto;
	display: block;
	margin-right: 80px;
}

.round img	{
	width: 415px;
	height: auto;
	border-radius: 20px;-webkit-border-radius: 20px; -moz-border-radius: 20px;
	border: 2px solid #4A61A5;
}

.round_commune img	{
	width: 500px;
	border-radius: 20px;-webkit-border-radius: 20px;	-moz-border-radius: 20px;
	border: 2px solid #4A61A5; 
}

#details {display: inline-block; margin-left: 30px; margin-bottom: 20px; vertical-align: top; line-height:1.2em;}
#ville	{
	display: inline-block; vertical-align: top; width: 35em;
	margin-top: 11px;
	margin-bottom: 25px;
	padding-left: 50px;
	padding-right: 10px;
}
#content_accueil #ville h3, #ville p	{padding-left:220px}

/*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;}
/*footer*/
#footer	{
	background-repeat: no-repeat;
	background-size:cover;
	background-position: left bottom;
	min-height: 80px;
	text-align: center;

}
.footer_accueil	{ background-image: url(../images/bas_accueil.png);}
.footer_pat	{ background-image: url(../images/bas_pat.png);}
.footer_act	{ background-image: url(../images/bas_act.png);}
.footer_heb	{ background-image: url(../images/bas_heb.png);}
.footer_rest	{ background-image: url(../images/bas_rest.png);}
.footer_age	{ background-image: url(../images/bas_agenda.png);}
.footer_contact	{ background-image: url(../images/bas_contact.png);}
.footer_si	{ background-image: url(../images/bas_si.png);}

#copy a		{
	font-size: 10px;
	color: #7E90BC;
	position: relative;
	top: 62px;
}
#copy a:hover		{ color:#fff;}

/*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: #2cbace; 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;
}

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

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

  word-wrap:auto;
  -ms-word-wrap:auto;
}
.retour	{
	background-color: hsla(225,38%,47%,1.00);
	color: hsla(0,0%,100%,1.00);
	font-style: italic;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-style: none;
	border-radius: 6px;-webkit-border-radius: 6px;	-moz-border-radius: 6px;
}
.retour:hover	{ background-color: #2cbace;  font-weight:600; cursor:pointer;}

.txt{ display: block; margin-top: 30px;clear: left; }

.contactfloat {
	display: inline-block;
	margin-right: 35px;
	margin-top: 27px;
	vertical-align:top;
}

@media all and (max-width :1279px) and (min-width: 980px) {
	#content_accueil{padding-right: 0%;}
	#content_car{padding-right: 0%;}
	#content_accueil h1,#content_accueil h2, #content_accueil h3,#content_accueil h4,#content_accueil h5,#content_accueil p {padding-right: 12%;}
	#agenda_t{ word-wrap:break-word; }

}

@media only screen and (min-device-width: 500px) and (max-device-width: 850px), screen and (min-width: 0px)and (max-width: 850px) {
p {}
.banner { min-height: 260px ;}
.banner_int { min-height: 200px ;}
#top	{margin-top: 80px; max-height: 8vh;}
#logoheader {margin-left: -5%;}
#logoheader	img { width: 70px; height: auto; }
#titre 	{ margin-top: 0px;}
#logoheader #titre_int 	{ margin-top: 0px;}
#titre h1	{font-size: 170%;}
#titre h2	{font-size: 120%;padding-bottom: 3px;}

#content, #top {width: 100%;}

#content_accueil{padding: 10px 2% 10px 7%;}
#content_accueil  li {list-style: none; line-height: 1.3em; font-size: 0.9em;}
#content_accueil h1 {line-height: 1.2em; margin-bottom: 0.2em;}
#content_accueil h2 {line-height: 1.2em; margin-bottom: 0.8em;}
#content_accueil h3 {line-height: 1.2em; margin-bottom: 0.8em;}
#content_accueil h4 {font-size: 0.8em; margin-bottom: 1em;}
#content_accueil h5 {font-size: 1em; margin-bottom: 0.8em;}
#content_accueil h6 {font-size: 1.2em; margin-bottom: 1em;}
#content_car{padding: 10px 2% 10px 7%;}

#carte {margin-left: 0px; margin: 0px; }

#content_accueil.round >#carte img{width: 40%;}
#content_accueil.round {font-size: 90%;}

.round_commune {width: 100%;}
.round_commune img  {max-width: 40%;}
.round_commune #details {font-size: 90%; width: 50%;}

#cartescroll{display: none; position: fixed; height: 0;max-height: 0; max-width: 0;}

#main {padding-left: 42px; max-width: 90%;}

#content_accueil h7.asso{line-height: 2em;}
.nom_heb, .nom_bib, .nom_expo, .nom_manif, .nom_act, .nom_rest {line-height: 1.1em; margin-top: 5px; font-size: 120%;}
#main.randos, #main.main_act { margin-left:-20px; width: 50%;}
#agenda_t {
	width: 100%;

}


@media only screen and (min-device-width: 0px) and (max-device-width: 500px), (min-width: 0px) and (max-width: 500px) {
.banner, .banner_int { min-height: 120px ;}
#logoheader {margin-left: 0; }
#logoheader	img { width: 50px; height: auto; margin-bottom: 0px;}
#logoheader h1	{color: #0066CC;font-size: 150%;text-shadow: 1px 1px 1.5px rgba(0,0,0,0.3);}
#logoheader	{ margin-top: -10px;}
#titre h2, #titre_int h2	{font-size: 90%; line-height: 100%;  }

#content {margin-top: 0px;}
#main {max-width: 90%; padding-left: 42px; }
#main a {word-wrap:break-word;}
#content_accueil h1 {font-size: 150%;}
.round_commune img  {max-width: 80%; margin-bottom: 5px;}
#content_accueil.round >#carte img { width: 95%;}
.randos#main {width: 90%; max-width:90%;margin-left: -30px;}

}