/* CSS Document */
* {margin: 0; padding: 0;}
body { background-color: #F5F5F1; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #515146;}

#global { background-image: url('img/fond.gif'); width: 780px; height: 100%; border: none; margin-left: auto; margin-right: auto; line-height: 1.5em;}
#global #entete { height: 200px; background-image: url('/img/main.gif'); background-repeat: no-repeat; position: relative;}
#global #contenu { width: 700px; margin: 20px auto;}
#global #pieddepage { margin: 20px auto; width: 700px; clear: both; text-align: center;}
#global #pieddepage a { color: #999; }
#global #pieddepage a:hover { color: #F70084; }
#global iframe { border: solid 0px #333 ;}
#global p {margin: 7px 2px;}
#global li { margin-left: 2em; list-style-type: square; }
#global fieldset { margin: 1em; padding: 0.5em; }

#global a { color: #F70084; text-decoration: none;}
#global a:hover { color: #4279DE; }

#global h1 { font-size: 12px; font-weight: bold; color: #BD1CBD; padding-left: 15px; background: url(http://www.anelor.org/img/puce.gif) left no-repeat; margin: 2em 0 1em 0; clear: both;}
#global h2 { font-size: 11px; font-weight: bold; color: #4279DE; clear: both; margin: 1.5em 0 0.5em 0;}
#global h3 { font-size: 10px; font-weight: bold; color: #4078DF; clear: both; margin: 1em 0 0.5em 0;}
#global pre { overflow: auto ; background: #E7E7E7 ; border: 2px solid #F70084 ; width: 650px; padding: 5px; font-size: 1.1em ; margin-left: auto; margin-right: auto;}

#global .menu p { padding: 0; margin: 0;}
#global .menu a { color: #515146; white-space: no-wrap; line-height: 200%; padding: 3px 3px; width: 165px;}
#global .menu a:hover { color: #F5F5F1; background-color: #4279DE;}

input, textarea {	border: 1px solid #A1D202 }

.verdana { font-size: 11px; font-family: Verdana; text-align: center;}
.arial { font-size: 11px; font-family: arial; text-align: center;}
.courrier { font-size: 11px; font-family: Courrier; text-align: center;}

#accueil_gauche {	width: 72%;	float: left; padding: 10px 10px 10px 0px;}

#accueil_droite {	width: 25%;	float: left; padding: 10px 0px 10px 5px;}
#accueil_droite li, #accueil_gauche li {display: inline; list-style-type: none; }

#recherche_google fieldset, #agregateur_rss fieldset { border: solid 1px #4279DE; padding-left: 10px;}
#recherche_google legend, #agregateur_rss legend { padding-left: 3px; padding-right: 3px; font-weight: bold; color: #F70084;} 

#accueil_bandeau {text-align: left;}
#accueil_bandeau ul {}
#accueil_bandeau li { padding-left: 2px;}
.accueil { padding-top: 15px; padding-bottom: 30px; }

#liens > p { padding-bottom: 6px;}
#liens a { font-size: 10px; font-weight: bold;}
#liens a:visited { font-size: 10px; font-weight: normal;}

/* Sur accueil - partie actu */
.item_actu { margin-bottom: 10px;  margin-top: 5px; clear: both; }
.date_actu { color: #F70084; width: 35px; padding: 2px; text-align: center; float:left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #D6DF10;}
.jour_actu { font-size: 2em; font-weight: bold; }
.contenu_actu { padding: 2px;}


/* Définition des paragraphes spécifiques */
.attention { height:16px; padding-left: 22px; background: url(/img/famfamfam/error.png) center left no-repeat; }
.telechargement { height:16px; padding-left: 22px; background: url(/img/famfamfam/script_link.png) center left no-repeat; }
.demonstration { height:16px; padding-left: 22px; background: url(/img/famfamfam/script_go.png) center left no-repeat; }
.rss { line-height:16px; padding-left: 22px; background: url(/img/famfamfam/rss_go.png) center left no-repeat; }

/* Mise en page du programme télé */
.programme_tv_chaine, .programme_tv_pub {	width: 468px; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; position: relative; }
.programme_tv_chaine > img { position: absolute; top: 15px; left: 5px;}
.programme_tv_programme { margin-left: 60px; padding-top: 3px; padding-bottom: 3px; border-top: solid 1px #F7F7F7; background-color: #EFEFEF ; padding: 7px; }
.premiere_ligne strong { color : #4279DE; }
.programme_tv_programme > span { display: none;}
.programme_tv_programme:hover span { display: inline;}
.programme_tv_programme #texteresume { margin-top:5px; margin-bottom: 5px; }


/* Mise en page RSS */
.rss_item { width: 100%; clear: both; margin-bottom: 25px; display: block ;}
.rss_titre { font-weight: bold }

/* Commande vi pour webmaster */
.commande_item {margin: 2px; padding: 2px; border: solid 1px #BD1CBD; clear: both; display: block; min-height: 2em;}
.commande {  width: 30%; float: left; background-color: #E7E7E7; font-size: 12px; font-family: Courier, "Courier New"; padding: 2px 10px ; margin-right: 5px; text-align: right;}
.commande_description { }

/* affichage de la bibliotheque */
.livre { margin-bottom: 0.5em; clear: both;}
.livre .couverture { float: left; width: 65px; height: 65px; margin-right: 10px; text-align: center; }
.livre .couverture img { }
.livre .titre { font-weight: bold;}
.livre .note { }

#bibliotheque .livre_item { width: 50%; float: left;}
#bibliotheque .livre_item .livre_image { width: 90px; height: 90px; float: left; text-align: center;}
#bibliotheque .livre_item .livre_image img { margin: 5px; border: 0;}
#bibliotheque .livre_item .livre_titre { display: block ; font-weight: bold; font-size: 1.1em; padding: 10px 0 5px 0; }
#bibliotheque .livre_item .livre_auteur { display: block ; font-weight: normal; font-size: 1.1em; padding: 5px 0; }
#bibliotheque .livre_item .livre_note { display: block ; }
#bibliotheque .livre_pub { margin: 5px;text-align: center; }
#bibliotheque .livre_pub * { text-align: center; }

/* Gestion des RSS */
.rss_news { display: block ; clear: both; margin: 15px 5px; padding: 5px; border: solid 1px #D6DF11 ; background-color: #F5F5F1 ;}
.rss_news img { clear: both; max-width: 675px; text-align: center ; margin: 3px; border: 0px;}
.rss_news .rss_titre { color: #4279DE ; font-size: 1.2em;}

/* Gestion de l'affichage des archives de webcam */
div.liste_archives div { width: 54px;  float: left; text-align: center;}
div.liste_archives a div { background-color: #DEE318; }
div.liste_archives a:hover div { background-color: #F700A8; }
div.liste_archives { margin: 0px auto; clear: both;}