/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Contributor(s):
 * Theme Kiwi par Kozlika http://www.kozlika.org */

 /* *************************************************************************
 thème kiwi modifié pour la refonte du site CA2020
 Anne Le Bot - Malik Rabault  - février 2008
 ***************************************************************************/

  /*   **************************************************************************
                                reset CSS d'Eric Meyer 
******************************************************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	/* list-style: none;  */
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

q:before, q:after {
	content: "";
}

/* ************************* fin reset css Eric Meyer ***************************** */


 /* ============== layout general ============== */
body {
	font-size: 82.01%; /* [1] */
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	text-align:center;
}

/* ici revoir l'interligne des paragraphes */
p {
line_height:50pt;
}

#page {
	margin-left:36px;
	margin-right:36px;
	margin-top:10px;
	text-align:left;
	background:#fff;
}
#content {
	float : right;
	width :100%;
}
#content[id] { /* [2] */
	margin-left : -1px;
}
#col-a {
}
#col-a[id] {
}
#col-b {
	float : right;
	margin-right : -180px;
	z-index : 11; /* [3] */
}
#col-b[id] { /* [2] */
	margin-left : 1px;
}
.trois #conteneur {
	padding : 0 180px 0 0;
}

.main {
	width: 100%;
}
.main[class] { 
	padding-bottom: 0.1px; /* [4] */
}
.main-int {
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
}
.main-int[class] { /* [2] */
	margin-right: -1px;
}
.ext-col {
	position: relative;
	width: 180px;
	overflow: hidden;
}
.int-col, content-int {
	margin: 0 1em;
}
.clear {
	 clear: both;
}

/* ==================== elements communs ===================== */
p { margin : 1em 0; }
img { border : none; margin:0; }
form { display : block; margin : 0; padding : 0; }
q { font-style : italic; }
acronym, abbr { border-bottom: 1px dotted #999; cursor:help; }


h1 { font-size : 2em;}
h2 { font-size : 1.5em;}
h3 { font-size : 1.17em;}
h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif}
h4 { font-size : 1em;}
h5 { font-size : 0.83em;}
h6 { font-size : 0.67em; }


code, pre { 
	font-family : "Courier New",monospace; 
	font-size : 1em; 
	background : #f7f7f7;
}
pre { 
	margin : 0 auto; 
	margin-bottom : 1em; 
	padding : 0.5em; 
	text-align:left;
	white-space:normal;
		/* caché pour IE 5 Mac qui sait pas faire \*/
		white-space:pre;
		width: 90%; 
		overflow : auto; 
				/* End hack */
}

/* ---- liens courants ----------------------- */
a, a:link {
	color :#666;
	text-decoration:none;
	font-weight : bold;
}
a:visited {
	color:#999;
	text-decoration:none;
}
a:hover {
	text-decoration : none;
	color : #333;
}
a:active {
	font-weight:bold;
	text-decoration : underline;
}
a:focus {
	text-decoration:underline;
}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color:#99cc33; 
	background : transparent;
}
a, a.lien :link { 
color:#ed0000;
}

a.lien :visited { 
color:#ed0000;
}

a.lien :hover { 
color:#ed0000;
}

a.lien :active { 
color:#ed0000;
}

a.lien :focus { 
color:#ed0000;
}
ul {
	position : relative;
} /* pour éviter la disparition d'image aléatoire au survol des liens */


/* ================================================================
top
------------------------------------------------------------------------------------------------------ */
/* remplacé par bando, au bas de cette page */



/* Prelude
------------------------------------------------------------------------------------------------------------ */
#prelude {
	position:absolute;
	padding : 0;
	font-size : 0.85em;
	text-align : right;
	margin-top:-600px;
}
#prelude, #prelude a {
	color:#c7c7c7;
}


/* Centre - partie des billets (main > main-int > content > content-int)
--------------------------------------------------------------------------------------------- */
.content-int {
	 margin: 0 1em;
}
.content-int h3 {
	color :#666;
	margin-top : 2em;
	font-size:1.1em;
	font-weight:normal;
}

/* test pour images dans les articles html */
.imgContenu {
	padding:8px;
}

.content-int h4 {
	color :#666;
}
/* --------------------- les billets ------------------------ */	
.ligne 
		   {
	background: transparent;
	border-color: #999;
	border-style: dashed;
	border-width: 0 0 1px;
	margin-top:2.0em;
	margin-bottom:1.0em;
		   }

.post {
	margin-top:0;
	margin-bottom:0;
	
}
.info {
	font-family : "Trebuchet MS","Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	text-align:left;
	font-size:0.86em;
	margin-top:-3px;
}

