/**
* feuille de style spécifique pour le site CLIMAMAZON
*
* pôle web de l'IRD
* juin 2012
*
*
* ref couleur :
* Couleur bleu : #004C99
* Couleur verte : #00872F
*
*/

ol {
    list-style-position: outside;
}

#content .credit, #content .legende {
	font-size:0.8em;
}

#content #center .credit, #content  #center .legende {
	font-size:0.7em;
}

#content .intro {
	font-size:1em;
	font-weight:normal;
}
/* :::::::::::::::::::::: Bandeau */

#header {
	background:url(../images/spec/bandeau_clim.jpg);
	border:none;
	height:299px;
}

#header #recherche {
	top : 10px;
}

#header h1 {
	float:none;
	font-size:2em;
}

#header h1 img {
	float:none;
	margin:0px;
	position:absolute;
	top:10px;
	left:26px;
}

#header h1 span {
	position:absolute;
	right:5px;
	bottom:38px;
	font-weight:normal;
	text-align:right;
	width:650px;
}

#header h1 span:first-letter {
	margin-left:20px;
}

.tools {
	padding-top:0;
}

/* :::::::::::::::::::::: Menu */
#content #left .menu {
	border:none;
}

#left .menu li {
	border:none;
	background:url(../images/spec/bkg_menu.png) repeat-y;
	margin-left:8px;
	margin-bottom:1em;
	padding:0;
}

#left .menu ul a.picto {
	background-color:transparent;
	padding: 1px 1px;
}

#left .menu ul a {
	padding-left:13px;
}

#left .menu ul ul {
	border-top:none;
	padding-left:8px;
}

#left .menu li li, #content #left .connexion li li {
	padding:0;
	margin-bottom:0.4em;
	padding-top:0.1em
}
	
#left .menu ul ul a {
	background-image:none;
}

#left .menu ul ul a.picto {
    padding: 3px 0;
}

#content #left .connexion {
	background-color:transparent;
	border-left:none;
}

#left .menu.connexion li{
	background-image:url(../images/spec/bkg_menu_connect.png);
}

#left .connexion p {
		border-bottom:none;
}
/* ::::::::::::::::::: Formulaire */
#content .connect {
	background:none transparent;
	border-color:#00872F;
}

form .text input, form textarea, select {
	border-color:#00872F;
}

#content .formulaire .submit input {
	background-color:#00872F;
	border-color:#00872F;
}


#content .formulaire .submit input:hover,
#content .formulaire .submit input:focus {
	background-color:#ffffff;
	color:#00872F;
}	

/* :::::::::::::::::::::: Bloc */

#content .bloc.encadre{
	border-left: 5px solid #80A6CC;
		border-bottom: 1px solid #80A6CC;
	padding-bottom:0.5em;
	margin-bottom:5em;
	overflow:visible;
}

#content .bloc.encadre h2{
	background:url("../images/spec/puce_feuille_li_color.png") transparent no-repeat left top;
	border:none;
	color:#004C99;
	margin:0 0 0 -5px;
	padding: 0.2em 0.5em 0.2em 0.9em;
}

#content .bloc.encadre .content_bloc{
	border:none;
	padding-left:1em !important;
}

#content .bloc .libre ul {
	margin-left:2em;
}

/* ::::::::::::::::::::::::::: Titre */
#content h3 {
	background:none;
	border-top:none;
	border-bottom: 1px solid #004C99;
	padding-left:0;
	padding-bottom:4px;
}

#content .bloc h2 {
	background:none;
	border:none;
	color: #004C99;
	padding-left:0;
	margin-top:2em;
}

#content .sommaire h3 {
	background:none;
	padding-bottom:0;
}

#content .sommaire_page {
	background:#E4F3EA;
}
#content .sommaire a {
	color: #007828;
}

/* ::::::::::::::::::::::::::: COULEURS DES TEXTES */

/*  COULEURS DES TEXTES ⇒ couleur verte */
a,
#header #recherche input.submit:hover,
#header #recherche input.submit:focus,
#left .connexion ul a,
#left .connexion ul .selected a,
#left .connexion ul a:hover,
#left .connexion ul a:focus {
    color:#00872F;
}

/*  COULEURS DES TEXTES ⇒ couleur bleu */
#left .menu ul .selected a,
#left .menu ul .selected .selected a,
#left .menu ul .selected .selected .selected a,
#left .menu ul a:hover,
#left .menu ul a:focus,
#content h2,
#content h5,
#content .legende,
#content table caption,
#content table th,
#content .pagination a,
#content .pertinence strong {
	color:#004C99;
}

/* ::::::::::::::::::::::::::: COULEURS DES FONDS */

/*  COULEURS DES FONDS ⇒ couleur verte */
#header #recherche input.submit {
    background-color: #00872F;
}

/* ::::::::::::::::::::::::::: IMAGES */
#content .sitemap .connect h3{
   background-image:url(../images/spec/puce_feuille_color.png) ;
}
#left .connexion ul ul a {
	background-image:url(../images/spec/puce_feuille_small_color.png);
}
#content .sitemap .connect li {
   background-image:url(../images/spec/puce_feuille_li_color.png) ;
}
#content .compil_article .vue h3,
#content h2 {
    background-image:url(../images/spec/puce_feuille_big_color.png);
}
#content h4,
#content .bloc h3,
#content .bloc .list,
#content .sitemap h3 {
    background-image: url(../images/spec/puce_feuille_color.png) ;
}
#content ul li {
	background-image: url(../images/spec/puce_feuille_li_color.png);
}

