/*
	Copyright Graines d'�es contributeurs :
		- Marc Guillaume <marc@yakati.net>
		- Chistophe Perez <chris@novazur.com> de NoVaZuR pour quelques hacks

	Ce fichier est la Feuille de style pour le site RITMO
	(R�eau d'Information sur les Tortues Marines d'Outremer)

	Ce logiciel est r�i par la licence CeCILL soumise au droit fran�is et
	respectant les principes de diffusion des logiciels libres. Vous pouvez
	utiliser, modifier et/ou redistribuer ce programme sous les conditions
	de la licence CeCILL telle que diffus� par le CEA, le CNRS et l'INRIA
	sur le site "http://www.cecill.info".

	En contrepartie de l'accessibilit�au code source et des droits de copie,
	de modification et de redistribution accord� par cette licence, il n'est
	offert aux utilisateurs qu'une garantie limit�.  Pour les m�es raisons,
	seule une responsabilit�restreinte p�e sur l'auteur du programme,  le
	titulaire des droits patrimoniaux et les conc�ants successifs.

	A cet �ard  l'attention de l'utilisateur est attir� sur les risques
	associ� au chargement,  �l'utilisation,  �la modification et/ou au
	d�eloppement et �la reproduction du logiciel par l'utilisateur �ant
	donn�sa sp�ificit�de logiciel libre, qui peut le rendre complexe �	manipuler et qui le r�erve donc �des d�eloppeurs et des professionnels
	avertis poss�ant  des  connaissances  informatiques approfondies.  Les
	utilisateurs sont donc invit� �charger  et  tester  l'ad�uation  du
	logiciel �leurs besoins dans des conditions permettant d'assurer la
	s�urit�de leurs syst�es et ou de leurs donn�s et, plus g��alement,
	�l'utiliser et l'exploiter dans les m�es conditions de s�urit�

	Le fait que vous puissiez acc�er �cet en-t�e signifie que vous avez
	pris connaissance de la licence CeCILL, et que vous en avez accept�les
	termes.
*/


/* styles de mise en page g��ale */



html {
    width: 100%;
    height: 100%;
    /*text-align: center;
    */background: #d2f9f8;
  }


body {
    font-family : Utopia, Palatino, "Times New Roman", Times, serif;
    font-size : 0.9em;
    margin : 0 auto;
    padding : 0;
    color : #321;
    background : #fff;
    width:985px;
    border: solid #1fb19e;
    border-width : 0px 4px 4px;
    text-align:center;
  }


hr.spacer {
    clear: both;
    color: white;
    background-color: white;
    border: 0;
  }


div.spacer {
    clear: both;
    display: none;
  }


img {
    border:0;
  }


span.secours {
    display: none;
  }

/*
	styles de positionnement du contenu - organisation g��ale de la page sur trois colonnes avec pied
	avec en-t�e et pied de page.
*/

/* syles de l'ent�e et menu d'ent�e */
#tete {
	font-family: Arial,Helvetica,sans-serif;
	font-size:10px;
}
#bandeau {
	/*background:#fff url("img/bandeau-GDI.jpg") no-repeat;*/
	background:#25D4BD;
	height:110px;
}

#menu_hori {
	margin:60px 0 0 190px;
	float: left;
}

#nav_list, #nav_list ul {
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav_list a {
	display: block;
	width: 20em;
	w\idth: 12em;
	color: #321;
	text-decoration: none;
	padding: 0.25em 2em;
	text-align:center;
}

#nav_list li {
	border: 1px solid #1FB19E;
	float: left;
	padding: 0;
	width: 15em;
	background:#fff;
	color:#147366;
}

#nav_list a:hover {
	background: #1FB19E;
	color:#fff;
}

#conteneur {
position: absolute;
width: 100%;
}

#gauche {
    float:left;
    width: 200px;
    margin-top:4em;
    /*border: 1px solid #f00;# pour debuggage */
  }


#droite {
    float:right;
    width: 160px;
    margin-top:4em;
    padding-left:8px;
    /*border: 1px solid #0f0;# pour debuggage */
  }


#centre {
	margin-left: 160px;
	margin-right: 180px;
    text-align: justify;
    font-size:1.1em;
    font-family : Utopia, Palatino, "Times New Roman", Times, serif;
    background-color: inherit;
    color: #321;
    /*border: 1px solid #00f;# pour debuggage */
  }


#pied {
    clear: both;
    height: 150px;
    text-align:center;
    margin-bottom:7px;
    margin-top: 15px;
  }

/* styles d�inissant l'aspect de l'en-t�e */



