/* structure */
BODY { background:url("http://www.webizz.net/images/bg.gif") repeat-x top #fff; color:#514c48; text-align: center;}

.page {width: 900px; margin:0 auto; border: 1px solid #CCC; background: #FFF;}
.contenu {width: 570px; float: left; background: #FFF; padding: 10px 20px 15px 20px;}
.floatstop {clear: both;}
.fL {float: left; margin-left: 5px;}
.fR {float: right; margin-right: 5px;}
hr { margin: 0px 0px 10px 0px; height:1px; color:#DDD; background-color: #DDD; border:0;}

/* texte et titres */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; border-bottom: 4px solid #DDD; font-weight: bold; color: #0066CC; text-align: left;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-bottom: 1px dotted #0066CC; font-weight: bold; color: #0066CC; text-align: left;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: #EEE; font-weight: bold; color: #0066CC; text-align: left; margin: 15px 0 5px 0; padding: 3px;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FB9907; text-align: center; margin: 10px 0 0 0; padding: 3px;}
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FB9907; text-align: left; margin: 10px 0 0 0; padding: 3px;}
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600; text-align: center; margin: 0; padding: 3px; font-style: italic; }
p { font-family: Arial, Helvetica, sans-serif;	font-size: 13px; font-style: normal; color: #444; text-align: justify; margin: 0 0 5px 0; padding: 5px 0 5px 0;}

a {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #181CB3; text-decoration: none;}
a:hover {text-decoration: underline;}

a.download {background: url("http://www.webizz.net/images/download.jpg") left top no-repeat; padding-left: 15px; color: #009999; text-align: left; display: block; }

.bottom {font-family: Arial, Helvetica, sans-serif;	font-size: 10px; font-style: normal; color: #666; text-align: center; margin: 10px; }
.cadretexte {border: 1px dotted #0C78D5; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; color: #666; padding: 3px; margin: 10px;}

.texte { font-family: Arial, Helvetica, sans-serif;	font-size: 13px; font-style: normal; color: #333333;}
.textegras {font-family: Arial, Helvetica, sans-serif; font-size: 13px;	font-style: normal;	color: #FB9907;	font-weight: bold;}
.titreindex{ color:#63A7E4; font:13px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; font-weight:bold; text-align:justify; border-bottom: thin dotted #9BC6ED; }


/*-------------- HEADER -------------------- */
.menu_top { width:900px; height:152px; background:url("http://www.webizz.net/images/bck_menutop.jpg") left top repeat-x #37608C; position:relative; margin:0 auto; text-align:center; } 
.menu_top p { float:left; }
.pub { margin:20px 0px 0px 100px; }
.logo { margin:10px 0px 0px 5px; }
.menu_top .nav { position:absolute; bottom:0; right:0; } 
.menu_top .nav A { width:120px; height:40px; display:block; float:left; background:url("http://www.webizz.net/images/back_A_menutop.gif") left top no-repeat; text-align:center; color:#FFF; font-weight:bold; font-size:14px; margin:0px 2px 0px 0px; }
.menu_top .nav A:HOVER { display:block; background:url("http://www.webizz.net/images/back_A_menutop.gif") left top no-repeat; color:#FE8917; font-weight:bold; font-size:14px; }
.menu_top .nav A SPAN { display:block; margin-top:15px; }
.menu_top .ssnav { width:250px; height:33px; position:absolute; top:80px; right:5px; text-align:right; }
.menu_top .ssnav A{ display:inline; border:0px; margin-left:3px;}
.menu_top .slogan { width:300px; height:33px; position:absolute; font-family:Arial, Helvetica, sans-serif; top:77px; left:-30px; font-size:15px; font-style:italic; font-weight:normal; color:#0B77D5; letter-spacing:2px; }
.menu_top .date { width:250px; height:33px; position:absolute; top:20px; right:10px; font-size:11px; color:#FFF; font-family: Arial, Helvetica, sans-serif; }
/*recherche*/
.menu_top .actu { width:250px; height:33px; position:absolute; top:40px; right:10px; font-size:11px; color:#FFF; font-family: Arial, Helvetica, sans-serif; }
.menu_top .recherche { height:48px; width:195px; position:absolute; top:120px; left:10px; }
.menu_top .recherche FORM { }
.menu_top .recherche .btn_search { cursor: pointer; background: #0066CC; color: #DDD; border: 1px solid #0066CC;}
.menu_top .recherche .btn_search:hover { color: #FFF; background: #0099FF;}
.menu_top .recherche .input { width:140px; margin-right:5px; height:18px; padding:2px 0 0 3px; border:1px solid #0066CC; float:left;}
.menu_top .recherche .button_make_search_annu {}
/* 

/*---------- MENU GAUCHE-----------------*/
.menugauche { float: left; background:#FFC794; width: 150px; margin: 0 0 0 0; padding: 0 0 0 10px; text-align: left;}
.menugauche a { font-family: Arial; font-size: 12px; font-weight: bold; color: #666; text-decoration: none; display: block;
background: url("http://www.webizz.net/images/menu/puce.gif") no-repeat left; padding: 1px 0 1px 20px;}
.menugauche a:hover {color: #FF7800;}
.menugauche h2 {font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #0066CC; text-align: left; margin: 15px 0 5px 0; padding: 0;}

/*---------- COLONNE DROITE--------------*/
.droite {text-align: right; margin: 5px 10px 0 0;}

/*----------- FOOTER -------------------*/
.footer {width:895px; padding: 10px 0 10px 5px; background: #026FAD; font-family: Arial; font-size: 10px; color: #FFF; text-align: left; clear:both;}
.footer a { font-family: Arial; font-size: 10px; font-weight: normal; color: #FFFFFF; text-decoration: none;}
.footer a:hover {text-decoration: underline;}

/* HOME PAGE */
.index {width: 690px; float: left; background: #FFF; padding: 5px 20px 15px 20px;}
.index h1 {font-size: 20px; }
.annuaire {border: 1px dotted #0066CC; padding: 10px; margin: 0 0 10px 0;}
.annuaire .rubrique {float: left; width: 320px; text-align: left; border-bottom: 1px solid #DDD; margin: 0 10px 10px 0;}
.explain {float: left; width: 320px; margin-right: 30px; border: 1px dotted #CCC; padding: 10px;}
.carrepub {float: left; width: 300px;}

/* ------------- nouveaux site en index --------------------*/
.last {border: 1px dotted #CCC; padding: 10px; margin: 10px 0 0 0; text-align: left; }
.new_sites {padding: 5px 0 5px 5px; font-family: Arial; font-size: 12px; font-weight: normal; color: #444;  }
.new_sites a {font-family: Arial; font-size: 12px; font-weight: normal; color: #37608c; text-decoration: none;}
.new_sites a:hover { text-decoration: underline;}

/*------------ lecteur de flux -----------------------------*/
.lecture {margin: 0 0 0 0; border: 1px dotted #DDD; padding: 5px 10px 5px 10px; text-align: left;}
.lecture h1 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; color: #FB9907; font-weight: bold; border-bottom: 1px dotted #FB9907;}
.lecture ul {margin: 3px 0 0 5px; padding: 3px 0 0 5px; list-style-type:none;}
.lecture li {border-bottom: 1px solid #DDD; padding: 3px 0 3px 0; margin: 0 0 5px 0;}
.lecture ul li a { padding:5px 0 0 0; color:#555; font-weight:bold; text-decoration:none; font-size:14px;}
.lecture ul li a:hover {text-decoration:underline; color:#555; }

/* habillage */

.fondcell {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px dotted #DDDDDD; font-weight: bold; color: #37608C;}
.fondcellgris {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; background-color: #E9E9E9;	border: thin solid #e9e9e9;	font-weight: bold; color: #FFFFFF;}
.fondcellgris2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #E9E9E9;	border: thin solid #e9e9e9;	font-weight: bold; color: #003399;}
.bordure { margin:0 auto; border-right: 1px solid #CCC;}/**/
.fondcellbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #4c6779;
	text-decoration: none;
	background-attachment: fixed;
	background-image: url(images/images/barre_gauche.jpg);
	background-repeat: repeat-y;
}
.cadre { border: 1px dotted #CCC; width: 350px; margin: 30px 0 0 100px; padding: 10px;}
.cadre2 { border: thin solid #FF9900;}

.box {float: left; width: 250px; border: 1px solid #CCC; margin: 15px 20px 0 10px; }
.box h5 {margin: 0; text-align: center; background: #FE8917; color: #FFF; }
.box p {text-align: center;}

.xml { border: 1px dotted #CCC; width: 400px; margin: 10px 0 0 0px; padding: 10px; 	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC; text-align: left; }

/*********** ANNUAIRE *****************/

/* Lien vers les categories principales sur la page d'accueil */ 
a.link_cat_index_annu { font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FF7800;
	text-decoration: underline; }
a.link_cat_index_annu:hover { font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FB9907;
	text-decoration: underline overline; }
	
/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annu { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #37608C; text-decoration: none }
a.link_scat_index_annu:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #FF9900; text-decoration: none }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annu { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #333333; }
	
/* fil d'ariane */
.ariane {margin: 10px 0 20px 0; font-family: Arial; font-weight: normal; color: #666; font-size: 13px; text-align: left; border-bottom: 1px solid #DDD; padding: 0 0 5px 0;}
.ariane a {font-family: Arial; font-weight: normal; color: #666; font-size: 12px;}
.ariane a:hover {text-decoration: underline;}


/* Nouveaux sites */
a.titre_newsite { font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;}
a.titre_newsite:hover { font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FE8917;
	text-decoration: none; }

/*------- sous-catégories --------------*/
.souscat {margin: 0 0 10px 0; border-bottom: 1px solid #DDD; padding: 0 0 5px 0;}
.souscat a { font-family: Arial; font-size: 15px; background: url('http://www.webizz.net/images/menu/puce.gif') no-repeat; padding-left: 20px;
color: #FF6600; font-weight: bold;}
.souscat a:hover {text-decoration: underline;}
.nbre { font-family: Arial; font-size: 10px; font-weight: normal; color: #666 }


/* Description des sites */
.resultat {float: left; margin: 10px 0 10px 0; background-color: #EEE; width: 100%; text-align: left; padding: 10px; -moz-border-radius:5px;}
.resultat a {font-family: Arial; font-size: 16px; font-weight: bold; color: #0A77D5; text-decoration: none;}
.resultat a:hover {text-decoration: underline;}
.resultat p { font-family: Arial; font-weight: normal; color: #333333; font-size: 12px; text-decoration: none; margin: 3px 0 0 0;}
.resultat h3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #996600; font-weight: normal; margin: 0;}
.resultat a.flux {font-family: Arial; font-size: 12px; font-weight: normal; color: #666; text-decoration: none;}
.resultat a.flux:hover {text-decoration: underline}
.resultat input {font-family: Arial; font-size: 11px; color: #996600; border: 1px solid #DDD; width: 350px; background-color: none;}
	
/* Description d'une categorie */
.text_cat_annu { font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #333333; }

/* page de recherche */
.search {font-family: Arial; font-weight: normal; color: #ff7800; font-size: 12px; }

/*page pour signaler un flux non valide*/
.broken {text-align: center; background: #EEE; border: 1px solid #CCC;}
.broken p {font-family: Arial; font-weight: normal; color: #ff7800; font-size: 12px; margin: 10px 0 0 0;}

/* pagination des résultats */
.pagination { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #444; text-align:center; font-weight:normal; }
.pagination A { font-size:13px; font-weight:bold; color: #0066CC; text-decoration:none; border: 1px solid #0066CC; padding: 5px; -moz-border-radius:3px; margin: 0 5px 0 0;}
.pagination A:hover { text-decoration:underline; background: #DDD;}
.pagination .actif { font-size:13px; font-weight:bold; color: #FFF; text-decoration:none; background:#0066CC; padding: 5px; -moz-border-radius:3px; margin: 0 5px 0 0;}

/* input et select */
.input {	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003399;	background-color: #FFFFE8;}
select { font-family: Arial, Helvetica, sans-serif;	font-size: 13px; color: #003399; background-color: #FFFFE8;}