/* FEUILLE DE STYLES  
*******************************************************************************/

/* TABLE DES MATIERES
 
0/ REMISE A ZERO DES STYLES
1/ ELEMENTS HTML
2/ BLOCS
3/ PROPRIETES DES BLOCS
4/ CLASSES UTILITAIRES
*******************************************************************************/

/* REMISE A ZERO DES STYLES
*******************************************************************************/
@import url(reset.css);

/* ELEMENTS HTML
*******************************************************************************/
html {
    font-size: 75.00%;
    font-family: arial, verdana, sans-serif;
    color: #666;
    text-align: justify;
    
}

body { 
    background: #fff;
}


a {
    color: #00549f;
}
a:hover {
    text-decoration: none;
}
a:visited {
    color: #84bff4;
}

ul, p, h1, h2, h3, h4 {
    margin: 0 0 0.7em 0;
    line-height: 1.2em;
}

h1 {
    font-size: 2em;
    color: #fff;
    font-weight: bold;
    text-align: left;
}
h2 {
    font-size: 1.15em;
    color: #fff;
    font-weight: bold;
    text-align: left;
}
h3 {
    font-size: 1.65em;
    color: #00549f;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #00549f;
    padding-bottom: 5px;
}
h4 {
    font-size: 1.35em;
    color: #00549f;
    font-weight: bold;
    text-align: left;
    background: url(../img/fleche-bleue.png) no-repeat 0% 0.2em;
    padding: 0 0 5px 20px;
    margin: 1.0em 0 0em 0;    
}

li {
    list-style-type: disc;
    margin: 0 0 0 1.4em;
}

strong {
    color: #00549f;
}

pre {
    font-size: 1.3em;
}
img {
    border: 0px solid #fff;
        
}
/* FORMULAIRES
*******************************************************************************/
form {
    text-align: left;
    font-size: 1.0em;
}
form input,
form select {
    font-size: 1.0em;
    color: #666;
}
form input[type=text],
form select {
    width: 300px;
    border: 1px solid #00549f;
}

form textarea {
    font-family: arial, verdana, sans-serif;
    font-size: 1.0em;   
}
form label span {
    float: left;
    display: block;
    width: 120px;
    text-align: left;
}
form input[type=submit] {
    /*text-indent: -5000px;*/
    cursor: pointer;
    border: 0;       
    background: transparent url(../img/bouton-envoyer-out.jpg) no-repeat center center;
    width: 121px;
    height: 30px;
    color: #fff;
    font-weight: bold;
}
form input[type=submit]:hover {
    background: transparent url(../img/bouton-envoyer-over.jpg) no-repeat center center;
}
form input[type=submit]:active {
    padding: 0;
}


/* BLOCS
*******************************************************************************/
#conteneur {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    position: relative;    
}

#conteneur-interieur {
    background: #fff url(../img/contenu-fond.jpg) no-repeat center 100%;
    margin: 20px 0 0px 0;
    padding: 0 0 20px 0;
}

#logos {
    margin: 0 auto;
    padding: 10px 95px 10px 100px;
    width: 805px; /* largeur réelle : 1000px */
    position: relative;      
}


#entete {
    background: url(../img/bandeau-fond.jpg) repeat-x;
    border-bottom: 5px solid #ccc;

    margin: 0 auto;
    padding: 0;
    position: relative;
} 

#accroche {
    background: url(../img/bandeau-visuel.jpg) no-repeat 562px 0;
    padding: 20px 480px 20px 100px; 
    color: #fff;
    height: 163px; /* hauteur réelle : 204px */
    width: 420px; /* largeur réelle : 1000px */
    margin: 0 auto;
}

#contenu {
    margin: 0px 95px 0px 100px;    
}

#col-gauche {
    float: left;
    width: 525px; /* largeur réelle : 525px */  
    margin: 0;    
}

#col-droite {
    width: 247px;
	float: right;
    overflow: auto; /* Contexte de formatage */    
	_height: 1%; /* Contexte de formatage IE6 */
}

#pied-fond {
    background: #00549f;    
}

#pied {
    background: #00549f;
    padding: 10px 95px 10px 100px;
    color: #fff;
    clear: both;    
    margin: 0 auto;
    width: 805px; /* largeur réelle : 1000px; */
    position: relative;    
}

/* PROPRIETES DES BLOCS
*******************************************************************************/
/* accroche */
#accroche a {
    color: #fff;
}

/* .bloc */

.bloc {
    padding: 15px;
    margin: 0 0 20px 0;
}

.bloc h1 {
    font-size: 1.25em !important;
}

.inscription {
    color: #fff;
    width: 212px; /* largeur réelle : 247px */
    height: 151px; /* hauteur réelle : 181px */     
    padding-right: 20px;
    
    margin-right: 32px;
    float: left;
}
.inscription a {
    color: #fff;
}

#col-droite .inscription {
    float: none;
    margin-right: 0;
    height: 34px; /* hauteur réelle : 134px */
}

.inscription h1 {
    background: url(../img/fleche-blanche.png) no-repeat 0% 0.2em;
    padding: 0 0 5px 20px;
    border-bottom: 1px solid #fff;
}

.orange { background: url(../img/bloc-fond-orange.jpg) no-repeat; }
.vert { background: url(../img/bloc-fond-vert.jpg) no-repeat; }
.rouge { background: url(../img/bloc-fond-rouge.jpg) no-repeat; margin-right: 0px;}

.orange-petit { background: url(../img/bloc-fond-orange-petit.jpg) no-repeat; }
.vert-petit { background: url(../img/bloc-fond-vert-petit.jpg) no-repeat; }
.rouge-petit { background: url(../img/bloc-fond-rouge-petit.jpg) no-repeat; }


.a-propos {
    background: #e6e6e6;
    color: #666;
}
.a-propos h1 {
    color: #666;
}

.generique {
    background: #e6e6e6;
    color: #666;
}
.generique h1 {
    color: #00549f;
    background: url(../img/fleche-bleue.png) no-repeat 0% 0.2em;
    padding: 0 0 5px 20px;
    border-bottom: 1px solid #00549f;
}


/* pied */
#pied p {
    margin: 0;
}
#pied a {
    color: #fff;
}

/* CLASSES UTILITAIRES
*******************************************************************************/
.meta {font-size: 0.9em}
.succes {color: green; font-weight: bold;}
.erreur { color: red; }
.clear {clear: both;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.floatleft { float: left; margin: 0 20px 10px 0;}
p.avant-liste {}
p.titre {}
p.mention {}
p.plus { text-align: right; }
.invisible {
    display: none;
}
.bloc h1 {
    font-size: 1.35em;
}

p.haut {
    float: right;
    background: url(../img/fleche-pied.png) no-repeat top right;
    padding-right: 15px;
}

p.bouton {
    background: transparent url(../img/bloc-bouton.png) no-repeat center center;
    width: 106px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
    float: right;
}
p.bouton-petit {
    background: transparent url(../img/bloc-bouton-petit.png) no-repeat center center;
    width: 86px;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    text-align: center;
    float: right;   
}
p.bouton a,
p.bouton-petit a {
    color: #00549f;
    text-decoration: none;
}
p.bouton a:hover,
p.bouton-petit a:hover {
    text-decoration: underline;
}