/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Samuel Latchman 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 *****
 *
 * Contributor(s):
 *  Olivier Meunier
 *  Theme par defaut adapte par Julien Mudry et Kozlika
 *
 *
 */





/* =================================================================
	    1. STRUCTURE DE LA PAGE - REGLES DES GRANDS BLOCS
/* ============================================================= */

#cocomment 
    {
        width : 811px;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        border:none;


    }

#cocomment img
    {
        border:none;
        margin:0px;
        padding:0px;
        margin-top:10px;
        margin-left:0px;
    }


#cocommentHOME 
    {
        width : 811px;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        border:none;
        //padding-right:0px;

    }

#cocommentHOME 
    {
        width : 811px;
        //width:750;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        border:none;
        
    margin-top:0px;margin-bottom:0px;margin-left:0px;
    }

.CommentHOME {text-align:left;border:none;margin:0px;padding:0px;
//margin-left:-550px;width:811px;
}

#cocommentHOME img
    {
        border:none;
        margin:0px;
        padding:0px;
        margin-top:10px;
        margin-left:0px;
        margin-left:-4em;
        margin-bottom:-3.5em;
    }



#CommentairesImage    
    {
        border:none;
        margin:0px;
        padding:0px;
        //margin-left:550px;
        //margin-top:-10px;
            }
    

    
#cocomment p {margin-top:8px;}    
    

.sansbordure
    {
        border:none;
        padding:0px;
        padding-top:0px;
        padding-bottom:0px;
        margin:0px;
		///background-color:  #D50008;
    }	
.sansbordureH1
    {
        border:none;
        padding:0px;
        padding-top:0px;
        padding-bottom:0px;
        margin:0px;
		///background-color:  #D50008;
    }	

.sansbordureTopColoree
    {
        border:none;
        padding:0px;
        padding-top:0px;
        padding-bottom:0px;
        margin:0px;
		///background-color:  #D50008;
		display:none;
    }

.commentaires 
    {
        width:300px;
        margin-left:25px;
        margin-right:25px;
        margin-top:5px;
        float : left;
        padding : 1em 2em 0 2em;
	    line-height : 130%;
	    text-align :justify;
	    font-size : x-small;
	    color: #666666;
	    border:1px solid #dddddd;
	    

    }
    
.commentaires:hover {
    background-color: #aaaaaa;}

.commentairesMOI 
    {
        width:300px;
        margin-left:25px;
        margin-right:25px;
        margin-top:5px;
        float : left;
        padding : 1em 2em 0 2em;
	    line-height : 130%;
	    text-align :justify;
	    font-size : x-small;
	    color: #666666;
	    border:1px solid #dddddd;
	    background-color: #a1c4e1;

    }
    
.commentairesMOI:hover {
    background-color: #718a9e;}


.PasDeCommentaires {
        margin-left:25px;
        font-size : x-small;
	    color: #666666;}

.comment-title {text-transform:uppercase;font-size:90%;color: #444444;}
#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}
dl dd {
	margin-left: 0px;
}

dl dt {
	font-weight: bold;
}

dl {
	border: 1px solid black;
	margin: 5px;
}


.DateCliche
    {
        border:none; 
        padding:0px; 
        margin:0;
        padding-left: 10px;
        margin-top : 22px;
        float: right;

    }    
.MoisCliche
    {
        border:none; 
        padding:0px; 
        margin:0;
        padding-left: 10px;
        margin-top : 22px;
        float: right;
        width: 46px;
        height:19px; 
    }    
    

.cache
    {
        display:none;
    }    


body {
	margin : 0;
	padding : 0;
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 0.76em;
	background-color: #cdcccc;


	}
#page 
    {
	margin : 0;
    margin-top:10px;
	padding : 0;
	background: transparent;
	width:811px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #999999;
	background-color: #cdcccc;
	background-image: url(./images/fondBody.png);
    background-repeat: repeat-x;
    background-position: top;	
    padding-bottom:0px;
	}
	
#top {
	margin : 0;
	padding: 0 0 0 0;
	//background-color : #D50008;
	background-image: url(./images/FondTop.png);
	margin-top:20px;
	height:85px;
	overflow:hidden;

	}
	
#top:hover .sansbordure {display:none;}
#top:hover .sansbordureTopColoree {display:block;}
	
	
#prelude {
	position : absolute;
	top : 0;
	left : 70%;
	margin : 0;
	width : 25%;
	padding : 0;
	}
#main {
	display : inline;
	clear : both;
	width : 100%;
	text-align: center;
	margin : 0;
	margin-top: 40px;
	padding : 3em 0 0 0;
	}
#content {
	display : inline;
	clear : both;
	margin : 0;
	text-align: center;
	}

/* ==============================================================
	    2. BALISES HTML
/*  ============================================================= */

