body
{
	text-align: center;
	background-color:white;
	margin-top:0px;
}

ul, li {
	list-style-type:none;
}

a img {
	border : 0;
}

a {  
	text-decoration:none;
	text-transform:none;
	color:#008EB1;
}

a:hover {
	color:#F28340;
}

div#page {
	background-color:transparent;
	width:800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


div#top_page {
	background : url('http://www.kydiz.com/ressources/images/bandeau_top.png') top left no-repeat;
	height:120px;
	width:800px;
}

img#logo_ville {
	position : absolute;
	margin-top : 5px;
	margin-left : 30px;
}

div#titre_date {
	position : absolute;
	margin-top : 90px;
	margin-left : 30px;
	z-index:1;
}

div#choix_ville {
	position : absolute;
	margin-left : 240px;
	color:#F28340;
}

.menu_deroulant ul {
	padding-left:0px;
}

.menu_deroulant ul li {
	position:relative;
	width:180px;
	cursor:pointer;
	display:block;
	background:none;
	height:22px;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
}
 
/*carré déroulant sous un sous-menu niveau 1*/
.menu_deroulant ul li ul {
	display:none;
	position:absolute;
	width:120px;
	text-align:center;
	border:1px solid #dddddd;
	border-top:none;
	top:22px;
	left:15px;
}
 
.menu_deroulant ul li ul li {
	height:100%;
	z-index:2;
}
 
.menu_deroulant ul li ul li a {
	color:#3399ff;
	font-size:14px;
	font-weight:normal;
	display:block;
	height:100%;
	border-top:1px solid #dddddd;
	color:#ffffff;
	background:#008eb1;
}
 
/*au passage de la souris on inverse les couleurs de la case*/
.menu_deroulant ul li ul li a:hover {
	background:#f28340;
	color:#ffffff;
}

div#connection {
	position : absolute;
	margin-top : 3px;
	margin-left : 540px;
	height : 90px;
	width : 240px;
}

div#connected {

}

input#login {
	position:absolute;
	top:0px;
	left:120px;
}

input#pass {
	position:absolute;
	top:21px;
	left:120px;
}

input#login_ok {
	float:left;
}

span#motdepasse {
	color : #008EB1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}

span#oublie {
	color : #043C4C;
	font-family:arial;
	font-size:13px;
	font-weight: bold;
}

img#logo_mess {
	margin-right:8px;
}

img#profil {
	position:absolute;
	top:75px;
	left:105px;
}

div#undertoplogo {
	width:800px;
}

div#chrono1 {
	float : left;
	margin-top:15px;
	margin-left:5px;
	width:225px;
}

div#chrono2 {
	float : left;
	margin-top:15px;
	margin-left:5px;
	width:225px;
}

div#picto_tele {
	float : left;
	margin-left:3px;
}

div#picto_dessin {
	float : left;
	margin-left:3px;
}

div#top_ad{
	text-align:center;
	vertical-align:middle;
	height:90;
	width:728;
	clear:both;
}

div#fonctions_recherche {
	background : url('http://www.kydiz.com/ressources/images/bandeau_recherche.png') bottom left no-repeat;
	margin-top:10px;
	margin-left:40px;
	margin-bottom:5px;
	width:750px;
	height:55px;
}

div#rechercher_article {
	font-weight:bold;
	height:40px;
	float:left;
	padding-left:10px;
	width:165px;
}

div#rechercher_auteur {
	font-weight:bold;
	height:40px;
	float:left;
	width:160px;
}

div#articles_lus {
	height:40px;
	float:left;
	width:160px;
}

#articles_lus ul {
	margin-left:0px;
	padding-left:0px;
}

.lien_noir {
	color:black;
}

.lien_noir:hover {
	color:black;
}

div#texte_classement_auteurs {
	float:left;
	width:80px;
	font-weight:bold;
}

div#classement_auteurs {
	float:left;
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
}

.classement_position {
	color:black;
}

.classement_nom {
	color:#F28340;
}

div#chaine_top {

}

div#chaines_liste {

}

div#chaines {
	float:left;
}

