@import url(menu_principal.css);
@import url(commun.css);

/*
.filet-droit {
float: left;
margin-top:0;
}
*/

.outer{
margin-top:30px;
}

body#body .outer {
margin-top: 40px;
}

/* ------- Elements communs ---------- */

.erreur{
font-style:normal;
font-weight:700;
color:red;
}

.retour{
cursor: pointer;
}

/* --- */

#menu{
background:transparent;
position:absolute;
top:0;
left:0;
}

/*
ul#profils{
position:relaative;
top:-27px;
left:0;
background:transparent;
padding-left:7px;
}
*/


ul#profils{
position:absolute;
left:5px;
left:11px;
top:3px;
}




/* --- Profils ---

body #profils{
position:static;
left:0;
top:0;
}
*/

 
body #profils a{
border:0;
margin:0 0.5em 0 0;
padding:0;
background:transparent;
}

body #profils a:hover{
border:0;
}

/* --- Mini sites ---

#minisite{
font-size:1em;
position:absolute;
left:1em;
top:1.5em;
margin:0;
padding:0;
}
 */

ul#minisite{
margin-top:12px;
position:relative;
left:0;
top:5px;
padding-left:5px;
}
 
#minisite a{
border:0;
margin:0 0.5em 0 0;
padding:0;
}

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

/****************
	Bandeau
****************/

h1 {
position:absolute;
top:16px;
left:22px;
}

#espacesciences h1{
position:absolute;
top:32px;
left:7px;
}

h3{
color:#008ed3;
font-weight:500;
font-size:1.3em;
font-family:arial, helvetica, sans-serif;
margin-bottom:0.5em;
}

#espacesciences h3{
color:#dd7519;
}

h4{
color:#d05f00;
background:#fff;
font-size:1.3em;
font-weight:500;
text-transform:uppercase;
font-family:"arial narrow", arial, helvetica, sans-serif;
margin:2em 0 0.5em 0;
}

#logo { 	
position: absolute;
top: 62px;
left: 94px;
}

.wide {
width: 100%;
}

.top {
position:relative;
border-top:1px solid #b4b4b4;
border-bottom:1px solid #b4b4b4;
background-repeat:no-repeat;
height:97px;
z-index:30;
}

body#body .top {
border: 0;
height:117px;
}

#espacesciences .top {
height:103px;
margin-left:14px;
border-bottom:0
}

#connexion {
position: absolute;
top: 0;
left: 811px;
display:none;
}

/*
#menu label, #menu legend  { 
display: none;
}


.top .champ-saisie {
margin: 0 0 5px 14px;
width: 110px;
padding: 2px 1px;
}

.top input {
background:#fff;
color:#434343;
border:2px solid #606060;
}

* html .top .ok {
margin-top: 1px;
}

.top select {
margin: 0 0 5px 14px;
width: 140px;
border: 0
}
*/

p#avancee, p#oublie{
margin:0 0 0 14px
}

/***********************
	Menu Horizontal
************************/

#menu {
float: left;
width: 100%;
z-index: 25;
}

#menu-outils {
float:left;
width:100%;
padding:0;
}

#menu-outils #menu_principal{
float:left;
margin:0;
padding:3px 0 3px 7px;
}

* html #menu-outils { 
width: 648px;
wid\th: 637px;
}

#menu-outils ul {
list-style: none;
float: right;
}

#menu-outils li {
float: left;
}

#menu-outils a {
display: block;
padding: 5px 10px 4px 6px;
color: #00074e;
border-left: 1px solid #00074e;
text-decoration: none;
}

#menu-outils a.first-menu-item {
border-left: 0;
}

#services{
display:none;
}

#services label { 
display:inline;
margin-left:18px;
color:#FFB623;
font-weight:700;
font-size:130%;
line-height: 1;
vertical-align:middle;
}

#services select {
width: 165px;
margin-left: 45px;
border: 0;
vertical-align: middle;
}

#services .ok {
vertical-align: middle;
}

/************************
	Colonne de gauche
*************************/

/*
.container-left h3 {
color: #fff;
font-weight: normal;
}


.menuleft {
padding-top: 10px;
margin-bottom:20px;
}
*/

.menuleft-in {
padding-bottom:0;
}

#acces-direct { 
width: 125px;
height: 9px;
margin-left: 30px;
background: url(/images/acces_direct.gif) no-repeat 0 0;
}

#acces-direct span { 
display: none;
}

