/** 
 * Mise à zero du padding et margin
 * & Valeurs par défaut
 * & Containers globaux
 */
 
* {
margin: 0;
padding: 0;
}

a {
cursor:  pointer;
color:black;
text-decoration:none;
font-size:13px;
}

a:hover {
color:#990000;
text-decoration:underline;
}

img {
border:0;
}

textarea.tinyMceEditor {
	width:307px;
}

/** Listes */
ol {
padding-left:2em;
}

dl {
padding-left:2em;
}

ul {
padding-left:2em;
}
abbr {
border-bottom:1px dotted black;
cursor:help;
}

blockquote{
	/*
display:block;
background-color: #F2EBDC;
margin:1em 40px;
padding: 3em 1em 1em 4em;
border:1px dotted #8c816c;
font-style: italic ;
border-left:0;
border-right:0;
*/

line-height:1.32em;
text-indent:23px;
text-align:justify;
margin: 1em 3em;
    padding: 1em 2em;
    border-left: 3px solid #8c816c;
    background-color: #F2EBDC;
    font-style: italic ;

}

blockquote span {
font-size:12px;
font-style: normal;
padding:0.8em 0  0 0;
text-align:right;
display:block;
}

.strike {
text-decoration: line-through;
} 

em.last-modified {
float:left;
width:600px;
margin-top:-3px;
padding-bottom:0.6em;
padding-left:2px;
}

/** Titres */
h1, h1  a{
padding-top: 5px;
padding-bottom: 0px;
font-size: 24px;
font-weight: 100;
/*font-family: georgia, serif;*/
font-family: Palatino, serif;
text-decoration:none;
text-align:left;
}

h1.h1-accueil, h1.h1-accueil a {
padding-top: 5px;
padding-bottom: 0px;
font-size: 27px;
font-weight: 300;
/*font-family: georgia, serif;*/
font-family: Palatino, serif;
text-decoration:none;
text-align:left;
}


h2, h2  a{
padding-top:12px;
padding-bottom:4px;
font-size: 18px;
font-weight: 400;
text-decoration:none;
text-align:left;
clear:left;

}

h3{
padding-top:10px;
font-size: 13px;
font-weight: 600;
text-align:left;
}
h3  a{
	}

/** Paragraphes  */
p {
line-height:1.5em;
margin:0.4em 0 0.5em;
text-indent:23px;
text-align:justify;
}

p img {
float:left;
padding-right:5px;
}

/** clearer */
hr {
visibility:hidden;
clear:both;
}

hr.clearerLeft {
visibility:hidden;
clear:left;
height:0px;
padding:0;
margin:0;
}



/** alternance de couleur dans les tableaux */
.even {	background-color:#E5DFD1;}
.odd{	background-color:#FAF4E3;}

body {
text-align:center;
font-family:arial;
font-size:12px;
background:url(/images/charte/phonographe.png) bottom  right no-repeat;
background-color:#323321;
background-attachment:fixed;
/* 643937 4B3D37*/
margin:0;	
}

#bus {
background:url(/images/charte/bus.png) top left no-repeat;
background-attachment:fixed;
}

#container {
width:1020px;
background-color:#FFF;
margin:0 auto;
text-align:left;
background: transparent url(/images/charte/degrader-fond.png) repeat-y scroll 0 0;
}

/* Menu contribution */
#menuContribution {padding:0 0 0 0px; margin:0 auto; list-style:none; font-size: 14px; position:fixed; z-index:23;
background-color:#6D701C;

height:23px; width:100%;border-color:#7A7728 #484912 #484912;
left:0;
top:0;
border-style:solid;
border-width:1px;
border-top:0px;
border-left:0px;
background:#6D701C url(/images/charte/degrade.png) top  left repeat-x;}
 
#menuContribution ul {padding:0; margin:0; list-style:none; float:left; background:#616319; border: 1px solid #3C3F11;}

#menuContribution li {float:left;}
#menuContribution li li {float:none; border-left:0px solid #616319; border-right:0px solid #616319;}
#menuContribution li.last {border-bottom:0px solid #6D701C;}


