@charset "UTF-8";
/* My Styles-rwd-07-------------------------------------------- */

body {background: #f0fff0;font-family: adelle, Georgia, serif;color: #383838;text-align: center;}
	a {color: #0033ff;text-decoration: none;}
	a:hover {text-decoration: underline;}
	
	#container {
	max-width: 1200px;/*R*/
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
}
	header {
	width : 100%;/*R*/
	height : 205px;
	overflow: hidden;
	clear: both;
	margin-bottom: 2%;/*R*/
	background : #d2e7e3 url('../Ardeche/07genera/07genImg/img07general/chataigneraie-lamastre-th.jpg') no-repeat 100% 0%;
	padding-top : 1px;
	border-bottom : 0.2em solid #a3bfa3;
}
	header,li:first-child a {
		-webkit-border-top-left-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;}
	header,li:last-child a {
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;}
	header hgroup {float: left;}
		header hgroup h1 {
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	padding: 1.5em 9em 0 4em;
}
		header hgroup h2 {
	color: #555;
	text-shadow: 1px 1px 0 #fff;
	font-weight: normal;}
		header hgroup h3 {
	font-weight: 400;
	text-shadow: 1px 1px 0 #fff;
	font-weight: normal;
}
#banner {
	width: 100%;/*R*/
	height: 185px;
	background: #d2e7e3 url('../Ardeche/07genera/07genImg/img07general/blason_vivarais.gif') no-repeat 50% 25%;
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.4;
	padding: 0;
	color: #003300;
	border-top: 1px solid #383838;
	border-bottom: 1px solid #383838;
	clear: both;
	margin-bottom: 2%;
	border-radius: 6px;
}
#banner p {
	text-shadow: 1px 1px 0 #fff;
	padding-top: 140px;
}
#content {
	width: 78%;/*R*/
	margin-right: 2%;/*R*/
	float: left;
}
#content article {background: #fff;margin: 0 0 1.3em 0;padding: 0.8em;-webkit-border-radius: 6px;-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);}
#content article h1, #content article h2, #content article h3 {
	margin-bottom: 2px;
	text-align: center;
}
#content article img {
	margin : 1.286em;
	padding : 0.1em;
}
#content article p {
	font-size: 1.1em;
	line-height: 140%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#content article p+p {
	text-indent: 2em;
}
#content article p:last-child {
	margin-bottom: 0;
}
#sidebar {
	width: 20%;/*R*/
	float: left;/*R*/
}
#sidebar aside {
	background: #169998;
	color: #d2e7e3;
	margin: 0 0 30px 0;
	padding: 20px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
}
#sidebar aside h4 {
	color: #333;
	font-size: 16px;
	margin-bottom: 4px;
}
#sidebar aside p {
	font-size: 13px;
	margin-bottom: 8px;
}
#sidebar aside p:last-child {
	margin: 0;
}
#sidebar aside ul {
	margin: 0;
	padding: 0;
}
#sidebar aside ul li {
	list-style: none;
	margin-bottom: 6px;
}
footer {
	width:100%;/*R*/
	clear: both;/*R*/
	border-top: 1px solid #383838;
	padding: 10px 20px;
	font-size: 14px;
}
footer nav ul {
	margin: 0 0 8px 0;
	padding: 0;}
footer nav ul li {
	list-style: none;
	display: inline;
	margin-right: 12px;}


/* Landscape phones and down */ 
@media (max-width:480px) {
/*html {width: 100%; }*/
#container {width:100%; }
#content {width:100%; float:none;margin:0; }
header {margin: 0 0 1% 0; text-align: center; }
header hgroup h1 {
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	padding: 1em 5em 0 1em;}
#sidebar, #banner {display: none; }
#content article p {margin: 0 .5em 0 .25em;padding: 0 1em 0 1em;}
img {max-width: 100%;height: auto;}
}

/* Landscape phones to portrait tablet */ 
@media (max-width:767px) {
html {width: 100%; }	
#container, {width: 96%;}
#content {width: 100%;}
header {width: 100%}
header hgroup h1 {
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	padding: 1em 4em 0 2em;}
#sidebar, #banner {display: none; }
#content article p {margin: 0;padding: 0;font-size: 90%;line-height: 1.4;}
img {max-width: 100%;height: auto;}
}

/* Portrait tablet to landscape and desktop */ 
@media (min-width:768px) and (max-width:979px) {
html {width : 100%}
#container {width: 96%; }
#content {width: 100%;}
header {width: 100%}
header hgroup h1 {
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	padding: 2em 3em 0 3em;}
#content {float: none; width: 100%; margin: 0; }
#sidebar {float: none; width: 60%; }
img {max-width: 100%;height: auto;}
}

/*Large desktop */ 
@media (min-width:1200px) {
html {width: 100%;}
#container {width: 92%; }
#content {width: 78%; }
#sidebar {width: 20%; }
}