* { margin:0; padding:0; border:0}

body {
	background-color:#C5A485;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	font-size:28px;
	font-weight:normal;
	float:right;
	margin:100px 14px 0 0;
}
h1.accueil {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#E1E4C5;
	float:left;
	text-decoration:none;
	margin:0;
	margin-bottom:10px;
}

#titre {
	float:right;
	margin:21px 14px 0 0;
	text-align:center;
}
#titre h1 {
	float:none;
	margin:0 0 8px 0;
}
#titre h2 {
	float:none;
	margin:0 0 8px 0;
}
h2 {
	font-size:27px;
	font-weight:normal;
}
h3 {
	font-weight:normal;
	font-size:21px;
}
p.part {
	margin-bottom:14px;
}
img.part {
	display:block;
	float:left;
	margin-right:14px;
	margin-bottom:14px;
	margin-top:8px;
	border:#E1E4C5 1px solid;
}
p {
	font-size:19px;
	color:#E1E4C5;
}

.spacer {
	clear:both;
	height:1px;
}
#conteneur {
	background:url(../images/background.jpg) repeat-y;
	width:900px;
	margin:0 auto;
	text-align: left;
}

/* MENU + LOGO */

#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	margin-left:10px;
	float:left;
}
#menu li {
	list-style-type:none;
	float:left;
}
#menu li a {
	display:block;
	height:31px;
	padding-top:5px;
	padding-left:6px;
	text-decoration:none;
	color:#0B1B18;
}
#menu li a:hover {
	color:#E1E4C5;
}
#menu li.accueil a {
	width:86px;
	background:url(../images/bg_accueil3.jpg) no-repeat;
}
#menu li.services a {
	width:138px;
	background:url(../images/bg_services3.jpg) no-repeat;
}
#menu li.contact a {
	width:233px;
	background:url(../images/bg_contact3.jpg) no-repeat;
}
#menu li.partenaires a {
	width:120px;
	background:url(../images/bg_partenaires3.jpg) no-repeat;
}
#menu li.compte a {
	width:130px;
	background:url(../images/bg_compte3.jpg) no-repeat;
}
#menu li.compte a:hover { 
	background-position:0 -36px;
}
#menu li.accueil a:hover, #menu li.services a:hover, #menu li.contact a:hover, #menu li.partenaires a:hover, #menu li.compte a:hover {
	background-position:0 -36px;
}
/* class pr l'etat ON. Il faut que cette classe soit déclarée après les différents états des btn ds la feuille de styles */
#menu li a.menuOn {
	background-position:0 -36px;
	color:#E1E4C5;
}
#english {
	background:url(../images/drapeau_en.gif) right no-repeat;
	float:right;
	margin-right:10px;
	width:95px;
}
#english a {
	color:#E1E4C5;
	font-size:14px;
	text-decoration:none;
	display:block;
	width:100%;
}
#english a:hover {
	text-decoration:underline;
}
#logo {
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	width:393px;
	height:164px;
	margin:40px 0 24px 14px;
}
#logo a {
	display: block;
	width: 100%;
    height: 100%;
}
#logo p {
	position:relative;
	top:-40px;
	left:220px;
	font-style:italic;
}
#flashcontent {
	float:right;
	margin-top:10px;
}

/* CONTENU */
#contenu_acc {
	width:475px;
	margin-left:60px;
	color:#E1E4C5;
	float:left;
}
#contenu_acc p {
	margin-bottom:18px;
	/*line-height:27px;*/
}
#contenu {
	float:left;
	margin-left:60px;
	color:#E1E4C5;
	float:left;
}
#contenu p {
	margin-right:44px;
}
.rubrique {
	display:block;
	float:left;
	margin-right:14px;
	margin-bottom:14px;
	margin-top:8px;
}
.plus {
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
	color:#E1E4C5;
}
/*.precedente {
	background:url(../images/page_prec.jpg) left no-repeat;
	height:30px;
	padding-left:30px;
	padding-top:7px;
	margin-top:9px;
}*/
.precedente a {
	display:block;
	background:url(../images/page_prec.jpg) center no-repeat;
	height:30px;
	margin-left:-120px;
	padding-left:157px;
	padding-top:14px;
	margin-top:9px;
	font-size:14px;
	color:#E1E4C5;
	text-decoration:none;
}
.precedente a:hover {
	text-decoration:underline;
}
p.description {
	margin-bottom:10px;
}
.vert {
	color:#B2C600;
	text-decoration:none;
}
.orange {
	color:#EF9700;
	text-decoration:none;
}
.bleu {
	color:#0073A7;
	text-decoration:none;
}
.blanc {
	color:#E1E4C5;
	text-decoration:none;
}
a:hover.vert,a:hover.orange,a:hover.bleu,a:hover.blanc {
	text-decoration:underline;
}
h2.diff {
	color:#D2CEAB;
}
.jaune {
	color:#CFB200;
}
.coordonnees {
	margin:42px 0 0 24px;
	padding-bottom:40px;
	float:left;
}
.coordonnees p {
	font-size:22px;
	margin-bottom:12px;
}
ul.equipe {
	list-style-type:none;
	font-size:19px;
	margin-bottom:38px;
}
.equipe a {
	text-decoration:underline;
	color:#E1E4C5;
}
.equipe a:hover {
	color:#CFB200;
}
#rappel_acc {
	background:url(../images/tel_big.jpg) no-repeat;
	height:61px;
	padding-top:18px;
	padding-left:14px;
	color:#0B1B18;
	font-size:18px;
	font-weight:bold;
}
#rappel_acc a, #rappel a {
	color:#0B1B18;
	font-size:18px;
	font-weight:bold;
}
.infos {
	font-size:21px;
	float:left;
	margin-top:14px;
}
.infos li {
	list-style-type:none;
	margin-bottom:14px;
}
#caracteristiques {
	float:left;
	margin-top:21px;
}
#video {
	float:right;
	margin:21px 15px 21px 0;
}