/* --- */

ul.menu-prin{
clear:both;
list-style-type: none;
background:#b4b4b4;
font-family:"arial narrow", arial, helvetica, sans-serif;
font-size:1.3em;
margin:33px 0.5em 0.5em 0.5em;
padding:5px 0 0 0.2em;
position:relative;
height:50px;
width:990px;
}

ul.menu-prin li{
display:inline;
}

ul.menu-prin ul{
position:absolute;
top:1.7em;
left:3px;
font-size:1.2em;
}

ul.menu-prin a {
color:#000;
text-decoration:none;
font-weight:500;
padding:0 0.6em;
border-left:1px solid;
}

ul.menu-prin li.menuon a{
font-weight: 700;
text-transform:uppercase;
color:#333;
border-left:2px solid;
padding:0 0.6em;
}

ul.menu-prin li.menuon li a{
text-transform: none;
font-weight: 500;
border-left:1px solid;
font-size:0.8em;
color:#000
}

ul.menu-prin li li.menuon a{
	text-transform:uppercase;
	font-weight:700;
	font-size:0.7em;
	border-left:2px solid;
}

ul.menu-prin li.dernier a{
	border-right:1px solid;
}

ul.menu-prin li.dernier li a{
	border-right:0;
}

/* --- */

#newsletter legend { 
display: none;
}

#newsletter {
padding-left: 30px;
display:none;
}

/*
#newsletter .menuleft {
padding-top: 5px; background-image:none;
}
*/

#newsletter .menuleft-in {
padding-bottom: 10px;
background-image:none;
}

#newsletter h3 {
padding-bottom:3px;
}

#newsletter .champ-saisie {
width: 120px;
border: 0;
padding: 2px 1px;
}

#newsletter .ok {
width: 20px;
height: 20px;
vertical-align: top;
}

/************************
	Colonne de droite
*************************/

.right-top {
border-top: 1px solid #332e44;
border-bottom: 1px solid #332e44;
}

.right-top-in {
padding: 3px 0 5px 20px;
border-right: 8px solid #ff6022;
}

.right-top .titre {
color: #332e44;
font-weight: 700;
font-size: 110%;
}

a.box-esp { 
background: url(/images/en_savoir_plus2.gif) no-repeat 100% 0;
display: block;
height: 10px;
width: 165px;
text-decoration: none;
margin-top: 10px
}

a.box-esp span { 
display: none
}

.effacer {
border: 1px solid #666;
color:#666;
background:#fff;
}

/*********************************
	Zone Centrale
*********************************/

.center {
padding-top: 10px;
text-align:justify;
}

.center *{
line-height:140%;
}

.center ul{
list-style:none;
}

ul.partenaires{
margin:0;
padding:0;
border:0;
}

ul.partenaires li{
margin:0 0 0.3em 0;
padding:0;
list-style:none;
list-style-position: outside;
}

#entete{;
/* width:635px; */
position:relative;
left:23px;
top:0;
display:block;
padding-bottom:1.5em;
margin:0;
}

#entete .separateur{
clear:both;
}

#entete h2{
text-align:left;
}

/*
#deco-a{
width:100px;
float:left;
background:#ddd;
}

#deco-b{
width:100px;
float:right;
background:#ddd;
}
*/

#deco-a{
margin:0 0 2.5em 0;;
position:relative;
top:0;
left:0;
}

#deco-b{
width:300px;
color:#8d8d8d;
border-left:1px solid #dbdbdb;
font-family:verdana, arial, sans-serif;
font-size:0.9em;
position:absolute;
top:0;
left:260px;
}


h2 {
font-family: "Arial Narrow", arial, helvetica, sans-serif;
font-size: 1.5em;
color: #8d8d8d;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding: 0;
}

#musee h2{
color:#0077ab;
}

#espacesciences h2{
color:#4d478b;
}

.ligne {
margin: 0 ;
padding:10px 0 0 0;
clear:left;
}

/* \*/ * html .ligne { padding:5px 0 0 0;
} /* */

.conteneursousparagraphe {
float:left;
}

.firstline {
border:0;
padding-top:0;
}

.filet {
background-color: #778AAA;
height: 1px;
font-size: 1px;
margin: 7px 0 3px 0;
}

/*************************************************
	page de rubrique
**************************************************/

#photo {
height: 80px;
background-repeat: no-repeat;
background-position: 50% 50%;
padding: 0px 0 21px 0;		
color: #fff;
}

