/***********************************
Choix des polices & tailles g�n�rale
***********************************/


body {
background-color:#ffffff;
font-family:tahoma,arial,helvetica,sans-serif;
font-size:small;
}

/***********************************
Disposition g�n�rale des blocs
***********************************/

* { /* par d�faut, on enl�ve les marges internes & externes, parce que c'est pas beau ! */
    margin: 0;
    padding: 0;
  }    
  
#conteneur{
	width: 100%;	/* design fluide, garde tout l'�cran occup�, m�me les plus larges ! */
}

#header{
	width: 100%;
	background-color:#74ddc4;
	height:3px;
	margin:0;
	padding:0;
}

#corps {
	height: 480px;
    margin-left: 200px;
    position: relative;
	margin-top:70px;
}  

  #bandeau {
	padding-top:0;
	padding-bottom:0;
	width:100%;
  }
  
    
  #bloc{
    margin-right: 100px;
  }
  
  #formulaire{
  padding-top:115px;
  height:230px;
  width:100%;
  }
  
  #news {
   width: 30%; 
   height:245px;
   margin-top:-146px; /* juste pour chung */
   float:left;
   margin-left:7%;
   overflow:hidden;
  }
    

	
  #afp{
	width:30%;
	float:left;
	height:245px;
	margin-top:-146px;
	overflow:hidden;
  }
  
  #echos{
	width:30%;
	float:left;
	height:245px;
	margin-top:-146px;
	overflow:hidden;
  }
  
  	#news ul{
	height:170px;
	}
	
	#afp ul{
	height:170px;
	}
	
	#echos ul{
	height:170px;
	}

  
  #menu {
    width:200px;
    height: 500px;
    background: #999;
  }
  
  #pied{
	margin-top:-20px;
	bottom:2px;
	
	height:50px;
        padding-left:80px;
        
	
	}

#favoris{
width: 200px;
height:455px;
float: left;
display : inline;
margin-top:0;
padding-top:15px;
}

#config{
position:absolute;
right:10px;
top:80px;
}

/***********************************
Mise en forme de la banni�re....qu'on cache pour l'instant : j'ai pas d'id�e !
***********************************/

#header h1,h2{
display:none;
background-color:#74CCD4;
}

/***********************************
Mise en forme du menu du site
***********************************/

.select span {
display:none;
}

#bandeau {
    float:left;
	background:url("images/ombre.png") repeat-x top left;
    width:100%;
    font-size:100%;
	font-family: Verdana, sans-serif;
	color:white;
    }
	
#bandeau ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#bandeau li, .decoration{
    float:left;
    margin:0;
    padding:0;
	height:32px;
    }
#bandeau a, .decoration {
    display:block;
	text-decoration:none;
	font-family: "trebuchet MS",sans-serif;
	font-style: italic;
	color:#cccccc;
	height:32px;
	margin-top:0;
    }
	
#bandeau a {
    display:block;
	height:32px;
    }

 #bandeau a:active , #bandeau a:focus{ /*supprime les pointill�s moches */
	text-decoration:none;
	outline:none;
	}

#bandeau li ,.decoration{
    float:left;
    margin:0;
    padding:0;
    }
	
#bandeau a {
	
    display:block;
    padding:0px 25px;
	width:100%;
	
    }

 #bandeau a span{
    display:block;
    padding-top:4px;
    color:#202857;
 }

 #bandeau li:hover,.decoration {
    float:left;
    background:url("images/onglet_droit_blanc.jpg")
      no-repeat right bottom;
    margin:0;
	color:#000000;
    padding:0;
    }	

#bandeau a:hover{
	display:block;
    background:url("images/onglet_gauche_blanc.jpg")
      no-repeat left bottom;
    padding:0px 25px;
	color:#000000;
	width:100%;
	}

	
.decoration{
	width:90px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	}
	
.decoration span{
	margin-right:14px;
	margin-bottom:30px;
	}



