body{

	font-family: 'Antic', sans-serif;
	color:#fff;
	width:100%;
		background-color:#FFF;

}

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

	background-size: 100%;
position: absolute;
top: 0px;
font-family: 'Antic', sans-serif;
left:0px;
height:1300px;
font-size:16px;
padding:15px;

}
#top_acc table {

font-size:28px;
height:140px;
padding-top: 120px;
padding-bottom: 0px;
font-family: 'Antic', sans-serif;
margin-left: 15%;
margin-right: 15%;
width:70%;



}

#top_acc .acteur{

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

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

.biarritz{
font-size:18px;
padding-left: 5px;
line-height:1px !important;
}

#top {
width:100%;

background-image:url(../Images/rideau_rouge.jpg);
	background-repeat: no-repeat;
font-family: 'Antic', sans-serif;
	background-size: 100%;
position: absolute;
top: 0px;
left:0px;
height:1200px;
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: 20;
		}

	#bandeau a, a:visited{

		color:#fff;
		font-size: 20px;
		}
	#bandeau table {

		font-size: 20px;
		position:absolute;
		right:10%;
		vertical-align: middle;

		width:auto;
		height: 40px;


		}

		#bandeau table a:focus, a:active{

		color:white;
		font-size:20px;
		height:40px;
		padding:0;
		margin:0;
		left:0;

		}

		#presentation {

		position:absolute;
		top:320px !important;
		font-family: 'Antic', sans-serif;
		left:0px;
		left:22%;
		right:20%;
		background-color: rgba(255,255,255,0.9);
		font-size:19px;
		padding:4px;
		width:58%;
		color:black;


		}

			#contenu_acc {
		font-family: 'Antic', sans-serif;
		position:absolute;
		top:610px;
		left:0px;
		left:21%;
		right:19%;
		background-color: #E5E5E5;
		font-size:21px;
		padding:10px;
		width:60%;
		color:black;
		z-index:5;
		}
		#contenu_acc table{

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


		}

		#contenu_acc table img{

		font-size:21px;
		max-width: 500px;
		border:3px solid black;

		}

		#contenu_acc table td{
		vertical-align: top;


		}
			#contenu {

				position:absolute;
		top:230px;
		left:0px;
		left:21%;
		right:19%;
		background-color: white;
		font-size:18px;
		padding:10px;
		width:60%;
		color:black;
		z-index:15;
		font-family: 'Antic', sans-serif;
		}

		.bagardie {

			text-align:center;
			 font-weight:bold;
			font-family: 'Antic', sans-serif;

		}

	.titre_news {


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

	}
	.titre_news a, a:visited{

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

	}

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

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

	}

#footer {

		height:75px;
		width:100%;
		position: absolute;
		left: 0px;
		right:0px;
		font-family: 'Antic', sans-serif;
		font-size:19px;
		color:#fff;
		text-align:center;
		border-top:1px solid black;

		background-color: #871011;

		}

		#footer a {

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

		}
		#footer a:hover {

		text-decoration: underline;

		}
.clear{ clear:both }

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

}

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

}
.link a:hover, a:focus{

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

a, a:active, a:focus, a:visited{
		font-size:18px !important;
		color:black !important;
}
/****************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:35px;
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 {


height:75px !important;

}
#menuHaut table {

position: absolute;
top:40px;
height:85px;
padding-left: 3%;
background-color: white;
left:0;
width:25%;
font-size:18px;
color:#871011;
font-family: 'Sonsie One', cursive;
z-index:20;

}

#menuHaut table a:focus, a:active{

font-size:18px !important;
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 {
	font-family: 'Antic', sans-serif;
	font-size:18px;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top:40px;
	background-color: white;
	height:85px;
	width:75%;
	left:25%;
	right:0px;
	z-index:20;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	font-family: 'Antic', sans-serif;
	font-size:16px;
	float: left;
width:12%;

}

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

	height: 85px;
	text-decoration: none;

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

/*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: transparent;
	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;
}