/*Description de la page, font, taille générale, couleur, couleur de fond*/
body 
{
	margin : 0;
	padding : 0;
	border : 0 none;
	background : #F4F0F0 url(../images/coulFond.gif);
	/*image de 1*1px pour le fond. Utilisé pour être sur que la couleur affichée à l'écran est bonne  et affiche cette couleur si l'image de fond n'est pas trouvée*/
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #4C4C4C;
}

/*bloc qui englobe toute la page.  centrage, taille et couleur du corps sont définis ici*/
div#conteneur 
{
	width : 752px;
	margin : 23px auto 0 auto; 
	position : relative;
	background : url(../images/corpsPage.png) repeat-y; /*image de 1px de haut et de 752px de long permettant d'afficher les ombres de la page.*/
	text-align : left;
}

/*Affiche le bandeau*/
div#tete 
{
	height : 102px;
	background : url(../images/bandeauEspaceExperts.gif) no-repeat;
}


/*met en lien en fond sur le bandeau*/
a#teteLien
{
	width : 752px;
	height : 102px;
	display : block;
	background : transparent;
}

/*-------------------------------------Affichage du menu-------------------------------------------------*/


			/*---------------------partie menu------------------------------*/

/*le menu est un bloc de 30 px de hauteur avec une marge de 10px en haut pr le decoller du bandeau et de 2px à gauche pour le decollé de l'ombre.*/
div#menu
{
	height : 30px;
	margin : 10px 0 0 2px;
}

/* S'applique à tous les ul du menu, ils feront 187px de large, 30 px de haut et n'ont pas de style de puce*/
#menu ul , #menu li 	
{
	width : 187px;
	height : 30px;
	margin : 0;
	float : left;
	list-style-type : none;
}

/*la position des ul est relative, le texte est centré en gras*/
#menu ul li 
{
	position : relative;
	text-align : center;
	font-weight : bold;
}

/*le titre de chaque titre du menu est sous forme de bloc avec aucune decoration*/
#menu ul li a
{
	height: 100%;
	display : block;
	text-decoration : none;
}

/*le texte des liens sont verts quand ont passe dessus*/
#menu ul li a:hover
{
	color : #FFFFFF;
}

/*affiche  une image de fond pour chaque menu  qui change quand on passe dessus*/
a#aLettre
{
	background : #F6F6F6 url(../images/menuLettre.png) no-repeat;
}
a#aLettre:hover
{
	background : #EFF6E3 url(../images/menuLettreClic.png) no-repeat;
}

/*affiche  une image de fond pour chaque menu  qui change quand on passe dessus*/
a#aPreparation
{
	background : #F6F6F6 url(../images/menuPreparation.png) no-repeat;
}
a#aPreparation:hover
{
	background : #F6E6E3 url(../images/menuPreparationClic.png) no-repeat;
}

/*affiche  une image de fond pour chaque menu  qui change quand on passe dessus*/
a#aContactExperts
{
	background : #F6F6F6 url(../images/menuContact.png) no-repeat;
}
a#aContactExperts:hover
{
	background : #EFE4EF url(../images/menuContactClic.png) no-repeat;
}

/*affiche  une image de fond pour chaque menu  qui change quand on passe dessus*/
a#aFonctionnement
{
	background : #F6F6F6 url(../images/menuFonctionnement.png) no-repeat;
}
a#aFonctionnement:hover
{
	background : #FDEFE3 url(../images/menuFonctionnementClic.png) no-repeat;
}

			
			
			
			/*---------------------partie sous-menu------------------------------*/


/* par défaut, les sous menu ne sont pas affichés, display:none  et à une position absolute pour flotter par rapport au reste de la page*/
#menu ul li ul 
{ 
	position : absolute;
	left : 0;
	display : none;
}

/* Style propre aux items des sous menu*/
#menu ul li ul li 
{
	height : 20px;
	line-height : 1.5em;
	font-weight : normal;
}



