/* Titres
----------------------------------------------------*/
#centre h2 {
margin: 40px 210px 10px 0;            /*210px http://forum.alsacreations.com/topic-4-10239-1-rsoluPositionnement-flottant.html*/
padding: 1px 0px 3px 30px;
font-family: Georgia, serif;
font-size: 1.2em;
color: red;
border-bottom: 1px solid #f8cc00;
font-weight: bold;
background: #fff url(../design/mini_cible.gif) no-repeat;
background-position:0 0.1em;
height: auto;
min-height: 22px;
}

* html #centre h2 {
height: 22px; /* hack uniquement interprété par IE Win+Mac */
}

h3 {
margin: 40px 20px 10px 5px;
padding: 1px 0px 3px 55px;
font-family: Georgia, serif;
font-size: 1.2em;
color: #e4bd08;
font-weight: bold;

background: #fff url(../design/mini_couteau.gif) no-repeat;
background-position:0 0.1em;
height: auto;
min-height: 22px;
}

* html #centre h3 {
height: 22px; /* hack uniquement interprété par IE Win+Mac  */
}



h4 {
font-size: 1em;
font-weight: bold;
}

/* Lien
-------------------------------------------------------*/
#centre a {
color:black;
text-decoration: underline;
}

#centre a:hover {
text-decoration: none;
}


#centre .lien_titre{
font-family: Georgia, serif;
color: #e4bd08;
font-weight: bold;
text-decoration: none;
}

#centre h3  a:hover{
color: #c2a314;
}

/*Mise en forme du texte
--------------------------------------------------*/
#centre p {
/*text-align: justify;*/
margin: 0 0 10px 0;
}

.note{
padding: 10px;
margin: 0 210px 0 20px;
border-left:2px solid #f8cc00;
}

.attention{
padding: 10px 10px 10px 40px;
margin: 2em 210px  2em 2em;
border:1px solid #e88088;
background: #ffffe7 url(../design/exclamation.png) no-repeat;
background-position:0.6em 0.8em;
height: auto;
min-height: 22px;
}
* html .attention{
height: 22px;
}

.rouge{
color:red;
}

.spacer{
clear: both;
}
hr.spacer {
visibility: hidden;
}

.source {

}

/* Mise en forme des tableaux
---------------------------------------- */
#centre caption{
margin:1em 0;
color:#369;
background-color:#f8cc00;
font-weight:700;
}

#centre thead{
background-color:#f8cc00;
color:red;
font-weight: bold;
text-align:center;
}

#centre table{
width:75%;
margin-top:1em;
border: 1px;
overflow: scroll;
background-color: #f7fcff;
}

#centre table, #centre td{
border-collapse:collapse;
border:1px solid black;
padding:0.2em;
}


/* Positionnement
-------------------------------------------------------*/

#centre ul {
padding:0.8em 1em 1em 2em;
margin:0;
list-style-type: square;
}
#centre ol {
padding:0.8em 1em 1em 2em;
margin:0;
}
#centre li {
}

.centrer, p .centrer {
text-align: center;
}
.droite, p .droite {
text-align: right;
}
.droitflottant{
float:right ;
margin: 2em;
}

.gaucheflottant{
float: left;
margin: 2em;
}

/*formulaire
----------------------------------------------------------*/
form {
margin: 2em 0 2em 0;
}

label {
float: left;
width: 25%;
text-align: right;
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;
}

#identification label {
width: 40%;
}

form p{
padding: .5em 0;
margin: 0 0 .5em 0;
}

legend   {
}

/*input {
border:1px solid black;
background-color:#ffffff;
font-family:"trebuchet ms",sans-serif;
color:white;
}
select, option {
background-color:#ffffff;
color:white;
}
textarea {
border:1px solid black;
background-color:#ffffff;
font-family:"trebuchet ms",sans-serif;
color:white;
}

/*label {
font-family:"trebuchet ms",sans-serif;
font-weight:bold;
}  
fieldset {

}
*/

/*mise en forme des pages spéciales
-----------------------------------------------*/
.galerie {
float: left;
text-align: center;
height:190px;
width:160px;
}
.galerie img{
margin:5px;
}

.test{
border:1px solid black;
}

#identification, #contact{
margin-right: 210px;
}


/*icone
------------------------------------------------------------*/
.edit{
padding: 0 0px 0 20px;
background: #fff url(design/page_edit.png) no-repeat;
background-position:0 0.1em;
}

.suprimer{
padding: 0 0px 0 20px;
background: #fff url(design/delete.png) no-repeat;
background-position:0 0.1em;
}

.creer{
padding: 0 0px 0 20px;
background: #fff url(design/page_add.png) no-repeat;
background-position:0 0.1em;
}


.imprimer{
padding: 0 0px 0 20px;
background: #fff url(design/printer.png) no-repeat;
background-position:0 0.1em;
}

.zoom{
padding: 0 0px 0 20px;
background: #fff url(design/magnifier.png) no-repeat;
background-position:0 0.1em;
}

.dossier{
padding: 0 0px 0 20px;
background: #fff url(design/folder.png) no-repeat;
background-position:0 0.1em;
}