/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


/****************************************/

body{
	background: url(../images/bg.png);
	color: #2C2C2C;
	font: normal 100% Cambria, Georgia, serif; /* 100% = taille par defaut = 16px normalement */
	/* optimizeSpeed is the default. Using optimizeLegibility here will typically DOUBLE
     rendering time! So, think twice about using optimizeLegibility */
	text-rendering: optimizeLegibility;
}

body:focus{ outline:none; }

img,
embed,
object,
video {
	max-width: 100%;
}

#page{
	position: relative;
	width: 100%;
}

#one p{ 
	text-align: justify;
}

.pagination{
	display: block;
	margin: 55px auto 0;
	text-align: center;
	font-family: Helvetica, arial, sans-serif;
}
.pagination p{
	font-size: 0.75em;
	text-transform: uppercase;
	float: none;
	color: #424242
}
.pagination ul{
	margin-top: 15px;
	font-size: 0.875em;
}
.pagination li{
	display: inline;
	background: #aaa;
	padding: 5px;
	margin: 0 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
}
.pagination li a{
	text-decoration: none;
}

/**************************************************************320*/
/**************************************************************320*/
/**************************************************************320*/
@media screen and (max-width: 400px) { 

/**************************************homepage */
.blog-featured .leading-0, .blog-featured .item{
	background: #aaa;
	margin: 1px 0;
}

.blog-featured .leading-0 a, .blog-featured .item a{
	text-decoration: none;
	color: #434343;
	display: block;
	line-height: 25px;
	padding: 0.5em 0;
	font-size: 0.875em;
	text-shadow: 0 1px 0px #bbb;
}

.blog-featured .leading-0 a:hover, .blog-featured .item a:hover, .blog-featured .leading-0 a:active, .blog-featured .item a:active{
	text-shadow: 0 1px 0px #bbb;
	-moz-box-shadow: 0 1px 5px #666;
	-webkit-box-shadow: 0 1px 5px #666;
	box-shadow: 0 1px 5px #666;
}

.blog-featured h2{
	
}

/**************************************pages articles */
/* Global */
#one, #credits{ padding:0.875em 0.75em 2em 0.75em; }
#two, #three, #four{ padding:0.875em 1em 2em 1em; }
#two, #four{
	background: #aaa;
}
#one, #two, #three, #four{ overflow: hidden; /* Empèche le dépassement des flottants. */ }

.clearer{ display: block; clear: both; height: 1px; margin-bottom: -1px;}
.clear{ clear: both;}

/* header */
#header_inside{
	background: #434343;
	border-bottom: 1px solid #111;
	width: 100%;
}
#header_inside #logo{
	width: 100%;
	text-align: center;
}
#header_inside #logo img{
	margin: 0.3125em auto;
}
#header_inside #flag_uk{
	margin: 0.875em 0.75em 0 0;
	display: block;
	float: right;
}

#header_inside #flag_fr{
	margin:0.875em 0 0 0.75em;
	display: block;
	float: left;
}

#header_inside .flag_active{
	height: 37px;
	background: url(../images/arrow.png) no-repeat bottom;
}
#header_inside .flag_active a{
	cursor: default;
}
/* FIN header */

/* footer */
#innerfooter{
	background: #434343;
	border-top: 1px solid #111;
	width: 100%;
	text-align: center;
	height: 35px;
}
#footer a{
		font-family: Helvetica, arial, sans-serif;
		font-size: 0.75em;
		text-decoration: none;
		color: #666;
		line-height: 2em;
}
#footer a:hover, #footer a:active{
		text-decoration: underline;
}
/* FIN footer */


/* section navigation *//* section navigation *//* section navigation */

#nav #nav_interne{
	width: 100%;
}

#one ul#nav_interne, #two ul#nav_interne, #three ul#nav_interne, #four ul#nav_interne{
	display: block;
	margin: 0 auto;
	border: 0;/* pour les parties 2 et 4 */
	float: none;
	max-width: 320px;
}

#one ul#nav_interne li, #two ul#nav_interne li, #three ul#nav_interne li, #four ul#nav_interne li{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 1%;
	width: 31.4%;
	margin-bottom: 0.75em;
}

