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;
}

/* conteneur unique page publication*/
#publi {
margin:0;
padding:0;
float:left;
width:950px;
background-color:#EAEAFF;
}

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

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

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

/* 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:100%;
}

/* 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;
}

/* 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;
}

/* 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 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%;
}