/*  ------------------------------------------------------------ */
/*  Feuilles de styles specifiques au site sa.fr.an */
/*  ------------------------------------------------------------ */
/*  ------------------------------------------------------------ */


/* Imported Styles
----------------------------------------------- */
@import url("typographie.css");
@import url("navigation.css");
@import url("mosaic.css");
@import url("formulaires.css");


/* Correction des styles par defaut
----------------------------------------------- */
* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

body { 
    background: #333 url(lotusvert.jpg) fixed repeat; 
    text-align: center; 
}

ol, ul, li { 
    list-style: none; 
}

/*  ------------------------------------------
/*  Dispositon dans la fenetre
/*  ------------------------------------------ */
#container { 
    background: url(back-1.gif) transparent repeat-y top center;
	padding: 0 0px 0 0px;  
    margin:0 auto; 
	position: relative;
    width:1000px;
    /*min-height:600px;*/
	}

#boutique {
    position:absolute;
    top:74px;
    right:168px;
	margin:0;
	}
	
#revuepresse {
    position:absolute;
    top:60px;
    right:0px;
	margin:0;
	}

#agenda {
    position:absolute;
    top:160px;
    right:0px;
	margin:0;
	}

#enveloppe {
    position:absolute;
    top:260px;
    right:0px;
	margin:0;
	}
		
#calendar {
	width: 200px;
	float: left;
	background-color:#E6E6CD;
	display: inline;
	padding: 0 0 10px 0px;
	margin: 15px 0 0 25px;
	}
	
#page { 
    margin: 0 auto; 
    width: 714px; 
    text-align: left;
    background: #FFF url(lotusblanc.jpg) repeat;    
    /*border: 1px solid #030;*/
    
}

#back {
    z-index: 1;
    position:absolute;
    top:0;
}

#home {
    clear:both;
    margin: 0px 0px 10px 25px;
    padding: 10px 0 0 0 ;
}

/* Gros sparadraps... pour parer aux bugs d'affichage d'IE :(
/* Les lignes commen�ant par html>body ne sont pas lues par IE
/* C'est dommage, car c'est le code correct ! Tant pis... */

#contenu { 
    width: 435px; 
    float: right; 
    margin-right: 13px;
	padding-left:10px;
}
    
html>body #contenu {
    margin-right: 25px; 
    min-height: 280px; 
}

#logotop { 
    width: 664px;
    min-height:10px;
    margin: 0 25px 10px 25px;
    padding: 0 0 5px 0; 
}

#navigation {
	position:relative;
	top:0;
	width: 200px;
	float:left;
	display:inline;
    text-align: left;
    margin: 15px 10px 1px 25px; 
}


div { 
    overflow: hidden; 
}

html>body div { 
    overflow: visible; 
}



/* * Images */
html>body #contenu img { 
    max-width: 400px; 
    height: auto; 
    padding: 2px 10px 2px 0;
}

html>body #navigation img, #logotop img { 
    max-width: 664px; 
    height: auto; 
}

/* * Contenu */
.cartouche { 
    padding: 0 0 20px 0; 
}

.cartouche .detail { 
    color: #CC9; 
}

.encart { 
    float: right; 
    width: 150px; 
    margin: 0 0 12px 12px; 
    background: #FFF; 
}

#contenu ol { 
    list-style: decimal inside; 
}

/*  ------------------------------------------ 
/*  gestion des niveaux "axe z"
/*  ------------------------------------------*/

#top { z-index: 99; }
#page { z-index: 70; }
#contenu { z-index: 100; }
#logotop { z-index: 90; }
#navigation { z-index: 80; }

/*  ------------------------------------------
/*  Top, barre de navigation & pied de page
/*  ------------------------------------------ */

#top { 
    clear: both;
	position: relative; 
    margin: 0px 25px 0 25px; 
    padding: 0px 0 5px 0; 
    text-align: right; 
}

#top #nomsite { 
    float:right; 
    font-size: 2em; 
    margin-bottom: 2px;  
    margin-bottom: 0px; 
    font-weight: normal; 
    padding-top: 0px; 
    background: transparent; 
    font-variant: small-caps; 
}

#top a, #top a:hover { 
    text-decoration: none; 
    color: #839D2D; 
}

#top #barnav { 
    height: 18px; 
    background: #660 url(lotusvert.jpg) fixed repeat; 
    color: #660; 
    font-size: 12px; 
    text-align: left; 
    padding-top:3px;
}

#top #barnav a { 
    color: #FFF; 
}

#top #barnav a, #top #barnav a:hover, #top #barnav a.on { 
    margin-top: 5px; padding: 3px 5px 3px 5px; 
}

#top #barnav a:hover, #top #barnav a.on { 
    background: #C30; 
}

#top #barnav a.on { 
    font-weight: bold; 
}

/*  ------------------------------------------ */

#pied { 
    display: block; 
    clear: both; 
    margin-top: 0;
    padding: 20px 25px 1px 25px; 
    text-align: center; 
    font-size: 11px;
    background: transparent url(plume.jpg) bottom right no-repeat; 
}

#pied, #pied a, #pied a:hover { 
    color: #996; 
    text-decoration: none; 
}

/*  ------------------------------------------
/*  Sommaires
/*  ------------------------------------------ */