/*affiche  une image de fond pour chaque sous menu  qui change quand on passe dessus*/
#sFonct li a
{
	background : #FDEFE3 url(../images/ssMenuFonctionnement.png) no-repeat;
}
#sFonct li a:hover
{
	background : #DA812D url(../images/ssMenuFonctionnementClic.png) no-repeat;
}


/*-----------------------------------------fin style menu---------------------------------------------*/


/*définit le style de la ligne affichant l'arborescence de la page actuelle*/
div#arborescence
{
	height : 10px;
	padding-left : 4px;	
	float : left ;
	font-size : 8pt;
}

/*Définit la position du drapeau de langue*/
div#langue
{
	width : 16px;
	height : 10px;
	margin : 0;
	padding : 0 2px 0 0;
	float : right;
	font-size : 5pt;
}

/*Style du corps de la page, le padding étant pour écarter le texte des bords.*/
div#corps 
{
	width : 730px;
	padding : 0 10px 10px 10px; 
	margin : 30px 0 0 0;
}

/*affiche le bas de la page , l'ombre. est inclue le  copyright */
div#bas 
{
	width : 752px;
	height : 18px;
	margin : 0 auto 0 auto;
	padding : 10px 0 0 0;
	background : url(../images/basPage.png) no-repeat;
	line-height : 2em;
	font-size : 6pt;
}

/*Affiche le pied de page*/
div#pied 
{
	width: 750px;
	height: 20px;
	margin : 0 auto 0 auto;
	background-color : #FFFFFF;
	text-align : left;
}

/*liens du pied de page non souligné*/
#pied a
{
	text-decoration : none;
}

/*bloc Unité Mixte de Service*/
div#UMS
{
	padding : 0 0 0 2px;
	float : left;
}

/*centre verticalement le texte sur l'image*/
span#UMStexte
{
	vertical-align : 50%;
}

/*aligne à droite les mentions légales, CNIL et contact*/
div#mentions
{
	padding : 0 5px 0 0;
	float : right;
	line-height :  1.5em;
}

/*aligne à droite les mentions légales, CNIL et contact*/
div#rssLien
{
	padding : 0 5px 0 0;
	float : right;
}

/*-----------------------------------------styles par defaut---------------------------------------*/

/*forme par defaut des  liens du corps*/
#corps a
{
	color : #46A1D4;	
}


/*forme par defaut des  liens du corps*/
#corps a:hover
{
	color : #000000;	
}

/*forme par defaut des  liens*/
a
{
	text-decoration : underline;	
	color : #4C4C4C;	
}

/*forme par defaut des  liens*/
a:hover
{
	background : #E9F4FA url("../images/coulBleu.gif");
	text-decoration : none;
	color : #000000;
}

/*forme par defaut des  images*/
img
{
	margin : 0;
	padding : 0;
	border : 0 none;
}

/*forme pas defaut des paragraphes*/
p 
{
	margin: 15px 0 15px 0;
	text-align : justify;
}

/*forme pas defaut des listes*/
ul, li
{
	margin : 0 0 5px 10px;
	padding : 0;
	border : 0 none;
}

/*forme pas defaut des titres*/
h1
{
	border : 0;
	padding : 0;
	margin :0 0 10px 0;
	font-size : 11pt;	
}

/*forme pas defaut des titres*/
h2
{
	border : 0;
	padding : 0;
	margin : 0 0 10px 3px;
	font-size : 10pt;
}

/*forme pas defaut des titres*/
h3
{
	border : 0;
	padding : 0;
	margin : 0 0 7px 0;
	font-size : 9pt;
}

/*style par défautdes des balises acronyme*/
acronym
{
	border-bottom: 0 none;
}

/* Quand le curseur est sur un champ  le fond est bleu*/
input:focus, textarea:focus 
{
   background : #E9F4FA url("../images/coulBleu.gif");
}

/*Permet de rétablir le flux d'un élément flottant dans son bloc parent*/
.basDroiteFloat
{
	clear : right;
	display : block;
}

