@charset "ISO-8859-1";
/********************************************************************************
/* Le blog de la GKC Team !
/* Tous droits réservés. Reproduction même partielle interdite sauf autorisation.
/* Conception et réalisation 2è et 3è trimestre 2008.
/* Valide CSS 2.1 (http://jigsaw.w3.org/css-validator/)
/********************************************************************************/

/********************************************************************************
/* VOUS TOUCHEZ LES MISES EN FORMES DE CETTE PAGE À VOS RISQUES ET PÉRILS :
/* ces définitions mettent en place le contenu global, la carcasse et
/* les structures générales et complètes du blog.
/********************************************************************************/

/*** Mises en formes complémentaires pour l'entete fixe ***/

#topfix a {
	text-decoration: none;
	border: none;
	background: none;
}

#topfix .banniere {
	text-align: center;
	cursor: pointer;
	margin: 10px auto;
}

.rss, .favori, .retour {
	position: absolute;
	width: 25px;
}

/*** Généralités ***/

a, a:link, a:visited, a:active, a:focus {outline:none;}

/* Ligne séparatrice */
hr {
   clear: both;
   border: 0;
   padding: 0;
   width: 100%;
   height: 1px;
   margin: 0 auto;
}

/*positionnement du contenu (en 1000px) centré dans la page */
#content {
	display: block;
	width: 850px;
	margin: 0 auto;
	padding-bottom: 5px;
}
/* Taille et positionnement des 3 colonnes principales*/
#col_gauche {
	width: 26%;
}
#col_centre {
	float: left;
	width: 70%;
}
/* Largeur maxi des images dans les colonnes de droite et gauche */
#col_gauche img {
	height: auto;
	max-width: 180px;
	margin: 5px auto;
}
/*** Mises en forme des boites arrondies et de leur contenu ***/
.arrondis {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}

/* Titre dans l'arrondi (date) */
.arrondis h1 {
	padding: 0 10px 5px;
}
/* contenu des boites */
.xboxcontenu {
	margin: 0 10px;
	padding-bottom: 0;
}
/* Titre de la news */
#col_gauche .arrondis h2, #col_centre .arrondis h2 {
	padding: 5px 0 0;
}
.arrondis h2>a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.arrondis h2>a:hover {
	text-decoration: none;
}
/* Sous-titre de la news */
.arrondis h3 {
	padding: 5px 0;
}
/* Titre des rubriques (gauche et droite) */
.arrondis h4 {
	padding: 5px 0;
}

/* Définition des liste à puces */
.arrondis ul {
	margin:0;
	padding:0 0 10px 10px;
}
.arrondis li {
	list-style-type: square;
	text-align: left;
	margin: 0 0 0 10px;
	padding-left:0;
}

/* Définition des liens */
.xboxcontent > .liens {
	padding-bottom: 10px;
}
a.lien_liste, a.lien_img {
	display: block;
}
a.lien_liste, a.lien_liste:hover {
	background: url(../images/square.gif) no-repeat left 0px;
	padding-left: 12px;
	margin: 0 0 0 5px;
}
a.lien_img img {
	margin: 1px 0 !important;
}

/* Mise en forme de la zone "profil_court" */
.profil_court {
	text-align: center !important;
}
.profil_court h4 {
	text-align: left !important;
}
.profil_court a {
	font-weight: bold !important;
}
.profil_court p, .profil_court a {
	font-size: 10pt !important;
	padding: 0 5px;
	margin-bottom: 10px;
}
.profil_court p {
	text-align: left !important;
	margin-bottom: 10px;
}
.profil_court input {
	margin-top: 10px;
}

/* Réseaux sociaux */
.sociaux {
	clear: both !important;
	padding: 10px 8px 0 !important;
}
.sociaux p {
	margin-bottom: 5px !important;
}
.social_net, .sociaux {
	
}
.sociaux img, .sociaux a {
	margin: 0 !important;
	padding: 0 !important;
}


.social_net img, .sociaux img {
	width: 16px;
	opacity: 0.7;
}
.social_net img:hover, .sociaux img:hover {
	opacity: 1;
}

/* Mise en forme de la zone "compteur de visite" */
.arrondis .compteur {
	margin-bottom: 10px !important;
}
.col_comptg {
	float: left;
	width: 51%;
	margin: 0;
	padding: 0;
}
.col_comptd {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
}
.visiteurs {
	padding: 10px 0;
}

/*** Mise en forme du treemenu des archives ***/

