/*####################### 
MISE EN PAGE GÉNÉRALE 
####################### */
html 
{
font-size: 100%;
}

body 
{
text-align: center;     /* IE corrige le bug de l'alignement des <div> pour la page du blog*/
margin: 0;
padding: 0;
font-size: small;
font-family: Verdana, sans-serif;
background:  #FEFAE8 url(images/topimage_fond.gif)  top left  repeat-y;
  
}


#header
{
width: 100%;
padding: 0;
margin: 0;
background:  #FEFAE8 url(images/fondheader.jpg)  top left repeat-x;  

}

#filler
{
text-align: left;
height: 162px;
width: 100%;
padding: 0;
margin: 0;
}



#container 
{
font-size: 100%;
width: 100%;
margin: 0;
padding: 0;
background:  transparent url(images/topimage_fond.gif)  top right repeat-y;
}

#contenu
{
width: 800px;       /* 80%  */      
padding: 0;
margin: 20px auto 40px auto;
}

.accueil
{
float: left;
width: 100%;
padding: 0;
margin: 0 auto 10px auto;
background: transparent url(images/topimage_accueil.jpg)  top right no-repeat;
}


.accueil p
{
font-family: Times New Roman,  serif;
text-align: left;
color: #D28A00;            
font-size: 1.2em;
font-weight: 500;
padding: 0;
margin:  50px 400px 30px 0;
font-style: italic;
}

.accueil span
{
font-family: Georgia, Times New Roman,  serif;
font-size: 1.3em;
font-weight: 500;
}




#gauche
{
position: relative;
float: left;
width: 69%;
padding: 0 ;
margin:  0 0 20px 0 ;
border-right: 1px solid #AEA690;          
}

#droite  
{
position: relative;
float: left;
width: 30%;
text-align: left;
padding: 0;
margin: 0 0 20px 0;
}


#footer
{
clear: both;
height: 400px;
width: 700px;
padding: 0;
margin: 30px auto 0 auto;
border-top: 1px solid #AEA690;
}


.bloccontenugauche
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
}


.quote
{
line-height: 1.8em;
font-size: 0.90em;
width: 100%;
padding: 0;
margin:0;
}


.bloccontenudroit
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 15px 0;
}

#gauche p
{
line-height: 1.8em;
text-align: left;
color:#000;              
font-size: 0.95em;
font-weight: 500;
padding:  0 30px 0 0;
margin: 0 0 10px 0;
}


#gauche h3
{
color: #526A36;  
font-size: 0.95em;
font-weight: bold;
text-align: left;
padding: 0 0 3px  15px;
margin: 0 30px 10px 0;
border-bottom: 1px solid #AEA690;
}


#intros       /* les textes d'intro sur chaque page */
{
float: left;
width: 100%;
padding: 0;
margin: 0;
}


#intros p
{
font-family: Times New Roman, Georgia,  serif;
text-align: left;
font-size: 1.2em;
font-weight: 500;
font-style: italic;
margin:  0;
padding:  0 80px 0 20px;
}


#contenu h2
{
padding:  0 25px 10px 0;
}

#droite p
{
line-height: 1.9;
text-align: left;
color: #585545;      
font-size: 0.85em;
font-weight: 500;
padding:  0 0 0 30px;
margin: 0 0 15px 0 ;
}


h1
{
font-family: arial, sans-serif; 
text-align: left;
font-size: 11px; 
font-weight: 600;
margin: 0;
padding-top: 10px;
}


h2 
{
font-family:  Georgia, Garamond, Times New Roman, serif;
font-size: 160%;
font-weight: 500;
letter-spacing: 0;
color: #6F8852;
margin: 0;
text-align: left;
}



#droite h3
{
color: #526A36;   
font-size: 0.85em;
font-weight: bold;
text-align: left;
padding:  0 0 3px 15px;
margin: 0 0 10px  30px;
border-bottom: 1px solid #AEA690;
}

h3
{
background: transparent url(images/bulletheader.gif) left no-repeat;
}


/*####################### 
Liens
####################### */
 
a
{
color: #0066CC;     
text-decoration: underline;
}

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

.lienexterne
{
background: transparent url(images/lienexterne.png) right no-repeat;
padding: 0 15px  0 0;
}



/*####################### 
Naviguation - Menu principal
####################### */

#menu
{
height: 35px;
width: 597px;
padding: 0;
margin:  0 auto 10px auto;
}

#menu ul
{
list-style-type: none;
padding: 0;
margin: 0;
background: transparent url(images/menu.gif) 0  -70px no-repeat;
}

#menu ul li 
{
height: 35px;
float: left;
}


#menu ul a,  #menu ul .selected 
{
text-indent: -9999px;
text-decoration : none;
}


#accueil a { display: block; width:79px; height:35px; margin:0; padding:0; background: #F0EBDD url(images/menu.gif) 
0 -70px no-repeat; }
#accueil a:hover { display: block; width:79px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
0 -35px no-repeat;}
#accueil .selected { display: block; width:79px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
0  0 no-repeat;}


#vitrail a { display: block; width:79px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-79px  -70px no-repeat;}
#vitrail a:hover { display: block; width:79px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-79px  -35px no-repeat;}
#vitrail .selected { display: block; width:79px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-79px  0 no-repeat;}

#religieux a { display: block; width:139px; height:35px; margin:0; padding:0; background: #F0EBDD url(images/menu.gif) 
-158px  -70px no-repeat; }
#religieux a:hover { display: block; width:139px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-158px  -35px no-repeat;}
#religieux .selected { display: block; width:139px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-158px  0 no-repeat;}


