.typo { font-family: arial,helvetica,sans-serif; text-align: left;}


.konono { width: 100%;}
.page { width: 90%; margin-left: 5%; margin: auto;}
.kono { width: 84%; float:right; } 
.kono-article { width: 83%; float:right; } 

.nono { width: 60%; float:left; 
 }
 * html .nono {width: 58%;}
.ko  { width: 30%; float:right;}
.no { width: 15%; float:left; }

.taille {  min-height: 430px;}
h3 a {text-decoration:none; color:#009933;}

.border-bottom { border-bottom: solid 3px #006699; padding-bottom: 10px; margin-bottom: 10px;}
.border { border: solid 1px #006699; }
.border-thin { border-bottom: solid 1px #006699;  margin-bottom: 10px; padding-bottom: 10px;}
.spip_logos { padding:0px 10px 10px 10px; float: right; }
.small { font-size: 80%;} 
.border-pied { border-bottom: solid 3px #006699;border-top: solid 1px #006699; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px;}
.padding5-top { padding-top: 5px; }
.marginright { margin-right: 20px; }

/**** navigation ****/

ul.navigation {padding:0;margin:0px;  display: inline; font-size: 80%}
* html ul li.navigation-foncee { background-color: #003366; padding: 5px; margin-bottom: 5px; list-style-type: none; text-indent: -14px;}
ul li.navigation-foncee { background-color: #003366; padding: 3px; margin-bottom: 5px; list-style-type: none;}
ul li.navigation-foncee:hover { background-color: #3366CC;}
ul li.navigation-claire { background-color: #336699; padding: 5px 5px 5px 10px; margin-bottom: 5px; list-style-type: none; font-size: 85%; }
ul li.navigation-claire:hover { background-color: #6699CC;}
ul li.navigation-login { background-color: #666699; padding: 5px 5px 5px 10px;  margin-bottom: 10px; list-style-type: none;}
ul li.navigation-login:hover { background-color: #9999CC;}
.navigation a:link { color: #ffffff;}
.navigation a:visited{ color: #ffffff;}


/**** about ****/
.about { background-color:#EEEEEE;
margin:0pt;
padding:15px;}
.about a:link {text-decoration:none;}
.about a:hover {color:#666666; text-decoration:none;} 
.about p {font-size: 80%;}
.about h2 {font-size: 90%; font-variant: normal; font-weight:  bold;}
.about h2 a { color:#336699;}
.about ul h2 {font-size: 80%; font-variant: normal; font-weight:  bold; margin-left: 0px;}
.about li { list-style-type: square; margin-left: -15px;} 


/**** news ****/
.news { margin: 2%; margin-top: 0%;   /* ie hack */ display: inline;}
.news .more { margin-top: 40px; border-bottom: dotted 1px #006699;  border-top: dotted 1px #006699; text-align: right; padding: 5px; font-size: 85%;} 
.news h2 {font-size: 100%;  font-weight:  bold; }
.news h2 a { color:#336699;}
.news h3 {font-size: 85%;  font-weight:  bold; margin-top: 3%;}
.news h3 a { color: #990000;}
.news p { font-size: 85%; margin:0; margin-top: 5px;}
.news p.auteurs  {font-size: 70%; margin: 0;}

.news a:hover {color:#666666; text-decoration:none;} 

/**** page rubrique ****/
.min-height { min-height: 450px;}
.rubrique { margin-left: 5px;  margin-top: 10px; }
h1.rubrique {font-size: 100%;  font-weight:  bold; color:#336699;}
.rubrique  h2 {font-size: 100%;  font-weight:  bold; }
.rubrique  h2 a { color:#336699;}
.rubrique  h3 {font-size: 85%;  font-weight:  bold; margin-top: 3%; }
.rubrique h3.sousrub a {color:orange;}
.rubrique  h3 a { color: #660000;margin:0;padding:0;}
.rubrique  p { font-size: 85%; margin:3px;}
.rubrique ul { margin: 0px; }
.rubrique ul li { list-style-type: none; margin:0;}
.rubrique ul li.sousrub { margin:0;padding:0;}
.rubrique ul .sousrub { margin:0;padding:0; }
h3.sous-rub { color: #660000; margin-top:1px;padding:0;}



.auteurs  {font-size: 70%; margin:1% 0 1% 0;color:#999;}
.rubrique p.auteurs  {font-size: 70%; margin:0; color:#999;}
.rubrique p.auteurs  a { color:#999;}


/* som-tout = sommaire tout en bas liste d'articles en bas */

.news .som-tout { margin: 10px; padding-top:20px; }
.news .som-tout h2 { padding:0px; font-size: 95%;  font-weight:  normal; padding-top:10px;   }
.news .som-tout h2 a { color:#006699;  }
.news .som-tout h2 a:hover { color:#999;  }

.news .som-tout h1 { padding-bottom:15px; }
.news .som-tout h3 { font-size: 95%; font-weight:  normal;margin:0px; }
.news .som-tout h3 a { font-size: 95%; font-weight:  normal;color:#009933;}
.news .som-tout h3 a:hover { font-size: 95%; font-weight:  normal;color:#999;}

.news .som-tout ul { margin: 0px;  margin-left:10px; padding: 0px; color:#009933; }
.news .som-tout li{ list-style-type: square; font-size: 90%; padding: 0px; margin:0px; }

/* article */

p.spip { line-height:1.4em; margin:0px; margin-bottom: 15px; margin-top: 15px;} 
p.chapo { font-weight: bold; }


/* pied */

.pied { font-size: 85%; text-align: center; padding: 10px; }

/* article */

.article h1 { color: #990000;  font-size: 120%;}
.article h3 { color: #990000; font-size: 105%; }
.documents-pdf h6 { font-size: 12px;  font-weight: bold;}
.documents-pdf { margin-top: 15px;  padding:5px; border-bottom: 1px dotted #ccc;} 

.lobby { margin-left: 35px;  margin-bottom: 15px;}
#documents_portfolio { padding-top: 10px; border-bottom: 2px solid #ccc;}