/* 

	( atrandafir 582 - feel free to clean and upgrade this code )

*/

	body 
	{
		margin: 0;
		font-size: 72.5%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 15px 0;
		background: #eeeeee;
	}

	#wrap {
		width: 820px;
		margin: 0 auto;
		background: url(../IMG/bg.gif) top center repeat-y #FFFFFF;
	}


	#top_content {
		padding: 0 10px;
	}

	#topheader {
			padding: 15px 15px 5px 15px;
			margin: 0 auto 0 auto;
			background: url(../IMG/top_left.gif) top left repeat-x #85C329;
	}

	#rightheader {
		float: right;
		width: 175px;
		height: 80px;
		color: #FFFFFF;
		text-align: right;
	}
	#rightheader p {
		padding: 65px 5px 0 0;
		margin: 0;
		text-align: right;
	}
	#rightheader p span {
		font-weight: bold;
	}
	#rightheader a:link, #rightheader a:visited {
		color: #FFFFFF;
		text-decoration: underline;
	}

       li.spip { margin-bottom:1.5em;
                 margin-left:1.5em;
                 text-indent:-0.2em
               }

	#title {
		padding: 0;
		margin: 0;
		font-size: 2.8em;
		color: #FFFFFF;
	}
	#coord{
		color: #FFFFFF;
                font-size: 1.1em;
		font-style: italic;
	}
	#title a:link, #title a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	#title a:hover {
		color: #E1F3C7;
	}

	#navigation {
		background: #74A8F5;
		height: 45px;
		clear: both
                
	}
        #navigation table tr td {
                
                padding-right: 3px;
                padding-left: 8px;
                border: 1px solid #ffffff;
                height:45px;
                vertical-align:top;
        }



	#navigation table tr td:hover {
	  background: #5494F3;
	}

	#navigation table tr td ul {	
	  margin-top: 2px;
	  padding: 0px;
	  position: relative;
	  visibility: hidden;
	  border-bottom: 1px solid white;
          list-style-type:none;
	  background: #74A8F5;
	  margin-left : -8px;
          margin-right : -4px;

	}
	    
	#navigation table tr td  ul li {
	  clear:both;
	  display:block;
	  text-align : left;
	  padding-left: 7px;
	  border: 1px solid white;
	}
    
	#navigation table tr td  ul li a {
	    margin : 0;
	    width:100%;
	}

	#navigation table tr td  ul li:hover {
	  background: #5494F3
	}
  
        table_top_cell
        {
          width:80px;
        }

        .border_right
        {
          border-right: 1px solid #ffffff;  
          
          text-align:left;
        }

        .no_border {border:0;}
        .icon_navig {
                border : 0;
                margin: 0px 0px 0px 0px;
                float:left;
                
        }

        .txt_navig {display:block; margin-left:38px; margin-top:-7px; padding-top:0px;}

