body {
    margin:0px;
    padding:0px;
    border:0px;
    font-family :  Arial,Verdana, Helvetica, sans-serif;
    font-size:12px;
    color:#C8CDD1;    
    background-color:#C8CDD1;
}

a {
    text-decoration : none;
}

a:hover {
    text-decoration : none;
}

.spip-admin-bloc {
   position:absolute;
   left:0px;
   top:0px;   
   z-index:1;
}

.br {
   clear:both;
}


.spip_documents {
   padding:5px;
}

h1 {
   display:block;
   position:absolute;
   margin:0px;
   padding:0px;   
   left:50%;
   margin-left : -255px;
   top:70px;   
   width:420px;
   height:60px;
   padding:10px;
   font-size:23px;
   font-weight:normal;
   color:#FFFFFF;    
   /*background-color:#00FF00;*/
   z-index:1000;
}

h2 {
   margin-left:100px;
   text-align:left;
   font-size:16px;
   color:#990099; 
   font-weight:bold;   
}

h3 {
   margin:0px;
   padding:0px;
   text-align:left;
   font-size:16px;
   color:#990099;  
   font-weight:bold;      
}

h4 {
   font-size:12px;
   font-weight:bold;   
}

ul.spip {
   margin-top:1px;
}

li.spip {
   padding:0px;  
   margin:0px;   
   list-style-type:none;
   padding-left:25px;
   background-image:url(IMG/savoir/puce.gif);   
   background-repeat:no-repeat;
   background-position:15px 6px; 
   padding-bottom:5px;
}

#conteneur {
   width:1007px;
   position:absolute;
   left:50%;
   margin-left : -504px;
   top:0px;   
}

#entete {
   display:block;
   width:1007px;
   height:150px; 
   background-color:#FFFFFF;
   color:#000000;
   background-image:url('IMG/savoir/haut_visuel1.jpg');   
   background-repeat:no-repeat;     
   background-position: right bottom;     
}

#savoir {
   display:block;
   width:252px;
   height:143px;   
   float:right;
   background-image:url('IMG/savoir/logo.gif');   
   background-repeat:no-repeat;     
}

#savoir:hover {
   background-image:url('IMG/savoir/logo_f2.gif');      
}


#entete_gauche {
   display:block;
   float:left;
   width:220px;
   height:143px;
}

#azur {
   display:block;
   width:220px;
   height:120px;    
   background-image:url('IMG/home_savoirs/images_morceaux_home_savoirs/1er_reseau.gif'); 
   background-repeat:no-repeat;       
}

#contact {
   display:block;
   width:206px;
   height:24px;    
   background-image:url('IMG/savoir/contact.gif'); 
   background-repeat:no-repeat;  
   margin-left:12px;   
   margin-top:6px;
}

#contact:hover {
   background-image:url('IMG/savoir/contact_f2.gif'); 
}

#accroche {
   display:block;
   float:left;
   width:535px;
   height:150px;    
   background-image:url('IMG/savoir/accroche2.gif'); 
   background-repeat:no-repeat;        
}

#page {
   display:block;
   width:1007px;
   min-height:287px;
   background-color:#FFFFFF;
   color:#000000;   
   /*padding-top:15px;*/
   background-image:url('IMG/savoir/visuel1.jpg');   
   background-repeat:no-repeat;     
   background-position: right top;  
}

/* Menu gauche */
#gauche {
   display:block;
   float:left;
   width:220px;
}

#gauche ul {
   padding:0px;
   margin:0px;   
   margin-left:12px;  
   margin-top:23px;   
   list-style-type:none;
}

#gauche ul li {
    list-style:none;
    margin:0px;
}

#gauche ul li a {
   display:block;
   width:207px;
   height:27px;
   margin-bottom:2px;
}

#gauche ul li .menu0 {
   background-image:url('IMG/savoir/accueil.gif');   
   background-repeat:no-repeat;   
   height:26px;     
}

#gauche ul li .menu0:hover {
   background-image:url('IMG/savoir/accueil_f2.gif');   
   background-repeat:no-repeat;      
   height:26px;      
}