#menuContribution li a {display:block; float:left; color:#fff; height:23px;  padding:0 8px 0 8px; ;line-height:23px; text-decoration:none; white-space:nowrap; font-weight:bold;	cursor:pointer;
font-size:13px;}

#menuContribution li li a {display:block; height:20px; line-height:20px; float:none; padding:0 18px 0 10px; font-weight:normal; letter-spacing:1px;text-transform: none;}

#menuContribution li:hover {position:relative; z-index:300;}
#menuContribution li li a {color:#DED7C7;}
#menuContribution li:hover ul {left:0; top:23px; z-index:500;}

#menuContribution ul {position:absolute; left:-9999px; top:-9999px;}
* html #menuContribution ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#menuContribution li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#menuContribution li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#menuContribution li:hover > a {color:#fff;background-color:#7a7d1f;}
#menuContribution li:active > a {color:#A6181C;background-color:#7a7d1f;}

#menuContribution li li:hover > a {color:#fff; background-color:#7a7d1f;}
#menuContribution li li:active > a {color:#A6181C;background-color:#7a7d1f;}

#menuContribution li.info {
	display:block; float:left; color:#DED7C7; height:23px;  padding:0 8px 0 8px; ;line-height:22px; text-decoration:none; white-space:nowrap; 
font-size:13px;
float:right;
}
/* Fin Menu contribution */



/** 
 * Header
 */
#header {
	background:url(/images/charte/header-beta.png) no-repeat;
	height:148px;
	width:948px;
	margin:0 auto;
	text-align:left;
	border-left: 1px solid #665955;
	border-right: 1px solid #665955;
	position: relative;
}

#header iframe {
border:0 ;

}
iframe.forum {
border:0 ;
width:100%;
height:600px;
}

#logo {
	width:210px;
	height:148px;
	vertical-align:middle;
	float:left;
}

#pub_banniere {
	float:left;
	width:728px;
	height:90px; 
	margin-top:31px;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_variable4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menuHaut, #montant {padding:0 0 0 0px; margin:0 auto 0 auto; list-style:none; font-size: 14px; position:relative; z-index:1; background-color:#616319;height:30px; width:950px;border-color:#7A7728 #484912 #484912;
border-style:solid;
border-width:1px;
border-left:0;
border-right:0;
background:#616319 url(/images/charte/degrader-last.png) right repeat-y;}
 
#menuHaut ul {padding:0; margin:0; list-style:none; float:left; background:#484913; border: 1px solid #3C3F11;}

#menuHaut li {float:left;}
#menuHaut li li {float:none; border-left:0px solid #616319; border-right:0px solid #616319;}
#menuHaut li.last {border-bottom:0px solid #6D701C;}
#menuHaut li.first {background:url(/images/charte/montant-degrader.png) left repeat-y;}

#menuHaut li a {display:block; float:left; color:#fff; height:30px;  padding:0 9px 0 9px; ;line-height:30px; text-decoration:none; white-space:nowrap; font-weight:bold;	text-transform: uppercase;cursor:pointer;
font-size:13px;}

#menuHaut li li a {display:block; height:20px; line-height:20px; float:none; padding:0 18px 0 10px; font-weight:normal; letter-spacing:1px;text-transform: none;}

#menuHaut li:hover {position:relative; z-index:300;}
#menuHaut li li a {color:#DED7C7;}
#menuHaut li:hover ul {left:0; top:30px; z-index:500;}

#menuHaut ul {position:absolute; left:-9999px; top:-9999px;}
* html #menuHaut ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#menuHaut li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#menuHaut li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#menuHaut li:hover > a {color:#fff;background-color:#6D701C;}
#menuHaut li:active > a {color:#A6181C;background-color:#6D701C;}

#menuHaut li li:hover > a {color:#fff; background-color:#6D701C;}
#menuHaut li li:active > a {color:#A6181C;background-color:#6D701C;}

#montant {
border-top:0;
border-top:1px solid #484912;
height:3px;
}



/** 
 * Contenu
 */
#contenu {
padding:15px;
padding-right:20px;
padding-left:16px;
padding-top:0px;
background-color:	;
background:#d9c6a3 url(/images/charte/ombre-montant.png) repeat-x;
margin:0 auto;
width:912px;
border:0;
border-left:1px solid #8c816c;
border-right:1px solid #8c816c;
min-height:494px;
/* DED7C7 */
}	