.sommaire { 
    font-size: 0.88em; 
    margin: 0 0 40px 0; 
    clear: both; 
}

.sommaire, .sommaire a, .sommaire .intro { 
    color: black; 
}

.sommaire a:hover, .sommaire a:hover.suite { 
    color: #F30; 
    text-decoration: underline; 
}

.titrom { 
    margin: 0 50px 4px 2px; 
    font-weight: bold; 
    word-spacing: 0.2em; 
    font-family: Georgia, Times, serif; 
}

.titrom, .titrom a { 
    color: #839D2D; 
    text-decoration: none; 
}

.titrom a:hover { 
    color: #839D2D; 
    text-decoration: underline;
}

.sommaire .liste, .sommaire .extrait { 
    display: block; 
    margin: 0 0 20px 0; 
    padding: 0; 
}

.sommaire .item { 
    line-height: 14px; 
    margin: 0; 
    padding: 2px;
    margin-top:8px; 
    border-top: 1px dotted #CC9; 
}

.sommaire ul { 
padding-left:2px;
}

.sommaire .extrait { 
    color: #663; 
}

.sommaire li em, .sommaire .item em { 
    font-style: normal; 
}

.sommaire li em.gauche, .sommaire .item em.gauche { 
    color: #663; 
    margin-right: 6px; 
    padding-right: 6px; 
    border-right: 1px dotted #CC9; 
}

.sommaire li em.droite, .sommaire .item em.droite { 
    color: #CC9; 
    margin-left: 6px; 
    padding-left: 6px; 
    border-left: 1px dotted #CC9; 
}

.sommaire .suite, .sommaire a.suite { 
    color: #663; 
    text-decoration: underline; 
}

/* * Intertitres discrets */
.titrediscret { 
    background: #D1D5BA; 
    color: #FFF;
    padding: 1px 4px; 
    margin-bottom: 6px; 
    text-align: center; 
    font-size: 11px; 
    letter-spacing: 2px;
    font-weight: bold; 
    text-transform: uppercase; 
    text-decoration: none; 
}

/* * Boutons 80x15 */
#navigation .bouton8015 img { 
    margin: 0 35px 1px 35px; 
}

#contenu .bouton8015 { 
    margin: 1px; padding: 1px; clear: both; 
}

/* * Infos... */
.info { 
    display: block; 
    clear: both; 
    margin-bottom: 6px;
    background: url(pale.gif) repeat; 
    color: #666;
    padding: 25px 4px; font-size: 11px; 
}

/* * Sites web */
    .lavande { 
    color: #839D2D; 
    font-size: 11px; 
    text-transform: lowercase; 
    border-top: 1px dotted #CC9; 
    padding: 2px; clear: both; 
}

.lavande h3 { 
    display: inline; 
    text-transform: capitalize; 
    font-weight: normal; 
}

.lavande a { 
    color: #663; 
    text-decoration: none; 
}

/*  ------------------------------------------
/*  Divers
/*  ------------------------------------------ */
.invisible { 
    display: none; 
}

.spacer { 
    clear: both; 
    line-height: 0; 
    height: 0; 
}

#interface {
    /*background: url(interface2.png) transparent no-repeat top left;*/
    position:relative;
    float: left;
    width:500px;
    text-align:left;
    background:none;
    border:0;
    margin:0;
    padding:0;
    z-index:800;
}

#pomme1, #pomme2 {
    /*background: url(pomme1.png) transparent no-repeat top center;*/
	padding: 0 0px 0 0px;  
    margin:0; 
	position: absolute;
	left:16px;
	bottom:10px;
	z-index:500;
}

#pomme2 {
	left:896px;
}

#pommes {
    /*background: url(pomme1.png) transparent no-repeat top center;*/
	padding: 0 0px 0 0px;  
    margin:0; 
	position:absolute;
	top:165px;
	left:33px;
	z-index:500;
}

.button1, .button2, .button3, .button4 {
    /*background: url(pomme1.png) transparent no-repeat top center;*/
	padding: 0 0px 0 0px;  
    margin:0 10px 0px 0; 
	z-index:500;
	float:left;
}

.button2 {
    margin: 40px 10px 0 0;
}

.button3 {

}

.button4 {
    margin: 60px 0 0 0;
}


/*  ------------------------------------------
/*  Couleurs des liens par defaut
/*  ------------------------------------------ */
a { 
    color: #333; 
    text-decoration: none; 
}

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

a:hover.spip_out { 
    color: blue; 
    text-decoration: underline; 
}

.homebox {
    display:inline;
    margin: 0 27px 10px 2px;
    padding: 0 0 0 0px;
    float: left;
    background:no-repeat url(ardoise_longs.jpg);
    width:200px;
    height:100px;
}

.homebox2 {
    display:inline;
    margin: 0 27px 12px 2px;
    padding: 0 0 0 0px;
    float: left;
    width:400px;
}

.bandeau {
    position:relative;
    top:28px;
    left:20px;
}

.bandeau2 {
    position:relative;
    display:inline;
    top:16px;
    left:0px;
}

.ardoise {
    position:relative;
    top:0px;
    left:0px;
}

.evenbox {
    display:inline;
    margin: 0 10px 20px 0;
    padding: 0 0 0 0px;
    float: left;
}
.evenbox img{
   margin: 0;
   padding: 0;
}
.homebox img {
    padding-left:0px;
}