/* CSS Document */

body {
 background-color:#FEEEB8;
 color:#0033CC;
 font: bold 1.5em Garamond,Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 line-height:180%;  
 margin-left: 15px;
 margin-right: 5px;
 margin-bottom: 10px
}

h1 {
	font: bold 1.5em Garamond,Georgia, "Times New Roman", Times, serif;
	color: #00496C;
	padding-left: 1px;
	letter-spacing: 0.2em;
	word-spacing: 0.2em;
	margin-bottom: 1em;
	margin-top: 0em
}


ul {
color:#666;
 list-style-image: url(puce.gif)
  }

ul li { 
line-height: 100%;  
font:1em Garamond,Georgia,"Times New Roman",Times,serif;
margin-top:0.9em;
}

a:link 
  {color: #0000FF; 
  text-decoration: underligne; 
  background-color: transparent }
a:visited 
  { color: #0000FF; 
  text-decoration: underligne; 
  background-color: transparent }
a:hover 
  { color: #000000; 
  text-decoration: underline; 
  background-color: transparent }
a:active 
  { color: #900; 
  text-decoration: underline; 
  background-color: transparent }

p {
font: bold 1.5em Garamond,Georgia, "Times New Roman", Times, serif;
margin-left:5px;
color:#666
}

dl {
font:1em Garamond,Georgia,"Times New Roman",Times,serif;
font-style:italic;
margin-left:5px;
color:#666
}

blockquote {
	font-family: Garamond,Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	min-height: 60px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	background: url(quote.gif) no-repeat 0 0;
}
blockquote p {
	margin-left: 85px;
	margin-bottom: 0em;
	padding-bottom: 0;
}

div.centrage {text-align: center;}

/*  ------------------------------------------
/*  Site
/*  ------------------------------------------
*/
  
#site {
	background-color: #FEEEB8;
	position: relative; 
	margin: 0px;
	width: 96%;
}


/*  ------------------------------------------
/*  Header - 
/*  ------------------------------------------
*/

#header {
	width:950px;
	}

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


#menu
	{
	color: #FFFFFF;
	font-size: 15px;
	line-height: 16px;
	background-color: #666666;
	text-align: center;
	letter-spacing: 6px;
	margin-bottom: 15px;
	height: 16px
	}

#menu a 
	{
	color: white;
	text-decoration: none  
	}
#menu a:link 
  {color: white; 
  text-decoration: none; 
  background-color: transparent }
#menu a:visited 
  { color: #FFFFFF; 
  text-decoration: none; 
  background-color: transparent }
#menu a:hover 
  { color: #000000; 
  text-decoration: underline; 
  background-color: #CCFFFF }
#menu a:active 
  { color: #FFFFFF; 
  text-decoration: underline; 
  background-color: transparent }

/*  ------------------------------------------
/*  pub 
/*  ------------------------------------------
*/
#pubgauche {
	position: relative; 
	float: left;

}
#pubdroite {
	position: relative; 
	float: right;

}


/*  ------------------------------------------
/*  colonne gauche
/*  ------------------------------------------
*/

#gauche {
	position: relative; 
	float: left;
	width: 60%;
}


/*  ------------------------------------------
/*  colonne droite
/*  ------------------------------------------
*/

#droite {
	position: relative; 
	float: right;
	width: 25%;
}


#droite a {
margin: 0px;
padding: 0px;
width: 200px;
background-color : #FEEEB8;text-indent: 0px;
}

#droite a:link, #droite a:visited {
display: block;
border-top : 0px;
border-bottom: 1px solid #6AB4B3;
background-color : #339999;
font-weight: normal;
padding: 1px 0px 1px 0px;
color: #FFFFFF;
width: 200px;
text-indent: 0px;
text-decoration: none;
}

#droite a:hover {
background-color : #6AB4B3;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
}

#droite ul {
line-height:100%;
display:block;
border-top:0;
text-indent:0;
margin-left:0;
margin:0;
padding:0;
list-style:none;
list-style-image:none;
margin-top:0px;
}

#droite ul li { 
margin-top:1px;
line-height:100%;
display:block;
border-top:0;
text-indent:0;
margin-left:0;
margin:0;
padding:0;
list-style:none;
list-style-image:none;
margin-bottom:0.5px;
}

/*  ------------------------------------------
/*  journal
/*  ------------------------------------------
*/
.journal {
width: 730px;
border: 1px ridge black;
background-color: #339999;
	}
	
.journal ul {
font: bold 1.0em Garamond,Georgia, "Times New Roman", Times, serif;
}

.journal ul li { 
font: bold 1.0em Garamond,Georgia, "Times New Roman", Times, serif;
}


.journal h4 {
	font: bold 1.5em Garamond,Georgia, "Times New Roman", Times, serif;
	color: #00496C;
	background: url(tache.gif) no-repeat;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 1em	
	}


/*  ------------------------------------------
/*  article
/*  ------------------------------------------
*/
.article {
position: relative; 
width: 740px
}