#div_logo_ritmo {
    position:absolute;
    margin-top:-5px;
    margin-left:5px;
    width: 190px;
  }


/* styles d�inissant l'aspect des menus droite et gauche */

/* mise en page regroup� menus droite et gauche */

#titre_menu_gauche {
    margin:0 0 10px -33px;
  }


/* titres de menus cliquables */
#gauche DL {
    float:left;
	 text-align:center;
	 margin:0 0 0 3px;
	 width:155px;
  }

#gauche DT {
	font-family: Arial,Helvetica,sans-serif;
	 font-size:1.1em;
	 font-weight:bold;
	 background:#1f48b1;
	 color:#fff;
	 padding:2px;
	 margin: 10px 0 3px 5px;
	 border: 1px solid #25D4BD;
  }
#gauche DT A {
	display:block;
	color:#fff;
	background:#1f48b1;
	text-decoration:none;
}

#gauche DT A:hover {
	color:#1f48b1;
	background:#fff;
	text-decoration:none;
}

#gauche DD {
	margin-left:-1px;
	font-family : Utopia, Palatino, "Times New Roman", Times, serif;
	font-size: 1em;
  }

#gauche DD UL {
	margin-left:10px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #25D4BD;
 }

#gauche DD LI {
	margin: 2px 0 0;

}


#gauche DD LI A {
	display: block;
	padding: 2px 2px 2px 10px;
	background: #dcdcdc;
	border-bottom:1px dotted #9FFBF0;
	text-decoration: none; /*lets remove the link underlines*/
}

#gauche DD LI A:link, #gauche DD A:active, #gauche DD A:visited {
	color: #000000;
	background:inherit;
}

#gauche DD LI A:hover {
	/*border: 1px solid #000000;*/
	background: #1f48b1;
	color: #ffffff;
}


#droite DL {
    float:left;
	 text-align:center;
	 width:150px;
  }

#droite DT {
	 font-family: Arial,Helvetica,sans-serif;
	 font-size:1.1em;
	 font-weight:bold;
	 background:#1f48b1;
	 color:#fff;
	 padding:2px;
	 margin: 10px 0 3px 5px;
	 border: 1px solid #25D4BD;
  }
#droite DT A {
	display:block;
	color:#fff;
	background:#1f48b1;
	text-decoration:none;
}

#droite DT A:hover {
	color:#1f48b1;
	background:#fff;
	text-decoration:none;
}


#droite DD {
	/*border: 1px solid blue;*/
	margin-left:-1px;
	width:148px;
	font-family : Utopia, Palatino, "Times New Roman", Times, serif;
	font-size: 1em;
  }

#droite DD UL {
	margin: 7px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #25D4BD;
	width:140px;
 }

#droite DD LI {
	margin: 2px 0 0;

}

#droite DD LI A {
	display: block;
	padding: 2px 2px 2px 10px;
	background: #dcdcdc;
	text-decoration: none;
}

#droite DD LI A:link, #droite DD A:active, #droite DD A:visited {
	color: #321;
	background:inherit;
	border-bottom:1px dotted #9FFBF0;
	padding-bottom:2px;
	margin-bottom:2px;
}

#droite DD LI.breve A:link, #droite DD .breve A:active, #droite DD .breve A:visited {
	color: #257496;
	background:#D4FFD4;
	text-align:left;
	border-bottom:1px dotted #9FFBF0;
	padding-bottom:5px;
	padding-top:5px;
}

#droite DD LI.breve A:hover, #droite DD LI A:hover {
	/*border: 1px solid #000000;*/
	background: #1f48b1;
	color: #ffffff;
}

/* styles d�inissant l'aspect de la colonne droite */



#partenariat {
    clear: both;
    height: 90px;
    text-align:center;
    margin-bottom:7px;
  }

/* styles d'affichage du centre */



#centre h1 {
    color:#1f48b1;
    background-color:inherit;
    text-align:left;
    font-size:1.6em;
  }


#centre h1 a {
    text-decoration:none;
    color:#25D4BD;
    background-color:inherit;
  }


#centre h1 a:hover {
    text-decoration:none;
    background: inherit;
    color:#257496;
  }


#centre h2 {
    text-align:left;
    font-size:1.3em;
    color:#25D4BD;
    background-color:inherit;
  }


#centre h2 a {
    text-decoration:none;
    color:#25D4BD;
    background-color:inherit;
  }


#centre h2 a:hover {
    text-decoration:none;
    background: inherit;
    color:#257496;
  }

#center ul {
	list-style-type:none;
}

#centre ol {
	counter-reset: item;
	list-style-type:none;
	/*list-style-image : url('img/tortue_puce.png');*/
	background:inherit;
	color:#1f48b1;
  }

