html {font-size: 100%;}
body {font-size: 0.8em; background-color:#7d4fbe;}

img {
border:0px;
}

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

#main {
width:924px;
float:left;
margin-left:16px;
background-color:#FFFFFF;
}

#header {
margin:0;
padding:0;
width: 924px;
height:120px;
float:left;
margin-left:16px;
background-color: #FFFFFF;
}

#barh {
padding:0;
width: 644px;
height:7px;
float:left;
background:url(img/barre_h.png) ;
background-repeat:no-repeat;
}

#left {
width: 662px;
float:left;
margin-left:-20px;
border-left-color:#7c4ebd;
border-left-style:solid;
border-left-width:1px;
background-color:#FFFFFF;
border-right-color:#fece60;
border-right-style:solid;
border-right-width:1px;


}

#txt {
margin-left:20px;
margin-right:10px;
margin-top:15px;
margin-bottom:10px;
text-align:justify;
}

#box {
border-color:#7c4ebd;
border-style:dotted;
border-width:3px;
padding:10px;
}

#cours {
margin-left:30px;
}


#news {
margin-right:10px;
margin-top:-2px;
margin-bottom:10px;
padding: 0px 10px 10px 15px;
text-align:justify;
}

#barb {
padding:0;
width: 644px;
height:7px;
float:left;
background:url(img/barre_b.png) ;
background-repeat:no-repeat;
}

#right {
padding:0;
width: 280px;
float:right;
background-color:#FFFFFF;
}

#space {
padding:0;
margin:0;
float:left;
margin-left:16px;
width: 924px;
height: 30px;
background-color:#FFFFFF;
}

#space1 {
padding:0;
margin:0;
float:left;
width: 924px;
height: 30px;
background-color:#FFFFFF;
}

/* footer */
#footer {
margin-left:16px;
padding:0;
background: url(img/footer.jpg);
background-repeat:no-repeat;
width: 924px;
height:46px;
text-align:right;
clear: both;
}


img {
border:0px;
}

.image {
border:0px;
display: block;
margin-left: auto;
margin-right: auto;
}


.imageb {
border:1px solid #d3d3d3;
display: block;
margin-left: auto;
margin-right: auto;
}

.imagee {
border:1px solid #d3d3d3;
text-align:left;
}

.imagenoborder {
display:block;
float:left;
margin-right:10px;
}

.imageg {
border:1px solid #d3d3d3;
display: block;
float:left;
margin-right:10px;
}

.imagen {
border:1px solid #d3d3d3;
margin-left:20px;
}

.imager {
border:0;
float:right;
}

h1 {
	font-family:"Century Gothic", sans-serif;
	font-size:1.3em;
	font-weight:normal;
	color:#7867cb;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
text-align:left;
color:#7867cb;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
font-weight:normal;
text-align:justify;
color:#7e4fbe;
}

.h3plus {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#7e4fbe;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
text-align:center;
color:#7867cb;
}

/* textes petit footer */
.footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#7867cb;
font-size:0.8em;
text-align:center;
margin-top:5px;
}

/* textes référencement */
.ref {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#309;
font-size:0.8em;
text-align:center;
margin-top:5px;
}

