/***** Style général *****/
body{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color : #000033;
    background-color : #1692c8;
}

img {
    border : none;
}

#site{
    width: 100%;
}

#centre{
    width: 732px;
    min-height: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: left;
    color: black;
    background-image: url(images/image_fond.gif);
    background-repeat : no-repeat;
    background-position : top center;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 20px;
}

/***** Style du bandeau (flash) *****/
#header{
    width: 100%;
    height: 345px;
    background-image: url(images/bg.gif);
    background-repeat: repeat-x;
}

#flash{
    width: 734px;
    height: 341px;
    margin-left: auto;
    margin-right: auto;
}

/***** Style du contenu (commun) *****/
p {
    margin-left:0;
    margin-right:0;
    margin-top:5px;
    margin-bottom:8px;
    padding:0;
}

h1{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 2px;
}

h2{
    font-size: 13px;
    font-weight: bold;
    margin-bottom : 10px;
}

h3{
    font-size: 12px;
    font-weight: bold;
}

h4{
    font-size: 12px;
    font-weight: bold;
}

h5{
    font-size: 10px;
    font-weight: bold;
}

h6{
    font-size: 10px;
    font-weight: bold;
}

strong{
    font-weight : bold;
}

a:hover {
    text-decoration: none;
}

hr {
    height: 1px;
    margin-top: 11px;
    margin-bottom: 11px;
    border: none;
    background-image: url(images/hr.png);
    background-repeat: repeat-x;
}

table {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #000000;
    border-collapse: collapse;
}

td {
    vertical-align: top;
    padding-bottom: 10px;
}

ul {
    padding-left: 16px;
    padding-right: 18px;
    list-style-type: none;
}

ul li {
    padding-left: 14px;
    background-image: url(images/1_z1.gif);
    background-position: center left;
    background-repeat: no-repeat;
}

/***** Style de la page "Accueil" *****/
.accueil-left{
    width: 450px;
    float: left;
    padding-right : 10px;
}

.accueil-left h1 {
    background-image : url(images/souligne_titre_bleu.gif);
    background-repeat : no-repeat;
    background-position : 180px bottom;
    padding-bottom : 10px;
}

.accueil-right {
    width: 260px;
    float: right;
}

.encart-droit-haut {
    width: 258px;
    height: 12px;
    background-image: url(images/li1.gif);
}

.encart-droit-bas {
    width: 258px;
    height: 12px;
    background-image: url(images/li2.gif);
}

.encart-droit-contenu {
    padding: 0px 20px;
    color: white;
    background-color: #183252;
    width : 216px;
    border : 1px solid #183252;
    /*@warn : pb curieux - sauf sous IE - si on supprime ce border (remettre width à 218px en ce cas...)*/
}

.encart-droit-contenu h1 {
    color : white;
    font-size : 10pt;
}

.encart-droit-contenu h2 {
    color : white;
    font-weight : normal;
    text-decoration : underline;
}

.encart-droit-contenu ul {
    padding-left: 16px;
    padding-right: 18px;
    list-style-type: none;
}

.encart-droit-contenu ul li {
    padding-left: 14px;
    background-image: url(images/1_z99.gif);
    background-position: center left;
    background-repeat: no-repeat;
}

.contenu_colGauche {
    padding : 0px;
    float : left;
    width : 220px;
    margin-right : 5px;
    min-height : 35px;
}

.contenu_colGauche h1 {
    margin-bottom : 10px;
    margin-top : 20px;
    height : 30px;
    background-image: url(images/1_w2.gif);
    background-repeat: no-repeat;
    background-position : left top;
    padding-top : 5px;
    padding-left : 15px;
}

.contenu_colGauche h2 {
    margin-top : 10px;
    text-decoration : underline;
    margin-bottom : 0px;
}

.contenu_colDroite {
    padding : 0px;
    float : right;
    width : 220px;
    min-height : 35px;
    margin-right : 2px;
}

.contenu_colDroite h1 {
    color : white;
    margin-bottom : 10px;
    margin-top : 20px;
    height : 30px;
    background-image: url(images/1_w3.gif);
    background-repeat: no-repeat;
    background-position : left top;
    padding-top : 5px;
    padding-left : 15px;
}

.contenu_colDroite h2 {
    margin-top : 10px;
    text-decoration : underline;
    margin-bottom : 0px;
}

.m2_col_gauche {
    float : left;
    width: 468px;
    text-align : justify;
}

