@media all and (min-width: 800px) and (max-width: 1280px) {

	body{
font-family: 'Dosis', sans-serif;
	color:#fff;
	width:100%;
	height:100%;
	background-color:#fff;

}
#top_acc {
width:96%;
background-image:url(../Images/rideau_rouge.jpg);
	background-repeat: no-repeat;
	background-size: 120%;

	background-position: 50% 0%;
position: absolute;
top: 0px;
font-family: 'Dosis', sans-serif;
left:0px;
height:1000px;
font-size:16px;
padding:15px;

}
#top_acc table {

font-size:26px;
height:200px;
padding-top: 120px;
width: 84%;
margin-left: 10%;
margin-right: 10%;
z-index:25;



}

#top_acc .acteur{

font-size:24px;
font-family: 'Sonsie One', sans-serif;
 background-color: #E5E5E5;
 color: black;
 text-align: center;
}

.rr{
font-size:30px;
padding-left: 5px;
}

.biarritz{
font-size:18px;
padding-left: 5px;
}

#top {
width:100%;
background-color: rgba(100, 100, 100, 0.3);
background-image:url(../Images/rideau_rouge.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #FFF;
	background-position: 50% 0%;
position: absolute;
top: 0px;
left:0px;
height:100%;
z-index:10;

}


#bandeau {


		position:absolute;
		color:#fff;
		top:0px;
		left:0px;
		height:40px;
		width:100%;
		background-color: rgba(0,0,0,0.7);

		z-index: 25;
		}

	#bandeau table {

		font-size: 22px;
		position:absolute;
		right:5%;
		vertical-align: middle;


		}

		#bandeau img a {

	background-color:transparent;
		}

		#bandeau a, a:hover{

		color:white;
		font-size:22px;

		}

		#presentation {

		position:absolute;
		top:298px;
		width: 80%;
		left: 11%;
		right: 9%;
		background-color: rgba(255,255,255,0.9);
		font-size:18px;
		color:black;
		padding:3px;

		}

			#contenu_acc {

		position:absolute;
		top:660px;
		left:0px;

		background-color:#fff;
		font-size:19px;
		padding:5px;
		width:100%;
		color:black;
		z-index:5;
		}
		#contenu_acc table{

		font-size:18px;
		width:100%;


		}

		#contenu_acc table img{

		font-size:21px;
		max-width: 450px;
		border:3px solid black;
		float: left;

		}



		#contenu_acc table td{
		vertical-align: top;


		}
			#contenu {

		position:absolute;
		top:170px;
		left:0px;
		left:10%;
		right:10%;
		font-size:18px;
		width:80%;
		z-index:15;
		color:black;
			background-color: white;
		}

		.bagardie {

			text-align:center; font-weight:bold;

		}

#footer {

		height:90px;
		width:100%;
		position: absolute;
		left: 0px;
		right:0px;
		font-size:18px;
		color:#fff;
		text-align:center;
		border-top:1px solid black;

		background-color: #871011;



		}
		#footer a {

		color:#fff;
		font-size:18px;

		}
		#footer a:hover {

		text-decoration: underline;

		}
.clear{ clear:both }


	.titre_news {


		font-size:22px;
	color:#871011;
	font-weight: bold;

	}
	.titre_news a, a:visited{

		text-decoration: none;
		font-size:22px;
	color:#871011;
		font-weight: bold;

	}

		.titre_news a:hover, a:focus, a:active{

		text-decoration: none;
		font-size:22px;
	color:#871011;
		font-weight: bold;
		background: none;
		padding:0;

	}

.link {
	color:#0000CD;
	text-decoration:underline;
	font-size: 18px;

}

.link a, a:visited{
	color:#0000CD;
	text-decoration:underline;
	font-size: 18px;

}
.link a:hover, a:focus{

text-decoration:underline;
color:#0000CD;
font-size:18px;
}


/****************formulaires**************/




	select, option{

	font-size:18px;
	height:35px;
	padding-right:10px;
		font-family: 'Oxygen', sans-serif;
	}

	textarea{

	width:500px;
	font-size: 18px;
	}

	input[type="submit"], input[type="button"]	{

	width:200px;
	font-size:18px;

	border-radius: 22px / 20px;
	-webkit-border-radius: 22px / 20px;
	-moz-border-radius: 22px / 20px;
	}

	input[type="reset"], input[type="button"]	{


	width:200px;
	font-size:18px;

	border-radius: 22px / 20px;
	-webkit-border-radius: 22px / 20px;
	-moz-border-radius: 22px / 20px;
	}
	input[type="text"] {
	width:250px;
	height:26px;

	font-size: 18px;
	}

		input[type="email"] {
	width:250px;
	height:26px;

	font-size: 18px;
	}

	input:invalid {
  border-color: 2px solid red;
}

input:valid {
   border: 2px solid green;
}




a[title] {

text-decoration: none;}

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position:relative;
  left: -110%;
  top: -422%;
  z-index: 20;
  font-size:26px;
  text-decoration:none;
  white-space: nowrap;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

h3{
font-size:25px;
font-family: 'Antic', sans-serif;
text-align: left;
line-height:1px;
color: #871011;
text-decoration: none;
font-weight: bold;
}



.date {
font-weight:bold;
font-size:20px;
color:#871011;
vertical-align: top;
white-space: nowrap;
}


/*menuhaut*/
/*******************************/


/* titre du logo */


#menuHaut .logo img {

float:left;
height:70px;

}
#menuHaut table {

position: absolute;
top:40px;
height:85px;

background-color: white;
left:-3%;
width:25%;
font-size:15px;
color:#871011;
font-family: 'Sonsie One', cursive;

}
#menuHaut table a:focus, a:active{

font-size:15px;
padding-right:0;
font-weight:normal

}

#menuHaut .logo a:hover, a:active, a:focus {
	background-color:transparent;
	color:#871011;
	padding:0;
}
/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top:40px;
	background-color: white;
	height:85px;
	width:79%;
	left:21%;
	right:0px;
	z-index:20;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	text-align: center;
width:12%;
font-size:16px;

}

/*Style for menu links*/
li a, a:visited {
	display:block;
	min-width:100px;
	height: 85px;
	text-align: center;
	color: #000;
	background: #FFF;
	text-decoration: none;
font-size:16px;

}

li a:focus, a:hover{

	height: 85px;
	text-decoration: none;
	font-size:16px;
}
/*Hover state for top level links*/
li:hover a {
	background: #871011;
	color: white;
	text-decoration: none;
	font-weight: normal;
		font-size:16px;
}

/*Style for dropdown links*/
li:hover ul a {
	background-color: #000;
	color: white;
	height: 40px;
	line-height:40px;
	z-index:555555 !important;
	position: relative;
	width:100%;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #E5E5E5;
	color: #000;


}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	background-color: #000;

}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
	width: 100%;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 1px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {

	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

}