/******************************************/
/*            DESIGN GENERAL              */
/******************************************/
body {
	font-family: Verdana, Arial, Helvetica;
	font-size: 80%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

/*debugage*/
/** {border: 1px solid red }*/

/* affichage des erreurs */
.erreur {color: #F33; font-weight: bold; border: thin dashed red; }
.erreur_notice { color: #C00; font-weight: normal; font-style: oblique; }
#colonne_nav .erreur { color: #FF9; }


div {overflow:hidden}

/*l'en tête*/
div#en_tete { background-color: transparent; }
div#en_tete .content { background-color: #96F; color: #000;zoom:1; }

/*la colonne de navigation*/
div#colonne_nav {
	width: 15em;
	float: left;
	background-color: transparent;
	padding: 2em 0;
}

div#colonne_nav .content{
	position: relative;
	width: 15em;
	background-color: #C3C;
	color: #000;
	border-right: 0.1em solid #000;
	padding: 2em 0;
}

/*la colonne de contenu*/
div#colonne_contenu { float: right; width:100%;margin-left: -16em; }
div#colonne_contenu .content{
	position: relative;
	max-width: 45em;
	margin-left: 16em;
}

/*le pied de page*/
div#pied { clear: both;	background-color: transparent; }
div#pied .content { height: 3em; background-color: #96F; color: #000; }

/*bordures des différentes sections*/
.l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12, .l13, .l14, .l15, .l16, .l17 {
	display: block;
	overflow: hidden;
	height: 1px;
	line-height: 0px;
	margin: 0;
}

#colonne_nav .l1 { margin-right: 12em; border-right: 3em solid #000; background-color: #CCC; }
#colonne_nav .l2 { margin-right: 9em; border-right: 3em solid #000; 	background-color: #CCC; }
#colonne_nav .l3 { margin-right: 6em; border-right: 3em solid #000; 	background-color: #C9C; }
#colonne_nav .l4 { margin-right: 4em; border-right: 2em solid #000; 	background-color: #C9C; }
#colonne_nav .l5 { margin-right: 2.5em; border-right: 1.5em solid #000; 	background-color: #C9C; }
#colonne_nav .l6 { margin-right: 1.5em; border-right: 1em solid #000; 	background-color: #C6C; }
#colonne_nav .l7 { margin-right: 0.7em; border-right: 0.8em solid #000; 	background-color: #C6C; }
#colonne_nav .l8 { margin-right: 0.2em; border-right: 0.5em solid #000; 	background-color: #C6C; }
#colonne_nav .l9 { margin-right: 0; border-right: 0.2em solid #000; 	background-color: #C3C; }

#en_tete .l1, #pied .l1 { margin-right: 50%; width: 50%; background-color: #000; }
#en_tete .l2, #pied .l2 { margin-right: 44%; border-right: 5em solid #000; background-color: #636; }
#en_tete .l3, #pied .l3 { margin-right: 38%; border-right: 5em solid #000; background-color: #636; }
#en_tete .l4, #pied .l4 { margin-right: 32%; border-right: 4em solid #000; background-color: #636; }
#en_tete .l5, #pied .l5 { margin-right: 27%; border-right: 3.8em solid #000; background-color: #969; }
#en_tete .l6, #pied .l6 { margin-right: 22%; border-right: 3.5em solid #000; background-color: #969; }
#en_tete .l7, #pied .l7 { margin-right: 18%; border-right: 3em solid #000; background-color: #969; }
#en_tete .l8, #pied .l8 { margin-right: 14%; border-right: 3em solid #000; background-color: #969; }
#en_tete .l9, #pied .l9 { margin-right: 11%; border-right: 3em solid #000; background-color: #96C; }
#en_tete .l10, #pied .l10 { margin-right: 8%; border-right: 2em solid #000; background-color: #96C; }
#en_tete .l11, #pied .l11 { margin-right: 6%; border-right: 1.5em solid #000; background-color: #96C; }
#en_tete .l12, #pied .l12 { margin-right: 4%; border-right: 1em solid #000; background-color: #96C; }
#en_tete .l13, #pied .l13 { margin-right: 2%; border-right: 0.8em solid #000; background-color: #96F; }
#en_tete .l14, #pied .l14 { margin-right: 1%; border-right: 0.5em solid #000; background-color: #96F; }
#en_tete .l15, #pied .l15 { margin-right: 0%; border-right: 0.2em solid #000; background-color: #96F; }