h1 { font-size : 2em; margin : 0; }
h2 { font-size : 1.15em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 0em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }

code,pre { 
	font-family : "Courier New",monospace; 
	font-size : 1em; 
	}
q { font-style : italic; }
table { 	font-size : 1em; }
p { margin : 1em 0; }
img { padding : 8px; border : 1px solid #AAAAAA; }

.Photo { padding : 15px; border : 1px solid #1c1c1c; background-color:#393939;}

form { display : block; margin : auto ; padding : 0; width:750px;
  	font-size : x-small;
	text-align : left;
	color : #444444;}




/* ==============================================================
	    3. LES LIENS
/*  ============================================================= */

/* ********** Regles generales ************* */
a {
	text-decoration: none;
	font-weight:bold;
	color : #777;
	}
a:hover, a:focus, a:active {
	}
/*a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #666;
	background : transparent;
	}*/

/* ********** Regles specifiques ************* */
#top h1 a {
	font-weight : normal;
	}
#top h1 a:hover {
	color : #fff;
	}
#prelude a {
	color : #d0c6ba;
	}


/* =================================================================
	    4. HAUT DE PAGE
/* ============================================================= */

#top h1 {
	font-size : 1.25em;
	text-transform : uppercase;
	letter-spacing : 1px;
	margin : 0;
	padding : 0;
	width:811px;
	margin-left:auto;
	margin-right:auto;
	}
#prelude {
	background : transparent;
	font-size : xx-small;
	text-align : right;
	color : #d0c6ba;
	}


/* =================================================================
	    5. LES BILLETS
/* ============================================================= */

.post {
	padding : 1em 4em 2em 4em;
	margin:0;
	text-align : center;
	color: #555;
	border : none;
	z-index : 100;
	}
.post-content {
    margin-top:30px;
	}
.post-chapo {
	text-align:center;
	font-style:italic;
	color:#333;
	}
.post img {
	margin-bottom : 2em;
	}
h2.post-title, h2.post-title a {
	color : #999;
	text-decoration: none;
	font-weight : normal;
	}
.post-info-co {
	font-size:xx-small;
	padding:0 0 0.33em 0;
	padding-top:1em;
	padding-left:1em;
	text-align:left;
	color:#eee;
	margin-top : 0;
	}
.post p {margin:0px;padding:0px;}
	
.post-info-co a {color:#eee;}	
.post-info {
	margin : 2em 0 0 0;
	padding:0;
	font-size : xx-small;
	text-align : right;
	color:#666;
	}

/* =================================================================
	    6. COMMENTAIRES, TRACKBACKS
/* ============================================================= */

#trackbacks, #comments, #comment-preview, #addcomm {
	padding : 1em 2em 0 2em;
	margin : 0 8em;
	line-height : 130%;
	text-align :left;
	font-size : x-small;
	max-width : 600px;
	}
#trackbacks {
	clear: both;
	}
#addcomm, #comment-preview {
	}
#comment-preview {
	padding : 1em 2em;
	border : 1px solid #ddd;
	}
#trackbacks h3, #comments h3, #comment-preview h3, #addcomm h3 {
	text-transform : uppercase;
	letter-spacing : 1px;
	font-size : 0.9em;
	font-weight : normal;
	font-size : 1.1em;
	border:0px;
	}
#comments img, #addcomm img {
	border : none;
	padding : 0;
	}
.comment-info {
	clear : both;
	margin-top : 2em;
	}
.comment-number {
	font-size : 1.3em;

	font-family : Georgia,"Times New Roman","New York",serif;
	}


/* =================================================================
	    7. SIDEBAR
/* ============================================================= */

#clear {
	clear: both;
	}
#photo_archive_title {
	color : #666;
	text-align: center;
	margin-bottom : 3em;
	}
#photo_archive {
	padding : 0;
	margin:0px;
	margin-top : 40px;
	width : 701px;
	margin-left:auto;
	margin-right:auto;
	}
#sidebar_archive {
	margin : 0;
	padding : 3px 6px;
	}
span.current a {
	color: #0373A1;
	}
#aide {
	position : absolute;
	top : 60px;
	right : 0;
	background : #fff;
	width : 80px;
	margin : 0;
	padding : 0;
	font-size : x-small;
	text-align : center;
	}
#aide p {
	margin : 0;
	padding : 3px 6px;
	background : #c3cfb9;
	}


/* =================================================================
	    8. FORMULAIRES (recherche et depot commentaire)
	        interactions (messages d'erreur)
/* ============================================================= */
fieldset {
	display : block;
	border : none;
	margin : 0.5em 0 0 0;
	padding : 0;
	}
input, textarea {
	font-size : 1.2em;
	border : 1px solid #dddddd;
	}
input[type], textarea[name] {
	background : #cccccc;
	}