.day-date {
	font-family : Georgia,"New Century Schoolbook",Times,serif; 
	font-size : 1em;
	text-align : right;
	color : #999;
	padding:2px 0;
	margin-top:0;
}
.post-title {
	font-family : "Arial narrow",Arial,sans-serif;
	font-weight:bold;
	font-size:1.5em;
	margin:0;  /* margin:1em 0 0 0; */
	color:#990000;
	margin-top:1.0em;
	}

.post-title a {
	color:#990000;
	tex-decoration:underline;
}
.post-cat, .post-cat a {
	color:#333;
	font-size : 0.82em;
}

.post-chapo {
	margin-top:0.25em;
}

.post-content {
	clear:both;
	text-align:justify;
	margin-top:0.5em;
}

.post-content p {
	margin-top:0.25em;
	line-height:120%;
}

.post ul li {
	display:block;
	background : transparent url(images/puceA.gif) no-repeat 0 4px;
	padding-left:13px;
	padding-bottom:10px;
}
.post ul ul li {
	display:block;
	background : transparent url(images/puceB.gif) no-repeat 0 4px;
	padding-left:13px;
}

.post-info, .post-info-co, .post blockquote {
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size:0.86em;
}
.post-info {
	margin-bottom: 0;
	color:#999;
}
.post-info-co {
	margin-top:0;
	margin-bottom:2em;
	padding-left : 13px;
}
.post-info-co span {
	padding : 0 15px 0 0;
}
.post blockquote {
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	margin:2em 0;
	padding-left:2em;
}
.post blockquote p {
	margin-top:1em;
}
p.suite {
	margin-top:-6px;
	padding:0;
}

/* --------- notes --------- */
.footnotes {
	font-size:0.9em; color:#666;
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
}
.footnotes h4 {
	margin: 0.5em 0;
}
/* ---------- trackacks et commentaires ---------------- */
#trackbacks, #comments, #comment-preview {
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size:0.86em;
	margin : 0;
	margin-top:2em;
	border-top:1px dashed #999;
}
#trackbacks {
	margin-top:2em;
	border-top:4px dotted #660066;
	border-bottom:1px dashed #999;
}
#trackbacks h3, #comments h3, #comment-preview h3 {
	font-family : "Trebuchet MS", "Bitstream Vera Sans", "lucida grande",verdana, lucida, arial, helvetica, sans-serif;
	text-transform : uppercase;
	font-size : 1em; 
	margin : 1em 0;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 1em 1em;
	padding : 1px 0.5em;
	font-style : normal;
	color : #666;
}
#comments blockquote {
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}
.comment-number {
	font-family : Georgia,"New Century Schoolbook",Times,serif; 
	font-size : 1.5em;
}
.comment-number a {
	text-decoration : none;
}
.comment-info {
	margin: 0;
}


/* Parametres communs menus gauche et droit
----------------------------------------------------------------------- */
.int-col h3 {
	border-bottom:1px solid #999;
	padding : 1em 0 2px 0;
	margin:0;
	font-weight : bold;
	color : #990000;
	font-size:1em;
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
}

/* pour les rectangles de titres rubriques : */
.int-col h2 {
	display:inline;  /* si on ne met pas ça, pas d'encadrement dans IE */
	font-size:1.2em;
	color:#FFCC66;
	font-variant:small-caps;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #333;
	padding:2px 5px;
	text-align:center;
	line-height:3em;
}

.int-col ul {
	list-style:none;
	padding:0;
	margin:0;
}

.int-col li {
	background:transparent;
	margin-left:5px;
	list-style-image: url(images/puce.png);
}

.int-col li:hover {
	color:#990000;
}

.int-col li a {
	display: block;
	width: 100%;
}

html>body #int-col li a {
	width: auto;
}

.int-col li a:hover {
	color:#900;
}

.int-col a:link {
	font-weight : bold;
}

.int-col a:visited { 
	text-decoration:none;
}	

.int-col a:active {
	font-weight : bold;
	text-decoration : underline;
}

/* Specifique menu gauche (col-a)
-------------------------------------------------------- */
#col-a {
	font-size:0.86em;
	text-align:right;
	/* background: transparent url(images/fond-a.png) no-repeat 50% 24px;   --> supprimé car pas joli !!!  */
	padding-top:5px; /* d'origine, 96 px pour faire la place à l'image */
}

#col-a h3 {
	color : #666;
	border : none;
	text-transform: uppercase;
}
#col-a a { /* liens vers catégories ou tags */
	font-weight : bold;
	color : #666;
	line-height:110%;
}

