﻿body {
	margin : 0;
	padding : 0;
	background-image: url('images/Entete_Blanc_02.jpg');
}
#banner {
	height : 200px;
	margin: 0 0px 0 auto;
	padding : 0;
	background : #f7f7f7 url(images/image00.jpg) no-repeat;
}
#banner h1 {
margin : 0;
padding : 25px;
text-align: left;
background : transparent;
color : #fff;
}
#navlist {
padding : 4px 5px 4px 0;
margin : 0 0 20px 0;
text-align : center;
color : #fff;
background : #7ABA2E;
font-family:"Copperplate Gothic Light";
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 5px 0.75em;
margin : 0;
color : #fff;
background : #7ABA2E;
text-decoration : none;
}
#navlist li a:link {
color : #fff;
background :#7ABA2E;
}
#navlist li a:hover {
color : #ffffff;
background-color:#BA3F2F;
}
#navlist li a#current {
color : #fff;
background : #BA3F2F;
}
#content {
	padding-left : 5px;
	margin: 0 0px 0 350px;
}
#content p {
padding : 10px;
font-family:"Copperplate Gothic Light";
font-size:small;
}
#side-personnage {
	float : left;
	width: 100%;
	margin-left : 15px;
	padding : 0 5px 0 10px;
	font-family: "Copperplate Gothic Light";
	font-size: small;
}
#footer {
	clear : both;
	padding : 0;
	color: #FFFFFF;
	background-image: url('images/footer.jpg');
	font-size: medium;
	background-repeat: repeat-y;
	vertical-align: middle;
}
a {
	color:#FFFFFF
}
.link{
	color: #0000FF;
	text-decoration: underline;
}
h1 {
margin : 20px;
padding : 5px;
font-size : 35px;
text-align: center;
color : #008000;
background-color:transparent;
font-family:"Copperplate Gothic Bold";
}
h2 {
	margin : 0;
	padding : 0;
	font-size: 170%;
	text-transform : none;
	letter-spacing: 2px;
	color : #4f832b;
	background : inherit;
	font-family: "Copperplate Gothic Bold";
	text-align: justify;
}
h3 {
padding : 5px;
font-size : 110%;
color : #fff;
background : #eee;
font-family:"Copperplate Gothic Bold";
}
h4 {
padding : 5px;
font-size : 110%;
color : #fff;
background : #f17c0b;
font-family:"Copperplate Gothic Bold";
}
.colonne_gauche {
	float: left;
	text-align: justify;
}
.colonne_droite {
	width: 60%;
	text-align: right;
}

.colonne_centrer {
	margin: 0 3%;
	font-family: "Copperplate Gothic Bold";
	font-size: medium;
	color: #008000;
	text-align: center;
	font-weight: normal;
}
.entete_menu {
	background-color: #7ABA2E;
	overflow: auto;
	text-align: center;
	font-size: medium;
	font-family: "Copperplate Gothic Bold";
	display: inline;
}
.images_partenaire {
	border-style: none;
	vertical-align: middle;
	border-width: 0;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
}
input{
	font-family:"Copperplate Gothic Bold";
	font-size:medium;
	background-image:url('images/input.jpg');
	color:#FFFFFF;
}
.input_droit{
	margin-left: 15px;
	background-image: url('images/footer.jpg');
}
p.facebook{
	font-family: "Copperplate Gothic Light";
	vertical-align: bottom;
	bottom: 10px;
	clip: rect(auto, auto, 10px, auto);
}
.select{
	color: #FFFFFF;
	font-family: "Copperplate Gothic Bold";
	font-size: medium;
	background-color: #008000;
}
p.consigne{
	font-family: MrsEavesRoman;
	font-size: 16px;
}
p{
	font-family: "Copperplate Gothic Bold";
	font-weight:bold;
	}
p.partenaire{
	font-family: "Copperplate Gothic Bold";
	font-weight: bold;
	font-size: 60px
}
.programmation {
	width: 70%;
	font-family: "Copperplate Gothic Light";
	font-size: 90%;
	text-align: left;
	margin-left: 5%;
}
.Copieimages_partenaire {
	border-style: none;
	vertical-align: middle;
	border-width: 0;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 15px;
}

