html {font-size: 100%;}

body {
background-color : #d8e4f5;
font-size: 0.8em;
}

#global {
width:950px;
margin-left:auto;
margin-right:auto;
}

/* header flash */
#header {
margin:0;
padding:0;
width: 950px;
height:150px;
}

/* liens retour à l'accueil pages publication*/
#retour {
margin:0;
padding-right:20px;
float:right;
width:928px;
}

/* titres bloc retour */
.titreretour {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#336699;
font-size:1.2em;
line-height:100%;
text-align:right;
}

/* conteneur unique page publication*/
#publi {
margin:0;
padding-top:20px;
float:left;
border-right:solid thin;
border-right-width:1px;
border-right-color:#b0bdd1;
border-left:solid thin;
border-left-width:1px;
border-left-color:#b0bdd1;
width:948px;
background-color:#EAEAFF;
}

/* image étoile pages publications */
.imagepubli{
float:left;
border:0;
margin-right: 10px;
margin-left: 30px;
}

/* colonne gauche publications*/
#publig {
margin-bottom:30px;
padding:0;
float:left;
width:474px;
}

/* colonne droite publications*/
#publid {
margin:0;
padding:0;
float:left;
width:474px;
}

/* cadre publication colonne gauche lunaison */
#cadre {
margin-left:22px;
margin-top:22px;
margin-right:10px;
float:left;
width:440px;
height:980px;
background: url(img/fond-cadre.png);
background-repeat:no-repeat;
}

/* cadre publication colonne droite autres publications */
#cadre2 {
margin-left:22px;
margin-top:22px;
margin-right:10px;
float:left;
width:440px;
height:270px;
background: url(img/fond-cadre2.png);
background-repeat:no-repeat;
}

/* cadre publication colonne droite cahiers pédagogiques */
#cadre3 {
margin-left:22px;
margin-top:22px;
margin-right:10px;
float:left;
width:440px;
height:390px;
background: url(img/fond-cadre3.png);
background-repeat:no-repeat;
}

/* cadre cahiers lunaison */
#cadre4 {
margin-left:22px;
margin-top:22px;
float:left;
padding: 5px 0px 0px 5px;
width:440px;
height:260px;
background: url(img/fond-cadre4.png);
background-repeat:no-repeat;
}

/* cadre cahiers lunaison */
#cadre5 {
margin-left:16px;
margin-top:22px;
float:left;
padding: 5px 5px 5px 5px;
width:870px;
}

/* texte cadre publication */
#textcadre {
padding:33px 10px 10px 10px;
float:left;
width:390px;
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1em;
line-height:1.3em;
text-align:justify;
}

/* texte pages détaillées publications */
.textpubli {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1em;
line-height:130%;
text-align:justify;
}

/* texte présentation cahiers lunaison */
.textcahier {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1em;
line-height:130%;
text-align:justify;
float: left;
width:430px;
}

/* texte présentation cahier lunaison du mois*/
.textcahierdumois {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1em;
line-height:130%;
text-align:justify;
float: left;
margin: 5px 5px 5px 5px;
width:890px;
}

.blanc {
border:1px solid #fff; 
}

/* texte tarif publications */
.tarif {
float:right;
font-family:trebuchet ms, arial;
text-align:right
font-weight:bold;
color:#336699;
font-size:1em;
}

/* titre cadre publication */
.titrecadre {
margin-top:25px;
font-family:trebuchet ms, arial;
font-weight:bold;
color:#fff;
font-size:1.5em;
line-height:150%;
text-align:left;
}

/* barre publication */
#barre {
width:320px;
height:30px;
margin-left:120px;
margin-top:200px;
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1.3em;
line-height:100%;
z-index:300;
}

/* image publication */
.imagep{
float:left;
margin-right: 10px;
margin-left: 10px;
margin-top: -10px;
margin-bottom: 2px;
border:0;
}

/* image bouton commander */
.imagecom{
float:left;
margin-top: 2px;
border:0;
}

/* bloc annonce page accueil */
#blocannonce {
float:left;
width:510px;
background: url(img/annonce-page-accueil.png);
background-repeat:no-repeat;
border: 1px solid #b0bdd1;
padding-bottom:25px;
}

/* titre annonce page accueil */
.titreannonce {
margin-top:25px;
margin-left:25px;
font-family:trebuchet ms, arial;
font-weight:bold;
color:#fff;
font-size:1.5em;
line-height:150%;
text-align:left;
}

/* liens titre annonce page accueil */
a.titreannonce {
margin-top:25px;
margin-left:25px;
font-family:trebuchet ms, arial;
font-weight:bold;
color:#fff;
font-size:1.5em;
line-height:150%;
text-align:left;
text-decoration:none; 
}