#one ul#nav_interne li a, #two ul#nav_interne li a, #three ul#nav_interne li a, #four ul#nav_interne li a{
	font: bold 13px calibri, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
	text-shadow: 0 1px 1px #333;
	text-align: center;
	line-height: 13px;
	padding: 7px 0;
	display: block;
	height: 25px;
	text-decoration: none;
	color: #fff;
	background: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
}

#one ul#nav_interne li a:hover, #two ul#nav_interne li a:hover, #three ul#nav_interne li a:hover, #four ul#nav_interne li a:hover{
	background: #555;
	-moz-box-shadow: 0 1px 3px #888;
	-webkit-box-shadow: 0 1px 3px #888;
	box-shadow: 0 1px 3px #888;
}


/* Fin section navigation *//* Fin section navigation *//* Fin section navigation */



	h1{
	  	margin-top: 0.25em; /* 4px / 16px */
	  	margin-bottom: 0.625em;
		font-size: 1.625em; /* 26px / 16px */
		font-weight: normal;
		line-height: 1em; /* 16px */
		text-align: center;
	}

	h2{
		margin: 0.25em 0 0.375em 0; /* 6px */
		font: normal 1.125em Cambria, Georgia, serif; /* 20px / 16px */
		letter-spacing: 0.05em; /* 0.8px */
		text-transform: uppercase;
		text-align: center;
	}
	#one h2, #three h2{
		color: #6D6D6D;
		text-shadow: 0 1px 0px #eee;}
	#two h2, #four h2{
		color: #666;
		text-shadow: 0 1px 0px #bbb;}
	
	p{
	margin-bottom: 0.5625em; /* 9px */
	display: block;
	float: left;
	width: 100%;
	}


/* partie texte */

	.figure { 
	    float: none; 
	    margin: 0 auto;
	    max-width: 90%;
	    margin-top: 1em; 
	    margin-bottom: 1.25em; 
	    border-bottom: 1px solid #999;
	    padding-bottom: 0.5em;
	  }
	  .figure strong { 
	  	font-size: 0.8125em; /* 13px / 16px */
	  	font-weight: normal;
	  	text-align: center;
	  }
	  .figure img {
	  	margin: 0.1875em 0; /* 3px / 16px */
	  }
	  
#one p{ 
	margin: 1em 0;
}

#one p:first-letter { 
	float: left;
	padding-top: 0; 
	padding-right: 0.1875em; 
	padding-left: 0.1875em; 
	font: normal 2em Cambria, Georgia, serif;
	line-height: 1em; 
}


/* FIN partie texte */

/* listes 'pour continuer la visite' */
#two ul{
	display: block;
	float: left;
	width: 100%;
	margin: 1em 0 0.9375em 0;
	list-style-type: none;
    border-bottom: 1px solid #999;
}

#two a{
	text-decoration: none;
	color: #004080;
}
#two a:hover, #two a:active{
	text-decoration: underline;
	color: #004080;
}

#two h4{
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#two li{
	margin-bottom: 0.625em; /* 10px */
}
#two strong{
	color: #3B3B3B;
}
/* FIN listes 'pour continuer la visite' */

/* carte */

#three #legende{
	display: block;
	float: left;
	width: 80%;
	font-size: 0.9375em; /* 15px / 16px */
	font-weight: normal;
}
#three #legende2{
	display: block;
	float: left;
	width: 100%;
	font-size: 0.8125em;
	margin: 0.5em 0 0 0;
}
#three #curseur{
	display: block;
	float: left;
	margin-bottom: 0.5em;
}
#three img{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
#three #map img{
	max-width: 100%;
	z-index: 5;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

/* FIN carte */

/* listes 'restau et hebergement' */
#four ul{
	display: block;
	float: left;
	width: 100%;
	margin: 0.8125em 0 0.9375em 0;
	list-style-type: none;
    border-bottom: 1px solid #999;
}

#four a{
	text-decoration: none;
	color: #004080;
}
#four a:hover, #four a:active{
	text-decoration: underline;
	color: #004080;
}

#four h4{
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#four li{
	margin-bottom: 0.625em; /* 10px */
}
#four strong{
	color: #3B3B3B;
}
/* FIN listes 'restau et hebergement' */

/* PAGE credits */
#credits p{
float: none;
	margin-bottom: 0.5625em; /* 9px */
}
#credits ul{
	display: block;
	width: 100%;
	margin: 3em 0 3em 0;
	list-style-type: none;
    border-bottom: 1px solid #999;
    padding-bottom: 0.625em;
}

