/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of Dotclear.
 * Copyright (c) 2004-2007 Olivier Meunier and contributors. All rights
 * reserved.
 *
 * Dotclear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * Dotclear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with Dotclear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK ***** */
 
 /*
 Organisation de la presente feuille de style:
 1. Structure de la page (body, page, top, main, sidebar, footer)
 2. Mise en forme des balises XHTML standard
 3. Page
 4. Haut de page (top et prelude)
 5. Main et content
 6. Billets
 7. Les commentaires et trackbacks
 8. Le menu lateral (sidebar)
 9. Footer
 10. Classes communes
 11. Clearers

/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
	(exemple pour un fichier de structure nommé layout.css)
------------------------------------------------------------------ */
@import url(layout.css);

/* ---------------------------------------------------------------
        2. BALISES HTML
--------------------------------------------------------------- */

body, html {
	font-size: 11px;
	background: #ffffff;
	color:#000;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 0;
}
 
h1 { font-size: 2em; }
h2 { font-family: Verdana, sans-serif; font-size: 16px; color: #226687;}
h3 { font-size: 1.25em; margin: 1.5em 0 0 0; }
h4 { font-size: 1em; margin: 1.5em 0 0 0; }
h5 { font-size: 0.83em; margin: 1.5em 0 0 0; }
h6 { font-size: 0.67em; margin: 1.5em 0 0 0; }

p { margin: 0 0 0 0; }
img { border: none; }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a { text-decoration: underline; }
a:link { color:#BB9A4B; }
a:visited { color:#BB9A4B; }
a:hover {
	color:#01AED9; 
	
}
a:focus {
	color:#000; 

}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #666;
	background: transparent;
}
a img { }
 
code, pre {
    font-family: "Courier New",monospace; 
    font-size: 1.1em;
    color: #66c;
}
pre {
	background: #fff;

	margin: 0;
	padding: 0;
	text-align:left;
	white-space:normal;
		/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow: auto;
		/* Fin hack Ne pas supprimer cette ligne */
}
 
hr { color: #BEDDE4; margin-top: 18px; margin-bottom: 18px;}

/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {	
	background: #fff;
	text-align: left;
}

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top {
	margin: 0;
	background: #fff url(images/top.jpg) no-repeat;
	text-align: left;
	
}


#menucontainer
{
position: relative;
left: 106px;
float: right;
margin-top: 10px;
width: 250px;

}
#menulist li
{
padding-right: 2px;
display: inline;
list-style-type: none;
font-size: 10px;

}

#menulist li a
{
color: #FFFFFF;
padding-right: 17px;
text-decoration: none;
}

#menulist li a:hover
{
text-decoration: underline;
}


#menu {
	padding-left: 30px;
}

#menu dl{
float: left;
display: inline;
}

#menu dt
{
margin-right: 10px;


}

#menu dt a
{
padding-right: 25px;
font-size: 14px;
}
#menu dt a:hover
{
color: #A9D7EB;
}

#menu dd{
position: absolute;
margin-top: 11px;
margin-left: -48px;
display: inline;
}



#menu a {
text-decoration: none;
color: #fff;
font-size: 11px;
}

#menu ul
{
list-style-type: none;

}

#menu li {
display: inline;
font-size: 11px;
color: #000;
font-family: verdana, sans-serif;
list-style-type: none;
margin-left: 0px;
width: auto;
margin: 0px;


}

#menu li a {

padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
font-size: 11px;
background: #BB9A4B;
color: #FFFFFF;


}

#menu li a:hover {
font-size: 11px;
color: #FFFFFF;
background: #A9D7EB;

}


#smenu1
{
margin : 0 0 0 0;
padding: 0 0 0 0;
display: inline;
}

/* ------------------------------------------------------------
	5. MAIN CONTENT
------------------------------------------------------------- */

#main { margin: 0 0 0 0p;}
#content { margin-bottom: 45px; margin-top: 12px;
}
#rech
{
margin-top: 15px;}

#rech a
{
font-size: 12px;
color: #226687;
}
#rech a:hover
{
font-size: 12px;
color: #01aed9;
}

#ballets

{
line-height: 19px;

}
#ballets a
{
margin-top: -20px;
font-size: 12px;
color: #226687;
}
#ballets a:hover
{
font-size: 12px;
color: #01aed9;
}

#pix
{width: 980px; margin-top: 10px;
	margin-bottom: 30px;}

#pix img
{margin: 0; padding: 0;}


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post {margin-top: 0; line-height: 15px;
 }
.post h3, .post h4, .post h5, .post h6 {
	font-weight: normal;
	color: #000;

	text-transform: uppercase;
	text-align: left;
	}
.post h3 {
	font-weight: bold;
	text-transform:none;
}

.post img {
	padding: 0;
	margin: 0;
	}

