/* CSS qui produit un design dit "fluid" le site occupe la totalitÈ de l'Ècran */
html, body {
	width: 100%;
	height: 100%;
}
/* force le retour ý la ligne, le plus souvent appliquÈ ý <br> */
/* Utilisable sous la forme <div class="clear">&nbsp;</div> */
.clear {
	clear: both;
}
/* force un retour ý la ligne, pour Èviter un recouvrement des icÙnes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearone">&nbsp;</div> */
.clearone {
	clear: right;
}
.clearleft {
	clear: left;
}

	
/* bien regler la marge (bugs IE) */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	background-color:#f1f1f1;
	}

/* Aspect des liens */
a {
	color: #0000aa;
	text-decoration: none;
}
a:visited {
	color:#0066FF;
	text-decoration: none;
	}
a:hover {
	color:#0066ff;
	text-decoration: underline;
}
a:active {
	color:#0000ff;
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~ Page d'accueil ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Bloc principal de contenu */

#bloc {
	width : 900px;
	padding: 0px;
/* Cette marge est destinÈe ý contenir Èventuellement les liens d'Èvitement */
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	background-color:#fffff9;/*  */
	
	}
/* Zone de menu haute */
#logo {
	text-align: left;
	height: 145px;
	background-image: url(images/accueil/sommaire/1024/image2.jpg);/* image galaxie */
	background-repeat:no-repeat;
}

#logo .imgOP {
	float : left;
	width : 400px;
	background-image: url(images/accueil/sommaire/LOGOP.png);/* Logo OP */
	background-repeat:no-repeat;
}

#tit{
	float : right;
	margin-top : 0px;
	margin-bottom: 20px;
	width : 400px;
	text-align:right;
	}
	
.newsletter	{
	padding-left: 5px;
	text-align: right;
	font-size: 11px;
	font-family : verdana;
	color: #000000;
	background-image : url(images/menu/newslettrerc.jpg);
		}
		

.newsletter a:hover {
	color: #000000;
	text-decoration: underline;
	}



/* menu */
#menus {
	
	padding: 0px;
	margin-left: 0px;
	}


#menu {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 4px;
	padding-left :0px;
  }
  
/*Sommaire*/

#sommaire {
	width : 900px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#titre{
	text-align:right;
	font-size: 46px;
	font-weight: bold;
	color: #00aaa8; /* bleu vert gris */
	
}

.texte {
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	margin-top:10px;
}

.titre{
	padding: 10px;
	text-align: center;
	font-size: 24px;
	font-family : verdana;
	}
	
.logoart{	
	padding-top: 10px;
	margin-bottom: 1px;
	padding-right: 5px;}

#sommaire #edito {
	float: left;
	width: 70%;
	}
	
#sommaire #nouvelle{
	float: right;
	width: 28%;
	margin-right: 2px;
	}

.conference{
	margin-top : 0px;
	padding-left : 10px;
	padding-right : 10px;
	border-left : 1px solid #efeff0; /* gris clair*/
	border-bottom : 1px solid #f6f5f6; /* gris clair*/
	background-color:#efefEF;
	}	

.conference a:hover{
	color: #3399cc;
	text-decoration: none;
	}

.conf{
	border : 0px;
	padding : 0px
	}
	
.titrenouvelle
	{
	font-weight : bold;
	padding-left: 10px;
	padding-top: 10px;
	background-image : url(images/menu/menunouvelle.jpg);
	margin-bottom: 0px;
	}
		
#sommaire #nouvelle .format{
	padding: 1px;
	
	}

.menulang { 
	color : #ffffff;
	padding: 10px;
	text-align: right;
	}
	
.news {
	margin-top: 0px;
	padding-left : 10px;
	padding-right : 10px;
	background-color:#efefEF;
	border-left : 1px solid #efeff0; /* gris clair*/
	border-bottom : 1px solid #f6f5f6; /* gris clair*/
	}
	
.news a{
	text-decoration: none;
	}
	
.text_new{
	padding: 1px;
	}
	
.text_new a{
	color: #000099; /* bleu foncÈc */
	text-decoration: none;
	}
	
.text_new a:hover {
	color: #3399cc;
	/*text-decoration: underline;*/
	}
	
hr{
	color: #cccccc;
	}
			

#edito {
	
	margin-top : 5px;
	text-align: justify;
	margin-left : 1px;
	padding-right : 15px;
	
}

.contenu{
	padding-top : 10px;
	margin-left : 10px;
	}

.contenu sup { vertical-align: super } 
	
