html{
     height: calc(100% -20px);
	height: -o-calc(100% -20px); /* opera */
height: -webkit-calc(100% -20px); /* google, safari */
height: -moz-calc(100% - 20px); /* firefox */
}
img, object, embed, canvas, video, audio, picture {
       max-width: 100%;
       height: auto;
} 
*{text-align:left;}
.header
{
   
position:relative;
    width:100%;
padding-bottom:20px;
	
	padding:0;
	margin:0;
}

.header2
{
  height:30%;
    width:100%;
    background:#fff;
	position:relative;
	
		background-color:#FFF;
	
		z-index:1000;
	  border-top:1px #ccc solid;
	
	
	
}



.header2 > .clearr {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}
img{border:0;}

body
{

   position:absolute;
   padding-top:-100px;
	margin:0px;
    padding: 0px;
  height: 100%; /* firefox */
    width:100%;
	background-color:#090;
}
 
blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 60%;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#fff;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}

*{
    margin: 0px auto;
}
#menu{background-color:#fff; width:1024px; margin-left:auto; margin-right:auto; height:100%; position:relative;}
#id1{float:left; background-color:#fff; width:27.5%;  position:relative; }

#id2{float:left; background-color:#fff; width:15%;}

#id3{float:left; background-color:#fff; width:27.5%; }

#id4{float:left; background-color:#fff; width:15%;position:relative;  }

#id5{float:left; background-color:#fff; width:15%; }
.clear{clear:none;}
#logo{margin-top:20px; margin-left:-0px; }


#menu ul {
	position:absolute;
	padding:0;
	margin:0;
	list-style-type:none;
	left: 325px;
	top: 67px; 
	z-index:1000; 
	
 }
#menu li {
 margin-left:2px;
 float:left; /*pour IE*/
 padding-bottom:10px;
 }
#menu ul li a {
 display:block;
 float:left;   
 width:auto;
margin-right:8px;
margin-left:8px;
 color:#333;
 text-decoration:none;
 text-align:center;
 padding:5px;
 font-size:16px;
 background-image: url('http://www.asbury.fr/milandes/images/sep.jpg');
    background-repeat: no-repeat;
font-family: 'Gentium Basic', serif;
    background-position: right ; 
padding-right:35px;


 }
 #menu ul li a:last-child {
 display:block;
 float:left;   
 width:auto;
margin-right:8px;
margin-left:8px;
 color:#333;
 text-decoration:none;
 text-align:center;
 padding:5px;
 font-size:16px;
background-image:none;
padding-right:35px;

 }
 
 
#menu li.menu-item-445{background-image:none;}
#menu li.menu-item-445>a{background-image:none;}
#menu li ul /* Sous-listes */ {
	top:33px; background:#fff;
	
	border:1px #CCC solid;
	position: absolute; /* Position absolue */
	width: 300px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
	
	z-index:10;
}
#menu li ul li /* Eléments de sous-listes */ {
	/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
  display:block;
	width: 360px; /* Largeur des sous-listes */
	height:30px;
	z-index:10;
	text-align:center;
	border-top:1px #ddd dotted;
}

#menu li ul li  a/* Eléments de sous-listes */ {background-image:none; margin-top:5px; margin-bottom:5px;}

#menu li ul li  a:hover/* Eléments de sous-listes */ {color: #2b5a78;}