/** Fil d'arianne **/
.arianne {
position:relative;
list-style-type:disc;
margin-top:14px;
padding-bottom:0px;
padding:2px;
padding-left:4px;
margin-left:0px;
margin-right:15px;
font-family:"Trebuchet MS", Verdana, sans-serif;
display:block;
background-color:#F2EBDC;
border:1px dotted #8c816c;
float:left;
border-top:1px dotted  #ccc6ba;
border-left:1px dotted  #ccc6ba;
border-bottom:1px dotted  #99948b;
border-right:1px dotted  #99948b;
}

.arianne li {
display:inline;
list-style-type:disc;
padding-right:0.4em;
padding-left:0;
font-style: italic ;
font-size:1.2em;
height:2em;
}

.arianne li:before {
content: '\00bb  ';
font-style: normal;
font-family:Arial, Verdana, sans-serif;
font-size:14px;
}

.arianne li a {
height:100%;
padding:3px;
text-decoration:none;
}

.arianne li a:hover {
padding:2px;
border-left: 1px dotted #8c816c;
border-right:1px dotted #8c816c;
background-color:#FFF8E8;
}
.arianne li a:active {
padding:2px;
border-left: 1px dotted #FFF8E8;
border-right:1px dotted #FFF8E8;
background-color:#FFF8E8;
color:#8c816c;
}

.apropos {
background-color:#FFF8E8;
border:1px dotted #8C816C;

border-right:1px dashed #8C816C;

clear:right;
display:block;
float:right;
margin:0.5em 0 0.5em 1em;
padding:0.5em;

position:relative;
width:22em;

border-top:1px dotted  #ccc6ba;
border-left:1px dotted  #ccc6ba;
border-bottom:1px dashed  #99948b;
border-right:1px dashed  #99948b;
}
.apropos em {
display:block;
margin:0.5em 0 0.4em;
clear:both;
}

.apropos h2 {
font-size:16px;
clear:left;
}
.apropos h2 a{
font-size:16px;
}

.apropos img{
float:left;
}

p img{
padding-right:5px;
}

.aproposAlbums {
width:36em;
display:block;
position:relative;
clear:right;
float:right;
margin:0.5em 0 0.5em 1em;
padding:0.5em;
}


ul.nuage {
padding-left:0.5em;
}

ul.nuage li {
display:block;
float:left;	
letter-spacing:0.1em;

}

ul.nuage li a{
display:block;
padding:6px;
text-decoration:none;
background:#a6a197 url(/images/charte/tag-fond.png) top right repeat-y;
border: 1px solid #807c74;
border-bottom: 1px solid #4d4a46;
border-right: 1px solid #4d4a46;
margin-bottom:0.4em;
margin-top:-0.7em;
text-decoration:none;
}

ul.nuage li h3, ul.nuage li h4{
clear:left;
font-size:13px;
padding-bottom:0;
padding-left:5px;
padding-top:10px;
text-decoration:none;
}


ul.nuage li a:hover {
background:#a6322e url(/images/charte/tag-fond-hover.png) top right repeat-y;

color:white;
border: 1px solid #802724;
border-bottom: 1px solid #4d1715;
border-right: 1px solid #4d1715;
}

ul.nuage li a:active {
background-color:#bf3a36;
color:white;
border:1px solid #802724;
border-bottom : 1px solid #661e1c;
border-right : 1px solid #661e1c;
}

/** Festival Programme **/
.programme {
margin:0;
padding:0;
float:left;
border-right:1px dashed black;
min-height:400px;
}


.programme .journee {
width:220px;
border-bottom:1px dashed black;
padding-left:8px;
padding-bottom:4px;

font-size: 16px;
font-weight: 400;
text-decoration:none;
}

.programme .evenements dl {
width:220px;
margin:0px;
padding:0px;
padding-left:5px;
padding-bottom:5px;
}

.programme .evenements dt {
padding-top:5px;
}

.programme .evenements dd {
padding-left:10px;
}




/** Index **/
#colonneUn {
	float:left;
	width:470px;
	margin-right:10px;
	margin-top :6px;
}

