*{
font-size : 12pt;
font-family : Tahoma;
}
#header{
    text-align: center;
		height: 130px;
		font-family: Andy;
		font-size: 7em;
		font-weight: bold;
		color: #000066;
		background: #ffffcc ;
}
textarea_1{
    rows: 250;
		cols: 50;
		text-align: left;
}
.titre2{
    text-align: center;
		font-family: Andy;
		font-weight: bold;
		color: #000066;
		background: #F9EC73;
}
	
#h5{/* style des en-têtes <h5> */
    text-align: center;
		color: #000066 ;
		font-size: 2em;
}
h4{/* style des en-têtes <h4> */
    text-align: center;
		color: #000066 ;
		
}
h3{/* style des en-têtes <h3> */
    text-align: center;
		color: #000066 ;
}
h2 { /* style des en-têtes <h2> */
		color: #000066 ;
		background: #F4C887;
		text-align: center;
}

h1{/* style des en-têtes <h1> */
    text-align: center;
		color: #000066 ;
}
.important{
   color: #000066;
   font-size: 16px;
	 font-weight: bold;
	 text-align: center;
}
.important1{
   color: #000066;
   font-size: 16px;
	 font-weight: bold;
}
.important2{
   color: #000066;
   font-size: 16px;
	 font-weight: bold;
}

#important3{
   color: #000066;
   font-size: 22px;
	 font-weight: bold;
	 text-align: center;
}

blockquote{
   padding: 10px;
	 line-height: 10px;
	 margin: 10px;
	 
}
.blockquote1{
   width: 700px;
   padding: 15px;
   border: none;

	 margin-left: 30px;
}
table{/* style des tables */
    text-align: center;
    margin-left: 40px;
}
td{/* style des tables */
    text-align: center;
    margin-left: 40px;
		border: 1px solid black;
		
}
tr{/* style des tables */
    text-align: center;
    margin-left: 40px;
		border: 1px solid black;
}
th{/* style des tables */
    text-align: center;
    margin-left: 40px;
		border: 1px solid black;
}
.td{/* style des tables div class=td*/
    text-align: center;
    margin-right: 5px;
		border: 1px solid #ffffcc;
}
.tr{/* style des tables div class=tr*/
    text-align: center;
    margin-right: 5px;
		border: 1px solid #ffffcc;
}
.petit_em
{
   font-size: 0.7em;
	 color: #000066 ;
}
.grand_em
{
   font-size: 1.3em;
	 color: #000066 ;
}

body{
    
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    text-align: center;
		background: #ffffcc;
    background-attachment : fixed;
}

conteneur{
    width: 930px;
		height: auto;
    text-align: left;		
		
}
#conteneur2{
    width: 820px;
		height: 240px;
		background: url(images/logo.jpg) no-repeat center center ;
}
#conteneur3{
    width: 780px;
		height: 180px;
		background: url(images/colloque.jpg) no-repeat center center ;
}
menu{
    width: 200px;
    float: left;
    font-size: 2em;
    font-weight: bold;	  
}
#menu1{
    width: 200px;
		height: 31px;
    background: url(images/valid-xhtml10-blue.png) no-repeat center center ;
}
#menu2{
    width: 200px;
		height: 48px;
    background: url(images/woolly-icon.png) no-repeat center center ;
}
#menu3{
    width: 200px;
		
}
#menu4{
    text-align: center;	
}

li
{
    list-style-type: circle;
		text-align: left;
		color: #000066;
		
}

p span {
    color: #000066;
    font-weight: bold;	
		text-indent: 30px; /* On décale un peu les sous-titres */
		font-size: 1.1em;
}

a
{
	  line-height: 25px ;
	  color: #000066;
	  text-decoration: none ;
		font-weight: bold;
}   /* C'est sur les liens que le gros du travail est
    effectué, largeur, hauteur de ligne, taille de police, graisse de police,
    espacement des lettres, couleur, bordure et decoration du texte. 
    Nous pouvons dimensionner les a grâce à la propriété display: block ; */

a:hover
{
	  text-decoration: underline ;
		color: #000066;
}   /* Et pour finir on décale l'image de fond au passage
    de la souris pour laisser aparaître l'état survolé de l'image, 
    voir le tutoriel sur les roll over pour plus de détails */
 
a:visited  
{
    text-decoration: none ;
    color: #666666;
}
#p  
{
    text-align: center ;
}

#contenu{
    width: 780px;
		height: auto;
    float: right;
    text-align: left;
		margin-right: 20px;
		margin-left: 10px;
		line-height: 20px;
		margin-bottom: 15px;
		font-size: 17px;
		background: #ffffff;
		
}

#footer{
		width: 1000px;
		height: auto;
		text-align: center;
		float: left;

}
.table1{/* style des tables1 */
    text-align: center;
    margin-left: 40px;
}
.td1{/* style des tables1 */
    text-align: center;
    margin-left: 40px;
		border: none;
}
.tr1{/* style des tables1 */
    text-align: center;
    margin-left: 40px;
		border: none;
}
.li { 
 background-color: #F9EC73;
 padding: 5px 20px 5px 20px;
 display: inline;
 }
.ol { 
 text-align: center;
 background-color: #FBF19C;
 margin-left: 0;
 }
.h2 { 
 background-color: #F9EC73; 
 padding: 5px 20px 5px 20px;
 text-align: center;
 }
.h3 { 
 text-align: center;
 background-color: #FBF19C;
 margin-left: 80px;
 margin-right: 80px;
 }
.b { 
 font-size: 67%;
 }
.retour_titres { 
 background-color: #F9EC73;
 color: #666666;
 }
 .blink {
 text-align: center;
 background-color: #F9EC73;
 text-decoration: blink;
 font-size: 1.1em;
 }
 .span { 
 text-align: center;
 background-color: #FBF19C;
 }
 legend
{
  background-color: #F9EC73;
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #000066 ;
}
 textarea { 
   margin-left: 40px;
 	 width: 700px;
	 height: 60px;
	 text-align: center;
	 border: 1;
	 border-color: #40A486;
  }
.tab { 
  border: 1px solid pink; 
	background-color: #ffffff;
	font-size: 14px;
 }