#col-a a:hover {
	color : #333;
}

#deco {
	width:130px;
	height:130px;
	/* background: transparent url(images/fond2-a.png) no-repeat; --> supprimé car pas joli !! */
}

/* Specifique menu droit (col-b)
-------------------------------------------------------- */
#col-b {
	font-size:0.86em;
	/* background : transparent url(images/fond-b.png) no-repeat 50% 12px; */
	padding-top:5px; /* sd'origine, 106 px pour faire de la place à l'image */
}
#col-b a { /* liens vers catégories ou tags */
	color : #666;
}

#col-b a:hover {
	color : #333;
}

#col-b h4 {
	font-size:1.25em;
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.5em;
}

/* ::::::::::::::::::: Calendrier */
#calendar {
	font-size:1.1em;
	line-height:100%;
	width:150px;
	padding-bottom:0.5em;
	border-bottom:1px solid #999;
	margin-bottom:2em;
}
#calendar h2 {
	line-height:140%;
}
#calendar table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
}
#calendar caption {
	color : #666;
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-weight:bold;
	font-size:1.1em;
	padding : 0.3em 0;
	margin : 0 auto;
}
#calendar abbr {
	border : none;
	font-style : normal;
}

#calendar th, #calendar td {
	border : none;
	padding : 1px;
}
#calendar td {
	text-align : center;
}
#calendar td.active {
	border : 1px solid #660066;
}
#calendar td.active a {
	font-weight : bold;
}

#calendar a {
	font-weight : bold;
	background:#d7d7d7;
}

/* :::::::::::::::::: recherche */
#search {
}
/* ::::::::::::::::: langues */
#languages {
}
#q {
}

/* ::::::::::::::::::::  categories */
#categories {
}

/* ::::::::::::::::::::: archives */
#archives {
}

/* :::::::::::::::::::::  liens */
#links {
}

/* ::::::::::::::::::::  syndication */
#syndicate {
}




/* Footer
------------------------------------------------------------------------------------------------------ */
#footer {
	clear:both;
	position : relative;
	border-top : 1px solid #6b8f24;
	margin : 0 0 1em 0;
	padding: 0 2em 0.15em 2em;
	color: #999;
	font-size: 0.8em;
	text-align: right;
	line-height: 100%;
}

/* ========================== Interactions et formulaires divers ======================= */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

textarea {
	width:90%;
	height:200px;
	font-size:1em;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}
textarea.titre {
	width:30%;
	height:20px;
	font-size:1em;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}
textarea.flash {
	width:60%;
	height:50px;
	font-size:1em;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}

input:focus, textarea:focus, input:hover, textarea:hover {
	border:1px solid #999;
	background:#F6F6F6;
}

input, textarea {
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}
input[type], textarea[name] {
	background: #f1f0ed;
}
input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}
input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
}
textarea {
	width : 95%;
}
p.field {
	margin : 0.5em 0 0 0;
}
p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}
.form-help {
}
#comment-form {
}
input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/*
/////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////

                        éléments de styles modifiés par rapport au style fourni avec le thème kiwi
						
/////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
*/

/******************************************************************************
      La page d'accueil modifiée (ALB février 2008)
********************************************************************************/

#accueilRessources {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#titreAccueil {
clear:both;
}

/* *************************************** les titres des vignettes ****************************** */

h2.accueilRessources {
color:#333;
font-size:1.7em;
font-family: "Arial narrow",Arial, sans-serif;
}

a.accueilRessources {
align:center;
color:#666;
line-height;auto;
}

a.accueilRessources:hover {
align:center;
color:#333;
text-decoration:underline;
}

#tousenjeux {
/* 3 vignettes : 1 pour chaque enjeu */
margin-top:10px;
margin-left: 30px;
border: 0px solid;
}

#enjeu {
width:180px;
float:left;
margin-right:30px;
border: 0px solid;
text-align:center;
}

#CA2020 {
clear:both;
margin-left: 30px;
margin-top:10px;
line-height:0.5em;
}

#ligneVignettes { /* une ligne de la liste de vignettes */
clear:both;
border: 0px solid;
text-align:center;
}

#vignette {
width:140px;
float:left;
text-align:center;
border: 0px solid;
}

#prospective {
clear:both;
width:650px;
margin-left: 30px;
margin-top:10px;
line-height:0.5em;
}

/* ========================== BANDO SUPERIEUR LOGO ======================= */