#credits a{
	text-decoration: none;
	color: #004080;
}
#credits a:hover, #credits a:active{
	text-decoration: underline;
	color: #004080;
}
#credits h2{
	margin: 0 0 1em 0;
}
#credits h3{
	margin: 0 0 0.5em 0;
	font-weight: bold;
	color: #333;
	font-size: 1.025em;
}

#credits h4{
	text-transform: uppercase;
	margin: 0.5em 0 -2em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#credits li{
	margin-bottom: 0.225em; /* 10px */
}
#credits strong{
	color: #3B3B3B;
}
/* FIN PAGE credits */
}/* FIN max-width:400px */








/**************************************************************400 et +*/
/**************************************************************400 et +*/
/**************************************************************400 et +*/

@media screen and (min-width: 400px) { 

/**************************************homepage */
.blog-featured .leading-0, .blog-featured .item{
	/*border-top: 1px solid #111;
	border-bottom: 1px solid #111;*/
	background: #aaa;
	margin: 1px 0;
}

.blog-featured .leading-0 a, .blog-featured .item a{
	text-decoration: none;
	color: #434343;
	display: block;
	line-height: 25px;
	padding: 0.5em 0;
	font-size: 1em;
	text-shadow: 0 1px 0px #bbb;
}

.blog-featured .leading-0 a:hover, .blog-featured .item a:hover, .blog-featured .leading-0 a:active, .blog-featured .item a:active{
	text-shadow: 0 1px 0px #bbb;
	-moz-box-shadow: 0 1px 5px #666;
	-webkit-box-shadow: 0 1px 5px #666;
	box-shadow: 0 1px 5px #666;
}

.blog-featured h2{
	
}

/**************************************pages articles */
/* Global */
#one, #credits{ padding:0.875em 0.75em 2em 0.75em; }
#two, #three, #four{ padding:0.875em 1em 2em 1em; }
#two, #four{
	background: #aaa;
}
#one, #two, #three, #four{ overflow: hidden; /* Empèche le dépassement des flottants. */ }

.clearer{ display: block; clear: both; height: 1px; margin-bottom: -1px;}
.clear{ clear: both;}

/* header */
#header_inside{
	background: #434343;
	border-bottom: 1px solid #111;
	width: 100%;
	overflow: hidden;
}
#header_inside #logo{
	width: 100%;
	text-align: center;
}
#header_inside #logo img{
	margin: 0.3125em auto;
}
#header_inside #flag_uk{
	margin: 0.875em 15% 0 0;
	display: block;
	float: right;
}

#header_inside #flag_fr{
	margin: 0.875em 0 0 15%;
	display: block;
	float: left;
}
#header_inside .flag_active{
	height: 37px;
	background: url(../images/arrow.png) no-repeat bottom;
}
#header_inside .flag_active a{
	cursor: default;
}
/* FIN header */

/* footer */
#innerfooter{
	background: #434343;
	border-top: 1px solid #111;
	width: 100%;
	text-align: center;
	height: 35px;
}
#footer a{
		font-family: Helvetica, arial, sans-serif;
		font-size: 0.75em;
		text-decoration: none;
		color: #666;
		line-height: 2em;
}
#footer a:hover, #footer a:active{
		text-decoration: underline;
}
/* FIN footer */


/* section navigation *//* section navigation *//* section navigation */

#nav{
	width: 100%;
}

#one ul#nav_interne, #two ul#nav_interne, #three ul#nav_interne, #four ul#nav_interne{
	display: block;
	margin: 0 auto;
	border: 0;/* pour les parties 2 et 4 */
	width: 100%;
	float: none;
}

#one ul#nav_interne li, #two ul#nav_interne li, #three ul#nav_interne li, #four ul#nav_interne li{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 1%;
	width: 31.3%;
	margin-bottom: 0.75em;
}

#one ul#nav_interne li a, #two ul#nav_interne li a, #three ul#nav_interne li a, #four ul#nav_interne li a{
	font: bold 13px calibri, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
	text-shadow: 0 1px 1px #333;
	text-align: center;
	line-height: 13px;
	padding: 7px 0;
	display: block;
	height: 25px;
	text-decoration: none;
	color: #fff;
	background: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
}