input[type=submit], input[type=reset] {
	background : #ddd;
	color : #333;
	}
input[type=submit]:hover {
	background : #aaa;
	color : #fff;
	}
textarea {
	width : 100%;
	}
p.field, .form-help {
	margin : 0.5em 0 0 0;
	}
p.field label {
	clear : both;
	width : 12em;
	float:left;
	display : block;
	margin : 0 1em 0 0;
	padding-bottom : 0.5em;
	border-bottom : 1px solid #ddd;
	}
	


/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}


/* =================================================================
	    9. TRUCS EN PLUS
/* ============================================================= */

/* Affichage archives et categories 
-------------------------------------------------------- */
.vignettes {
	}
.vignettes a {
	background-position: 0 -90px;
	height: 90px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	border: 2px solid #777777;
	
	width: 90px;
	margin: 0px auto;
	}
.vignettes a:hover {
	background-position: top left;
	color:#ccc;
	}

.dessous_image {
    display:block;
    margin-top:10px;
    	border: 2px solid #777777;
    	border-top:none;
    	margin-left:auto;
    	margin-right:auto;
    width: 90px;
	line-height: 27px;
	color:#fff;
    background-color: #777777;
    font-size:9px;    
    }
    
.dessous_image:hover {color:#ccc;}

/* debut ajout julien */
.vignettes_nav a {
	background-position: 0 -90px;
	height: 90px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	border: none;
	width: 90px;
	margin: 1px;
	}
.vignettes_nav a:hover {
	margin-top: 10px;
	
	background-position: top left;
	
	}
	

/* fin ajout julien */

.vignettes_archive {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
	padding:0px;
	padding-bottom: 20px;
	
	width: 145px;//140px;

	height: 160px;
	overflow: hidden;
	float: left;
	display:inline;
	width: 140px;

}
#navigation {
	text-align:center;
	clear: both;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 1em 0;
}
#navigation p {
	margin: 0 1.5em;
}
#navigation img {
	border: 3px solid #c3cfb9;
}
#navigation img a:hover {
	background-color: transparent;
}
#navprev {
	float: left;
	width: 40%;
	margin: 0;
	text-align: left;
}
#navnext {
	float: right;
	width: 40%;
	margin: 0;
	text-align: right;
}

#navnow {
	width: 110px;
	margin-left: auto;
	margin-right: auto;
}

#navnow table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #333;
	background-color: #8BC6D2;
}

#navnow img {
	margin: 4px auto;
	width: 90px;
	height: 90px;
}

#navnext table {
	margin-left: 0;
	margin-right: auto; 
	text-align: center;
}

#navprev table {
	margin-left: auto;
	margin-right: 0; 
	text-align: center;
}


/* Footer
-------------------------------------------------------- */
.footer {
	clear: both;
	line-height: 160%;
	position : relative;
	font-size:0.86em;
	padding: 0;
	margin : 0;
	background : #7c7b7b;
	background-repeat:repeat;
	background-image: url(./images/fondFooter.png);
	height : 86px;
	border:none;
	}
.footer a {
	color : #666;
}


.conteneur_footer {
    width:811px;
    height:100%;
    margin:0px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    background-image: url(./images/fondFooterContainer.png);
   	background-repeat:no-repeat;
    border:none;
    }


.conteneur_footer_sans_fond {
    width:811px;
    height:100%;
    margin:0px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    background-image: url(./images/fondFooterContainer.png);
    border:none;
    }





.date {
        
        float : right;
        margin-top : -85px;	
        height:86px;
        display:block;
        line-height:0px;
        font-size:0%;
                   
      }

.dateAbs {
        margin-top : -85px;	
        height:86px;
        display:block;
        position:absolute;
        line-height:0px;
        font-size:0%;
        width : 120px;
        text-align:left;
        margin-left: 691px;
        
      }


.ChoixMoisAbs {
        margin-top : -70px;	
        height:86px;
        display:block;
        position:absolute;
        line-height:10px;
        font-size:100%;
        width : 520px;
        text-align:left;
        margin-left: 310px;           
      }
      
.ChoixMoisAbs li {
        float: left;
        list-style-type:none;
}      

    

.ChoixMoisAbs ul {
  margin-left: 65px;
  margin-top: 55px;
  //margin-left: 155px;
  }

.ChoixMoisAbs img {border:none;margin:0px;padding:1px;}

Menu deroulant
----------------------------------------------------------- */

#nav{
	visibility: hidden;
}

#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.3;
}

#nav {
	padding: 0 1em 0 0;
	font-size : x-small;
	margin : 0 0 40px 0;
}

#nav a {
	display: block;
	width: 14em;
	background-color: transparent;
	font-weight : normal;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 14.66em; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxieme niveau */
	position: absolute;
	width: 14em;
	left: -999em; /* on met left plutot que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ecran */
	background-color: #fff;
	border-bottom: 4px solid #bac7d2;
	padding: 0 0 2px 4px;
}
#nav li ul li {
	padding-top : 4px;
	}
