body{font-family:Arial , sans serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
blockquote{padding:0;font-style:italic;margin-left:30px;}
/* ====== Elements ====== */

em{font-style: italic;}
strong{font-weight:bold;}
div.hr {padding:0;
  margin:none; 
  width:100%;
  height: 35px;
  border:none;
  background: url(/graphics/hr.png) no-repeat scroll left;
}
div.hr hr {
  display: none;
}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:16px;  font-weight:bold; font-style: normal; color:#58585a;text-shadow:1px 5px 1px #eae9e9;margin-left:0px; margin-bottom:10px; text-align:center;}
h2, .h2{font-size:14px;  font-weight:normal;font-style: normal; color:#cd002a;  }
h3, .h3{font-size:12px;  font-weight:bold;font-style: normal; color:#52525a;}
h4, .h4{font-size:11px;  font-weight:bold; font-style: normal; color:#58585a;}
h5, .h5{font-size:11px; font-weight:bold; font-style: normal; color:#58585a;}
h6, .h6{font-size:11px;  font-weight:bold; font-style: italic; color:#58585a;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:16px; font-weight:normal; font-style: normal; color: #E2007A;}
.category a{color: #58585a;}
.category a:hover{color: #E2007A;}
.important a{font-weight:bold;}
/* links */
a { color: #f3bf72;text-decoration: none }
a:focus, a:hover {color: #58585a}

/*a:visited {color:#e2007a; }*/
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td {vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/
/*=====styling the content items=====*/
.brand{color: #E2007A;}
address{
 margin:0px 10px 15px 10px;
border:1px solid #E2007A;
box-shadow:5px 5px 20px #ccc;
-webkit-box-shadow:5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 20px #ccc;
padding: 5px}

.breves {
	text-align:center;
	padding:20px;
}
.breves p{
	line-height:20px;
	font-size:12px;
	margin:0;
	padding:0;}
	
}
	
.repondre a{
	line-height:20px;
	font-size:14px;
	margin:10px 0;
	padding:0;}

.message{
	text-align:left;}
/*=====Left Navigation 
Les rubriques et les article ont la même aspet visuel
=====*/

.nav {
	position:relative;
line-height:0;
margin-left:14px;
margin-top:100px;
overflow:visible;
padding-left:0;
z-index:300;

}

.nav ul{
padding:0;
margin:0;}


.on {color: #cd002a;}

.rightside{margin-top:80px;}

.news{margin-left:0;}
/*=====Champs Recherche=====*/
form {margin:0;
 padding:0;}

.search{
background:url(../graphics/searchBackground.png) no-repeat;
height:77px;
width:190px;
padding:15px 5px 5px 10px;
margin:80px 0 0 130px;
}

.search input, .search button {
	border: none;
	float: left;
}
.search label{
font-size:16px;
padding:5px;}

.search input.box {
	color:#333333;
	font-size:10px;
	width: 126px;
	height: 23px;
	padding:  5px 5px;
	background: url(../graphics/searchBox.png) no-repeat;
	margin-right:0px;
}

.search button.btn {
	width: 29px;
	height: 23px;
	cursor: pointer;
	text-indent: -9999px;
	background:  url(../graphics/okbutton.png) no-repeat top right;}
	
.search button.btn:hover {
background:url(../graphics/okbuttonOn.png) no-repeat top right;	
}

/*Footer */
.footer {
	clear:both;
font-size:10px;
margin-top:-5px;
width:660px;
text-align:center;

}
.inlineMenu li {
display:inline;
text-align:right;
padding-left:5px;
}

.language {
margin: 0;
padding:0;
font-size:11px;
text-align:left;}

.language li {
display:inline;
background: url(/graphics/langue.png) no-repeat;
width:20px;
height:20px;
margin:0 5px;
font-size:9px;
text-transform:uppercase;
padding:3px;}

.Content,.ContentArticle{
padding:20px 30px;
text-align:left;
}
 .ContentArticle ul,.artistContent ul{
 margin-left:30px;
 }
 .ContentArticle li,.artistContent li{
 list-style:disc;
}
 .ContentArticle ul li li,.artistContent ul li li{
  list-style:circle;
  }
   .ContentArticle ul li li li,.artistContent ul li li li{
   list-style:square;}
   
.Content .home {
	margin:-10px 80px;
	text-align:center;
	;}

.MargeFS{
	margin-top:100px;}
 
/*Poem*/
.poemNav,.newsNav {
margin:30px 0 0 0;
font-size:11px;
width:100%;
}
.poemNav{height:230px;
background:url(/graphics/poemNav.png) no-repeat ;}

.poemNav ul,.newsNav ul{
	margin-top:0px;}
	
.poemNav li a,.newsNav li a{
	color:#6d6d6d;
	font-size:11px;
	line-height:170%;
	}
	
.poemNav li a:hover,.newsNav li a:hover{
	font-size:11px;
	color:#cd002a; }	
	
.poems {
	width:450px;
	margin:0 100px;}
 .poems h2 {
 	color:#cd002a;
 	font-weight:normal;}
 	
 .poems p{
 margin:0;
 padding:5px;
 	line-height:11px;
}
	
/*Galleries*/

.gallery a,h2.gallery{
	color:#5b2b6b;
	size:10px;
	text-align:center;
	font-weight:bold;}
	
#documents_portfolio	{
	margin-top:30px;}
	
/* Guestbook*/

.guestBook { 
	background:url(/graphics/guestBook.png) no-repeat scroll 136px 200px;
	text-align:left;
	padding-left:20px
	}
.psuedo{
	color:#5b5b5b;
	}
	
/*Gallery*/
.galleryTxt {text-align:center;
width:100%;
font-size:11px;
line-height:12px;}


/***********************************************/
/*FORMS                            			 */
/***********************************************/
select {
padding:0.4em;
text-align:left;
}
select:focus{
 border:1px solid #cd002a;}
 
input .text{
color:#700099;
border:1px solid #120C68;
width:100%;
text-align:left;
}

form input:focus{
 border:1px solid #cd002a;}
 

form{display:inline;text-align:left;}

form li{
clear:both;
margin:0;
padding:0;
padding-top:5px;text-align:left;}

form li label{
float:left;
width:35%;
text-align:left;
}

form label .dropdown{
float:left;
width:10%;
text-align:left;}


form textarea{
color:#5b2b6b;
width:85%;text-align:left;}

form textarea:focus{
 border:1px solid #cd002a;}


 
fieldset{padding:10px; margin:0;}
legend{ color:#CD002A; font-size:11px;font-weight:bold;margin-left:10px;}


	
	
/**** SPip orverrides*/
.spip_doc_titre{float:right;}

dl{width:150px;margin-left:20px;}

#ie-warning {
    background: #FFFFE1 url(warning.gif) no-repeat 5px 50%;

    margin: 0;
    padding: 7px 10px 7px 30px;

    border-bottom: 1px solid #767E85;
}
  #ie-warning h2{
   font: 12px/1 Arial bold;
   }
    #ie-warning p {
        margin: 0;

        font: 12px/1 Arial;
        color: #000;
    }

        #ie-warning p a {
            color: blue;
            text-decoration: underline;
        }

        #ie-warning p a:hover {
            color: red;
        }