#colonneDeux {
	float:left;
	width:21.6em;
	margin-right:10px;
	margin-top :6px;
}

#colonneTrois {
	float:left;
	width:162px;
	margin-top :6px;
}

#colonneTrois .article h2{
padding-bottom:4px;
}


/** article **/
.article {
clear:right;
background:#F2EBDC url(../images/charte/degrader-article.png) repeat-x;
padding-right: 1em;
padding-bottom: 1em;
margin-bottom:15px;
border:1px dotted #CCC6BA;
border-bottom:1px dashed #a6a197;
border-right:1px dashed #a6a197;
}

.

.article form {
	width:148px;
}
.article form fieldset {
	width:142px;
	border:0;
	padding-left:10px;
}

.article form fieldset label{
padding-top:2px;
}

.article form fieldset .bouton {
margin-top:8px;
}

#recherche, #internautePseudo, #internautePassword {
	border:1px dotted #A6A197;
	width:123px;
}

.article span#contact {
padding-left:5px;
}

.article h2, .article h2  a {
display:block;
padding-top: 2px;
font-size: 26px;
font-weight: 300;
font-family: Palatino, serif;
text-decoration:none;
text-transform:capitalize;
text-align:left;
/* border-bottom:2px dashed #FFF; */
padding-bottom: 2px;
padding-left:5px;
}

.article h3{
text-align:left;
font-size: 16px;
font-weight: bold;
font-family: Tahoma, sans-serif;
clear:left;
padding-left:5px;
line-height:1em;
padding-top:0.2em;
padding-bottom:0.1em;
}

.article h3  a {
font-size: 16px;
color:#595245;
}

.article h4 {
clear:left;
padding-top:10px;
padding-left:5px;
font-size: 13px;
padding-bottom:0;
text-align:left;
text-decoration: underline;
}
.article h4, .article h4  a {
padding-right:0px;
}

.article p {
padding-left:6px;
font-size:13px;
text-indent:0;
line-height:1.3em;
}

.article p.vignette {
margin:0;
margin-top:0.2em;
line-height:1em;
}

.article a {
font-weight: bold;
padding-right:5px;
}

.article a.more {
display:block;
float:right;
clear:both;
font-weight: bold;
padding-right:5px;
padding-bottom:5px;
}

.article img {}

.article input.bouton {float:right;padding-top:0.3em;}

p.image{margin:0; line-height:1em;}

.une {
background:#F2EBDC url(../images/charte/degrader-une.png) repeat-x;
border:1px solid #CCC6BA;
border-bottom:1px solid #99948b;
border-right:1px solid #99948b;
}

.inscription p{
text-indent:15px;
line-height:1.2em;
}

/** Videos **/
.apercuVideo {
width: 165px;
height: 125px;
float:left;
margin-right:0.8em;
margin-top:0.5em;
margin-bottom:0.5em;
background-color: #F2EBDC;
padding:5px;

border:1px solid #FFF;

border-top:1px solid  #ccc6ba;
border-left:1px solid  #ccc6ba;
border-bottom:1px solid  #99948b;
border-right:1px solid  #99948b;

background-color: #F2F2F2;
border:1px  solid #CCC;
border-bottom : 1px solid #999;
border-right : 1px solid #999;
}

.apercuVideo .h3{
font-weight: 600;
text-align:left;
font-size: 11px;
line-height:1em;
padding-top:0;
display:block;
height:65px;
overflow: hidden;
}

.apercuVideo img{
	display:block;
float: left;
width:80px;
height:60px;
padding-right:5px;
padding-bottom:5px;
}

.apercuVideo .p{
font-size: 11px;
text-indent:0;
line-height:1em;
}
.apercuVideo:hover {
background-color: #CCC;
border:1px  solid #999;
border-bottom : 1px solid #666;
border-right : 1px solid #666;

color :black;
display: block;
text-decoration:none;

filter : alpha(opacity=80);
-moz-opacity : 0.8;
opacity : 0.8; 
}
/** Pagination **/
.pagination {
position:absolute;
margin-top:-7px;
margin-left:10px;
font-size:10px;
}

.pagination a {
font-size:10px;
}