#gauche ul li .menu1 {
   background-image:url('IMG/savoir/quisommesnous.gif');   
   background-repeat:no-repeat;       
}

#gauche ul li .menu1:hover {
   background-image:url('IMG/savoir/quisommesnous_f2.gif');   
   background-repeat:no-repeat;       
}

#gauche ul li .menu2 {
   background-image:url('IMG/savoir/formations.gif');   
   background-repeat:no-repeat;   
   height:27px;      
}

#gauche ul li .menu2:hover {
   background-image:url('IMG/savoir/formations_f2.gif');   
   background-repeat:no-repeat;   
   height:27px;      
}

#gauche ul li .menu3 {
   background-image:url('IMG/savoir/methodo_peda.gif');   
   background-repeat:no-repeat;   
   height:27px;   
}

#gauche ul li .menu3:hover {
   background-image:url('IMG/savoir/methodo_peda_f2.gif');   
   background-repeat:no-repeat;     
   height:27px;  
}

#gauche ul li .menu4 {
   background-image:url('IMG/savoir/onsoccupedetout.gif');   
   background-repeat:no-repeat;  
   height:27px;       
}

#gauche ul li .menu4:hover {
   background-image:url('IMG/savoir/onsoccupedetout_f2.gif');   
   background-repeat:no-repeat;       
   height:27px;       
}

#gauche ul li .menu5 {
   background-image:url('IMG/savoir/reseau.gif');   
   background-repeat:no-repeat;     
   height:27px;      
}

#gauche ul li .menu5:hover {
   background-image:url('IMG/savoir/reseau_f2.gif');   
   background-repeat:no-repeat;   
   height:27px;     
}

#gauche ul li .menu6 {
   background-image:url('IMG/savoir/formation_modemploi.gif');   
   background-repeat:no-repeat;     
   height:27px;      
}

#gauche ul li .menu6:hover {
   background-image:url('IMG/savoir/formation_modemploi_f2.gif');   
   background-repeat:no-repeat;   
   height:27px;     
}

#gauche ul li .menu7 {
   background-image:url('IMG/savoir/temoignages.gif');   
   background-repeat:no-repeat;     
   height:32px;      
}

#gauche ul li .menu7:hover {
   background-image:url('IMG/savoir/temoignages_f2.gif');   
   background-repeat:no-repeat;   
   height:32px;     
}

/* Fin menu gauche */

/* Contenu de la page */
#contenu {
   display:block;
   float:left;   
   width:535px;
   padding-left:19px;
   padding-top:20px;
}

#contenu .menu {
   padding:0px;
   margin:0px;    
   list-style-type:none;
}

#contenu .menu li {
   list-style:none;
   margin:0px;
}

#contenu .menu li a {
   display:block;
   width:500px;
   height:35px;
}

#contenu .lien_article {
   clear:both;
   display:block;
   float:right;   
   height:15px;
   font-weight:bold;
   font-size:12px;
   color:#FF6633;
   padding-left:17px;
   background-image:url(IMG/savoir/lien.gif);   
   background-repeat:no-repeat;
   background-position:0px 5px;    
}

#contenu a {
   font-weight:bold;
   font-size:12px;
   color:#FF6633;
}
/* Fin Contenu de la page */

#dif {
   display:block; 
   clear:both;   
   width:277px;
   height:83px;
   background-image:url('IMG/savoir/dif.gif');   
   background-repeat:no-repeat;   
}

#dif:hover {
   background-image:url('IMG/savoir/dif_f2.gif');   
}

#piedg {
   display:block;
   width:977px;
   padding-left:30px;
   height:40px;
   background-image:url('IMG/savoir/basgauche.gif');   
   background-repeat:no-repeat;      
}


#piedd {
   display:block;   
   width:977px;
   background-color:#8C01A2;
   color:#000000;
   height:40px;
   background-image:url('IMG/savoir/basdroit.gif');   
   background-repeat:no-repeat;   
   background-position: right;   
}


#piedd ul {  
   float:left;
   padding:0px;
   margin:0px;
   margin-left:117px;   
   list-style-type:none;
}

#piedd ul li {
    list-style:none;
    float:left;
    margin:0px;
    padding:0px;
}