#en_tete #titre { float: left; margin: 0; }
#en_tete #sous_titre { float: right;	margin: 0; }
#en_tete #logo_site { height: 3em; }
#en_tete #picto { height: 5em; }

div #colonne_contenu a.retour_haut { 
	display: block;
	margin: 0.5em 0;
	padding-left: 35px;
	background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/top_main.gif);
	background-repeat: no-repeat;
	background-position: center left;
	height: 3.5em;
	font-weight: bold;
	width: 16em;
	line-height: 3.5em;
	color: #626;
}
div #colonne_contenu a.retour_haut:hover { color: #C3C; background-color: inherit }
div #colonne_contenu a.retour_haut:before { content: "["; }
div #colonne_contenu a.retour_haut:after { content: "]"; }

/******************************************/
/*              POUR LE MENU              */
/******************************************/

div#main_menu a {
	display: block;
	line-height: 30px;
	width: 10em;
	background-repeat: no-repeat;
	background-color: #C9C;
	padding-left: 35px;
	margin: 0.3em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	border: medium solid #888;
}
div#main_menu a:hover, div#main_menu .actif {
	background-color: #F6F;
	background-position: 0 -1000px; 
	border: medium solid #000;
	text-decoration: underline overline;
}

div#main_menu .actif { background-color: #F9F; }

/*les icones*/
#accueil { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_accueil.gif); }
#ouferie { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_ouferie.gif); }
#roller { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_roller.gif); }
#kata { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_kata.gif); }
#squat { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_squat.gif); }
#creation { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_creation.gif); }
#dedicace { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_dedicace.gif); }
#jeux { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_jeux.gif); }
#lien { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_lien.gif); }
#livre { background-image: url(/web/20081113214809im_/http://chakhal.free.fr/image/ico_livre.gif); }

/******************************************/
/*          POUR LES FORMULAIRES          */
/******************************************/
/*form {
	padding: 1em;
	border: 2px solid #000;
}
*/
.titre_champ {
	font-variant: small-caps;
} 
.champ {
	font-weight: bold;
}

#connect_form fieldset{
	font-size: 0.8em;
	border: thin solid #000;
	padding: 0.5em;
	margin: 0.5em;
}

#connect_form input {
	background-color: #F6F;
	margin: 0.5em;
	border: 0.1em solid #000;
}
	
.bouton {
	background-color:inherit;
	color: #333;
	font-variant: small-caps !important;
	font-weight: bold;
	border: 0;
	text-decoration: none;
}
.bouton:hover {
	text-decoration:underline overline !important;
	color: #FF9;
}
.bouton:before {
	content:"[ ";
}	
.bouton:after {
	content:" ]";
}
/******************************************/
/*            POUR LES PAGES              */
/******************************************/
.spacer {
	visibility: hidden;
	margin: 0;
	clear: both;
	background-color: transparent;
	height: 1px;
}

.separator {
	margin: 1em;
	clear: both;
	color: #333;
	background-color: transparent;
	height: 1px;
}

hr {
	width:80%;
	border: thin solid #000;
}

div.chak_menu {
	position: relative;
}

div.chak_menu a {
	display: block;
	float: left;
	border: 4px solid #000;
	margin: 0.2em;
	height: 8em;
}
div.chak_menu a:hover {
	background-color: #FCF;
}
div.chak_menu a.actif {
	background-color: #F66;
	border-color: #F00;
}

div.chak_menu img {
	display: block;
	border-width: 0;
	height: 8em;
}

/******************************************/
/*           POUR LES FEINTES             */
/******************************************/

.feinte {
	border: medium dashed #F22;
	font-style: oblique;
	color: #F22;
	font-size: 1.2em;
	font-weight: bolder;
	padding: 1em;
}

.fuck {
	padding-left: 80px;
	background-image:url(/web/20081113214809im_/http://chakhal.free.fr/image/doigt_72.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: 5px center;
	min-height: 80px;
}

/*
     FILE ARCHIVED ON 21:48:09 Nov 13, 2008 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:06:29 Feb 06, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 132.365
  exclusion.robots: 0.074
  exclusion.robots.policy: 0.068
  RedisCDXSource: 1.523
  esindex: 0.007
  LoadShardBlock: 114.774 (3)
  PetaboxLoader3.datanode: 123.323 (4)
  CDXLines.iter: 13.983 (3)
  load_resource: 184.512
  PetaboxLoader3.resolve: 135.885
*/