*{
margin:0px;
padding: 0px;
}
body{
background-image:url(images/fond.jpg);
background-repeat:repeat-x;
font-family: Arial;
font-size: 12px;
margin:auto;
}
a{
color: #E36928;
text-decoration:none;
}
a:hover{
color: #6666CC;
}
#conteneur{
width: 800px;
background-color: #000000;
margin: auto;
}
#haut{
width: 790px;
height: 195px;
text-align:center;
background-color: #FFFFFF;
padding-top: 5px;
padding-right:5px;
padding-left:5px;
background: url(images/entete.jpg) no-repeat center;
background-color: white;
}
#recherche{
width: 150px;
float:left;
}
#recherche input{
height: 15px;
width: 140px;
}
#logo{
width: 160px;
padding-left:10px;
padding-right:465px;
float:left;
}
#titre{
width: 480px;
padding-top: 15px;
float: left;
}
#recherche{
width: 150px;
float:left;
}
#recherche input{
height: 15px;
width: 140px;
}
#menu{
width: 190px;
height: 305px;
padding-left: 5px;
float:left;
}
#menu a{
display: block;
margin-top: 10px;
}
#banner{
width: 600px;
height: 270px;
float:left;
padding-bottom: 5px;
padding-top: 5px;
}
#texte_defilant{
float: left;
width: 600px;
height: 22px;
padding-top: 3px;
color: #E36928;
font-size:16px;
}
#accueil1{
width: 280px;
height: 250px;
padding: 5px;
float:left;
background-image:url(images/fond_gauche.jpg);
background-repeat:no-repeat;
border-right: 5px solid #000000;
}
#accueil2{
width: 280px;
height: 250px;
padding: 5px;
float:left;
background-image:url(images/fond_milieu.jpg);
background-repeat:no-repeat;
border-right: 5px solid #000000;
}
#accueil3{
width: 195px;
height: 250px;
padding: 5px;
float:left;
background-image:url(images/fond_droite_motif.jpg);
background-repeat:no-repeat;
}
#ariane{
clear: left;
width: 780px;
height: 20px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
background-color: #E36928;
}
#ariane a{
color: white;
}
#ariane a:hover{
color: black;
}
#contenu{
clear: left;
width: 800px;
overflow: auto;
background: url(images/fond_gauche.jpg) left repeat-y;
background-color: #FFFFFF;
}
#list{
float: left;
width: 180px;
padding: 10px;
font-size: 14px;
}
#list a:hover{
color: white;
}
#article{
float: left;
width: 580px;
padding: 10px;
background-color: #FFFFFF;
}
#pied{
height:20px;
padding-top: 4px;
text-align:center;
clear:left;
color:#fff;
}

.nomecole{
font-size: 23px;
font-weight: bold;
color: #434180;
}
.nomecole2{
font-size: 20px;
color: #434180;
}
.titre{
font-size: 15px;
font-weight: bold;
color: #434180;
}
h3{
margin-top: 15px;
}
