/*

	Jaow - Le CMS Simple et rapide qu'il vous faut
	----------------------------------------------
	CSS - Classik - Template
	----------------------------------------------
	/!\ Ne rien toucher si vous n'êtes pas sur de votre manipulation

	*/

	body {
	font-family:Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#333333;
	}
	
	/* Maintenance */
	div.maintenance {
	background-color:#ff6d6d;
	border:0px solid #d00202;
	color:#FFFFFF;
	text-align:center;
	position:fixed;
	width:100%;
	}
	
	/* Images */
	img {
	border:0px;
	}
	
	/* Liens */
	div.lien {
	background-color: #707F20;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	margin-bottom:2px;
	font-size: 9px;
	}
	
	div.lien a{
	text-decoration:none;
	color:#FFFFFF;
	font-size: 9px;
	}
	
	a {
	color: #2d578b;
	text-decoration:none;
	}
	
	a:hover{
	color: #1e3f69;
	text-decoration:none;
	}
	
	a:visited {
	color: #2d578b;
	text-decoration:none;
	}
	
	a:visited:hover {
	color: #1e3f69;
	text-decoration:none;
	}
	
	/* Contenu */
	div.header {
	background-image:url(../images/back_head.jpg);
	height:79px;
	background-repeat:repeat-x;
	}
	
	div.content_header {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding-top: 30px;
	}
	
	div.content_right_header {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
	padding-top: 10px;
	}
	
	div.content_right_header a{
	color:#FFFFFF;
	text-decoration: none;
	}
	
	div.content_right_header a:hover{
	color:#eeeeee;
	text-decoration: none;
	}
	
	div.menu {
	background-color: #0d346d;
	height: 25px;
	border-top: 2px solid #FFFFFF;
	}
	
	div.content_menu {
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 5px;
	}
	
	div.content_menu a{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	}
	
	div.content_menu  a:hover{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:overline;
	}
	
	div.content {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	}
	
	div.content_admin{
	width:600px;
	}
	
	div.footer {
	width:800px;
	border-top-style: dashed;
	border-top: 2px solid #eeeceb;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	text-align:right;
	color: #565454;
	font-size:10px;
	}
	
	div.logo:hover {
	border:1px solid #eeeceb;
	text-align:center
	}
	
	div.titre_logo {
	color:#474646;
	font-weight:bold;
	}
	
	div.description_logo {
	color:#6a6968;
	}
	
	td.droite {
	border-left: 1px solid #eeeceb;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background-color: #faf8f8;
	width:20%;
	}
		
	div.pseudo {
	background-color:#ff6d6d;
	border:0px solid #d00202;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	margin-bottom: 2px;
	font-size: 9px;
	}
	
	div.ip {
	background-color:#ff6d6d;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	margin-bottom: 2px;
	font-size: 9px;
	}
	
	div.rss {
	background-color: #707F20;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	margin-bottom:2px;
	font-size: 9px;
	}
	
	/* Titres */
	h2 {
	color:#c0c0c0;
	font-size:14px;
	text-transform:uppercase;
	}
	
	h3 {
	color:#d5d2d2;
	font-size:12px;
	text-transform:uppercase;
	border-bottom: 1px solid #eeeceb;
	padding-bottom: 3px;
	}
	
	h3.categories_actif {
	color:#d5d2d2;
	font-size:12px;
	text-transform:uppercase;
	border-bottom: 1px solid #eeeceb;
	padding-bottom: 3px;
	}
	
	h3.categories_inactif {
	border-bottom: 0px solid #eeeceb;
	}
	
	h3.pages_actif {
	color:#d5d2d2;
	font-size:12px;
	text-transform:uppercase;
	border-bottom: 1px solid #eeeceb;
	padding-bottom: 3px;
	}
	
	h3.pages_inactif {
	border-bottom: 0px solid #eeeceb;
	}
	
	h3.blocks {
	color:#d5d2d2;
	font-size:12px;
	text-transform:uppercase;
	border-bottom: 1px solid #eeeceb;
	padding-bottom: 3px;
	}
	
	h1
	{
	margin:0px;
	padding:0px;
	}
	
	/* Onglets */
	.onglet
	{
	display:inline-block;
	margin-right:3px;
	padding:3px;
	cursor:pointer;
	border:1px solid #eeeceb;
	background-color: #f6f3f2;
	padding-bottom:4px;
	}
	
	.contenu_onglet
	{
	background-color:#faf8f8;
	border:1px solid #eeeceb;
	margin-top:-1px;
	padding:15px;
	display:none;
	}
	
	ul
	{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-10px
	}

	
	/* Formulaires */
	input {
	background-color:#f4f4f2;
	color:#6d6c64;
	border:1px solid #bdbdbd;
	font-family:Arial;
	font-size:10px
	}
	
	textarea.articles {
	background-color:#f4f4f2;
	color:#6d6c64;
	border:1px solid #bdbdbd;
	width:135px;
	font-family:Arial;
	font-size:10px
	}
	
	textarea.articles:hover  {
	background-color:#efeee5;
	color:#6d6c64;
	border:1px solid #bdbdbd;
	width:135px;
	}
	
	textarea {
	background-color:#f4f4f2;
	color:#6d6c64;
	border:1px solid #bdbdbd;
	width:300px;
	}
	
	textarea:hover {
	background-color:#efeee5;
	color:#6d6c64;
	border:1px solid #bdbdbd;
	width:300px;
	}
	
	input:hover {
	background-color:#efeee5;
	color:#6d6c64;
	border:1px solid #bdbdbd;
	}
	
	input.description {
	background-color:#f4f4f2;
	color:#6d6c64;
	border:1px solid #bdbdbd;
	width: 500px;
	}
	
	select {
	background-color:#f4f4f2;
	color:#6d6c64;
	border:1px solid #bdbdbd;
	}
	
	select:hover {
	background-color:#efeee5;
	color: #6d6c64;
	border:1px solid #bdbdbd;
	}
	
	div.submit {
	text-align:right;
	}
	
	/* Tableaux */
	table.classique{
	background-color: #dddddd;
	border:1px solid #bdbdbd;
	}
	
	td.classique_title {
	background-image: url('../images/backtitlemenu.jpg');
	height: 23px;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #e5e4db;
	padding-top:0px;
	padding-left: 5px;
	}
	
	td.classique_tete {
	background-color: #eeeeee;
	font-weight:bold;
	}
	
	td.classique_grey {
	background-color: #f3f0ef;
	}
	
	td.classique_grey:hover {
	background-color: #cccbcb;
	}
		
	td.classique {
	background-color: #ffffff;
	}
	
	td.classique:hover {
	background-color: #f8f7f7;
	}
	
	table.pagination {
	padding: 5px;
	width: 100%;
	margin-top: 10px;
	}
	
	tr.admin {
	background-color:#ffffff;
	}
	
	tr.admin:hover {
	background-color:#f8f7f7;
	}
		
	/* Evènements */
	div.confirmation {
	background-color: #707F20;
	color:#FFFFFF;
	width:100%;
	margin-bottom:10px;
	font-size: 12px;
	}
	
	div.suppression {
	background-color:#ff6d6d;
	color:#FFFFFF;
	width:100%;
	margin-bottom: 10px;
	font-size: 12px;
	}
	
	/* Articles */
	div.Titre_articles {
	color: #b1b1b2;
	font-size: 12px;
	font-weight:bold;
	margin-top:10px;
	}
	
	div.Sommaire_articles { 
	border-top: 1px solid #dde0e1;
	border-bottom: 1px solid #dde0e1;
	padding: 5px;
	}
	
	div.Sommaire_articles:hover { 
	background-color: #faf8f8;
	}
	
	div.Contenu_articles { 
	}
	
	div.Footer_articles {
	font-size: 12px;
	padding:2px;
	text-align:right;
	margin-bottom:10px;
	}
	
	div.Footer_articles a {
	text-decoration:none;
	}
	
	/* Commentaires */
	div.contenu_commentaires
	{
	background-color:#ffffff;
	border:1px solid #eeeceb;
	padding:8px;
	}
	
	/* Install */
	div.install {
	background-color:#faf8f8;
	border:1px solid #eeeceb;
	margin-left:auto;
	margin-right:auto;
	width:40%;
	text-align:center;
	padding:10px;
	margin-top: 15px;
	}
	
	div.instalation {
	background-color:#ff6d6d;
	border:0px solid #d00202;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	margin-bottom: 2px;
	font-size: 9px;
	}
	
	div.requete {
	background-color:#ff6d6d;
	border:0px solid #d00202;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	margin-bottom: 2px;
	font-size: 9px;
	}
	
	/* Commentaires */
	div.tete_commentaires {
		color:#333333;
		padding-left: 10px;
	}
	
	div.commentaire_commentaire {
		color:#333333;
		padding: 10px;
		background-color:#f8f6f6;
		border:1px solid  #CCCCCC;
		margin-bottom: 10px;
	}
	
	/* Liens */
	div.Titre_liens {
	color: #b1b1b2;
	font-size: 12px;
	font-weight:bold;
	margin-top:10px;
	}
	
	div.description_liens { 
	border-top: 1px solid #dde0e1;
	border-bottom: 1px solid #dde0e1;
	padding: 5px;
	}
	
	div.description_liens:hover { 
	background-color: #faf8f8;
	}
	
	/*InfosBulle*/
	a.info {
	position: relative;
	color: black;
	text-decoration: none;
	border-bottom: 1px gray dotted; /* On souligne le texte. */
	}
	a.info span {
	   display: none; /* On masque l'infobulle. */
	}
	a.info:hover {
	   background: none; /* Correction d'un bug d'Internet Explorer. */
	   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
	
	   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
	}
	a.info:hover span {
	display: inline; /* On affiche l'infobulle. */
	position: absolute;
	
	white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
	
	top: 30px; /* On positionne notre infobulle. */
	left: 20px;
	
	background: white;
	
	color: black;
	padding: 3px;
	
	border: 1px solid #09507d;
	border-left: 4px solid #032337;
	}