#nav li ul li a  {
	color: #777777;
}

#nav li ul li a:hover  {
	font-weight: bold;
}

#nav li ul ul { /* listes de troisieme niveau et plus */
	margin: -1em 0 0 14em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriquees sous les items de listes survoles */
	left: auto;
}

#nav li a.anav {
	line-height: 1.5;
	background: #bac7d2 url(images/bas-onglet.png) no-repeat 100%;
	padding-left: 0.66em;
}

#nav li ul li a.submenu {
	background: #f0f0f0;
}



/* NAVIGATION VERTICALE */

#verticalbloc {
	position : absolute;
	top : 60px;
	right : 5px;
	background : #fff;
	width : 110px;
	margin : 0;
	padding : 0;
	font-size : x-small;
	text-align : center;
	}
#verticalbloc p {
	margin : 0;
	padding : 2px 0;
	background : #c3cfb9;
	}
#verticalbloc a {
	font-weight : normal;
	}
ul#vertical {
    display:block;
	list-style-type : none;
	padding : 0;
	margin : 0;
	height : 85px;
	width : 811px;
	overflow : hidden;
	margin-left: auto;
	margin-right:auto;
	line-height:0px;
	font-size:0%;	
	z-index: 1000;
	}
ul#vertical li a, #vertical li img {
	width : 50px;//90px;
	height : 85px;
	border : 1px solid #7c7b7b;
	border-right:none;
	padding : 0;
	margin : 0;
	overflow:hidden;
	float : left;
	display:inline;
	line-height:0px;
	z-index: 1002;
	}
ul#vertical li.current {
	margin : 0;
	padding : 0;
	background : #c3cfb9;
		z-index: 1000;
			overflow:hidden;
	}
ul#vertical li.current img {
	margin : 0;
	padding : 0 0 0 0;
	overflow:hidden;
	}
	
	
ul#navigat {
    display:block;
	list-style-type : none;
	padding : 0;
	margin : 0;
	height : 85px;
	width : 306px;
	overflow : hidden;
	//margin-left: 0;
	//margin-right:0;
	line-height:0px;
	font-size:0%;	

	}
ul#navigat li a, #navigat li img {
	width : 50px;//90px;
	height : 85px;
	border : 1px solid #7c7b7b;
	border-right:none;
	padding : 0;
	margin : 0;
	overflow:hidden;
	float : left;
	display:inline;
	line-height:0px;

	}
ul#navigat li.current {
	margin : 0;
	padding : 0;
	background : #c3cfb9;

	}
ul#navigat li.current img {
	margin : 0;
	padding : 0 0 0 0;
		overflow:hidden;
	}	
	
h2.post-title, h2.post-title a {
	color : #999;
	text-decoration: none;
	font-weight : normal;
	}

	#miniflex {
        //width: 100%;

        font-size: small; /* could be specified at a higher level */
        margin-left:42px;
        //margin-left:82px;
        position:relative;
        //z-index:2;
        }

#miniflex li {
        float: left;
        margin: 0;
        padding: 0;
        display: inline;
        list-style: none;
        position:relative;
        }


        
#animated-tab {
        position: absolute;
        z-index: 1;
        font-size: 100%;
        line-height: 12px;
        margin-top:16px;
        width:4px;
        padding-top: 2px;
        border-top: 2px solid #dddddd;
        display:none;
        }
        
.ChoixMoisAbs:hover #animated-tab{display:block;}        

#ImageAvant {       
                    margin-top:9px;
	                margin-left:10px;
	                width:100px;
	                display:block;
	                
	                position:absolute;
	                }
#ImageApres {       
                    margin-top:9px;
	                width:100px;
	                
	                display:block;


	                position:absolute;
	                }	                
#ImageAvant:hover{
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(./images/fondPREC.png);
	}
#ImageApres:hover{
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(./images/fondSUIV.png);}
	
	
.imageGroup .imageDisplay {float:left;width:50%}
.imageDisplay img {float:left;margin-bottom:15px;margin-right:5px}
.imageDisplay a.title {font-size:1.1em}
.imageDisplay p {padding-bottom:0}
.image {position:relative;overflow:hidden;margin:0 auto}
.image a.arrowPrev,.image a.arrowNext {position:absolute;top:0;overflow:hidden;width:40%;height:99%;background-position:-5000px 0;background-repeat:no-repeat;border:0;text-indent:-5000px;text-decoration:none;outline:none}
.image a.arrowPrev {left:0}
.image a.arrowNext {right:0}
.image a.arrowPrev:hover {background-position:top left}
.image a.arrowNext:hover {background-position:top right}