.day-date {color: #999999; font-size: 10px}
.post-title { 
	font-size: 18px;
	color: #226687;
	padding-bottom: 12px;
}

.post-title2 { 
	font-size: 14px;
	font-weight: bold;
	color: #BB9A4B;
	margin: 0;
}
.post-title a { text-transform: none; }

.post-chapo {
font-size: 12px;
font-weight: bold;
color: #666666;
margin-top: 6px;
margin-bottom: 6px;
line-height: 15px;
	text-align: justify;
	}
.post-content {
	text-align: justify;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-right: 6px;
	}
	.post-content strong { 

	color: #226687;
	font-size: 12px;
}
.post-content p, .post-chapo p {
	margin-top: 0;
	line-height: 15px;
	
	}

.footnotes {
	font-size:0.9em;
	}
.footnotes, .footnotes p {
	margin-top: 1em; text-indent: 0;
	}
.footnotes h4 { }

#imgb 
{
float: right;
padding-left: 30px;
padding-bottom: 16px;
margin-top: 0;
margin-right: 0;
}


/* ------------------------------------------------------------
	7. COMMENTAIRES, TRACKBACKS
------------------------------------------------------------- */

.field input, .field textarea, .field select, #q {
	background: #ffffff;
	color: #000;
	font-size: 1em;
	border: 1px solid #BEDDE4;
}

.field texarea { width: 95%; }

#c_nom { }
#c_mail { }
#c_site { margin-bottom: 1em; }
#c_content { }
#c_remember { }

.form-help { }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar {margin-top: 30px; }

#div1
{
background: #e1e1e1;
font-size: 11px;
padding: 6px;
line-height: 18px;
}

#div1 h2
{
color: #226687;
line-height: 18px;
margin-top: 1px;
}

#div1 strong { 

	color: #226687;
	font-size: 14px;
	font-weight: bold;

}

#div2
{
font-size: 10px;
background: #C8E7F2;
padding: 6px;
margin-top: 2px;
}
#div3
{
margin-top: 2px;
margin-bottom: 28px;
}

#forma
{
margin: 0;
padding: 0;
}

#sidebar form
{
margin: 0;
padding: 0;
}


/* boites du sidebar livrees avec Dotclear */
#calendar { }
#calendar table {
	border-collapse: collapse;
	font-size: x-small;
	margin: 0 auto;
}
#calendar caption { /*nom des mois*/
	margin: 0 auto;
	padding: 0 0 0.3em 0;
	font-size: 1.2em;
}
#calendar abbr { } /* nom des jours */
#calendar th, #calendar td { /* th: cellules d'entete vertical (jours) - td: cellules */
	border: none;
	padding: 1px;
	text-align: center;
}
#calendar td.active { /* cellules du jour actif */
	background: #ddd;
	}
#calendar td a { }

#search { 
position: relative;
margin-top:97px;
width: 200px;
float: left;
padding-left: 464px;
color: #01aed9;
margin-bottom: 0px;
 }
#search form { }
#search input[type=text] { } /* ou #search #q */
#search input[type=submit] { /* ou #search .submit */
	background: #EFF8FA;
	font-weight: bold;
	border: 1px solid #BEDDE4;
}
#search input.submit:hover, #search input.submit:focus { background: #D9F2F8; }
#search input.submit:active { border-style: inset; }

#search2
{
margin-top: 16px;
margin-bottom: 16px;
}

#selection { }
#languages { }
#categories { }
#archives { }
#links { }
#syndicate { }

/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer { 
position: relative;
width: 980px;
margin-top: -2px;
background: #01aed9;
color: #FFF;
padding-top: 18px;
}

#footer a
{
color: #FFFFFF;
text-decoration: none;
}
#footer a:hover
{
text-decoration: underline;
}

/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* messages d'erreur */
.error { }
.error ul { }
.error li { }
	
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }


/* ---------------------------------------------------
  11. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, 
.post-info-co, #trackbacks, #footer {
    clear:both;
    }

.oeuvre

{
position: relative;
left: 225px;
float: left;
margin-top: -48px;
width: 749px;
}


/* Popup */
#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:1;  
}  
#popupContact{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:700px;  
	width:760px;  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;  
	padding:12px;  
	font-size:13px;  
}  
#popupContact h1{  
	text-align:left;  
	color:#6FA5FD;  
	font-size:22px;  
	font-weight:700;  
	border-bottom:1px dotted #D3D3D3;  
	padding-bottom:2px;  
	margin-bottom:20px;  
}  
#popupContactClose{  
	font-size:14px;  
	line-height:14px;  
	right:6px;  
	top:4px;  
	position:absolute;  
	color:#6fa5fd;  
	font-weight:700;  
	display:block;  
}  
#button{  
	text-align:center;  
	margin:100px;  
}


/* Ajouté pour le menu */
#primaryMenuContainer {
	background-color: white;
	position: relative;
	float: left;
	top: 61px;
	width: 980px;
	/* left: 30px; */
	font-family: verdana, sans-serif;
	font-size: 13px;
	color: #fff;
	z-index: 2;
	border-bottom: 2px solid #e77050;
	border-top: 2px solid #e77050;
}

#menu dt a {
	color: #e77050;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 14px;
}
#menu dl a:hover {
	color: #e77050;
	text-decoration: underline;
}
#menu dt a:hover {
	color: #E77050;	
}

#menu ul {
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
}

#menu li {
	display: block;
	list-style-type: none;
	margin: 0px;
	border-top: 0px solid #e77050;
	border-left: 2px solid #e77050;
	border-right: 2px solid #e77050;
	border-bottom: 0px solid #e77050;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	
}

#menu li.last {
	border-bottom: 2px solid #e77050;
}

#menu li a {
	font-size: 11px;
	color: #e77050;
	background-color: transparent;
	min-width: 200px;
	text-decoration: none;
}

#menu li a:hover {
	border-top: 0px solid #e77050;
	background-color: transparent;
	text-decoration: underline;
	color: #e77050;
}

#menu dd {
	margin-left: 0px;
}