.ref a:link { color:#F5DDFF; text-decoration:none; font-weight:normal; border-bottom:dotted; border-width:1px; border-color:#ff00cc; line-height:100%; }
.ref a:hover { color:#ff00cc ; text-decoration:none; font-weight:normal; border-bottom:dotted; border-width:1px; border-color:#7867cb; line-height:100%; }
.ref a:visited { color: #F5DDFF; text-decoration:none; font-weight:normal; border-bottom:dotted; border-width:1px; border-color:#ff00cc; line-height:100%; }

.chemin {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
text-align:right;
margin-right:10px;
margin-top:5px;
color:#7867cb;
}

.valid {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
text-align:center;
color:#cc00cc;
}

.message{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
text-align:center;
color:#7867cb;
}

.txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:center;
margin-left: auto;
margin-right: auto;
color:#7867cb;
}

.ast {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
text-align:center;
color:#9933cc;
}

.rel {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
text-align:center;
color:#cc00cc;
}

.cre {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
text-align:center;
color:#ffcc00;
}

/* texte titres bleus */
.info {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
color:#7867cb;
}

/* textes titres rose */
.info1 {
font-family:Century Gothic, Arial, sans-serif;
font-size:140%;
font-weight:normal;
color:#7d4fbe;
}

/* textes titres violet astro */
.info2 {
font-family:Century Gothic, Arial, sans-serif;
font-size:140%;
font-weight:normal;
color:#7c4ebd;
}

/* textes titres violet pnl */
.info3 {
font-family:Century Gothic, Arial, sans-serif;
font-size:140%;
font-weight:normal;
color:#A144B2;
}

/* textes titres roses relaxation */
.info4 {
font-family:Century Gothic, Arial, sans-serif;
font-size:140%;
font-weight:normal;
color:#F631F6;
}

/* textes titres jaunes créations */
.info5 {
font-family:Century Gothic, Arial, sans-serif;
font-size:140%;
font-weight:normal;
color:#FFC03B;
}

/* textes titres oranges consultation */
.info6 {
font-family:Century Gothic, Arial, sans-serif;
font-size:140%;
font-weight:normal;
color:#FFA60B;
}



/* liens survolés et visités page accueil */
a:link { color: #7867cb; text-decoration:none; font-weight:normal; border-bottom:dotted; border-width:1px; border-color:#ff00cc; line-height:100%; }
a:visited { color: #7867cb; text-decoration:none; font-weight:normal; border-bottom:dotted; border-width:1px; border-color:#ff00cc; line-height:100%; }
a:hover { color:#ff00cc ; text-decoration:none; font-weight:normal; border-bottom:dotted; border-width:1px; border-color:#7867cb; line-height:100%; }

#ast {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#ast a.bt1 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px; 
	 vertical-align: middle;
     background: url(img/m_ast.png) 0 0 no-repeat
     }
#ast a:hover.bt1 {
     background-position: -92px 0
    }
	
	#cou {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#cou a.bt1 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px; 
	 vertical-align: middle;
     background: url(img/m_cou.png) 0 0 no-repeat
     }
#cou a:hover.bt1 {
     background-position: -92px 0
    }
			
	#sta {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#sta a.bt1 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px; 
	 vertical-align: middle;
     background: url(img/m_sta.png) 0 0 no-repeat
     }
#sta a:hover.bt1 {
     background-position: -92px 0
    }
	
#etu {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#etu a.bt2 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px; 
	 vertical-align: middle;
     background: url(img/m_etu.png) 0 0 no-repeat
     }
#etu a:hover.bt2 {
     background-position: -92px 0
    }

#rel {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#rel a.bt3 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px; 
	 vertical-align: middle;
     background: url(img/m_rel.png) 0 0 no-repeat
     }
#rel a:hover.bt3 {
     background-position: -92px 0
    }
	
#cre {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#cre a.bt4 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px; 
	 vertical-align: middle;
     background: url(img/m_cre.png) 0 0 no-repeat
     }
#cre a:hover.bt4 {
     background-position: -92px 0
    }

#con {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#con a.bt5 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px; 
	 vertical-align: middle;
     background: url(img/m_con.png) 0 0 no-repeat
     }
#con a:hover.bt5 {
     background-position: -92px 0
    }
	

	
#pub {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#pub a.bt8 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px;
	 vertical-align: middle;
     background: url(img/m_pub.png) 0 0 no-repeat
     }
#pub a:hover.bt8 {
     background-position: -92px 0
    }
	
#ass {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#ass a.bt6 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px;
	 vertical-align: middle;
     background: url(img/m_ass.png) 0 0 no-repeat
     }
#ass a:hover.bt6 {
     background-position: -92px 0
    }
	
	
#lie {
width:92px;
height:33px;
margin-left:0px;
float:left;
}
#lie a.bt7 {
     display: block;
     border:0; 
     width: 92px; 
	 height: 33px; 
	 vertical-align: middle;
     background: url(img/m_lie.png) 0 0 no-repeat
     }
#lie a:hover.bt7 {
     background-position: -92px 0
    }
	
.spacer {
clear: both;
}