/***********************************
Mise en forme du menu des liens utiles
***********************************/

.liens span{
display:none;
}

.liens_utiles span{
margin-left:45px;
}

ul.liens_utiles{
list-style:none;
padding-top:17px;
margin-left:0;
text-align:left;

}

/* d�finition des images de base, et au survol des liens */

ul.liens_utiles a:hover, ul.liens_utiles a:focus, ul.liens_utiles a:active {
background:#339999 url(images/fav_link_on.jpg) repeat-y scroll center top;
color:#04274E;
}


ul.liens_utiles a{
background: url(images/fav_link.png) repeat-y scroll center top;
color:#909090;
display:block;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size:1.1em;
height:auto;
margin-bottom:6px;
padding: 12px 12px 2px;
text-decoration:none;
width:175px;
}

ul.liens_utiles a.agenda {
background: url(images/agenda.png) no-repeat scroll center top;}

ul.liens_utiles a.agenda:hover, ul.liens_utiles a.agenda:focus, ul.liens_utiles a.agenda:active{
background: url(images/agenda_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.moodle {
background: url(images/moodle.png) no-repeat scroll center top;}

ul.liens_utiles a.moodle:hover, ul.liens_utiles a.moodle:focus, ul.liens_utiles a.moodle:active{
background: url(images/moodle_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.mail {
background: url(images/mail.png) no-repeat scroll center top;}

ul.liens_utiles a.mail:hover, ul.liens_utiles a.mail:focus, ul.liens_utiles a.mail:active{
background: url(images/mail_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.trombi {
background: url(images/trombi.png) no-repeat scroll center top;}

ul.liens_utiles a.trombi:hover, ul.liens_utiles a.trombi:focus, ul.liens_utiles a.trombi:active{
background: url(images/trombi_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.sncf {
background: url(images/sncf.png) no-repeat scroll center top;}

ul.liens_utiles a.sncf:hover, ul.liens_utiles a.sncf:focus, ul.liens_utiles a.sncf:active{
background: url(images/sncf_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.ratp {
background: url(images/ratp.png) no-repeat scroll center top;}

ul.liens_utiles a.ratp:hover, ul.liens_utiles a.ratp:focus, ul.liens_utiles a.ratp:active{
background: url(images/ratp_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.sg {
background: url(images/sg.png) no-repeat scroll center top;}

ul.liens_utiles a.sg:hover, ul.liens_utiles a.sg:focus, ul.liens_utiles a.sg:active{
background: url(images/sg_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.deezer {
background: url(images/deezer.png) no-repeat scroll center top;}

ul.liens_utiles a.deezer:hover, ul.liens_utiles a.deezer:focus, ul.liens_utiles a.deezer:active{
background: url(images/deezer_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.youtube {
background: url(images/youtube.png) no-repeat scroll center top;}

ul.liens_utiles a.youtube:hover, ul.liens_utiles a.youtube:focus, ul.liens_utiles a.youtube:active{
background: url(images/youtube_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.facebook {
background: url(images/facebook.png) no-repeat scroll center top;}

ul.liens_utiles a.facebook:hover, ul.liens_utiles a.facebook:focus, ul.liens_utiles a.facebook:active{
background: url(images/facebook_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.flickr_declic {
background: url(images/flickr.png) no-repeat scroll center top;}

ul.liens_utiles a.flickr_declic:hover, ul.liens_utiles a.flickr_declic:focus, ul.liens_utiles a.flickr_declic:active{
background: url(images/flickr_on.png)  no-repeat scroll center top;}

ul.liens_utiles a.cgr {
background: url(images/cgr.png) no-repeat scroll center top;}

ul.liens_utiles a.cgr:hover, ul.liens_utiles a.cgr:focus, ul.liens_utiles a.cgr:active{
background: url(images/cgr_on.png)  no-repeat scroll center top;}








 
/***********************************
Mise en forme des derni�res news
***********************************/

/* liens qui am�nent vers les pages sources des RSS */

#news a {
text-decoration:none;
color:#2e9db8;
}

#afp a {
text-decoration:none;
color:#0f4fcc;
}

#echos a {
text-decoration:none;
color:#1ec139;
}

#news a:hover,#afp a:hover,#echos a:hover{
color:black;
}

/* liens qui am�nent vers les articles des RSS -contenus dans des <ul>, donc */

#news ul a,#afp ul a,#echos ul a{
color:black;
text-decoration:none;
}

#news ul a:hover {
text-decoration:none;
color:#2e9db8;
}

#afp ul a:hover {
text-decoration:none;
color:#0f4fcc;
}

#echos ul a:hover {
text-decoration:none;
color:#1ec139;
}



#news ul ,#afp ul,#echos ul{
list-style:none;
padding:20px;
padding-left:27px;
text-align:left;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 11px;

}

#news li ,#afp li,#echos li{
margin-bottom:6px;
}

#news li:first-letter,#afp li:first-letter,#echos li:first-letter{

font-size:11px;
}

#news h3 {
margin-left:40px;
font-family: helvetica,sans-serif;
color: #2e9db8;
font-size: 25px;
}

#news ul{
background:url("images/news.png") bottom left no-repeat;
}

#afp h3{
margin-left:40px;
font-family: helvetica,sans-serif;
color: #0f4fcc;
font-size: 25px;
}

#afp ul{
background:url("images/afp.png") bottom left no-repeat;
padding-bottom:20px;
}

#echos h3{
margin-left:40px;
font-family: helvetica,sans-serif;
color: #1ec139;
font-size: 25px;
}

#echos ul{
background:url("images/echos.png") bottom left no-repeat;
}

#news span,#afp span,#echos span{
margin-top:40px;
font-family: helvetica,sans-serif;
color: black;
font-size: 30px;
}

#news{
background:url("images/rss_osmoz.png") top left no-repeat;
}

#afp{
background:url("images/rss_afp.png") top left no-repeat;
}