.article h1 {
	font: bold 1.3em Garamond,Georgia, "Times New Roman", Times, serif;
	color: #00496C;
	padding-left: 1px;
	letter-spacing: 0.2em;
	word-spacing: 0.2em;
	margin-bottom: 1em;
	margin-top: 0em
}

.article h2 {
	font: bold 1.0em Garamond,Georgia, "Times New Roman", Times, serif;
	color: #00496C;
	background: url(tache.gif) no-repeat;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 1em	
	}
	
	.article h3 {
	font: bold 0.9em Garamond,Georgia, "Times New Roman", Times, serif;
	color: #00496C;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 0.9em	
	}
	
	.article h4 {
	font: bold 0.8em Garamond,Georgia, "Times New Roman", Times, serif;
	color: #00496C;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 0.9em	
	}
	
	.article h5 {
	font: bold 0.7em Garamond,Georgia, "Times New Roman", Times, serif;
	color: #00496C;
	padding-left: 19px;
	margin-bottom: 0.5em;
	margin-left: 10px;
	margin-top: 0.9em	
	}

.article p {
font: 1.2em Garamond,Georgia,"Times New Roman",Times,serif;
color:#666
}


/*  ...............textes ........... */

.legende {
position: relative;  
float: left;
width: 390px
}

.legende p {
font:1em Garamond,Georgia,"Times New Roman",Times,serif;
font-style:italic;
margin-left:10px;
color:#666
}

.image {
position:relative;
float: left;
width: 340px;  
}

.image p{
 text-align:center;
}


/*  ------------------------------------------
/*  conjugaison
/*  ------------------------------------------
*/
.pronom {

position:relative;
float: left;
text-align:right
}

.verbe {
position:relative;
font: 1.2em Garamond,Georgia,"Times New Roman",Times,serif;
float: left;
text-align:left
}

.verbe span {
color:#FF0000
}


	
/*  ------------------------------------------
/*  fiche
/*  ------------------------------------------
*/
.fiche {
background-color: #FEEEB8;
position: relative; 
padding: 5px 0px 5px;
font: 0.8em Garamond,Georgia, "Times New Roman", Times, serif;
line-height:180%; 
width: 100%
}	

.fiche h4 {
	font: bold 0.9em Garamond,Georgia, "Times New Roman", Times, serif;
	color:#FFFF99;
	background: url(menu_droite.gif) no-repeat;
	padding-left: 19px;
	margin-bottom: 0em;
	margin-left: 0px;
	height:15px;
	text-align:left;
	margin-top: 2em	
	}

.fiche h5 {
	font: bold 0.9em Garamond,Georgia, "Times New Roman", Times, serif;
	color:#FFFF99;
	background: url(menu_bas.gif) no-repeat;
	padding-left: 19px;
	margin-bottom: 0em;
	margin-left: 0px;
	height:15px;
	text-align:left;
	margin-top: 0em	
	}

/*  ------------------------------------------
/*  more info
/*  ------------------------------------------
*/
.moreInfo {
	background: #AAEFEF url(aide.gif) no-repeat 10px 12px;
	margin: 10px;
	padding: 10px;
	border: 2px solid #2B7FB5;	
}
.moreInfo p {
	text-indent: 17px;
	margin-top: 0
}

/*  ------------------------------------------
/*  credit
/*  ------------------------------------------
*/
#credits a {
	color: #FFF;
}
p#credits {
	width: 950px;
	height: 26px;
	padding: 8px 5px 0;
	clear: both;
	background-color: #666666;
	color: #FFF;
	font-size: 15px !important;
	line-height: 120%	
}
/*  ------------------------------------------
/*  AJAX
/*  ------------------------------------------
*/
#ajaxticker1{
width: 730px;
height: 150px;
border: 1px ridge black;
background-color: #FEEEB8;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FEEEB8;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/*  ------------------------------------------
/*  METEO
/*  ------------------------------------------
*/
table.tableau_meteo th.meteo {
	font-weight: bold;
	background-color: #009DD9;
	color: #FFFFFF;
	width: 200px;
	border-left: none 0px #000000;
	border-top: none 0px #000000;
	border-right: solid 1px #A7A9AC;
	border-bottom: solid 1px #A7A9AC;
}
table.tableau_meteo th ,table.tableau_meteo td{
	border-left: none 0px #000000;
	border-top: none 0px #000000;
	border-right: solid 1px #A7A9AC;
	border-bottom: solid 1px #A7A9AC;
	font-weight: normal;
}
table.tableau_meteo  {
	border-left: solid 1px #A7A9AC;
	border-top: solid 1px #A7A9AC;
	border-right: none 0px #000000;
	border-bottom: none 0px #000000;

}
/*  ------------------------------------------
/*  Recherches
/*  ------------------------------------------
*/
.recherche {
	background-color:#FFFFCC;
 	border-style:solid 1px;
 	border:#000000;
	font-size:medium;
	
 }
 .recherche span
	{
	font-size: small;
	color="#008000; 
	}
/*  ------------------------------------------
/*  Invisible
/*  ------------------------------------------
*/

#gauche .article .invisible a {
	font-size: 9px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #FEEEB8;
}