/******************************************/
/* css concernant l'essai de la page _film-heritages */
.infos2 {
	font-size:17px;
	margin-top:14px;
	color:#E4E1C5;
}
.infos2 li {
	list-style-type:none;
	margin-bottom:14px;
}
#caracteristiques2 {
	float:left;
	margin:21px 7px 0 14px;
}
#caracteristiques2 a {
	color:#CFB200;
}
#caracteristiques2 a:hover {
	color:#E1E4C5;
}
#video2 {
	float:left;
	margin-left:20px;
	margin-bottom:21px;
}
#desc {
	clear:both;
	margin:0 30px;
}
#desc p {
	margin-bottom:14px;
}
/****************************************/
/* FOOTER */
#footer {
	clear:both;
	padding-top:14px;
}
#rappel {
	background:url(../images/tel_big.jpg) no-repeat;
	height:61px;
	padding-top:20px;
	padding-left:14px;
	color:#0B1B18;
	font-size:18px;
	font-weight:bold;
	margin-left:230px;
}
#footer ul {
	background:#C5A485;
	padding:5px 0 7px 0;
}
#footer p.menubas {
	background:#C5A485;
	font-size:14px;
	color:#0B1B18;
}
#footer li {
	display:inline;
	list-style-type:none;
	margin-right:12px;
}
#footer li a {
	font-size:14px;
	color:#0B1B18;
	text-decoration:underline;
}
#footer li a:hover {
	text-decoration:underline;
}
.menubas {
	text-align:center;
}
/*Formulaire*/
#conteneurForm {
	background:url(../images/background.jpg) repeat-y;
	width:450px;
	margin:0 auto;
	text-align: left;
	padding-left:30px;
	padding-bottom:10px;
	margin-top:10px;
}
#conteneurForm p {
	font-size:16px;
	margin-top:10px;
}
form {
	margin-top:14px;
}
label {
	display:block;
	float:left;
	width:170px;
	font-size:18px;
	color:#E1E4C5;
}
input.champ {
	height:21px;
	font-size:18px;
}

input.champ, textarea {
	margin-bottom:14px;
	width:230px;
}
input#envoi {
	margin-left:344px;
}
p.oblig {
	font-size:16px;
	margin-top:10px;
}
/* MON COMPTE */
.compte_id {
	/*border:1px solid #E1E4C5;*/
	width:335px;
	font-size:16px;
	color:#E1E4C5;
}
.compte_id tr,td {
	/*border:1px solid #E1E4C5;*/
	padding:7px;
}
.compte_id input {
	background:#E1E4C5;
	float:right;
	height:20px;
	font-size:14px;
}
#video_client {
	margin:0 auto;
	width:510px;
}
#livredor{
	width:700px;
	margin:0 auto;
	margin-top:24px;
}
#gaucheLivre {
	float:left;
	width:350px;
	margin-top:20px;
	margin-bottom:10px;
}
#gaucheLivre hr {
	width:300px;
	margin:0px 0 5px 15px;
}
#drtLivre {
	float:left;
	margin:20px 0 0 30px;
	margin-top:20px;
	width:200px;
}
#drtLivre input, textarea {
	margin-bottom:14px;
	background:#E1E4C5;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#drtLivre .champs {
	width:300px;
}