/*
pour fire fox 3 : 
.txt_navig {display:inline-block; margin-left:5px;}
ou
.txt_navig {display:inline-block; margin-left:5px;margin-top:-15px}
mais non compatible autres browsers...

Pour régler le problème, je vais faire une image avec les textes et les icones ensemble.
*/

        .spip_logos {
                vertical-align:top;
                padding:0px;
                border : 0;
                margin: 0px 5px 0px -5px;
                float:left; 
		background-color: transparent;
                
        }

	#navigation table tr td a {
                font-weight:bold;	
		font-size: 1.2em;
		color: #FFFFFF;
		text-decoration:none;
                margin-left:-5px;
	}



	#navigation table tr td:hover {
		background: #5494F3;
	}
	
	#content {
		padding: 0 15px;
		margin: 0 auto 0 auto;
		background: url(../IMG/content_bg.gif) repeat-x left top #ffffff;
		color: #666666;
	}

	#content #whereami {
		padding: 20px 0 15px 0;
		margin: 0;
	}
	#whereami a:link, #whereami a:visited {
		color: #73A822;
		text-decoration: underline;
	}
	
	#content h1, #content h2, 
	#content h3, #content h4 , #content h5 {
		color: #5494F3;
	}
	#content h1 {
		font-family: "Trebuchet MS", Arial, Helvetica;
		padding: 0;
		margin: 0 0 15px 0;
		font-size: 2em;
	}


	#content h2 {
		font-family: "Trebuchet MS", Arial, Helvetica;
		padding: 0;
		margin: 0 0 15px 0;
		font-size: 1.5em;
	}

	#top_body, #content_body {
		padding: 0 25px;
	}

	#footer {
		background: url(../IMG/footer.gif) no-repeat center bottom ;
		color: #FFFFFF;
		padding: 0 10px 10px 10px;
	}
	#footer p {
		padding: 0;
		margin: 0;
	}
	#footer p a:link, #footer p a:visited {
		color: #FFFFFF;
		font-style: italic;
		text-decoration: none;
	}
	#footer #footer_bg {
		background: url(../IMG/footer_bg.gif) repeat-x left bottom #85C329;
		padding: 15px 15px 5px 15px;
		border-top: 1px solid #7BB425;
	}

	#footer #design {
		display: block; 
		width: 150px; 
		height: 30px;
		float: right;
		line-height: 20px;
		padding: 0 5px;
		text-align: right;
		color: #E1F3C7;
	}
	#footer #design a {
		color: #FFFFFF;
		text-decoration: underline;
	}

        
	.table {
		margin-bottom: 15px;
		width: 100%;
		border-collapse: collapse;
	}
	.table_header th {
		background: url(../IMG/tableheader-bg.gif) no-repeat left top;
		padding: 5px 10px;
		color: rgb(70,122,167);
		border-top: 1px solid #CBD6DE;
		border-bottom: 1px solid #ADBECB;
		font-size: 1.1em;
		font-weight: bold;
	}
	.table_header td a:link, .table_header td a:visited {
		text-decoration: underline;
		color: rgb(70,122,167);
	}
	.table_header td a:hover {
		text-decoration: underline;
		color: #73A822;
	}
	.table_header th {
		border: 1px solid #CBD6DE;
	}

	.row1 td, .row2 td, .row_hover td, .paging_row td {
		padding: 5px 10px;
		color: #666666;
		border: 1px solid #CBD6DE;
	}
	.row1 td {
		background: #ffffff;
	}
	.row2 td {
		background: #EDF0F7;
	}
	.row_hover td {
		background: #FBFACE;
		color: #000000;
	}
	
	.hidden {
		display: none;
	}

	.little {
		font-size: 10px;
	}
	
	.clear {
		clear: both;
	}
	

/* #content ul basic style for unordered lists
------------------------------------------------*/
	#content ul {
		font-size: 1.1em;
		line-height: 1.8em;
		margin: 0 0 15px 0;
		padding: 0;
		list-style-type: none;
	}

/* #content p paragraphs
-----------------------------*/
	#content p {
		font-size: 1.2em;
		margin: 0;
		padding: 0 0 15px 0;
	}

/* #content p a links in paragraphs
------------------------------------*/
	#content p a:link, #content p a:visited, 
	.table a:link, .table a:visited,
	.link a {
		color: #73A822;
		text-decoration: none;
	}
	#content p a:hover, .table a:hover, .link a:hover {
		text-decoration: underline;
	}

/*
Modification du style des tables de spip
*/
table.spip
{
  margin: 10px;
}

table.spip ul li
{
  padding: 0 0 0 20px;
  margin: 0;
  background: url(../IMG/puce.gif) no-repeat 1px 3px;
  font-size: 1.1em;
}

/* #content ul.green (73A822)
--------------------------------*/
	#content ul.green li {
		padding: 0 0 0 20px;
		margin: 0;
		background: url(../IMG/bullet_green.gif) no-repeat 1px 3px;
		font-size: 1.1em;
	}
	#content ul.green li a:link, #content ul.green li a:visited {
		text-decoration: none;
	}

	#content ul.green li a:hover {
		color: #73A822;
		text-decoration: underline;
	}
	
/* #content ul.black (73A822)
--------------------------------*/


	#content ul.black li {
		padding: 0 0 0 20px;
		margin: 0;
		background: url(../IMG/bullet_grey.gif) no-repeat 1px 3px;
		font-size: 1.1em;
                line-height: 1.5em;
	}
	#content ul.black li a:link, #content ul.black li a:visited {
		color: #666666;
		text-decoration: none;
	}
	#content ul.black li a:hover {
		color: #999999;
		text-decoration: underline;
	}
	
/* #content ol
--------------------------------*/
	#content ol {
		padding: 0 0 0 25px;
		margin: 0 0 15px 0;
		line-height: 1.8em;
	}
	
	#content ol li {
		font-size: 1.1em;
	}
	#content ol li a:link, #content ol li a:visited {
		color: #73A822;
		text-decoration: none;
	}
	#content ol li a:hover {
		color: #73A822;
		text-decoration: underline;
	}