/* bloc encadrés 
#blocaccueil {
float:left;
width:510px;
padding-bottom:25px;
}*/

/* colonne gauche page accueil encadrés 
#blocaccueilg {
float:left;
width:244px;
padding:2px;
margin-bottom:10px;
margin-right:5px;
background: url(img/fond-trans.png);
border: 1px solid #b0bdd1;
}*/

/* texte encadrés page accueil 
.textencadre {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:0.9em;
line-height:130%;
}*/

/* liens texte encadré page accueil 
a.textencadre {
font-family:trebuchet ms, arial;
font-weight:normal;
color: #336699; 
text-decoration:none; 
font-size:0.9em;
line-height:130%;
}*/


/* conteneur milieu */
#milieu {
margin:0;
padding:0;
float:left;
width:950px;
background: url(img/fond_p.jpg);
background-repeat:repeat-y;
}

/* conteneur gauche */
#gauche {
margin:0;
padding:0;
float:left;
width:176px;
}

/* droit */
#droit {
float:right;
border-top:solid thin;
border-top-width:1px;
border-top-color:#b0bdd1;
border-right:solid thin;
border-right-width:1px;
border-right-color:#b0bdd1;
width: 773px;
margin:0;

}

/* conteneur texte centre */
#centre {
width:552px;
height:auto;
float:left;
margin-top:30px;
margin-bottom:30px;
}

/* zone texte */
#texte{
padding: 0px 25px 0px 25px;
text-align:justify;
border-right:solid thin;
border-right-width:1px;
border-right-color:#b0bdd1;
}

/* conteneur actualités page accueil */
#actu {
margin-bottom:10px;
padding:5px;
width:500px;
background: url(img/fond_a.jpg);
background-repeat:repeat-y;
border: 1px solid #b0bdd1;
}

/* conteneur commandes */
#commande {
margin-bottom:10px;
padding:5px;
width:500px;
background: url(img/fond_t.png);
background-repeat:repeat-y repeat-x;
border: 1px solid #b0bdd1;
}

/* conteneur texte droite */
#droite {
width:218px;
float:right;
}

/* zone texte droite */
#texted{
padding: 30px 10px 25px 10px;
text-align:justify;
}

/* conteneur séminaires */
#semi {
width:485px;
height:auto;
float:left;
padding-left:5px;
padding-bottom:15px;
border-style:dashed;
border-width:1px;
border-color:#0099CC;
padding:15px 10px 10px 10px;
}

/* footer */
#footer {
margin:0;
padding:0;
background: url(img/footer.jpg);
background-repeat:no-repeat;
width: 950px;
height:33px;
text-align:right;
clear: both;
border-left:solid thin;
border-left-width:1px;
border-left-color:#b0bdd1;
}

/* footer pages publications */
#footer2 {
margin:0;
padding:0;
background: url(img/footer2.jpg);
background-repeat:no-repeat;
width: 950px;
height:33px;
text-align:right;
clear: both;
border-left:solid thin;
border-left-width:1px;
border-left-color:#b0bdd1;
}

/* titres page centré */
h1 {
font-family:trebuchet ms, arial;
font-weight:bold;
color:#336699;
font-size:1.2em;
line-height:150%;
text-align:left;
}

/* texte centré colonne droite */
.centre {
font-family:trebuchet ms, arial;
font-weight:bold;
color:#336699;
font-size:1.1em;
line-height:130%;
text-align:center;
}

/* titres page centré*/
.titreg {
font-family:trebuchet ms, arial;
font-weight:bold;
color:#336699;
font-size:1.2em;
line-height:120%;
text-align:center;
}

/* titres page gauche 120*/
.titreg1 {
font-family:trebuchet ms, arial;
font-weight:bold;
color:#336699;
font-size:1.3em;
line-height:120%;
text-align:left;
}

/* sous titres page */
h2 {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#336699;
font-size:1.1em;
line-height:150%;
text-align:center;
}

/* textes noir page */
h3 {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1em;
line-height:150%;
}

/* textes bleu page centré */
.textec {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#336699;
font-size:1em;
line-height:150%;
text-align:center;
}

/* textes centré bleu droit petit */
.textd {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#336699;
font-size:0.9em;
line-height:150%;
text-align:center;
}

/* textes petit centré */
h4 {
font-family:trebuchet ms, arial;
color: #336699 ;
font-family:trebuchet ms, arial;
font-size : .8em ;
text-align:left;
font-weight:normal;
margin-left:6px;
}

/* texte gros */
h5 {
font-family:trebuchet ms, arial;
color: #336699 ;
font-family:trebuchet ms, arial;
font-size : 1.3em ;
text-align:center;
font-weight:normal;
}