#one ul#nav_interne li a:hover, #two ul#nav_interne li a:hover, #three ul#nav_interne li a:hover, #four ul#nav_interne li a:hover{
	background: #555;
	-moz-box-shadow: 0 1px 3px #888;
	-webkit-box-shadow: 0 1px 3px #888;
	box-shadow: 0 1px 3px #888;
}


/* Fin section navigation *//* Fin section navigation *//* Fin section navigation */


	h1{
	  	margin-top: 0.25em; /* 4px / 16px */
	  	margin-bottom: 0.625em;
		font-size: 1.625em; /* 26px / 16px */
		font-weight: normal;
		line-height: 1em; /* 16px */
		text-align: center;
	}

	h2{
		margin: 0.375em 0 0.375em 0; /* 6px */
		font: normal 1.125em Cambria, Georgia, serif; /* 20px / 16px */
		letter-spacing: 0.05em; /* 0.8px */
		text-transform: uppercase;
		text-align: center;
	}
	#one h2, #three h2{
		color: #6D6D6D;
		text-shadow: 0 1px 0px #eee;}
	#two h2, #four h2{
		color: #666;
		text-shadow: 0 1px 0px #bbb;}
	
	p{
	display: block;
	float: left;
	width: 100%;
	}

/* partie texte */
#one .figure { 
		clear: both;
	    float: right;
	    max-width: 45%;
		margin: 0.8125em 0.5625em;
	    border-bottom: 1px solid #999;
	    padding-bottom: 0.5em;
	  }

#one .figure strong { 
	  	font-size: 0.8125em; /* 13px / 16px */
	  	font-weight: normal;
	  	text-align: center;
	  }
#one .figure img {
	  	margin: 0.1875em 0; /* 3px / 16px */
	  }

#one p{
	margin: 0.8125em 0.5625em; 
	display: block;
	float: left;
	width: 45%;
}

#one p:first-letter { 
	float: left;
	padding-top: 0; 
	padding-right: 0.1875em; 
	padding-left: 0.1875em; 
	font: normal 2em Cambria, Georgia, serif;
	line-height: 1em; 
}
/* FIN partie texte */
	
	
/* listes 'pour continuer la visite' */

#two ul{
	list-style-type: none;
}

#two ul:nth-child(4) {
	float: none;
	width: 50%;
	margin: 0 auto;
	margin-top: 1em;
	border: none;
}

#two ul:nth-child(n+5) {
	float: left;
	display: block;
	float: left;
	width: 46%;
	margin: 1em 0.5em;
    border-bottom: 1px solid #888;
}

#two a{
	text-decoration: none;
	color: #004080;
}
#two a:hover, #two a:active{
	text-decoration: underline;
	color: #004080;
}

#two h4{
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#two li{
	margin-bottom: 0.625em; /* 10px */
}
#two strong{
	color: #3B3B3B;
}
/* FIN listes 'pour continuer la visite' */

/* carte */
#three #legende{
	display: block;
	float: left;
	width: auto;
	font-size: 0.9375em; /* 15px / 16px */
	font-weight: normal;
	margin: 0 0.5em 0 0;
}
#three #legende2{
	display: block;
	float: left;
	width: 100%;
	font-size: 0.8125em;
	margin: 0.5em 0 0 0;
}
#three #curseur{
	display: block;
	float: left;
	margin-bottom: 0.5em;
}
#three img{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
/*test*/
#three #map{
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}
/*fin test*/
#three #map img{
	max-width: 100%;
	z-index: 5;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}


/* FIN carte */

/* listes 'restau et hebergement' */
#four ul{
	display: block;
	float: left;
	width: 45%;
	margin: 0.8125em 0.3125em 0.9375em 0.3125em;
	list-style-type: none;
    border-bottom: 1px solid #888;
}

#four ul:nth-child(n+5) {
	float: right;
}

#four a{
	text-decoration: none;
	color: #004080;
}

#four a:hover, #four a:active{
	text-decoration: underline;
	color: #004080;
}

#four h4{
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#four li{
	margin-bottom: 0.625em; /* 10px */
}
#four strong{
	color: #3B3B3B;
}
/* FIN listes 'restau et hebergement' */

/* PAGE credits */
#credits p{
float: none;
	margin-bottom: 0.5625em; /* 9px */
}
#credits ul{
	display: block;
	width: 100%;
	margin: 3em 0 3em 0;
	list-style-type: none;
    border-bottom: 1px solid #999;
    padding-bottom: 0.625em;
}