/* #content p.paging 
---------------------------------*/
	#content p.paging {
	padding: 5px;
	border: 1px solid #CBD6DE;
	text-align: center;
	margin-bottom: 15px;
	background: #eeeeee;
	}

/* .small_input smaller text in inputs/combos
-----------------------------------------------*/
	.small_input {
		font-size: 10px;
	}

/* .form_table style for table used in forms
---------------------------------------------*/
	.form_table {
		margin-bottom: 15px;
		font-size: 1.1em;
	}
	.form_table p {
		margin: 0;
		padding: 0;
	}
	.form_table td {
		padding: 5px 10px;
	}

/* .checkbox_nomargins clear all margins from a checkbox
---------------------------------------------------------*/
	.checkbox_nomargins {
		/*margin:0;width:13px;height:13px;overflow:hidden;
		font-size: 10px;*/
		margin: 0;
		padding: 0;
	}
	
/* .button some buttons style - inspired from wordpress
------------------------------*/
	input.button {
		margin: 0;
		padding: 2px;
		border: 3px double #999999;
		border-left-color: #ccc;
		border-top-color: #ccc;
		background: url(../IMG/button.gif) repeat-x left top;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/* form style for forms
-------------------------*/
	form {
		padding: 0;
		margin: 0;
	}

/* input.inputgri - some style for inputs
--------------------------------------------*/
	input.inputgri, select.inputgri, textarea.inputgri {
		background: #eeeeee;
		font-size: 14px;
		border: 1px solid #cccccc;
		padding: 3px;
	}
	input.inputgri:focus, select.inputgri:focus , textarea.inputgri:focus {
		background: #ffffff;
		border: 1px solid #686868;
	}

/* .notice - messages to user
--------------------------------*/
	.notice {
		background: #CAEA99; 
		border: 1px solid #70A522; 
		padding: 15px 15px 15px 15px; 
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	.notice_error {
		background: #FEDCDA; 
		border: 1px solid  #CE090E; 
		padding: 15px 15px 15px 15px; 
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	#notice a {
		color: #333333;
		text-decoration: underline;
	}

/* Other links 
----------------*/
	.breves {
                float:right;
                background: #CAEA99; 
                border: 1px solid #70A522; 
                
                color: #333333;
		padding: 5px;
		margin: 35px 0px 5px 0px;
                width:250px;
	}
	#content .breves h2 {
		color: #999999;
		padding: 0 0 0 3px;
		margin: 0;
	}
	

        .spip_code, .spip_cadre 
        {
          font-family: monospace;
          font-style: normal;
          font-size: 1.2em;
        }
	
/* code */
	code {
		font-size: 1.2em;
		color: #000000;
	}

/* special de la page d'accueil*/
.special_accueil {
    float:right;
    background: #f48f8f; 
    border: 1px solid #c64646; 
    
    color: #333333;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    width:250px;
    vertical-align:middle;
}

/* special de la page d'accueil*/
.special_accueil2 {
    float:right;
    background: #c10a0a; 
    border: 1px solid #f4f199; 
    
    color: #aaaaaa;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    width:250px;
    vertical-align:middle;
}

#content .special_accueil a {
    text-decoration:none;
}

#content .special_accueil2 a {
    color: #ffffff;
    text-decoration:none;
}

/*  ------------------------------------------
/*  La boîte à outils
/*  ------------------------------------------ */

#boite_a_outils {
    margin:0 auto;
}

#boite_a_outils table {
    margin:0 auto;
    border:thin #eee solid;
}


#boite_a_outils td {
    border: thin white solid;
    vertical-align : top;
    padding:5px 2px;
    width:120px;
    text-align:center;
    margin-bottom:-15px;
}

#boite_a_outils td:hover {
    border: thin #94C8FF solid;
}

#boite_a_outils .titre {
//background:gray none repeat scroll 0 0;
height:35px;
margin:auto 0 -15px;
padding:5px 0;
text-align:center;
vertical-align:middle;
}

#boite_a_outils .spip_logos {
    clear : both;
    float:none;
    margin-left : auto;
}

/*  ------------------------------------------
/*  Les cartes intéractives
/*  ------------------------------------------ */
#liste_cartes { margin:0 auto 10px auto; }
#liste_cartes, #liste_cartes th,#liste_cartes, #liste_cartes td { border:thin #eee solid; }
#liste_cartes th { background: #E0E0E0}
ul li.on {background:#edbd56}

#list_items li a:link{font-size: 0.8em;text-decoration: underline;}
#list_items li a:visited {font-size: 0.8em;text-decoration: none;}