#lampes a { display: block; width:84px; height:35px; margin:0; padding:0; background: #F0EBDD url(images/menu.gif) 
-297px  -70px  no-repeat; }
#lampes a:hover { display: block; width:84px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-297px  -35px  no-repeat;}
#lampes .selected { display: block; width:84px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-297px  0  no-repeat;}


#decoratif a { display: block; width:137px; height:35px; margin:0; padding:0; background: #F0EBDD url(images/menu.gif) 
-381px  -70px no-repeat; }
#decoratif a:hover { display: block; width:137px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif)
-381px  -35px no-repeat;}
#decoratif .selected { display: block; width:137px; height:35px; margin:0; padding:0; background: transparent url(/images/menu.gif)
-381px  0 no-repeat;}

#cours a { display: block; width:75px; height:35px; margin:0; padding:0; background: #F0EBDD url(images/menu.gif) 
-518px  -70px no-repeat; }
#cours a:hover { display: block; width:75px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-518px  -35px no-repeat;}
#cours .selected { display: block; width:75px; height:35px; margin:0; padding:0; background: transparent url(images/menu.gif) 
-518px  0 no-repeat;}




#presentation
{
position: relative;
float: left;
width: 100%;
padding: 0;
margin: 0 auto 30px auto;
}


#presentation p 
{
text-align: left;
line-height: 1.8;
color: #1A1F27;            
font-size: 1em;
font-weight: 500;
margin:  0 30px 0 0;
padding: 0;
}





#portfolio     /* Bloc des images des mini images des portfolios sur les pages */
{
position: relative;
float: left;
text-align: left;   /*pour aligner les images à gauche */
padding: 0;
margin: 0;
}

#portfolio a
{
text-decoration: none;
}

#portfolio a img 
{
padding: 2px;
background: #fff;
margin: 0 15px 15px 0;
border: 7px solid #D3C9AF;
}

#portfolio a:hover img
{
border: 7px solid #A69A7A;
}

#portfolio a:hover      /*arretes de déconner IE */
{
border-width: 0;
}


.bouquin
{
position: relative;
float: right;
width: 95%;
text-align: left;
padding: 0;
margin: 0;
}

.bouquin img
{
float: left;
padding:  0;
margin: 0 0 0 5px;
}


.bouquin ul
{
height: 100px;
list-style-type: none;
padding: 0;
margin: 0 0 10px 15px;
}


.bouquin ul li 
{
text-align: left;
font-size: 0.80em;
font-weight: 500;
color: #56647A; 
padding:  0;
margin: 0;
}

.bouquin li img
{
float: left;
padding:  0;
margin: 0;
}



.titre 
{
text-align: left;
font-size: 0.80em;
font-weight: 600;
padding:  0;
margin: 0;
}

.bouquin  li a
{
text-align: left;
padding: 0;
margin: 0;
}

.bouquin li a:hover
{
text-align: left;
padding: 0;
margin: 0;
}







/*####################### 
Page cours
####################### */


#map
{
align: left;
width: 525px;
height: 300px;
padding: 0;
margin: 0;
}



/*####################### 
Footer
####################### */

#footer p
{
font-family: Verdana;
line-height: 1.9;
text-align: center;
color: #414C5D;    
font-size: 0.8em;
font-weight: 500;
padding:  10px 0 0 0;
margin: 0;
}







/*####################### 
Page Contact
####################### */


input, textarea 
{
border: 1px solid #999;
padding:3px;
color:#999;
margin:0 5px 0 0;
background: #fff url(images/bg_input.gif) 0 0 no-repeat;
_background-attachment: fixed;        /* le sous-tiret corrige les ombrages pour Mozilla */
}





/*####################### 
Autres
####################### */

table
{
border: solid 1px #666;
padding: 0 0 0 5px;
margin: 0  0  30px  25px !important;
margin: 0  0  30px  0;
}

td
{
font-size: 11px;
font-weight: 500;
color: #666;
text-align: left;
line-height: 1.5;
margin: 0;
padding-right: 20px;
}


#contact
{
float: right;
height: 99px;
width:308px;
padding: 0;
margin: 0;
background: transparent url(images/contact-trans.png) top right no-repeat;
}



#contact a
{
float: right;
width: 308px;
height: 99px;
padding: 0;
margin:  0;
text-decoration: none;
text-indent: -9999em;
background: transparent url(images/contact-trans.png)  top right no-repeat;
}

#contact a:hover
{
float: right;
width: 308px;
height: 99px;
padding: 0;
margin:  0;
text-indent: -9999em;
background: transparent url(images/contact_hover-trans.png)  top right no-repeat;
}



/*####################### 
Images
####################### */

.imgright
{
float: right;
}

#droite img
{
float: left;
}

.imgleft
{
float: left;
padding: 5px 10px 0 0;
margin: 0;
}


.imgbordure
{
margin: 0;
padding: 2px;
border: 1px solid #060701;
}

.imglettrine
{
float: left;
margin: 8px 18px 0  0;
padding: 2px;
border: 3px solid #D3C9AF;
background: #fff;
}



#filler img
{
float: left;
padding: 0;
margin: 0;
}


blockquote
{
font-family: Georgia, Times New Roman, Serif;
font-weight: normal;
font-style: italic;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border-left: 3px solid #39547C;
}