/** listing de contribution **/
.contribution {
position:relative;
float: left;
width: 115px;
height: 116px;
margin: 10px;
border:1px dotted #8c816c;
border-bottom:1px dashed #8c816c;
border-right:1px dashed #8c816c;

background-color:#F2EBDC;
padding-top: 0px;
padding-left: 4px;
padding-right: 1px;
padding-bottom: 4px;
overflow: hidden;
}

.contribution p {
text-align:left;
line-height:1em;
text-indent:0;
font-size:10px;
}
.contribution .lien {
font-size: 10px;
color:red;
position:absolute;
top:17px;
left:10px;
}

.contribution img {
float:left;
padding:0px;
padding-right: 2px;
}

.contribution h2, .contribution h3 {
padding:0;
margin:0;
font-size: 12px;
text-decoration: none;
color: black;
overflow: hidden;
line-height:1em;
}

.contribution h2 a,  .contribution h3 a {
	font-size: 12px;
	}

.album {
background: url(/images/charte/album.png);
background-position: center;
}

/*** Accueil hasard **/
.random {
width:302px;
padding-right:9px;
float:left;
height:250px;
}

.random h2{
padding-bottom:1px;
}

.random em{
float:left;
line-height:80%;
width:290px;
padding-left:3px;
}

.random  p em{
float:none;
width:none;
}

.random p{
margin-top:0;
text-indent:0;
text-align: left;
}

/** tracklisting */
.tracklisting {
font-size: 10px;
line-height:150%;
padding: 0;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.tracklisting tbody{
border:1px solid #ccc6ba;
text-align:left;
}

.track_num {
	width:2em;
	text-align:center;
}

.tracklisting tbody tr:hover {

background:#A61C28;
color:white;
cursor:pointer;
}

/** connexion **/
fieldset{
border: 0;
padding-left:0.5em;
}
/** poster un commentaire **/
#commenter {
padding:0;
padding-left:15px;
}
#commenter fieldset{
border: 1px  dotted #8C816C;
background-color: #F2EBDC;
width: 307px;

border:1px dotted #8C816C;
padding:5px 15px 15px 10px;
}

#commenter fieldset legend {
top:-13px;

font-size:16px;
position: relative;
}


#commenter  fieldset label {
float:left;
padding-top:0px;
min-width:120px;
height:20px;
overflow:hidden;
clear:both;
}



#commenter fieldset .bouton{

padding-top:10px;
float:right;
}



/** FOOTER */
#footer {
width:948px;
height:145px;
margin:0 auto;
border-left: 1px solid #665955;
border-right: 1px solid #665955;
background:url(/images/charte/footer.png);
background-repeat: no-repeat;
}

#footer #courants {
display:block;
float:left;

width:98px;
height:138px;
list-style-position: inside;

padding-left:2px;
padding-right:1px;
padding-top:2px;
margin-left:13px;
margin-top:3px;
font-style:italic;

background:url(/images/charte/courants.png);
background-repeat: no-repeat;
}

#footer #courants li {
list-style-type:none;
}

#footer #amis {
font-style:italic;
font-weight:bold;
background:url(/images/charte/amis.png);
background-repeat: no-repeat;
width:130px;

height:128px;
display:block;
float:left;
padding-left:10px;
padding-right:1px;
padding-top:7px;

list-style-position: inside;
margin-left:110px;
margin-top:3px;
}

#footer #amis li {
list-style-type:none;
}


#footer #validation-w3c {
display:block;
float:right;

margin:0;
padding:0;

padding-left:1px;
padding-right:0px;
padding-top:85px;
}

.recherche {
background-color:#FFF2D4;
}



/**  galerie d'images **/
.polaroid, .article a.polaroid {
display:block;
float:left;
position:relative;
background-color: #F2F2F2;
border:1px solid #CCC;
border-bottom : 1px solid #999;
border-right : 1px solid #999;
color:black;
margin:0.2em;
padding-right:0px;
}
.polaroid span {
position:absolute;
font-size:12px;
font-style: italic;
font-weight: 200;
bottom:0px;
left:6px;
clear:both;
}