div#chaine_logo {
	position : absolute;
	z-index : 1;
	text-align : right;
}

div#categories {
	position : absolute;
	z-index : 2;
	margin-top : 30px;
	text-align : left;
}

div#autres_chaines {
	margin-top : 100px;
}

h1#titre_messagerie {
	text-align : center;
	color:#F28340;
	font-family:arial;
	font-size:20px;
	font-weight: bold;
}

div#menu_messagerie {
	margin-left:40px;
	margin-top:10px;
}

div#contenu_messagerie {
	margin-left:40px;
	margin-top:15px;
}

div#faq {
	text-align:justify;
}

div#faq h1 {
	text-align : center;
	color:#F28340;
	font-family:arial;
	font-size:20px;
	font-weight: bold;
}

div#faq h2 {
	color:#F28340;
	font-family:arial;
	font-size:16px;
	font-weight: bold;
}

div#cgu {
	text-align:justify;
}

div#cgu h1 {
	text-align : center;
	color:#F28340;
	font-family:arial;
	font-size:20px;
	font-weight: bold;
}

div#cgu h2 {
	color:#F28340;
	font-family:arial;
	font-size:16px;
	font-weight: bold;
}

div#liste_articles {
	margin-left : 260px;
	width:501px;
}

div#next-prev {
	padding-top:10px;
	text-align:center;
}

div#btm_ad {
	clear:both;
	text-align:center;
	vertical-align:middle;
}

div#cadre_profil {
	width:720px;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
	background-image : url("http://www.kydiz.com/ressources/images/cadre_profil.png");
	background-position : bottom left;
	background-repeat : no-repeat;
}

div#photo_profil {
	margin-left : 15px;
	float:left;
	width:120px;
}

div#infos_profil {
	color:#F28340;
	font-family:arial;
	font-size:15px;
	font-weight: bold;
}

span#auteur {
	font-size:20px;
}

span#site_auteur {
	color : #008EB1;
}

div#articles_ecrits_top {
	margin-top:10px;
	text-align:center;
}

div#articles_ecrits_list {
	text-align:center;
	margin-left:40px;
	color:#043C4C;
	font-family:arial;
	font-size:12px;
}

div#articles_ecrits_list tr:hover {
	background:#f28340;
	cursor:pointer;
}

div#cadre_article {
	width:720px;
	margin-top:10px;
	margin-left:40px;
}

div#fond_article {
	position:absolute;
	z-index:1;
}

div#bloc_article {
	position:relative;
	z-index:2;
}

div#auteur_article {
	position:relative;
	float:left;
	z-index:2;
	margin-top:5px;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:5px;
}

div#entete_article {
	position:relative;
	z-index:2;
}

h1#titre_article {
	color : #008EB1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	text-align:left;
}

.h_sssaut {
	margin: 3px;
	padding: 0;
	line-height:100%;
}

h3#date_article {
	color : #008EB1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}

div#corps_article {
	position:relative;
	clear:right;
}

h4#texte_article {
	text-align:justify;
	font-weight: normal;
}

div#article_ad {
	text-align:center;
	margin-left:5px;
	float:right;
	position:relative;
	bottom:0px;
	height:250px;
	width:300px;
}

div#bloc_menu_article {
	position:relative;
	height:95px;
}

div#menu_article {
	position:absolute;
	z-index:1;
}

div#ListeRSS {
	margin-top:40px;
	text-align:center;
}

#ListeRSS form select {
	background-color:#F28340;
	color:black;
	font-weight:bold;
}

div#noter_article {
	position:absolute;
	z-index:2;
	float:left;
	margin-top:40px;
	margin-left:25px;
	height:95px;
	width:245px;
	text-align:center;
	color:#F28340;
	font-family:arial;
	font-size:12px;
	font-weight: lighter;
}

div#envoyer_article {
	position:absolute;
	z-index:2;
	margin-left:300px;
	margin-top:40px;
	vertical-align:middle;
}

input#envoyer_article_ok {
	top:10px;
}

div#signaler_article {
	
}

div#cadre_commentaire {
	width:720px;
	margin-top:10px;
	margin-left:40px;
}