#photo div {
padding-left: 30px;
}

#fil-ariane {
}

#fil-ariane a:hover {
text-decoration: underline;
}

#fil-ariane .elementparticulier a {
text-decoration: underline;
}

a#connect {
display: block;
margin-top: 60px;
margin-left: 15px;
color: #fff;
}

/*******************
	Pied de Page
********************/

.bottom { 
position: relative;	
font-size: xx-small;
color: #fff;
}

/* Adresse bas de page ------------------ */

address{ 
margin: 0;
padding: 2px 0 0 20px;
font-style:normal;
}

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

#haut-page {
border-right:1px solid;
padding-right:5px;
margin-right:5px;
color:#007bb5;
}

#kosmos {
}

#kosmos img {
} 

/**** Liste d'affichage ****/

.div-liste {
}

.div-liste a {
padding-left:0;
}

.img-liste {
float:left;
clear:left;
margin:0.3em 10px 0 0;
}

h4.titre-liste {
font-size:110%;
}

.resume-liste {
font-size:100%;
}

.date-liste {
color:#222e44;
}

.soustitre-liste {
font-weight:700;
font-size:110%;
}

.redac-liste {
font-size:110%;
font-style:italic;
color:#332e44;
}

/**** IE5 Mac ****/
*>html .top .ok {
position: absolute;
}

*>html #menu-outils a {
float: left;
}

*>html .ligne {
clear: none;
float: left;
}

/**** Fin IE5 Mac ****/ 

/* prevents long urls from widening floated cols and breaking the layout in IE6 */
/* empêche les longues URLs d'élargir les colonnes flottantes et de briser ainsi la mise en page sur IE6 */
/* \*/
* html .outer {
word-wrap: break-word;
}
/* */

/*ul#pratique{
left:1em;
}*/

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

.telecharger{
color:#898989;
font-family:verdana, arial, sans-serif;
font-size:0.9em;
}

.telecharger li{
line-height:180%;
}

.telecharger a{
text-decoration:none;
color:#307fee;
}

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

.style3 div.actu-unite{
color:#000
}

div.actu-unite{
border-bottom:1px solid #d5d5d5;
display:block;
}

.vignette{
min-height:47px;
height:47px;
}

html>body div.vignette{
height:auto;
}

h4.actu-titre{
text-transform:none;
font-size:1.3em;
font-family:arial, helvetica, sans-serif;
margin:0;
position:relative;
}

h4.actu-titre .actu-date{
color:#7a7879;
text-transform: uppercase;
font-size:0.8em;
}

h4.actu-titre a{
text-decoration:none;
}

h4.actu-titre img{
border:1px solid #d5d5d5;
margin:5px 0 0 5px;
position:absolute;
right:0
}

p.actu-resume{
margin:0;
font-size:1.2em;
line-height:110%;
padding:0 0 0.5em 0;
clear:both;
}

.vignette p.actu-resume,
.vignette h4.actu-titre{
padding:0 60px 0.5em 0;
}

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

.liste_articles{
color:#727272;
text-align:left;
}

.liste_articles a{
font-size:1.1em;
}

.liste_articles img{
float:left;
margin:0 7px 0 0;
border:1px solid #dadada;
}

.liste_articles .resume{
line-height:150%;
background:transparent url(img/liste_article_date.png) no-repeat 5px 94%;
border-bottom:1px solid #d5d5d5;
padding-bottom:2em;
}

.separateur{
display:block;
clear:both;
}

/* a supprimer
.liste_articles .date{
color:#9b9b9b;
background:transparent url(img/liste_article_date.png) no-repeat 5px 50%;
border-bottom:1px solid #d5d5d5;
text-align:right;
clear:both;
margin:2em 0 2.5em 0;
padding-top:10px;
height:0px;
}
*/

.objet-liste{
padding-left:1em;
background:transparent url(img/liste_objet.png) no-repeat 0 50%;
}

/* Forum */

p#commenter{
text-align:right;
text-transform:uppercase;
}

p#commenter a{
color:#666;
border:1px solid;
text-decoration:none;
padding:0.1em 0.5em
}

p#commenter a:hover{
color:#000;
}

/* liste annuaire */

address.annu-liste{
padding-left:0;
margin-bottom:1em;
}

address.annu-liste em{
font-style:normal;
color:#888;
text-transform:uppercase;
}

/* --- */

.liste_articles_b{
background:red;
}