#credits a{
	text-decoration: none;
	color: #004080;
}
#credits a:hover, #credits a:active{
	text-decoration: underline;
	color: #004080;
}
#credits h2{
	margin: 0 0 1em 0;
}
#credits h3{
	margin: 0 0 0.5em 0;
	font-weight: bold;
	color: #333;
	font-size: 1.025em;
}

#credits h4{
	text-transform: uppercase;
	margin: 0.5em 0 -2em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#credits li{
	margin-bottom: 0.225em; /* 10px */
}
#credits strong{
	color: #3B3B3B;
}
/* FIN PAGE credits */
}/* FIN 400 et + */



/**************************************************************768 à 1024 */
/**************************************************************768 à 1024 */
/**************************************************************768 à 1024 */

@media screen and (min-width: 700px) { 

/**************************************homepage */

.blog-featured {
	margin: 0 auto;
	width: 550px;
}

.blog-featured .leading-0, .blog-featured .item{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
	
}

.blog-featured .leading-0 a, .blog-featured .item a{
	text-decoration: none;
	color: #434343;
	display: block;
	line-height: 25px;
	padding: 0.5em 0;
	font-size: 1em;
	text-shadow: 0 1px 0px #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */

}

.blog-featured .leading-0 a:hover, .blog-featured .item a:hover, .blog-featured .leading-0 a:active, .blog-featured .item a:active{
	text-shadow: 0 1px 0px #bbb;
	-moz-box-shadow: 0 1px 5px #666;
	-webkit-box-shadow: 0 1px 5px #666;
	box-shadow: 0 1px 5px #666;
}

.blog-featured h2{
	
}

/**************************************pages articles */
/* Global */
#one, #credits{ padding:0.875em 1em 2em 1em; }
#two, #three, #four{ padding:0.875em 1em 2em 1em; }
#two, #four{
	background: #aaa;
}
#one, #two, #three, #four{ overflow: hidden; /* Empèche le dépassement des flottants. */ }

.clearer{ display: block; clear: both; height: 1px; margin-bottom: -1px;}
.clear{ clear: both;}


/* header */
#header_inside{
	background: #434343;
	border-bottom: 1px solid #111;
	width: 100%;
	overflow: hidden;
}
#header_inside #logo{
	width: 100%;
	text-align: center;
}
#header_inside #logo img{
	margin: 0.3125em auto;
}
#header_inside #flag_uk{
	margin: 0.875em 15% 0 0;
	display: block;
	float: right;
}

#header_inside #flag_fr{
	margin: 0.875em 0 0 15%;
	display: block;
	float: left;
}
#header_inside .flag_active{
	height: 37px;
	background: url(../images/arrow.png) no-repeat bottom;
}
#header_inside .flag_active a{
	cursor: default;
}
/* FIN header */

/* footer */
#innerfooter{
	background: #434343;
	border-top: 1px solid #111;
	width: 100%;
	text-align: center;
	height: 35px;
}
#footer a{
		font-family: Helvetica, arial, sans-serif;
		font-size: 0.75em;
		text-decoration: none;
		color: #666;
		line-height: 2em;
}
#footer a:hover, #footer a:active{
		text-decoration: underline;
}
/* FIN footer */


/* section navigation *//* section navigation *//* section navigation */

#nav{
	width: 100%;
}

#one ul#nav_interne, #two ul#nav_interne, #three ul#nav_interne, #four ul#nav_interne{
	display: block;
	margin: 0 auto;
	width: 666px;
	float: none;
}

#one ul#nav_interne li, #two ul#nav_interne li, #three ul#nav_interne li, #four ul#nav_interne li{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 6px;
	width: 210px; /*31%;*/
	margin-bottom: 0.75em;
}

#one ul#nav_interne li a, #two ul#nav_interne li a, #three ul#nav_interne li a, #four ul#nav_interne li a{
	font: bold 13px calibri, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
	text-shadow: 0 1px 1px #333;
	text-align: center;
	line-height: 13px;
	padding: 7px 0;
	display: block;
	height: 25px;
	text-decoration: none;
	color: #fff;
	background: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
}