.polaroid span {
position:absolute;
font-size:12px;
font-style: italic;
font-weight: 200;
bottom:0px;
left:6px;
clear:both;
}
.polaroid:hover {
/*
border:1px  solid black;
margin:5px;
background-color:#eee;
*/
background-color: #CCC;
border:1px  solid #999;
border-bottom : 1px solid #666;
border-right : 1px solid #666;

color :black;
display: block;
text-decoration:none;

filter : alpha(opacity=80);
-moz-opacity : 0.8;
opacity : 0.8; 
}

.polaroid img {
padding:5px;
padding-bottom:15px;
clear:both;
}

.article a.polaroid img {
padding:3px;
padding-bottom:9px;
clear:both;
}
.article a.polaroid:hover {
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity :1;
cursor:default;
} 

.right {
float:right;
}

.verrou{
margin-top:8px;
padding-bottom:0px;
padding:2px;
padding-left:4px;
margin-left:-5px;
margin-right:15px;
}

/** liens du bas **/
ul.liste_liens {
padding-left:0em;
}

ul.liste_liens li {
display:block;
float:left;	
letter-spacing:0em;
}

ul.liste_liens li a{
display:block;
padding:3px;
text-decoration:none;
background-color:#bfb2aa;
margin-bottom:0.4em;
margin-right:0.4em;
}

ul.liste_liens li a:hover{
background-color:#a61c28;
color:white;
}

ul.liste_liens li a:active{
background-color:#8c2020;
color:white;
}

ul.notation {
padding:0;

}
ul.notation li{
list-style: none;
}


.modifier {
float:right;

}

a.modifier{
display:block;

background-color:#a6322e;
border: 1px solid #802724;
border-bottom: 1px solid #4d1715;
border-right: 1px solid #4d1715;
color:white;

margin-bottom:0.4em;
margin-top:-0.7em;

padding:6px;


font-size:13px;
text-decoration:none;
letter-spacing:0.1em;
}

a.modifier:hover {
background-color:#a6322e;
color:white;
border: 1px solid #802724;
border-bottom: 1px solid #4d1715;
border-right: 1px solid #4d1715;
}

a.modifier:active {
background-color:#bf3a36;
color:white;
border:1px solid #802724;
border-bottom : 1px solid #661e1c;
border-right : 1px solid #661e1c;
}


#partager {
height:20px;
list-style:none;
float:right;
}

#partager li{
float:right;
margin-right:5px;
}

#partager li a{
display:block;
padding:3px;
height:16px;
width:16px;
}

#partager li a:hover{
background-color: #CCC;
filter : alpha(opacity=80);
-moz-opacity : 0.8;
opacity : 0.8; 
}

#synopsis p{
line-height: 1.4em;
font-style:italic;
padding-bottom: 1.4em;
}


#video{
display:block;
float:left;
position:relative;
color:black;
margin-right:0.4em;
margin-bottom:0.4em;
padding-right:0px;
}

#casting {

}


#casting dt {
font-weight: bold;
}


.vcard .given-name {

}

.vcard .tel {
	display:block;
float:left;

padding-bottom:10px;
padding-top:4px;
clear:both;
}

.adr {
	display:block;
	clear:both;
}
.adr span {
clear:both;
float:left;
}
.adr .street-address, .adr extended-address {
float:left;
font-style: italic;

}

.adr span.postal-code {
width:45px
}
.adr span.locality {
clear:right;
text-transform:uppercase;
}

.adr span.country-name {
text-transform:uppercase;
clear:both
}


/** contact **/

form#contact fieldset {
background-color:#F2EBDC;
border-color:#CCC6BA #99948B #99948B #CCC6BA;
border-style:dotted dashed dashed dotted;
border-width:1px;
padding:15px 10px 20px 15px;
width:430px;
}

form#contact fieldset legend {
font-size:16px;
}
form#contact fieldset label {
clear:left;
display:block;
font-size:14px;
padding-bottom:2px;
padding-top:8px;
}
form#contact fieldset input {
display:inline;
}
form#contact fieldset input#sujet,  form#contact fieldset input#mail{
border:1px dotted #A6A197;
}


form#contact fieldset textarea {
height:80px;
width:400px;
border:1px dotted #A6A197;
}


form#contact fieldset .bouton {
float:right;
margin:0;
padding:10px 5px 5px;
}

#erreur {
color: #962D2A;
}