#gkctree {
	position: relative;
	margin: 0;
	padding: 10px 0;
}
#gkctree ul {
	margin: 0;
	padding: 0;
}
#gkctree li {
	list-style-type: none;
}
#gkctree li a {
	text-decoration: none;
	font-weight: normal;
	background: none;
}
/* 1er niveau: année */
#gkctree ul li {
	background: url(../images/arrow_right.gif) no-repeat left 5px;
	padding-left: 10px;
}
/* 2è niveau: mois */
#gkctree ul ul {
	margin: 0;
	padding: 0;
}
#gkctree ul li ul li {
	background: url(../images/arrow_down.gif) no-repeat left 7px;
	padding-left: 13px;
	margin: 0;
}
#gkctree li li a {
	font-weight: bold;
	text-decoration: underline !important;
}
/* 3è niveau: titre de la news */
#gkctree ul ul ul {
	margin: 0;
	padding: 0;
}
#gkctree ul li ul li ul li {
	background: url(../images/square.gif) no-repeat left 2px;
	padding-left: 12px;
	margin: 0;
}
#gkctree li li li a {
	font-size: 10pt;
	font-style: italic;
	font-weight: normal;
	text-decoration: none !important;
}
/* fin treemenu archives */

/*** Mise en forme de la pendule ***/
/*.pendule {
	width: 100%;
	margin-top: 10px;
}*/

.pendule {
	padding: 0 0 10px;
	text-align: center;
}
.pendule h1 {
	text-align: left;
}
.pendule object {
	margin-top: 10px;
}
/* Mise en forme de la zone "catégorie" et "commentaire" */

#pied_box {
   margin: 0 auto;
   padding: 3px 0px 3px 0;
   border-style: solid;
   border-width: 1px 0;
}
#pied_box p {
	display: inline;
}
/*** Page d'index avec news unique et commentaires associés */
/* Mise en forme des commentaires */

.unique_comm {
	font-size: 13pt !important;
	text-align: left !important;
	padding: 3px 5px !important;
}
.commentaire {
	width: 98%;
	margin: 0 auto 15px;
	border-style: solid;
	border-width: 0 0 1px 0;
	text-align: justify;
}
.commentaire .public {
	width: 99%;
	margin: 10px 0 0;
	padding: 0 0 5px 0;
	clear: both;
}
.ajout_comm {
	font-weight: bold;
	margin: 0 15px 10px 20px;
	font-size: 10pt;
}
.ajout_comm a, .ajout_comm a:hover {
	background: url(../images/arrow_right.gif) no-repeat left 7px;
	padding-left: 13px;
}

/* Boutons "conctactez-moi" */

a.contact {
	font-size: 10pt;
	background: url(../interface/images/form.gif) repeat-x center left;
	padding: 3px 8px;
	color: #344152;
	border: 1px solid #344152;
	cursor: pointer;
	margin: 10px 0;
}
a.contact:hover {
	background: url(../interface/images/formr.gif) repeat-x center left;
	text-decoration: none;
}

/* Mises en formes images et commentaires colonne centrale */
#texte {
	margin-bottom: 15px;
	text-align: justify !important;
}
#texte p {
	display: block;
	text-align: center;
}
#texte a>img.imgzoom {
	display: inline !important;
	text-align: center !important;
	margin: 5px auto !important;
	padding: 0;
}
/* Mise en forme du commentaire sous une image insérée */
#texte .comment_img {
	width: 380px;
	display: block;
	margin: 0 auto !important;
	padding: 0 !important;
}
#texte .comment_img a {
	font-weight: bold;
	font-style: italic;
}
/* positionnement du menu de pagination */
#pagination {
	clear: both;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
/*** Mise en forme de la pagination ***/

.pagination{
	padding: 2px;
}
.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10pt !important;
}
.pagination li{
	margin: 0 !important;
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
	padding: 0 5px;
	text-decoration: none;
}
.pagination a:hover, .pagination a:active{
	text-decoration: none;
	background-image: none;
}
.pagination a.currentpage{
	font-weight: bold;
	cursor: default;
}
.pagination a.prevnext{
	font-weight: bold;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
	cursor: default;
	font-weight: normal !important;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: #eee !important;
	color: #929292 !important;
	border-color: #929292 !important;
}

/* positionnement du footer */
.footer {
	clear: both;
	margin: 0 0 15px !important;
	padding: 5px;
	text-align: center;
	font-size: 10pt;
	border-style: solid;
	border-width: 1px;
}


/********************************************************************************
/* Le blog de la GKC Team !
/* Tous droits réservés. Reproduction même partielle interdite sauf autorisation.
/* Conception et réalisation 2è et 3è trimestre 2008.
/* Valide CSS 2.1 (http://jigsaw.w3.org/css-validator/)
/********************************************************************************/