#one ul#nav_interne li a:hover, #two ul#nav_interne li a:hover, #three ul#nav_interne li a:hover, #four ul#nav_interne li a:hover{
	background: #555;
	-moz-box-shadow: 0 1px 3px #888;
	-webkit-box-shadow: 0 1px 3px #888;
	box-shadow: 0 1px 3px #888;
}
/* Fin section navigation *//* Fin section navigation *//* Fin section navigation */


	h1{
	  	margin-top: 0.5em; /* 4px / 16px */
	  	margin-bottom: 0.625em; /* 10px */
		font-size: 1.875em; /* 30px / 16px */
		font-weight: normal;
		line-height: 1em; /* 16px */
		text-align: center;
	}

	h2{
		margin: 0.375em 0 0.375em 0; /* 6px */
		font: normal 1.125em Cambria, Georgia, serif; /* 20px / 16px */
		letter-spacing: 0.05em; /* 0.8px */
		text-transform: uppercase;
		text-align: center;
	}
	#one h2, #three h2{
		color: #6D6D6D;
		text-shadow: 0 1px 0px #eee;}
	#two h2, #four h2{
		color: #666;
		text-shadow: 0 1px 0px #bbb;}
	
	p{
	display: block;
	float: left;
	width: 100%;
	}

/* partie texte */
#one .figure { 
		clear: none;
	    float: left;
	    max-width: 31%;
	    margin: 0.8125em 0.5em 1.25em 0.5em;  
	    border-bottom: 1px solid #999;
	    padding-bottom: 0.5em;
	  }

#one .figure strong { 
	  	font-size: 0.8125em; /* 13px / 16px */
	  	font-weight: normal;
	  	text-align: center;
	  }
#one .figure img {
	  	margin: 0.1875em 0; /* 3px / 16px */
	  }

#one p{
	float: left;
	margin: 0.8125em 0.5em 0.5625em 0.5em; 
	width: 30%;
	display: block;
}

#one p:first-letter { 
	float: left;
	padding-top: 0; 
	padding-right: 0.1875em; 
	padding-left: 0.1875em; 
	font: normal 2em Cambria, Georgia, serif;
	line-height: 1em; 
}

#one ul#nav_interne li{
	margin-bottom: 1em;
}
/* FIN partie texte */
	
	
/* listes 'pour continuer la visite' */

#two ul{
	list-style-type: none;
}

#two ul:nth-child(4) {
	float: none;
	width: 32%;
	margin: 0 auto;
	margin-top: 1em;
	border: none;
}

#two ul:nth-child(n+5) {
	float: left;
	display: block;
	float: left;
	width: 31%;
	margin: 1em 0.5em;
    border-bottom: 1px solid #888;
}

#two a{
	text-decoration: none;
	color: #004080;
}
#two a:hover, #two a:active{
	text-decoration: underline;
	color: #004080;
}

#two h4{
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#two li{
	margin-bottom: 0.625em; /* 10px */
}
#two strong{
	color: #3B3B3B;
}
/* FIN listes 'pour continuer la visite' */

/* carte */
#three #legende{
	display: block;
	float: left;
	width: auto;
	font-size: 0.9375em; /* 15px */
	font-weight: normal;
	margin: 0 0.5em 0 0;
}
#three #curseur{
	display: block;
	float: left;
	margin-bottom: 0.5em;
}
#three img{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
#three #map{
	height: 400px;
	overflow-y:scroll;
}
#three #map img{
	max-width: 100%;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
#three #legende2{
	display: block;
	float: left;
	width: 100%;
	font-size: 0.8125em;
	margin: 0.5em 0 0 0;
}

/* FIN carte */

/* listes 'restau et hebergement' */
#four ul{
	display: block;
	float: left;
	width: 45%;
	margin: 0.9375em 1em;
	list-style-type: none;
    border-bottom: 1px solid #888;
}

#four ul:nth-child(n+5) {
	float: right;
}

#four a{
	text-decoration: none;
	color: #004080;
}

#four a:hover, #four a:active{
	text-decoration: underline;
	color: #004080;
}

#four h4{
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#four li{
	margin-bottom: 0.625em; /* 10px */
}
#four strong{
	color: #3B3B3B;
}
/* FIN listes 'restau et hebergement' */

/* PAGE credits */
#credits{
		margin: 0 10%;
}
#credits p{
float: none;
	margin-bottom: 0.5625em; /* 9px */
}
#credits ul{
	display: block;
	width: 100%;
	margin: 3em 0 3em 0;
	list-style-type: none;
    border-bottom: 1px solid #999;
    padding-bottom: 0.625em;
}