#echos{
background:url("images/rss_echos.png") top left no-repeat;
}

#news em{
font-family: "palatino linotype",palatino,serif;
font-size: 10px;
font-weight: bold;
text-align:right;
font-style: italic;
color:#6B6B6B;
}



/***********************************
Mise en forme de la barre de recherche Google
***********************************/

#formulaire{
	text-align:center;
	background:url("images/google-osmoz.jpg") no-repeat top center;
	
}



/***********************************
Mise en forme du pied de page
***********************************/

#pied {
	
	color:#cccccc;
	font-family: "trebuchet MS",sans-serif;
	font-size: 0.9em;
	text-align:center;
	padding-top:10px;
	
	}

#pied p {
margin:0;
padding:0;
}

.validators{
	padding:1px;
	}
	
.validators img{
	border:none;
	padding-top:1px;
	display:inline;
	}

#config{
	text-align:center;
	}
/***********************************
Mise en forme de la page de config
***********************************/

#favoris form{
margin-top:70px;
margin-left:40px;
}

select{  /* on espace un peu les champs de formulaire */
margin-bottom:10px;
}

#corps_config{
	height: 480px;
    margin-left: 200px;
    position: relative;
	margin-top:70px;
	background:url("images/palette.png") top left no-repeat ;
}



#formulaire_config{
  padding-top:115px;
  height:230px;
  width:100%;
  background:none;
 }
 
 #afp select,#echos select{
 margin-left:60px;
 }
 
 #corps_config #news{
 background:none;
 }
 
 #news p{
 margin-right:120px;
 text-align:justify;
 font-style:italic;
 }

 #news p:first-letter{
	font-size:600%;
	font-weight:bold;
	font-style:normal;
	float:left;
	}


/*************************************************/
/*******Designed by Nono, copyright Osmoz 2009 ******/
/*************************************************/