@import "layout.css";
/* @import "layout-gauche.css"; */
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	background: #1D4A85   url(images/Accueil9ter2.jpg) no-repeat center top fixed; 
	/*background: #1D4A85   url(img/back.png) repeat-x;*/ 
	color: #000;
	font-size: 80%;
	line-height: 1.6em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
}


em {font-size:.9em;color:#9ED200;}

/*background: #1D4A85 url(images/breger.gif) no-repeat ;*/


h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.6em;color:#9ED200;text-transform:uppercase;}
h2{font-size: 1.4em;color:#9ED200;text-align;right;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;color:#d8c065;text-transform:uppercase;}
h5{font-size: .9em;}
h6{font-size: .8em;}


a{	color: #000;}
a:visited{	color: #82C9FA;}
a:hover{	color: #636;cursor:pointer}
a:link img{color:none;border: 0}
a:visited img{border: 0;filter: chroma}  
a:hover img {border: 1;filter: chroma; cursor:pointer}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

ul {color:#CCCCCC;}

/* La page
-------------------------------------------------------- */
#page{
	background: #1D4A85 ;
	color: inherit;
	width:900px;
	border-left : #1D4A85 3px inset;
	border-right : #1D4A80 3px inset;
	
	margin : 0 auto 0 auto;
	padding:0;
}
 
/* L'entête
-------------------------------------------------------- */
#top{
	height: 120px;
	/*padding-top: 20px;*/
	background: #1D4A85  url(img/top.png) no-repeat left top;
}

#top h1{
	height: 80px;
	line-height: 80px;
	margin: 0 0 0 40px;
	padding-top: 20px;
	color: #FFFFFF;
}

#top h1 a{
	text-decoration: none;
	color: #FFFFFF;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #DFDFDF;
	text-align: center;
}

#prelude a{
	color: #DFDFDF;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* Le contenu
-------------------------------------------------------- */
#main {
background: #1D4A85  url(img/fond_main.png) no-repeat left top;
padding : 20px; 
}

#mainintro {
line-height: 1.2em;
float:right;
font-size:.85em;
background:transparent url(images/cadre.gif) center no-repeat;
width: 450px;
height: 330px;
padding: 20px 0px 0px 50px;
margin: 10px auto 0 auto;
}

#main h3 {
  margin:1.5em 0 .75em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#6873f8;
  }

#main p{
color : #CCCCCC;
text-align:justify;

}



blockquote{
  display:block;
  margin: 5px 10em 5px 3em;
  padding: 14px 0 0 4em;
  font-size: .8em;
  line-height: 1.5em;
  color: #9ED200;
  background: url(img/quotes.gif) no-repeat;
  text-align:justify;

  }

/* La barre de navigation
-------------------------------------------------------- */

#sidebar div{

	color: inherit;
}

#sidebar div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2, #sidebar h3{
	color: #9ED200;
	margin: 0 0 1ex 0;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}

#sidebar div#search{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}



/* Le pied de page
-------------------------------------------------------- */
#footer{
	margin: 0;
	padding: 1em;
	border-top: 1px solid #CCC;
	background: #transparent;
	color: #666;
}

#footer a{
	color: #999;
}


#devfooter{
position:absolute;
bottom:0px;
right:0px:
clear:both;
}




/* Navigation
*/

#menu3 {

       width: 200px;
       margin: 0 auto 0 auto;
       padding:0;
       
	
        }

#menu3 li a {
	height: 28px;
        text-decoration: none;
        }

#menu3 li a:link, #menu3 li a:visited {
        color: #9ED200;
        display: block;
        background: url(menu3.png);
		margin:0 0 0 -30px;
        padding: 4px 0 0 30px;
        }


#menu3 li a:hover, #menu3 li a:active {
        color: #fff;
        background: url(menu3.png) 0 -32px;
        padding: 4px 0 0 30px;
        }
        
#menu3 li ,
  .accueil #menu3 #accueil a,
  .bio #menu3 #bio a,
  .actu #menu3 #actu a,
  .livres #menu3 #livres a,
  .contact #menu3 #contact a,
  .illustrations #menu3 #illustrations a,
  .coeur #menu3 #coeur a,
  .marmite #menu3 #marmite a,
  .galerie #menu3 #galerie a,
  .boutique #menu3 #boutique a,
  .develop #menu3 #develop a,
  .liens #menu3 #liens a {
		color: #fff;
        background: transparent;
        padding: 4px 0 0 30px;
        }		



		
		
		
  #menu3 #current a {
                /*background-position:0% -42px;*/
                background:#1d4a85;
                
        }
        #menu3 #current a span {
                /*background-position:100% -42px;*/
                background:transparent;
                color:#FFF;
        }        
        
	
/*- Menu Tabs J--------------------------- */

    #tabsJ {
           
      height:24px;
      width:100%;
      background:#transparent;
      font-size:8px;
      line-height:normal;
      color:#fff;
      text-align:center;
      margin:0 auto 0 auto;
      padding:0;
         
      background-position:0% -42px; 
      }
    #tabsJ ul {
	font-size:.9em;
        margin:0;
        padding:0px 10px 0 50px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
    	float:left;
      background:url("tableftJ.png") no-repeat left top;
      margin:0;
      padding:0 0 0 10px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightJ.png") no-repeat right top;
      padding: 10px 15px 4px 6px;
      color:#9ED200;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

	  
#tabsj 
  .accueil #tabsj #accueil a,
  .bio #tabsj #bio a,
  .actu #tabsj #actu a,
  .livres #tabsj #livres a,
  .contact #tabsj #contact a,
  .illustrations #tabsj #illustrations a,
  .coeur #tabsj #coeur a,
  .marmite #tabsj #marmite a,
  .galerie #tabsj #galerie a,
  .boutique #tabsj #boutique a,
  .develop #tabsj #develop a,
  .liens #tabsj #liens a {
                background-position:0% -42px;
                 background:transparent;
        }		



#tabsj   .accueil #tabsj #accueil a span,
  .bio #tabsj #bio a span,
  .actu #tabsj #actu a span,
  .livres #tabsj #livres a span,
  .contact #tabsj #contact a span,
  .illustrations #tabsj #illustrations a span,
  .coeur #tabsj #coeur a span,
  .marmite #tabsj #marmite a span,
  .galerie #tabsj #galerie a span,
  .boutique #tabsj #boutique a span,
  .develop #tabsj #develop a span,
  .liens #tabsj #liens a span{
                background-position:100% -42px;
                background:#1d4a85;
                color:#FFF;
        }