/* import de la feuille commune des positions de blocs et tailles de texte */
@import url("../commun.css");
/* couleurs du thème */

h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: turquoise; }
blockquote, q, blockquote.spip { color:white; }
/* Tableaux */
table.spip {color:white;} /* Cf.: spip_style.css */
table.spip th { text-align:center; }
table.spip tr.row_first, table.spip tr.row_odd { background:none; }
table.spip tr.row_even { background-color:#2D2D3A; }
table.spip td { vertical-align: middle; }
table.spip img {
	min-height:24px;
	width:auto;
	text-align: center;
}
table.spip td a {
	text-align: center;
}
.spip_code, .spip_cadre { font-family: Courier, "Courier New", monospace; color: turquoise; }

/* ------------------------------------------ */
/* Disposition a l'ecran des blocs principaux */
/* ------------------------------------------ */

#hierarchie { color:white; }
#hierarchie a { color: turquoise; }


.surtitre, .soustitre {color: turquoise; }

.chapo {
	color: lightgreen;
}

.hyperlien {color: #8B6F92; }

/* Habillage des forums
---------------------------------------------- */

.forum-chapo .forum-titre, .forum-chapo .forum-titre a {color: #333; }
.forum-chapo abbr, .forum-chapo .comment-author { color:#000 }
.forum-texte {color: white; background-color:#1A1A1A; }

/* Habillage general des menus de navigation */

.menu ul {border-bottom: 1px solid #DDD; }
.menu ul li {border-top: 1px solid #DDD; }

/* Pagination */
.pagination, .pagination .on  {color: turquoise; } /* #87CCC9 */
.menu ul.pagination-items {
	border-bottom:none;
	font-size: 1.2em;
}
.menu ul.pagination-items li.pagination-item {
	border-top:none;
	border-bottom: 1px solid #DDD;
}

/* ==================================================================================================================================*/


/* ============================================================================================================================== */
/*#page {background-image:url("img/pc_bg.jpg");background-size:100% 100%;background-repeat:no-repeat; }*/

#page { background:linear-gradient(180deg, rgb(77, 77, 77) 0%, rgb(66, 66, 66) 15%, rgb(55, 55, 55) 30%, rgb(44, 44, 44) 45%, rgb(33, 33, 33) 60%, rgb(22, 22, 22) 75%, rgb(11, 11, 11) 100% ); }

body {
	/*background-color: #333333;*/
	background-image:none; /*url("img/pc_bg.jpg");
	background-size:100%;*/
	color:  white;
}

body a, body a:visited, body a:hover {
	color:turquoise;
}

a.spip_in { 
	color:lightgreen;
}

a.spip_out, a.spip_out:visited, a.spip_out:hover, a.spip_url {
	color:orange; 
}

/* Couleurs des liens
---------------------------------------------- */
/*a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; }*/
/* a.spip_out, a.spip_out:visited, a.spip_out:hover {
	color: #42ADFB;
}*/



.menu h2 {
	color:turquoise;
	
}

.cartouche h1 {
	color:white;

}

input, select, textarea {
    border: 1px solid snow;
}

.boutons input, input.submit {
	border:1px solid snow;
}
/* ========================================== ENTETE ========================================================*/

#entete {
	padding-top:0;
	height:150px; /* 25 + 60 = 85 px -> + 65 = 150 px */	
	background-image:url("img/titre01.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}
#navigation, #navigation * {
	top:150px;
	left:0;
	width:0;
	line-height:0;
	visibility:hidden;
}
#contenu {
	top:155px;
	left:15px;
}

#logo {
	margin-top:0px;
	clear:both;
	width: 290px;
}

#entete div {
	float:left;
}

#entete a {
	padding-left:10px;
	padding-right:10px;
	color: white;
	/*background-color: #FEF102;*/
	font-weight: bold;
}

#div-recherche {
	padding-left:10px;
	margin-top:25px;
	text-align:center;
	position:absolute;
	left:0;
	width:290px; /* 10 px + 290 px = 300 px */
}

#div-recherche div.formulaire_recherche {
	clear:both;
	padding-left:15px;
	text-align:center;
}

#div-menu {
	position:absolute;
	right:0;
	text-align:center;
	left:300px; 
}
#div-menu a {
	padding-left:0;
	padding-right:0;
}

#div-recherche img {
	max-width:250px;
	max-height:100px;
	width:auto;
}

#div-menu img {
	max-width:250px; /* 128 px -> 8 images possible en 1024 px */
	max-height:150px;
}

#div-menu div.menu-entree {
	max-width: 16%; /* pour 6 rubriques en plus de Accueil */
}

#div-menu div.menu-entree img {
	max-width: 100%;
	height:auto;
}
/* ========================================== MENU GAUCHE ========================================================*/

/*#navigation {
	background-attachment: scroll;
    	background-clip: border-box;
    	background-color: transparent;
    	background-image: url("img/pc_bas.png");
    	background-origin: padding-box;
    	background-position: left bottom;
    	background-repeat: no-repeat;
    	background-size: 100% auto;
}*/

#navigation a, #navigation a:hover, #navigation a:visited {
	color: white; /* ou lightblue */
}

#navigation label {
	font-size:1.5em;
}

#navigation img {
	width:0;
	height:0;
	visibility:hidden;
}

/* ========================================== MENU DROITE ========================================================*/

#zone_droite, #zone_droite:hover, #zone_tags:hover, #zone_revisions_article:hover {
	top:150px;
}

#zone_droite, #zone_tags, #zone_revisions_article {
	background-color:black;
	color:white;
}

#zone_droite a, #zone_droite a:hover, #zone_droite a:visited, 
#zone_tags a, #zone_tags a:hover, #zone_tags a:visited, 
#zone_revisions_article a, #zone_revisions_article a:hover, #zone_revisions_article a:visited {
	color: turquoise;
}
#zone_droite #zone_droite_fleche {
	background-image:url("img/bckward.gif");
}
#zone_tags #zone_tags_fleche {
	background-image:url("img/tagcloud.png");
	background-repeat:no-repeat;
	background-position:center center;
}

/* ========================================== CADRE DROITE ========================================================*/

#visites {
    color: turquoise;
}

.couleur1 {
	color:lightblue;
}

table.spip td .couleur1 {
	color:blue;
}

.couleur2 {
	color:red;
}

/* ----------------- portfolio ----------------- */

.lity-image-caption {
	background-color:black;
}

/* ============================================================================================================================== */
/*     redéfinition des styles de plugins       */
/* ============================================================================================================================== */
/* ================================ redéfinition des couleurs mise en évidence 1 et 2 des enluminures typographiques ================================================== */

.caractencadre-spip {
    color: #FF0000;

}

.caractencadre2-spip {
    color: #00FF00;

}
/* ================================ blocs couteau suisse ================================================== */
.cs_blocs {
	background-color: #222;
	border: 1px solid gray;
	margin-bottom: 2px;
}