#centre li:before {
	content: counters(item, ".");
	counter-increment: item;

}

#centre li a {
    background:inherit;
    color:#1f48b1;
    font-weight:bold;
    text-decoration:none;
  }


#centre li a:hover {
    background:inherit;
    color:#257496;
  }


#centre dt {
    background:inherit;
    color:#257496;
  }

#centre dd ul li a {
	list-style-type :  circle;
}


#centre dd {
    background:inherit;
    color:#25D4BD;
  }

#centre .titre {
	text-align: center;
	font-size:1.3em;
	font-weight:bold;
	font-family : Utopia, Palatino, "Times New Roman", Times, serif;
	background:inherit;
	color:#1FB19E;
	margin: 25px 0 0 0;
}

 #centre dt.titre {
	text-align: center;
	font-size:1.3em;
	font-weight:bold;
	font-family : Utopia, Palatino, "Times New Roman", Times, serif;
	background:inherit;
	color:#1FB19E;
	margin: 25px 0 0 0;
}

#centre li p.titre {
	text-align: left;
	font-size:0.9em;
	font-weight:bold;
	font-family : Utopia, Palatino, "Times New Roman", Times, serif;
	background:inherit;
	color:#25D4BD;
	margin: 2px 0 0 0;
}

#centre dt p.spip {
	text-align: justify;
	font-size:1.1em;
	font-family : Utopia, Palatino, "Times New Roman", Times, serif;
	background:inherit;
	color:#321;
}

#centre dd a {
    background:inherit;
    color:#E48E25;
    text-decoration:underline;
  }


#centre dd a:hover {
    background:inherit;
    color:#DC7C5A;
  }


.credit {
    color:#666;
    background:inherit;
    font-size: 0.8em;

  }


.credit a {
    text-decoration:none;
    background:inherit;
    color: #E48E25;
  }


.credit a:hover {
    background:#8299A6;
    color: #FFF9D2;
  }

/*
	classe destin���re associ��cr�it pour diminuer
	la mage sup�ieure n�ative dans l'affichage des rubriques
 */
.bas {
    margin: -1px 0 25px 0;
}

.hierarchie {
    color:#421;
    background:inherit;
    font-size: 0.8em;
    margin: 0;
    padding:0;
  }


.hierarchie a {
    color:#E48E25;
    background:inherit;
    font-weight:bold;
  }


.hierarchie a:hover {
    color:#8299A6;
    background:inherit;
  }


.hierarchie a:active {
    color:#A45D43;
    background:inherit;
  }

.warning {
	background:inherit;
	color:red;
	font-size:2em;
	text-align:center;
	margin-top:2em;
	font-weight:bold;
}

/*.hierarchie a:visited {
	color:#EDDFB8;
	background:inherit;
}*/

/* styles du pied de page */


#credit_pied a {
    font-family:sans-serif;
    font-size:0.6em;
    font-weight:bold;
    color: #999;
    background:inherit;
  }


#credit_pied a:hover {
    color: #E4E4E4;
    background:inherit;
  }

/* modification des styles spip par d�aut */



img.spip_logos {
    margin: 20px 20px 20px 0;
  }


table.spip {
    border:3px solid #1f48b1;
    border-collapse:collapse;
    width:90%;
    margin:auto;
  }

.spip_documents {
	margin: 0 20px 0 0;
}

.spip_documents_center {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	width: 555px;
	text-align: left;
}

p.spip_note {
	font-style : italic;
}

form.formrecherche {
	margin-top: 5px;
	margin-bottom: 5px;

}
input.formrecherche {
	width: 120px;
	background-color: #94E9DF;
	font-size:0.9em;
}

select.formrecherche {
	width: 120px;
	background-color: #94E9DF;
	font-size:0.9em;
}

tr.row_even {
    background-color:#9FFBF0;
    color:#900;
  }


tr.row_odd {
    background-color:#94E9DF;
    color:#900;
  }

-----------------------------------------

.forums 		{ background-color: #e8f8f8; }
.forums .menu-titre	{ background-color: #f0fcfc; text-align:center; }

.contenu .forum-repondre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0.6em;
}

/*
 * Habillage des forums
 */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 120%;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 80%;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #c4e0e0;
}
ul ul .forum-chapo {
	background: #d4e8e8;
}
ul ul ul .forum-chapo {
	background: #e4f0f0;
}
ul ul ul ul .forum-chapo {
	background: #f4f8f8;
}
ul ul ul ul ul .forum-chapo {
	background: #ffffff;
}
.spip_surligne { background: #FF6; }