.m2_col_gauche h1 {
    font-size: 14px;
    color : white;
    height : 30px;
    background-image: url(images/m2_titre_1_bleu.gif);
    background-repeat: no-repeat;
    padding-top : 5px;
    padding-left : 15px;
}

.m2_col_gauche.ligne_2 h1 {
    color : #373B46;
    background-image: url(images/m2_titre_1bis_jaune.gif);
    margin-top : 20px
}

.m2_col_gauche p {
    padding-left : 10px;
    padding-right : 20px;
}

.m2_col_droite {
    float : right;
    width : 260px;
    text-align : justify;
}

.m2_col_droite h1 {
    margin-bottom : 15px;
    height : 30px;
    background-image: url(images/m2_titre_1_jaune.gif);
    background-repeat: no-repeat;
    padding-top : 5px;
    padding-left : 15px;
    margin-bottom : 15px;
}

.m2_col_droite.ligne_2 h1 {
    color : white;
    background-image: url(images/m2_titre_1bis_bleu.gif);
    margin-top : 20px
}

.m2_col_droite h2 {
    padding-left : 10px;
    padding-right : 20px;
}

.m2_col_droite p {
    padding-left : 10px;
    padding-right : 20px;
}

.m2_col_droite .agrement p {
    padding : 0px;
    text-align : left;
    margin-top : 20px;
    margin-bottom : 20px;
}

.mp_photo {
    float : left;
    margin-left : 10px;
    width: 444px;
    height: 280px;
    border : 2px solid #ffec02;
}

.mp_vignettes {
    float : right;
    margin-left : 0px;
    margin-right : 10px;
    width : 245px;
}

.mp_vignette_gauche {
    float : left;
    width : 111px;
    height: 70px;
    border: 2px solid #ffec02;
}

.mp_vignette_droite {
    float : right;
    width : 111px;
    height: 70px;
    border: 2px solid #ffec02;
}

.mp_sepV {
    height : 25px;
}

.mp_legende {
}

.mp_sep {
    background-image: url(images/pointille_navy.gif);
    background-repeat: repeat-x;
}

.mp_precedent {
    float : left;
}

.mp_suivant {
    float : right;
}

.mp_titre_photos h1 {
    color : white;
    height : 30px;
    background-image: url(images/barre_titreBleu_732.gif);
    background-repeat: no-repeat;
    padding-top : 5px;
    padding-left : 15px;
    margin-bottom : 15px;
}

#piedpage{
    width: 100%;
    height: 73px;
    background-image: url(images/bg1.gif);
    background-repeat: repeat-x;
    color : white;
    margin:0;
    padding:0;
    margin-top : 5px;
}

.menu{
    width: 732px;
    margin:0;
    padding:0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 17px;
    line-height: 16px;
    text-align: center;
}

.menu p{
    text-align: center;
}

.menu a{
    font-size: 11px;
    text-decoration: none;
    color : white;
}

.menu a:link{
    font-size: 11px;
    text-decoration: none;
}

.menu a:active{
    font-size: 11px;
    text-decoration: none;
}

.menu a:visited{
    font-size: 11px;
    text-decoration: none;
}

.menu a:hover{
    font-size: 11px;
    text-decoration: underline;
    color: #373B46;
}

#footer{
    color : white;
    text-align : center;
}

#footer a{
    font-size: 11px;
    text-decoration: none;
    color : white;
}

#footer a:link{
    font-size: 11px;
    text-decoration: none;
}

#footer a:active{
    font-size: 11px;
    text-decoration: none;
}

#footer a:visited{
    font-size: 11px;
    text-decoration: none;
}

#footer a:hover{
    font-size: 11px;
    text-decoration: underline;
    color: #373B46;
}

.message {
    font-weight : bold;
    color : blue;
}

.errMessage {
    font-weight : bold;
    color : red;
}

.ctcForm input{
    margin-bottom : 10px;
}

.ctcForm button {
    border : none;
    background-color : transparent;
    cursor : pointer;
    font-weight : bold;
    background-image : url(images/1_z1.gif);
    background-repeat : no-repeat;
    background-position : center left;
    padding-left : 10px;
    margin-right : 20px;
}

.mentions_legales {
    margin : 0px 20px;
}

h1.mentions_legales {
    color : white;
    height : 30px;
    background-image: url(images/barre_titreBleu_732.gif);
    background-repeat: no-repeat;
    padding-top : 5px;
    padding-left : 15px;
    margin : 0px;
}


.catalogue p {
    line-height : 6px;
    margin-top : 10px;
}

.clear {
    clear: both;
}

a {
    color : white;
}