/*Permet de rétablir le flux d'un élément flottant dans son bloc parent*/
.basGaucheFloat
{
	clear : left;
	display : block;
}

/*barre verticale de couleur de chaque titre par défaut*/
div.titre
{
	background : #E9F4FA url("../images/coulBleu.gif");
}


/*Titre h1 du bloc titre par défaut*/
div.titre h1
{
	margin : 0;
	padding : 0 0 0 10px;
	background : url("../images/barreBleu20.gif") repeat-y ;
	font-size : 11pt;
}


/*le bloc flotte a droite*/
.droiteFloat
{
	margin : 0 0 7px 12px;
	float : right;
}

/*Le bloc flotte à gauche*/
.gaucheFloat
{
	margin : 0 7px 7px 0;
	float : left;
}

/*aligne  au centre de la page*/
.centrer
{
	text-align : center;
}


/*couleur de texte par défaut pour cette classe*/
.textinstrbio
{
	font-weight : bold;
	color : #FF7F00;
}

/*couleur de texte par défaut pour cette classe*/
.textobseuronano
{
	font-weight : bold;
	color : #FF7F00;
}

/*couleur de texte par défaut pour cette classe*/
.textelecmol
{
	font-weight : bold;
	color : #6E007F;
}

/*couleur de texte par défaut pour cette classe*/
.textmatcompopt
{
	font-weight : bold;
	color : #00AAFF;
}

/*couleur de texte par défaut pour cette classe*/
.textmicroener
{
	font-weight : bold;
	color : #B23319;
}

/*couleur de texte par défaut pour cette classe*/
.textnanocomp
{
	font-weight : bold;
	color : #7FE600;
}

/*couleur de texte par défaut pour cette classe*/
.textnanoconstr
{
	font-weight : bold;
	color : #000048;
}

/*couleur de texte par défaut pour cette classe*/
.textelecorg
{
	font-weight : bold;
	color : #976600;
}

/*couleur de texte par défaut pour cette classe*/
.textnanopart
{
	font-weight : bold;
	color : #FF33CC;
}

/*couleur de texte par défaut pour cette classe*/
.textactueco
{
	font-weight : bold;
	color : #F6F83C;
}

/*couleur de fond par défaut pour cette classe*/
.fondinstrbio
{
	background : #FF7F00 !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondobseuronano
{
	background : #FF7F00 !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondelecmol
{
	background : #6E007F !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondmatcompopt
{
	background : #00AAFF !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondmicroener
{
	background : #B23319 !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondnanocomp
{
	background : #7FE600 !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondnanoconstr
{
	background : #000048 !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondelecorg
{
	background : #976600 !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondnanopart
{
	background : #FF33CC !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*couleur de fond par défaut pour cette classe*/
.fondactueco
{
	background : #FCE602 !important;
	font-weight : bold;
	color : #FFFFFF;
}

/*lien de couleur blanche et de taille 9 pt*/
a.aThema, a.aThema:visited, a.aThema:active ,a.aThema:link
{
	font-size : 9pt;
	color : #FFFFFF !important;
	background : transparent;
}

/*lien de couleur blanche et de taille 9 pt*/
a.aThema:hover
{
	font-size : 9pt;
	color : #FFFFFF !important;
	background : transparent;
}

/*style de la classe reference*/
.reference
{
	font-size : 8pt;
	font-style : italic;
}

/*Style pour la page de l aliste des experts*/
#conteneurListe
{
	width : 730px;
}

#conteneurListe #impression
{
	margin : 10px 0 10px 0;
	text-align : center !important;
}

#conteneurListe h1
{
	font-size : 15pt;
}

#conteneurListe a, a:hover
{
	margin : 0;
	padding : 0;
	border : none 0px;
}

#conteneurListe img
{
	margin : 0;
	padding : 0;
	border : none 0px;
}

.listeColonne
{
	width : 240px;
	float : left;
}

/*Ajout des nouvelles thématiques*/

.fondspin
{
	background : #F5F4D6 !important;
	font-weight : bold;
	color : #FFFFFF;