.contenu a{
	color: #000099; /* bleu foncÈc */
	text-decoration: none;
	}
	
.contenu a:hover {
	color: #3399cc;
	/*text-decoration: underline;*/
	}
	


/*  Portfolio
---------------------------------------------- */
#documents_portfolio 
	{
	clear: both;
	margin-top: 5px;
	padding-top: 2px;
	}
	
#documents_portfolio h2 
	{
	margin-bottom: 0.4em; 
	font-size: 10px; 
	}

#document_actif 
	{
	margin-top: 10px;
	}

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
	
#documents_joints h2 
	{ 
	margin-bottom: 0.4em; 
	font-size: 14px; 
	}
	
#documents_joints ul 
	{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}
	
#documents_joints li 
	{ 
	margin-bottom: 0.4em; 
	}
	
#documents_joints li .spip_doc_titre 
	{
	}

#documents_joints li .spip_doc_titre small 
	{ 
	font-weight: normal; 
	}

#documents_joints li .spip_doc_descriptif 
	{
	}



#bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;   
	clear: both;
	padding: 2px;
	text-align: center; 
	height: 15px; 
	background: #000033;
	color: #ffffff;
	}
	
.majs{
	font-size: 6px;
	text-align : right;
	padding-right: 20px;
}
	
#bas a{	color: #ffffff;}
#bas a:hover{color: #6495ed; }
#bas a:link{color: #ffffff; text-decoration: none;}
#bas a:link:hover{color: #6495ed; }


#bas small { font-size: 11px; }
#bas img { vertical-align: bottom; }

#menu, #menu ul /* Liste */     
{
        padding : 0px; /* marge intÈrieure */
        margin : 0px; /* ni extÈrieure */
        list-style : none; /* on supprime le style par dÈfaut de la liste*/
                
}


/*----------------------------------------------------------------------------------
Menu Horizontal DÈroulant
----------------------------------------------------------------------------------*/


#menu ul{ line-height : 10px; }

#menu /* Ensemble du menu */
{
        
        font-family : Verdana, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 11 pixels */
        
}

.menu {
	background-image : url(images/menu/button.jpg);
	`	}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'ÈlÈment, les liens deviennent des balises de type block */
        padding : 5px; /* marge intÈrieure */
         /* couleur de fond */  
         /* image fond bandeau navigation */     
        color : #ffffff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par dÈfaut des liens (la plupart du temps = soulignÈ) */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
        
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaÓt pas "transparent" */
      }

/* IE ne reconnaissant pas le sÈlecteur ">" */
html>body #menu li
{
   display : inline;    
}

#ssmenu a{
	color : #000000; /* couleur du texte */
	background : #d6f4f8; /* couleur de fond */ 
	}
	
#ssmenu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000000; /* On passe le texte en noir... */
        background : #5acfe8; /* ... et au contraire, le fond en bleu clair */
 }


#menu li ul /* Sous-listes */
{ 
        position: Absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        background : #ffffff; /*couleur fond sous liste */
}


#menu li ul li /* ŠlÈments de sous-listes */
{ width: 150px; /* Largeur des sous-listes */}

#menu li  li /* ŠlÈments de sous-listes */
{ display: inline; /* Largeur des sous-listes */}

/* IE ne reconnaissant pas le sÈlecteur ">" */
html>body #menu li ul li                
{
    display: inline;
    margin-right: 1px ; 
    color: #fff000 ; 
    border-top : 0px solid transparent; /* on met une bordure transparente en haut de chaque ÈlÈment */
}

#menu li ul ul 
{
        margin    : -22px 0 0 100px ; /* On dÈcale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaÓt pas "transparent" (comme prÈcÈdemment) */
        border-left     : 1px solid #fff ; /* Petite bordure ý gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sÈlecteur ">" ... je me rÈpËte ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque ÈlÈment */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000000; /* On passe le texte en noir... */        
}

.menu a:hover {
	background-image : url(images/menu/buttonclair.jpg);
	`	}

.menu a:active {
	background-image : url(images/menu/buttonclair.jpg);
	`	}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un ÈlÈment de liste */
{
        left: -999em; /* On expÈdie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un ÈlÈment de liste ET sous-sous-lites lorsque la souris passe sur un ÈlÈment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#menu, #menu ul /* Liste */     
{
        padding : 0px; /* marge intÈrieure */
        margin : 0px; /* ni extÈrieure */
        list-style : none; /* on supprime le style par dÈfaut de la liste*/
                
}

/*----------------------------------------------------------------------------------*/

#menu ul{ line-height : 10px; }