#bando {
	background-image:url(images/logoBando.JPG);
	background-repeat: no-repeat;
	background-position:right;
	width: 100%;
	/*height:129px; */
	border :Opx;
	margin-top:0px;
}


#bando h2 {
	padding-top:40px;
	font-family : "Arial narrow",Arial,sans-serif;
	font-size : 2.5em;
	vertical-align:bottom;
}

.titre_para {
	font-family : "Arial narrow",Arial,sans-serif;
	font-size : 2em;
	color: #f89606;
	/*text-decoration: underline;  On souligne ces titres */
	font-variant : small-caps
}


/* ==========================MENU NAVIGATION HORIZONTAL COMMUN BLOG ET RESSOURCES  ======================= */

#navig {
/* */
}

.menu2 ul{ /* ensemble de la barre de menu */
 margin-top:10px;
 margin-left :0;
 margin-bottom:0;
 margin-right:0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background:#292925;
}


.menu2 li{
display: inline; /* ??????????????? */
}

.menu2 li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.menu2 li a:visited{
color: white;
}

.menu2 li a:hover, .menu2 li a.current{
color: #f7bb3f;
background:#292925;
}

/* ========================== Nuage de tags (copié de l'outil twTag) ======================= */

/* appel depuis le fichier Template : 
<?php twTags::tagCloud($levels = 5, $block = '<ul>%s</ul>', $item = '<li class="level-%2$d">%1$s</li>') ?>

NB : C'est la div qui contient le nuage qu'il faut nommer tagcloud
*/
#tagcloud ul { margin: 0; padding: 0 1em; display: block; }
/* #tagcloud li { display: inline; margin: 0 0.1em; padding: 0; background-image: none; }   */
#tagcloud li { display: inline; margin: 0; padding: 0; background-image: none; }
#tagcloud li.level-1 { font-size: 1em; }
#tagcloud li.level-2 { font-size: 1.2em; }
#tagcloud li.level-3 { font-size: 1.4em; }
#tagcloud li.level-4 { font-size: 1.6em; }
#tagcloud li.level-5 { font-size: 1.8em; }
#tags { text-align: justify; }
.nuage { display: block; text-decoration: none; }

/* ========================== sections : pub pour autres modules dans la sidebar d'un module  ======================= */

#sections {
	display : block;
	background: #ccc url(images/BlocPubRefait2.jpg);
	text-align:center;
	font-family:"Arial narrow",Arial,sans-serif;
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	padding:2px;
	margin-top:5px;
}
#ban {
		padding:2px;
	margin-top:5px;
}

/* ========================== FOOTER  ======================= */

#piedpage {
	clear:both;
	position : relative;
	border-top : 1px solid #FFCC66;
	margin : 0 0 0.2em 0;
	padding: 0 0.4em 0.15em 0.4em;
	color: #333;
	font-size: 1em;
	text-align: center;
	line-height:60%;
}

#piedpage a:visited #piedpage a:hover {
	font-weight: bold;
	color: #333;
}

/*************************** div spéciale pour pages communes (dans le répertoire "communs") ***************/
#commun {
width:60%;
}

/* tableaux dans les pages communes */
/* mis en place pour le mode d'emploi */
#commun table {
	border:1px #999 dotted;
	vertical-align:top;
}

#commun tr, td {
	vertical-align:top;
	border:0px #ffffff dotted;
}


/* spécialiement pour le mode d'emploi */
#commun ol li {
	list-style-type:decimal;
	display:block;
	margin-left:20px;
	line-height:20px;
}

#commun .niv2 {
	display:block;
	list-style-type:lower-alpha;
	margin-left:40px;
}

#commun h2{
	display:block;
	font-size:2em;
	font-family:"Arial narrow", Verdana, Arial, "Sans serif";
	color:#900;
}

#commun h3 {
	display:block;
	margin-left:20px;
	text-decoration:underline;
	font-weight:bold;
	font-size:1.2em;
	color:#333;
}

#commun h4 {
	display:block;
	margin-left:40px;
	text-decoration:underline;
	color:#666;
}

#commun2{
}
#commun2 h2{
	display:block;
	font-size:2em;
	font-family:"Arial narrow", Verdana, Arial, "Sans serif";
	color:#900;
}

/* utilisés pour l'hebdo et la présentation générale*/
.hebdo{ 
float: left;
font: bold 13px Arial;
color: white;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background:#292925;
}

.titraille{ 
float: left;
font: bold 13px Arial;
color: white;
width: 250px;
border: 1px solid #625e00;
border-width: 1px 0;
background:#292925;
position: absolute;
display: block;
}

#commun2 a{
	color:#ff7f00;
}