tt { 
font-family:trebuchet ms, arial; 
font-size:3.5em; 
color:#336699; 
font-style:italic;
}

.titre{
font-family:trebuchet ms, arial;
font-weight:bold;
color:#000000;
font-size:1.3em;
text-align:left;
}


/* titre chapitres cours */
.chap {
font-family:trebuchet ms, arial;
color: #336699 ;
font-family:trebuchet ms, arial;
font-size : 1.1em ;
text-align:left;
font-weight:bold;
}

/* ss titre chapitres cours */
.schap {
font-family:trebuchet ms, arial;
color: #000000 ;
font-family:trebuchet ms, arial;
font-size : 1em ;
text-align:left;
font-weight:bold;
}

/* message page lettre d'info */
.message {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1em;
line-height:150%;
}

.mail {
font-size: 1em; 
font-weight:bold; 
font-family: trebuchet ms, arial; 
color:#FF0066;
text-align:center;
}

/* textes petit footer */
.footer {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#336699;
font-size:.9em;
line-height:100%;
}

/* image centrée */
.image{
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #b0bdd1;
}

/* image centrée non bordée */
.imagec{
display: block;
margin-left: auto;
margin-right: auto;
border: 0;
}

/* image gauche sans float */
.img{
border:0;
}

/* image float gauche bordée */
.imagef{
float:left;
border:0;
margin-right: 10px;
border: 1px solid #b0bdd1;
}

/* image float droite bordée */
.imaged{
float:right;
border:0;
margin-right: 10px;
border: 1px solid #b0bdd1;
}
/* image float gauche non bordée */
.imageg{
float:left;
border:0;
margin-right: 10px;
}

/* retrait page plan du site */
p.retrait {
margin-left:40px;
font-family: trebuchet ms, arial;
font-size: 1em;
color : #000000;
font-weight:normal ;
line-height:90%;
}

ul#menu{
margin:0;
padding:0;
list-style-type:none;
}

ul#menu li{
overflow: hidden ;	
float: left ;
width: 176px ;
height: 39px;
}

ul#menu li a {
display: block ;
background: #d8e4f5 url(img/menu1.jpg) left top no-repeat ;
padding: 4px 0 ;
width: 176px ;
height: 39px;
color: #336699 ;
font-family:trebuchet ms, arial;
font-size : .90em ;
line-height: 1em ;
text-align:left;
text-decoration:none;
font-weight:bold;
}	

.navm1 {
margin:16px 5px 5px 15px;
}

.navm2 {
margin:12px 5px 5px 15px;
}

ul#menu li a:hover, #nav1 a:focus, #nav1 a:active {
background: #d8e4f5 url(img/menu1.jpg) right top no-repeat ;
color:#afbcd1;
font-weight:bold;
}

ul#menu2 {
margin:0;
padding:0;
list-style-type:none;
}	
		
ul#menu2 li {
overflow: hidden ;	
float: left ;
width: 176px ;
height: 39px;
}

ul#menu2 li a {
display: block ;
background: #d8e4f5 url(img/menu2.jpg) left top no-repeat ;
color: #336699 ;
font-family:trebuchet ms, arial;
font-size : .90em ;
line-height: 1em ;
padding: 4px 0 ;
text-align:left;
width: 176px ;
height: 39px;
text-decoration:none;
font-weight:bold;
}	

ul#menu2 li a:hover, #nav2 a:focus, #nav2 a:active {
background: #d8e4f5 url(img/menu2.jpg) right top no-repeat ;
color:#afbcd1;
font-weight:bold;
}

ul#menu3 {
margin:0;
padding:0;
list-style-type:none;
}	
	
ul#menu3 li {
overflow: hidden ;	
float: left ;
width: 176px ;
height: 47px;
}

ul#menu3 li a {
display: block ;
background: #d8e4f5 url(img/menu3.jpg) left top no-repeat ;
color: #336699 ;
font-family:trebuchet ms, arial;
font-size : .90em ;
line-height: 1em ;
padding: 4px 0 ;
text-align:left;
width: 176px ;
height: 47px;
text-decoration:none;
font-weight:bold;
}	

ul#menu3 li a:hover, #nav3 a:focus, #nav3 a:active {
background: #d8e4f5 url(img/menu3.jpg) right top no-repeat ;
color:#afbcd1;
font-weight:bold;
}

/* liens toutes pages*/
a:link { color: #336699; text-decoration:none; font-weight:bold;}
a:visited { color: #336699; text-decoration:none; font-weight:bold;}
a:hover { color:#afbcd1 ; text-decoration:none; font-weight:bold;}

a.titre {
   text-decoration: underline;
   font-size:100%;
}

/* lightbox*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 11px, trebuchet ms, arial, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #fff;
	}
	
.spacer {
clear: both;
}