div#fond_commentaire {
	position:relative;
	z-index:1;
}

div#reagir {
	position:absolute;
	z-index:2;
	margin-left:20px;
}

div#form_commentaire {
	position:relative;
	z-index:2;
	text-align:center;
	color : #008EB1;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
}

div#cadre_inscription {
	width:720px;
	margin-left:40px;
	border-style:solid;
	border-color:#f7bc53;
}


div#form_inscription {
	padding-left:15px;
}

.champ_inscription {
	vertical-align:middle;
}

.input_inscription {
	border:1px;
	border-style:solid;
	border-color:red;
	background-color:white;
}

div#dessin {
	margin-left:40px;
}

div#tele {
	margin-left:40px;
}

div#selonvous_menu {
	margin-left : 260px;
	width : 509px;
	cursor:pointer;
}

div#selonvous_main {
	margin-left : 40px;
	width : 720px;
}

span#texte_selonvous {
	color : #008EB1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
}

div#pub_hebdo {
	margin-top:10px;
	margin-left : 260px;
	margin-bottom : 10px;
}

div#resultats_recherche {
	margin-left:40px;
}

table#tab_result {
	text-align:center;
	font-size:14px;
}

.tab_result_titre {
	color : #008EB1;
	font-size:15px;
	font-weight: bold;
}

div#footer {
	clear:both;
	width:800px;
	color:#043C4C;
	font-family:arial;
	font-size:13px;
	text-align:center;
}

.menu_mess {
	float:left;
	width:240px;
	text-align:center;
	font-size:18px;
	font-weight: bold;
}

.mess_nonlu {
	font-weight: bold;
}

.lien_invisible {
	text-decoration : none;
}

.lien_categorie {
	color:#043C4C;
	font-family:arial;
	font-size:12px;
	text-decoration : none;
}

.input_connection {
	border:1px;
	border-style:solid;
	border-color:#008EB1;
	background-color:white;
}

.texte_orange {
	color:#F28340;
	font-family:arial;
	font-size:15px;
	font-weight: bold;
}

.texte_menu {
	color:#043C4C;
	font-family:arial;
	font-size:12px;
}

.chrono_jours {
	color:#EC7C2D;
	font-family:arial;
	font-size:17px;
	font-weight: bold;

}

.chrono_texte {
	color:#043C4C;
	font-family:arial;
	font-size:15px;
	font-weight: bold;
	}

.texte_article {
	color:#043C4C;
	font-family:arial;
	font-size:14px;
	text-align:justify;
}

.auteur {
	color:#008EB1;
	font-family:arial;
	font-size:12px;
}

.chrono_img {
	float:left;
}

.cadre_resume {
	float:left;
	margin-top:10px;
	width:515px;
	background-image : url("http://www.kydiz.com/ressources/images/bandeau_resume_article.png");
	background-position : bottom left;
	background-repeat : no-repeat;
}

.img_resume {
	float:left;
	margin-left:5px;
	margin-top:10px;
}

.txt_resume {
	float:left;
	padding-left:10px;
	margin-top:10px;
	width:390px;
}

.titre_resume {
	color : #008EB1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
}

.texte_resume {
	color:#043C4C;
	font-family:arial;
	font-size:12px;
	text-align:justify;
}

.texte_auteur {
	color:#043C4C;
	font-family:arial;
	font-size:12px;
}

.spacer {
  clear: both;
}

.bloc_commentaire {
	position:relative;
	z-index:2;
	margin-left:20px;
	margin-top:5px;
	color:#043C4C;
	font-family:arial;
	font-size:12px;
	text-align:justify;
}

.img_commentaire {
	position:relative;
	z-index:2;
}

.form_star {
	display:inline;
}

.tableau:hover {
	background:#f28340;
	cursor:pointer;
}

.tableau2:hover {
	background:#008eb1;
	cursor:pointer;
}

.lien_interne {
	color : #043C4C;
}

.lien_interne:hover {
	background-color : #F28340;
	text-decoration : underline;
}

.clear{
clear: both;
}