* {
	margin: 0;
	padding: 0;
	}

img {
    border: 0;
}

body {
    padding:0;
    margin:0;
    background-color: white;
    background-image: url("/sites/templates/images/background_accueil.jpg");
    background-repeat:repeat-x;
    font-family: "trebuchet MS", arial;
    font-size: 14px;
    background-color: #0f203e;
    behavior: url(/sites/templates/csshover.htc); 
    color: white;
}

#page {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    padding: 0px;
    top: 0px;
    width: 1000px;
   /* border:1px solid red;
    height: 800px;*/
}

#logo {
	position: absolute;
	top:0;
	left: 15px;
	}
	
#sonia_gauche {
    position: absolute;
    left: 50%;
    margin-left: -708px;
    padding: 0px;
    top: 70px;
    background-image: url("/sites/templates/images/Sonia-Deffrennes-2.jpg");
    background-repeat:repeat-x;
    height: 540px;
    width: 208px;
	}
	
#sonia {
	position: absolute;
	left:0px;
	top:70px;
	}
	
#content {
    position: absolute;
    left:325px;
    top:105px;
    }	
    
/*MENU*/

ul.topnav {
	position: absolute;
	margin: 0; 
	padding: 0;
	height: 35px;
	left: 200px;
	top:17px;
	width: 800px;
	overflow: hidden;
	} 
	
ul.topnav li {
    list-style: none;
    margin:0 12px 0 12px;
    }	
    
ul.topnav li a {
	display:block;
    list-style: none;
    color: #009ee0;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    padding:7px 20px 0 20px;
    height: 28px;
    letter-spacing: 1px;
    } 
    
ul.topnav li:hover, ul.topnav li.here  {
    background-image: url("/sites/templates/images/menu_droite.gif");
    background-repeat:repeat-x;
    background-position: right;
    }   
    
ul.topnav li:hover a, ul.topnav li.here a {
    background-image: url("/sites/templates/images/menu_gauche.gif");
    background-repeat:no-repeat;
    background-position: left;
    color: white;
    }  
    
ul.topnav li.here a {
    letter-spacing:5px; 
    } 
    
/*TEXTE ACCUEIL*/

#texte_accueil {
	position: absolute;
	left: 315px;
	top: 280px;
	}
	
.item_txt ul{
    margin-left: 15px;    
    }	
	
#texte_accueil .item_txt {
	margin-left: 130px;    
	}
	
.icone {
    float: left;
    } 
    
#texte_accueil .icone {
    margin-left:20px;
    margin-top:10px;
    }  
            
    
#separateur1 {
	position:absolute;
	height: 1px;
	width: 650px;
	top:388px;
    background-image: url("/sites/templates/images/accueil_separateur.gif");
    background-repeat: repeat-x;
    margin-left: 350px;
	} 
	
/*NEWS ACCUEIL*/	
	
#news_accueil {
    position: absolute;
    left: 410px;
    top: 397px;
	}
	
#news_accueil .icone {
    margin-left:20px;
    margin-top:15px;
    }   	
	
#news_accueil .item_txt {
    margin-left: 130px;    
    }	
	
.summaryPostOld {
	float: left;
	width: 130px;
    padding-right: 22px;
	}
	
.pubdate {
	font-size: 12px;
	font-style: italic;
    background-image: url("/sites/templates/images/fleche_actu.gif");
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 10px;
	}
	
.summaryPostOld .title {
	margin-top: -2px;
	}
	
#news_accueil .item_btn {
	position: absolute;
	left: 420px;
	top:3px;
	width: 168px;
	height: 16px;
	}	
	
#separateur2 {
    position:absolute;
    height: 1px;
    width: 562px;;
    top:505px;
    background-image: url("/sites/templates/images/accueil_separateur2.gif");
    background-repeat: repeat-x;
    margin-left: 438px;
    } 		
   
/*TEMOIGNAGE ACCUEIL*/    
    
#temoignage_accueil {
    position: absolute;
    left:506px;
    top:525px;
    }	
    
#temoignage_accueil .item_btn {
	position: absolute;
	left: 324px;
	top:-3px;
	width: 168px;
	height: 16px;
	}  
	
#temoignage_accueil .icone {
    margin-left:15px;
    margin-top:0px;
    }	  
    
#temoignage_accueil .item_txt {
    margin-left: 125px;    
    margin-top: -7px;
    }        
    
#credits {
	position: absolute;
	top:615px;
	text-align: center;
	font-size: 12px;
	color: gray;
	width: 1000px;
	}    
    
/*MISE EN PAGE*/

h1 {
	font-weight: normal;
	color: #f29400;
	font-size: 24px;
	}   
	
h2 {
    font-weight: bold;
    color: #009ee0;
    font-size: 30px;
    } 
    
.h2_spec {
    font-weight: normal;
    font-style:italic;
    color: #40215d;
    font-size: 24px;
    } 
    
h3 {
    color: white;
    font-size: 18px;
    padding-bottom: 4px;
    } 
    
a, #content a {
    text-decoration: underline;
    color: white;
}