#piedd ul li a {
   display:block;
   width:173px;
   height:40px;
}

#piedd ul .menbas1 {
   background-image:url('IMG/savoir/citoyens.gif');   
   background-repeat:no-repeat; 
}

#piedd ul .menbas1:hover {
   background-image:url('IMG/savoir/citoyens_f2.gif');   
   background-repeat:no-repeat; 
}

#piedd ul .menbas2 {
   background-image:url('IMG/savoir/blog.gif');   
   background-repeat:no-repeat; 
   width:55px;
}

#piedd ul .menbas2:hover {
   background-image:url('IMG/savoir/blog_f2.gif');   
   background-repeat:no-repeat; 
   width:55px;   
}

#piedd ul .menbas3 {
   background-image:url('IMG/savoir/groupe.gif');   
   background-repeat:no-repeat; 
   width:70px;
}

#piedd ul .menbas3:hover {
   background-image:url('IMG/savoir/groupe_f2.gif');   
   background-repeat:no-repeat; 
   width:70px;   
}

#piedd ul .menbas4 {
   background-image:url('IMG/savoir/presse.gif');   
   background-repeat:no-repeat; 
   width:70px;
}

#piedd ul .menbas4:hover {
   background-image:url('IMG/savoir/presse_f2.gif');   
   background-repeat:no-repeat; 
   width:70px;   
}

#piedd ul .menbas5 {
   background-image:url('IMG/savoir/recrutement.gif');   
   background-repeat:no-repeat; 
   width:97px;
}

#piedd ul .menbas5:hover {
   background-image:url('IMG/savoir/recrutement_f2.gif');   
   background-repeat:no-repeat; 
   width:97px;   
}

#piedd ul .menbas6 {
   background-image:url('IMG/savoir/coordonnees.gif');   
   background-repeat:no-repeat; 
   width:95px;
}

#piedd ul .menbas6:hover {
   background-image:url('IMG/savoir/coordonnees_f2.gif');   
   background-repeat:no-repeat; 
   width:95px;   
}

#piedd ul .menbas7 {
   background-image:url('IMG/savoir/credits.gif');   
   background-repeat:no-repeat; 
   width:57px;
}

#piedd ul .menbas7:hover {
   background-image:url('IMG/savoir/credits_f2.gif');   
   background-repeat:no-repeat; 
   width:57px;   
}

#piedd ul .menbas7 {
   background-image:url('IMG/savoir/credits.gif');   
   background-repeat:no-repeat; 
   width:57px;
}

#piedd ul .menbas7:hover {
   background-image:url('IMG/savoir/credits_f2.gif');   
   background-repeat:no-repeat; 
   width:57px;   
}

#piedd ul .menbas8 {
   background-image:url('IMG/savoir/inscrit.gif');   
   background-repeat:no-repeat; 
   width:81px;
}

#piedd ul .menbas8:hover {
   background-image:url('IMG/savoir/inscrit_f2.gif');   
   background-repeat:no-repeat; 
   width:81px;   
}

.ligne {
   width:535px;
}

div.colonne_center {
   width:535px;
   text-align:center;
}

div.colonne_inscription {
   display:block;
   height:52px;
   width:350px;   
   background-image:url('IMG/savoir/fdinscr.gif');   
   background-repeat:no-repeat; 
   padding-left:250px;
}

div.colonne_inscription input {
   display:block;
   float:left;   
   font-family :  Arial,Verdana, Helvetica, sans-serif;
   font-size:12px;
   color:#000000;  
   margin:0px;
   padding:0px;
   margin-right:3px;
   margin-top:20px;   
}

div.colonne_inscription input.bt_image {
   display:block;
   float:left;   
   margin:0px;
   padding:0px;   
   width:43px;
   height:16px;
   margin-top:22px;     
}

.texteencadre-spip {
   color: #000000;
	background: #FFDE75;
	border-bottom: 2px solid #FF0000;
	border-left: 1px solid #FF3333;
	border-right: 2px solid #FF0000;
	border-top: 1px solid #FF3333;
	margin: 1em 0;	
	padding: .25em;	
	position: relative;
}