#credits a{
	text-decoration: none;
	color: #004080;
}
#credits a:hover, #credits a:active{
	text-decoration: underline;
	color: #004080;
}
#credits h2{
	margin: 0 0 1em 0;
}
#credits h3{
	margin: 0 0 0.5em 0;
	font-weight: bold;
	color: #333;
	font-size: 1.025em;
}

#credits h4{
	text-transform: uppercase;
	margin: 0.5em 0 -2em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#credits li{
	margin-bottom: 0.225em; /* 10px */
}
#credits strong{
	color: #3B3B3B;
}
/* FIN PAGE credits */
}/* FIN 768 à 1024 */



/**************************************************************1024 and up*/
/**************************************************************1024 */
/**************************************************************1024 */

@media screen and (min-width: 900px) { 

/**************************************homepage */
.blog-featured {
	margin: 0 auto;
	width: 750px;
}

/**************************************pages articles */
/* Global */
#one, #credits{ padding:0.875em 1em 2em 1em; }
#two, #three, #four{ padding:0.875em 1em 2em 1em; }
#two, #four{
	background: #aaa;
}
#one, #two, #three, #four{ overflow: hidden; /* Empèche le dépassement des flottants. */ }

.clearer{ display: block; clear: both; height: 1px; margin-bottom: -1px;}
.clear{ clear: both;}


/* header */
#header_inside{
	background: #434343;
	border-bottom: 1px solid #111;
	width: 100%;
	overflow: hidden;
}
#header_inside #logo{
	width: 100%;
	text-align: center;
}
#header_inside #logo img{
	margin: 0.3125em auto;
}
#header_inside #flag_uk{
	margin: 0.875em 15% 0 0;
	display: block;
	float: right;
}

#header_inside #flag_fr{
	margin: 0.875em 0 0 15%;
	display: block;
	float: left;
}
#header_inside .flag_active{
	height: 37px;
	background: url(../images/arrow.png) no-repeat bottom;
}
#header_inside .flag_active a{
	cursor: default;
}
/* FIN header */

/* footer */
#innerfooter{
	background: #434343;
	border-top: 1px solid #111;
	width: 100%;
	text-align: center;
	height: 35px;
}
#footer a{
		font-family: Helvetica, arial, sans-serif;
		font-size: 0.75em;
		text-decoration: none;
		color: #666;
		line-height: 2em;
}
#footer a:hover, #footer a:active{
		text-decoration: underline;
}
/* FIN footer */


/* section navigation *//* section navigation *//* section navigation */

#nav{
	width: 100%;
}

#one ul#nav_interne, #two ul#nav_interne, #three ul#nav_interne, #four ul#nav_interne{
	display: block;
	margin: 0 auto;
	border: 0;/* pour les parties 2 et 4 */
	width: 666px;
	float: none;
}

#one ul#nav_interne li, #two ul#nav_interne li, #three ul#nav_interne li, #four ul#nav_interne li{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 6px;
	width: 210px;
	margin-bottom: 0.75em;
}

#one ul#nav_interne li a, #two ul#nav_interne li a, #three ul#nav_interne li a, #four ul#nav_interne li a{
	font: bold 13px calibri, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
	text-shadow: 0 1px 1px #333;
	text-align: center;
	line-height: 13px;
	padding: 7px 0;
	display: block;
	height: 25px;
	text-decoration: none;
	color: #fff;
	background: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
}

#one ul#nav_interne li a:hover, #two ul#nav_interne li a:hover, #three ul#nav_interne li a:hover, #four ul#nav_interne li a:hover{
	background: #555;
	-moz-box-shadow: 0 1px 3px #888;
	-webkit-box-shadow: 0 1px 3px #888;
	box-shadow: 0 1px 3px #888;
}
/* Fin section navigation *//* Fin section navigation *//* Fin section navigation */


	h1{
	  	margin-top: 0.25em; /* 4px / 16px */
	  	margin-bottom: 0.5em;
		font-size: 1.875em; /* 30px / 16px */
		font-weight: normal;
		line-height: 1em; /* 16px */
		text-align: center;
	}

	h2{
		margin: 0.375em 0 0.375em 0; /* 6px */
		font: normal 1.125em Cambria, Georgia, serif; /* 20px / 16px */
		letter-spacing: 0.05em; /* 0.8px */
		text-transform: uppercase;
		text-align: center;
	}
	#one h2, #three h2{
		color: #6D6D6D;
		text-shadow: 0 1px 0px #eee;}
	#two h2, #four h2{
		color: #666;
		text-shadow: 0 1px 0px #bbb;}
	
	p{
	display: block;
	float: left;
	width: 100%;
	}