#menu li a:hover /* Lorsque la souris passe sur un des liens */ {
	color: #2b5a78; /* On passe le texte en noir... */
	
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ {
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ {
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

ul li a:hover {

 } 
 #footer{ height:30px; background-color:#888; width:100%; margin-top:-12px; z-index:1000000; position:relative;}
a{text-decoration:none;}
#id4{background-color:#FFF;}

#id1 h2{text-align:right;  margin-right:15px; font-family: 'Gentium Basic', serif; }
#id1 p{text-align:right;  margin-right:15px; margin-bottom:22px; }
#id3 h2{text-align:right;  margin-right:15px;  font-family: 'Gentium Basic', serif;}
#id3 p{text-align:right;  margin-right:15px; margin-bottom:22px; }
h2{color:#777; margin-top:5px; font-size:17px;  font-family: 'Gentium Basic', serif;}
p{color:#777; margin-bottom:15px; font-size:12px; }

#id2 h2{text-align:center;  font-family: 'Gentium Basic', serif;}
#id2 p{text-align:center;}
#id5 h2{text-align:center;  font-family: 'Gentium Basic', serif;}
#id5 p{text-align:center;}
#id4 ul{ height:100%; margin:0; padding:0;}
#id4 li{width:100%; height:20%; border-bottom:2px #666 dotted; list-style:none; vertical-align:middle; text-align:center;  margin: 0;
  padding: 0;
  list-style: none; }
h1{font-family: 'Gentium Basic', serif; font-size:48px; font-weight:400; color:#2b5a78;margin-bottom:-4px;}
h3{font-family: 'Gentium Basic', serif; font-size:35px; font-weight:400; color:#b0006f; margin-bottom:15px;}

#id4 ul li a{
display:block;
  vertical-align:middle;
width:100%;
padding-top:15px; padding-bottom:15px;
font-weight:bold;
 color:#777;
 text-decoration:none;
 text-align:center;

 font-size:16px;

 }
 
#pages_simple{max-width:100%;  width:100%; margin-left:auto; margin-right:auto;  background-color: rgba(255, 255, 255, 0.9); min-height:400px; padding-bottom:30px; position:relative;  text-align:left;  }
#contenu{width:80%; margin-left:auto; margin-right:auto; padding:30px;}
#pages_simple h1 img{width:50%; text-align:left; left:0; position:relative; text-align:left; margin-bottom:20px;}
#pages_home{width:100%; margin-left:auto; margin-right:auto; padding:30px;   padding-bottom:60px;}
#pages_simple p{font-size:16px; line-height:20px;  text-align:left;  }
#contenu p{font-size:16px; line-height:20px;}
#contenu em{font-size:13px; line-height:18px;}
 #reseau{position:absolute; right:0; top:52px; }
 
#josephine1{float:left; width:144px;  margin-right:17px; padding:3px; background-color:#eae0e6; border:1px #CCC solid; text-align:center;}
#josephine2{float:left; width:144px;  margin-right:17px;  padding:3px; background-color:#eae0e6; border:1px #CCC solid;}
#josephine3{float:left; width:144px;  margin-right:17px;  padding:3px; background-color:#eae0e6; border:1px #CCC solid;}
#josephine4{float:left; width:144px;  margin-right:17px;  padding:3px; background-color:#eae0e6; border:1px #CCC solid;}
#josephine5{float:left; width:144px;  margin-right:17px;  padding:3px; background-color:#eae0e6; border:1px #CCC solid;}
#josephine6{float:left; width:144px;    padding:3px; background-color:#eae0e6; border:1px #CCC solid;}
h4{font-size:12px; text-align:center; margin-bottom:5px; color:#333; font-weight:400; text-transform:uppercase; height:50px;}

 #clearr {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}

.header3
{


    width:100%;
    border-top:1px #ccc solid;
	position:relative;
	
	background-color:#FFF;
	
		z-index:1000;
	
	
}

.header3 > .clearr {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}

#trip{position:absolute; right:12px; top:15px;}

 @media (max-width: 1000px) {
	.header2
{


    width:100%;
    border-top:1px #ccc solid;
	position:relative;
	
	background-color:#FFF;
	
		z-index:1000;
	
	
}
	#menu{background-color:#fff; width:100%; margin-left:auto; margin-right:auto; height:100%; position:relative;}
	#menu ul {
	position:absolute;
	padding:0;
	margin:0;
	list-style-type:none;
	left: 280px;
	top: 67px;
 }
.clear{clear:both;}

#id1{float:left; background-color:#fff; width:70%; height:100%; min-height:350px;}

#id2{float:left; background-color:#fff; width:30%; height:100%;  }

#id3{float:left; background-color:#fff; width:100%; height:100%;}
#id3 h2{text-align:left;  margin-left:15px; }
#id3 p{text-align:left;  margin-left:15px;}

#id4{float:left; background-color:#fff; width:50%; height:100%; mi}

#id5{float:left; background-color:#fff; width:50%; height:100%;}
#reseau{position:absolute; right:0; top:5px;}
#trip{position:absolute; right:10px; top:55px;}
}



#content {
	margin: 0 auto;
	width:100%;
}

.blueberry { width:100%; }

-->
#affichage {font-size:16px; color:#000; padding:10px; color:#FFF;}



 @media (max-width: 800px) {
	#agenda{display:none;} 
	.header2
{


    width:100%;
    border-top:1px #ccc solid;
	position:relative;
	
	background-color:#FFF;
	
		z-index:1000;
	
	
}

#menu ul {
	position:absolute;
	padding:0;
	margin:0;
	list-style-type:none;
	left: 266px;
	top: 40px;
 }
 
 #reseau{position:absolute; right:100px; top:5px;}
#trip{position:absolute; right:10px; top:10px;}
 }
 
 .tabtitle{font-size:15px; color:#b0006f;}
 #chateau{float:left; width:auto;}
 
 
 
 #pied{width:100%; position:fixed; bottom:0; height:20px; background-color:#FFF;}
 #lien_pied{ position:absolute; right:50px; }
 #lien_pied a{font-size:12px; color:#333; text-decoration:none; margin-right:40px;}
 
 #actu h3 {color:#FFF; border-bottom:1px #FFF dotted; padding-bottom:15px; font-size:28px;}
 #actu h4 {color:#FFF;  padding-bottom:0; margin-bottom:0; text-align:left; text-transform:uppercase; padding:0; margin:0; font-size:16px;}
 #actu p{color:#FFF; margin-top:0; padding-top:0; margin-top:-30px; font-size:13px;}
 
 #actu a{color:#FFF; margin-top:10px; text-decoration:underline;}
 #actu1 {margin-top:30px;}
 .alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.fwb_fromthis{display:none;}