/*
* Feuille de style pour le moteur de recherche
* Création le 30 juin 2008
* Auteur : CEA
* Date de dernière modification le 7 juillet 2008
*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header {
height: 100px;
background-color: #ccff99;
border:#CCC 2px solid;
margin-bottom:20px;
}

#header h1{
color:#006633;
}

/*
* Caractéristiques de la balise "img "dans la partie en tête de la page web
* Cette balise permet de définir les caractéristiques d'une image.
* Présentement, l'image 
*   - se situera à droite de la page
*   -  mesurera 100*70
*
*/
#header img{
float: right;
height:81px;
width:250px;
}

#conteneur {
position: absolute;
width: 100%;
background-color:#ddffcc; 
}
#centre {
/* background-color:#9999CC; */
margin-left: 250px;
}

/*
* Caractéristiques de la balise  permettant de position le bouton de validation de la zone de recherche sous les cases 
* à cochier.
* Les caractéristiques sont les suivantes :
* -
*/
.bouton{
margin-left:45%;
margin-top:45%;
}

/*
* Caractéristique de la balise "categorie" dans la partie centre de la page web
* Cette balise permet de définir les caractéristiques des différentes catégories
* Présentement cette balise comportera les caractéristiques ci-dessous
*  - une bordure 
*  -
*/
.categorie{
border: 2px solid #000;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
margin-top:20px;
padding:5px;
left:50%;
width:200px;
text-align:center;
font: bold 18px Verdana,Arial,Helvetica,sans-serif;
}

/*
* Caractéristique de la balise "a" dans la partie categorie de la page web
* Cette balise permet de définir les caractéristiques des liens hypertextes
* Présentement le lien hypertexte comportera les caractéristiques ci-dessous
*  - Il possédera une bordure 
*  - Il ne sera pas souligner
*  - Il aura une police de 20px
*  -
*/
.categorie a{
text-decoration:none; 
font: bold 18px Verdana,Arial,Helvetica,sans-serif;
}

/*
* Balise input pour définir les caractéristiques d'un bouton
* Caractéristiques :
* - une marge à gauche de 1em
*- Alignement du texte du bouton au centre
*/

.sous_rubrique input{
margin-left:1em;
vertical-align:middle;
}

.sous_rubrique{
border: 2px solid #000;
margin-top:20px;
padding:5px; 	
text-align:center;
font: bold 14px Verdana,Arial,Helvetica,sans-serif;
}

.rubrique{
margin-top:1px;
padding:5px; 	
width:22%;
text-align:left;
font: bold 14px Verdana,Arial,Helvetica,sans-serif;
float:left;
}

#gauche {
position: absolute;
left:0;
width:250px;
}
#pied {
height: 30px;
background-color: #99CC99;
}

h1{
color:#006633;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
background: transparent url(../images/puce.gif) center left no-repeat;
}

.menugauche a {
margin: 0 5px;
color:#006600;
font-family: verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
}
.menugauche a:hover {
text-decoration: none;
}

/*
* Balise p qui définit les caractéristiques d'un paragraphe
* Caractéristiques :
* - marge en bas de 10px
* - color:#006600;couleur vert
*/
p 
{
margin: 0 0 10px 0;
color:#006600;
}

/* 
* Balise strong qui redéfinit les caractéristiques d'un paragraphe en gras
* Caractéristiques :
* - couleur vert
*/
strong{
color:#006600;
}

/*
* Balise h4 qui redéfinit les caractéristiques d'un titre 
* Caractéristiques :
* - Couleur vert
*/
h4{
color:#224411;
}

input[type=submit], input[type=reset] {
border:2px outset #A6BEDE;
font-weight:bold;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
border:2px outset white;
background-color:white;
}
input[type=submit]:active, input[type=reset]:active {
border:2px inset #A6BEDE;
background-color:#A6BEDE;
color:black;
} 
input[type=text]{
border:2px inset #A6BEDE;
color:black;
margin:0px 0px 0px 2%;
padding:0;
} 

label{
display: block;
width: 20%;
float: left;
padding-right: 1%;
text-align: left;
letter-spacing: 1px;
}

.inscription  fieldset legend 
{
padding: 0px 20px;
border-left: #CCC 1px solid;
border-right: #CCC 1px solid;
font-size: 1.2em;
color: #999;
margin:15px;
}
.inscription textarea
{
border:2px inset #A6BEDE;
color:black;
margin:0px 0px 0px 2%;
padding:0;
}

.inscription input[type="submit"]
{
border: #DDEEFF 1px solid;
width: 27%;
}

.inscription input[type="submit"]:hover
{
background-color: #66CC33;
cursor: pointer;
}

.inscription input[type="reset"]
{
border: #DDEEFF 1px solid;
width: 27%;
}

.inscription input[type="reset"]:hover
{
background-color: #E6484D;
cursor: pointer;
}

/*
* Balise a pour les liens hypertextes 
* Redéfinition de la balise qui comportera les caractéristiques suivantes
* - couleur vert
* - taille de police 14px
*/
a{
color:#006600;
font-size:14px;
}

/*
* Redéfintion de la balise li pour les listes
* Caractéristiques :
* - puce personnalisée
*/
 li{
padding-left: 18px;
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #006600;
background: transparent url(../images/fleche.gif) center left no-repeat;
list-style: none;
}