/* partie texte */
#one .figure { 
	    float: left;
	    max-width: 31%;
	    margin: 0.8125em 0.5em 1.25em 0.5em;  
	    border-bottom: 1px solid #999;
	    padding-bottom: 0.5em;
	  }

#one .figure strong { 
	  	font-size: 0.8125em; /* 13px / 16px */
	  	font-weight: normal;
	  	text-align: center;
	  }
#one .figure img {
	  	margin: 0.1875em 0; /* 3px / 16px */
	  }

#one p{
	float: left;
	margin: 0.8125em 0.5em 0.5625em 0.5em; 
	width: 31%;
	display: block;
}

#one p:first-letter { 
	float: left;
	padding-top: 0; 
	padding-right: 0.1875em; 
	padding-left: 0.1875em; 
	font: normal 2em Cambria, Georgia, serif;
	line-height: 1em; 
}

#one ul#nav_interne li{
	margin-bottom: 1em;
}
/* FIN partie texte */
	
	
/* listes 'pour continuer la visite' */

#two ul{
	list-style-type: none;
}

#two ul:nth-child(4) {
	float: none;
	width: 32%;
	margin: 0 auto;
	margin-top: 1em;
	border: none;
}

#two ul:nth-child(n+5) {
	float: left;
	display: block;
	float: left;
	width: 31%;
	margin: 1em 0.5em;
    border-bottom: 1px solid #888;
}

#two a{
	text-decoration: none;
	color: #004080;
}
#two a:hover, #two a:active{
	text-decoration: underline;
	color: #004080;
}

#two h4{
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#two li{
	margin-bottom: 0.625em; /* 10px */
}
#two strong{
	color: #3B3B3B;
}
/* FIN listes 'pour continuer la visite' */

/* carte */
#three #legende{
	display: block;
	float: left;
	width: auto;
	font-size: 0.9375em; /* 15px */
	font-weight: normal;
	margin: 0 0.5em 0 0;
}
#three #curseur{
	display: block;
	float: left;
	margin-bottom: 0.5em;
}
#three img{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#three #map{
	height: 400px;
	overflow-y:scroll;
}
#three #map img{
	max-width: 100%;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
#three #legende2{
	display: block;
	float: left;
	width: 100%;
	font-size: 0.8125em;
	margin: 0.5em 0 0 0;
}

/* FIN carte */

/* listes 'restau et hebergement' */
#four ul{
	display: block;
	float: left;
	width: 45%;
	margin: 0.9375em 1em;
	list-style-type: none;
    border-bottom: 1px solid #888;
}

#four ul:nth-child(n+5) {
	float: right;
}

#four a{
	text-decoration: none;
	color: #004080;
}

#four a:hover, #four a:active{
	text-decoration: underline;
	color: #004080;
}

#four h4{
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#four li{
	margin-bottom: 0.625em; /* 10px */
}
#four strong{
	color: #3B3B3B;
}
/* FIN listes 'restau et hebergement' */

/* PAGE credits */
#credits{
		margin: 0 15%;
}
#credits p{
float: none;
	margin-bottom: 0.5625em; /* 9px */
}
#credits ul{
	display: block;
	width: 100%;
	margin: 3em 0 3em 0;
	list-style-type: none;
    border-bottom: 1px solid #999;
    padding-bottom: 0.625em;
}

#credits a{
	text-decoration: none;
	color: #004080;
}
#credits a:hover, #credits a:active{
	text-decoration: underline;
	color: #004080;
}
#credits h2{
	margin: 0 0 1em 0;
}
#credits h3{
	margin: 0 0 0.5em 0;
	font-weight: bold;
	color: #333;
	font-size: 1.025em;
}

#credits h4{
	text-transform: uppercase;
	margin: 0.5em 0 -2em 0;
	font-weight: normal;
	text-align: center;
	color: #555;
	font-size: 1em;
}

#credits li{
	margin-bottom: 0.225em; /* 10px */
}
#credits strong{
	color: #3B3B3B;
}
/* FIN PAGE credits */
}/* FIN 1024 and up */