/** 
* Feuille de style déclinant les couleurs des sites générés
* 
* @client IRD 
* @project UR
* @version 1 
* @author Kaliop 
* @date 2010/10/26
* @lastmodified 2010/10/26
* 
* @colordef Brown (couleur foncee) 
* @colordef Peru (couleur de base) 
* @colordef Wheat (couleur claire) 
*
* @summary 
*   COULEURS DES TEXTES
*   COULEURS DES FONDS
*   COULEURS DES BORDURES
*   COULEURS DES IMAGES
*
*/


/* ::::::::::::::::::::::::::: COULEURS DES TEXTES */

/*  COULEURS DES TEXTES ⇒ couleur foncee *
a,
#header #recherche input.submit:hover,
#header #recherche input.submit:focus,
#left .connexion ul a,
#left .connexion ul .selected a,
#left .connexion ul a:hover,
#left .connexion ul a:focus {
    color:Brown;
}

/*  COULEURS DES TEXTES ⇒ couleur de base *
#left .menu ul .selected a,
#left .menu ul .selected .selected a,
#left .menu ul .selected .selected .selected a,
#left .menu ul a:hover,
#left .menu ul a:focus,
#content h2,
#content h5,
#content .legende,
#content table caption,
#content table th,
#content .pagination a,
#content .pertinence strong {
	color:Peru;
}

/* ::::::::::::::::::::::::::: COULEURS DES FONDS *

/*  COULEURS DES FONDS ⇒ couleur foncee *
#header #recherche input.submit,
#content .formulaire .submit input:hover,
#content .formulaire .submit input:focus {
    background-color: Brown;
}

/*  COULEURS DES FONDS ⇒ couleur de base *
#header,
#content .bloc.encadre h2,
#content .pertinence span,
#content .formulaire .submit input {
    background-color: Peru;
}

/*  COULEURS DES FONDS ⇒ couleur clair *
#left .connexion,
#left .connexion ul a.picto,
#content table th,
#content .connect {
	background-color:Wheat;
}


/* ::::::::::::::::::::::::::: COULEURS DES BORDURES *

/*  COULEURS DES BORDURES ⇒ couleur foncee *
#header,
#header #recherche .text input,
#content #left .menu,
#left .menu li,
#left .connexion p,
#left .connexion li,
#content .sommaire h3,
#content .bloc.encadre h2,
#content .bloc.encadre .content_bloc,
#content .formulaire .submit input,
#content .connect {
    border-color:Brown;
}

/*  COULEURS DES BORDURES ⇒ couleur de base *
form .text input,
form textarea,
form select,
#content h3,
#content table th,
#content table td,
#content .tag,
#content .bloc h2 {
	border-color:Peru;
}

/*  COULEURS DES BORDURES ⇒ couleur clair *
#left .menu ul ul,
#content .pagination p,
#content .compil_article .vue {
	border-color:Wheat;
}


/* ::::::::::::::::::::::::::: COULEURS DES IMAGES *

/*  COULEURS DES IMAGES ⇒ couleur foncee *
#content .sommaire h3 {
    background-image:url("../images/spec/puce_triangle_top_color_fonce.png"); 
}
#content #left .connexion li,
#content .connect {
	background-image:url(../images/spec/puce_triangle_bottom_color_fonce.png);
}
#content .sommaire li,
#content .video li a,
#content .bloc .lien_bloc a,
#content .criteres li {
   background-image:url(../images/spec/puce_triangle_left_mini_color_fonce.png);
}
#content .sitemap .connect h3{
   background-image:url(../images/spec/puce_feuille_color_fonce.png) ;
}
#left .connexion ul ul a {
	background-image:url(../images/spec/puce_feuille_small_color_fonce.png);
}
#content .sitemap .connect li {
   background-image:url(../images/spec/puce_feuille_li_color_fonce.png) ;
}

/*  COULEURS DES IMAGES ⇒ couleur de base *
#content h3,
#content h3,
#content .bloc h2 {
    background-image: url(../images/spec/puce_triangle_top_color.png);
}
#left .menu li {
	background-image:url(../images/spec/puce_triangle_bottom_color.png) ;
}
#content h2 {
    background-image:url(../images/spec/puce_feuille_big_color.png);
}
#content h4,
#content .bloc h3,
#content .bloc .list,
#content .compil_article .vue h3,
#content .sitemap h3 {
    background-image: url(../images/spec/puce_feuille_color.png) ;
}
#left .menu ul ul a {
	background-image:url(../images/spec/puce_feuille_small_color.png);
}
#content ul li {
	background-image: url(../images/spec/puce_feuille_li_color.png);
}
#content .file,
#content .bloc .content_list .file {
	background-image:url(../images/spec/picto_file.png);  
}
#content .bloc.encadre h2 {
    background-image: url(../images/spec/angle_bloc.png);
}