/* Général */
body    { font: 12px/14px arial; margin:0px; padding:0px;}
img     { border: 0; }
h1      { font-size: 19px; margin-top: 3px; }
hr      { margin: 20px 9px 15px; border-top: solid 1px #9ca4a4; border-bottom: none; height: 1px; }
p       { margin: 4px 0 8px; } 
.right  { float: right; margin-bottom: 14px; }
.left   { float: left; margin-bottom: 5px;}
.both   { clear: both; }
.hidden { display: none;}
.top_page {  color: #03437d; float: right; display: block; width: 100%; text-align: right; margin-top: 5px; margin-right: 2px}
.top_page:hover{ text-decoration: none; color:#23639d }
a       { color: #052838; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Conteneur global */
div#conteneur   {  margin: 0 auto; position: relative; color: #052838; }

/* En-tête des pages */
div#en_tete                                             { height: 106px; background: url(../images/background/en_tete.png); }
div#en_tete #en_tete_conteneur, #contenu, div#menu ul   { width: 985px; margin: 0 auto; }
div#en_tete #en_tete_conteneur #logo                    { float: left; text-align: left; padding-top: 16px; }
div#en_tete #en_tete_conteneur #en_tete_right           { float: right; padding-top: 20px; }


/* Recherche */
div#en_tete #en_tete_conteneur #en_tete_right #recherche             { text-align: right; margin-bottom: 20px; }


/* Navigation (accueil, nous contacter, faq, etc) */
div#en_tete #en_tete_conteneur #en_tete_right ul#navigation          { list-style: none; }
div#en_tete #en_tete_conteneur #en_tete_right ul#navigation li       { float: left; }
div#en_tete #en_tete_conteneur #en_tete_right ul#navigation li .pipe { color: #201d18; margin: 0 16px; font-size: 9px; font-weight: bold; position: relative; bottom: 8px; }

div#separation_bleue   { background: url(../images/separateur_bleu.png) repeat-x; height: 8px; }
div#separation_bleue_bas    { background: url(../images/separation_bleue_bas.png) repeat-x; height: 9px; clear: both; }

/* bloc-press*/
.bloc-press {
    height: 161px;
}

/* Bandeau */
#bandeau { overflow:hidden; height: 235px; background: url(../images/bandeau_small.jpg) repeat-x scroll center top;}
#slider { width: 985px; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top: 0px; padding-top: 10px; position: relative;}

/* Bandeau sliders */
#bandeau #slider-1 { position: absolute; left: 0; top: 0;}
#bandeau #slider-2 { position: absolute; left: 0; top: 0; display: none; }
#bandeau #slider-3 { position: absolute; left: 0; top: 0; display: none; }
#bandeau #slider-4 { position: absolute; left: 0; top: 0; display: none; }

/* Bandeau image */
.slider-image { width: 660px; height: 300px; background:url('../images/actus.png') no-repeat; float: right; position: relative;  margin-top: 19px; }

#slider-1 .slider-image { background:url('../images/qsn.png') no-repeat;}
#slider-2 .slider-image { background:url('../images/offres.png') no-repeat;}
#slider-3 .slider-image { background:url('../images/partenaires.png') no-repeat;}
#slider-4 .slider-image { background:url('../images/ref.png') no-repeat;}

/* Bandeau header */
.slider-header { padding-top: 18px; padding-left: 18px; }
#bandeau #slider-4 .slider-header h1 { font-size: 22px; }
/* Bandeau p */
.slider-p       { position: relative; background:url('../images/cadre_info.png') no-repeat; height: 298px; margin-top: 7px; }
.slider-p p     { padding-left: 20px;  margin-right: 680px}

.bouton-slider  { background: url(../images/boutons/bouton.png) no-repeat; margin:5px; width:131px; height: 21px; float:left;position:relative; text-align: center; }
.bouton-slider  a { color: #fff; line-height: 21px; padding-left: 5px; text-decoration: none; cursor: pointer; }
.bouton-pane    { padding-left: 15px; padding-right: 20px;  margin-right: 660px;}

/* Menu */
div#menu            { background: url(../images/background/menu.png) repeat-x; height: 41px; margin: 0; }
div#menu ul         { background: url(../images/separateur_menu.jpg) no-repeat right; list-style: none; padding: 0; height: 41px; cursor:pointer; }
div#menu ul li      { position: relative; float: left; height: 41px; z-index: 1;}

div#menu ul li.rubrique_1   { width: 218px; }
div#menu ul li.rubrique_2   { width: 220px; }
div#menu ul li.rubrique_3   { width: 260px; }
div#menu ul li.rubrique_4   { width: 281px; }

div#menu ul li.rubrique_1_on    { width: 218px; background: url(../images/qsn_on.png) no-repeat left; }
div#menu ul li.rubrique_2_on    { width: 220px; background: url(../images/nos_offres_on.png) no-repeat left; }
div#menu ul li.rubrique_3_on    { width: 260px; background: url(../images/nos_part_on.png) no-repeat left; }
div#menu ul li.rubrique_4_on    { width: 281px; background: url(../images/ref_tem_on.png) no-repeat left; }

div#menu ul.interne li.rubrique_1   { width: 200px; }
div#menu ul.interne li.rubrique_2   { width: 160px; }
div#menu ul.interne li.rubrique_3   { width: 200px; }
div#menu ul.interne li.rubrique_4   { width: 255px; }
div#menu ul.interne li.rubrique_5   { width: 164px; }

div#menu ul.interne li.rubrique_1_on    { width: 200px; background: url(../images/menu_hover_200.png) no-repeat left; }
div#menu ul.interne li.rubrique_2_on    { width: 160px; background: url(../images/menu_hover_160.png) no-repeat left; }
div#menu ul.interne li.rubrique_3_on    { width: 200px; background: url(../images/menu_hover_200.png) no-repeat left; }
div#menu ul.interne li.rubrique_4_on    { width: 255px; background: url(../images/menu_hover_255.png) no-repeat left; }
div#menu ul.interne li.rubrique_5_on    { width: 164px; background: url(../images/menu_hover_164.png) no-repeat left; }

div#menu ul li span                     { background: url(../images/separateur_menu2.JPG) no-repeat left; padding-left: 10px; text-align: left; display: block; margin: 0; font-weight: bold; height:41px; line-height: 41px;}
div#menu ul li img                      { float: left; }
div#menu ul li a, div#menu ul li span   { color: white; text-decoration: none; letter-spacing: 1px; display: block; }

/* second niveau */
div#menu ul li ul       { padding: 0 0 15px 10px; width: 91%; height: auto; position: absolute; background: url(../images/background/sous_rub_back.png) repeat-x; z-index: 5; margin-left: 4px; }
div#menu ul li ul li    { float: none; margin-top: 14px; font-weight: bold; height: auto; }
div#menu ul li ul li a  { height: auto; }
div#menu ul li ul li a:hover    { text-decoration: underline; }
div#menu ul li ul       { display: none; }


/* Application des backgrounds du contenu (haut & bas) */
div#background_contenu_bas { height: auto; background: url(../images/background/contenu_bas.png) repeat-x bottom; min-height: 153px; padding-bottom: 35px; }
div#background_contenu_haut{ height: auto; background: url(../images/background/contenu_haut.png) repeat-x; min-height: 153px; }


/* Fil d'ariane */ 
div#ariane          { color: #03437D; margin-bottom: 15px; }
div#ariane a        { font-weight: bold; color: #03437D; text-decoration: underline; }
div#ariane a:hover  { text-decoration: none; }


/* Contenu */
div#contenu         { position: relative; padding-top: 27px; }
div.interieur       { padding-top: 9px !important; }
div#contenu #centre { float: left; width: 709px; }
div#contenu #right  { float: right; width: 276px; }

div.bloc    { position: relative; background: #fff url(../images/background/bloc.png) repeat-x center bottom; }
div.bloc h2 { background: url(../images/background/cadre_titre.png) repeat-x bottom; min-height: 14px; height: auto; color: #03437d; padding: 7px 5px; margin: 0 0 13px 0; font-size: 1.3em; }


div.bloc .image_rubrique{ padding-right: 10px; margin-top: -12px;}
div.bloc .contour       { padding: 0 12px; padding-bottom: 10px; overflow: hidden; }
div.bloc .contour h3    { color: #052838; margin: 0 0 13px 0; font-weight: bold; font-size: 1.1em; }
div.bloc .contour p     { color: #052838; }

div.bloc .contour .recherche a  { font-weight: bold; }
div.bloc .contour p.recherche   { margin-bottom: 15px; }


div.bloc span.left, div.bloc img.left   { margin-right: 11px; }
div.bloc span.right, div.bloc img.right { margin-left: 11px; }

div.bloc p.chapeau { font-weight: bold; margin-bottom: 10px; }
div.bloc p { margin-bottom: 10px; }

.bouton         { display: block; text-align: right; margin: 10px 0; }
.sommaire .bouton   { display: inline; }

.big    { width: 100%; float: right}
.medium { width: 436px; }
.small  { width: 261px; margin: 0px;}

.telecharger_newsletter { float: left; width: 240px; margin-left: 105px; }
.plateforme             { margin-left: 8px; }

div.article { height: auto; }

/* Pagination & lien article suivant */
p#pagination a, span#precedent a, span#suivant a        { color: #03437d; font-weight: bold; padding: 0 2px; }
div.article span#precedent, div.article span#suivant    { padding: 25px 0 10px 0; display: block; }
span#precedent     { float: left; }
span#suivant       { float: right; }


/* Pied de page */
div#pied            { text-align: center; background: #CCDBDB url(../images/background/pied.png) repeat-x; height: auto !important; height: 57px; min-height: 57px; padding-top: 11px; }
div#pied span       { display: block; font: bold 12px/14px arial; color: #1f1c17; }
div#pied a          { color: #1f1c17; text-decoration: none; }
div#pied a:hover    { text-decoration: underline; }


/* Formulaire */
form                { margin-bottom: 15px; }
form#form_login     { margin-top: 20px; }
form#form_login p   { margin-top: 9px; }
form label          { display: block; margin: 0 0 3px 5px; font-weight: bold; }
input.submit        { position: relative; top: 5px; margin-left: 5px; }
input.input         { width: 186px; border: solid 1px #9f9f9f; height: 20px; }
input.big           { width: 218px; }     


/* Bordure des blocs */
.border_top_big         { background: url(../images/border/top_big.png) no-repeat; height: 4px;}
.border_bottom_big      { background: url(../images/border/bottom_big.png) no-repeat bottom; height: 4px; margin-bottom: 14px; }

.border_top_medium      { background: url(../images/border/top_medium.png) no-repeat; height: 4px; width: 436px; }
.border_bottom_medium   { background: url(../images/border/bottom_medium.png) no-repeat bottom; height: 4px; width: 436px; }

.border_top_small       { background: url(../images/border/top_small.png) no-repeat; height: 4px; width: 262px; }
.border_bottom_small    { background: url(../images/border/bottom_small.png) no-repeat bottom; height: 4px; width: 262px; }

.border_left            { background: url(../images/border/left.png) repeat-y left; padding-left: 2px; }
.border_right           { background: url(../images/border/right.png) repeat-y right; padding-right: 4px; }


/* Page contact - Google Maps API */
#map { height: 500px; width: 445px; float: left; margin: 0 15px 10px 0; }
 

/* Newsletter */
span.erreur                 { display: block; color: red; }
div#valid_newsletter        { display: none; }
div#valid_newsletter img    { float: left; margin-right: 15px; }
div#valid_newsletter p      { font-size: 15px; font-weight: bold; line-height: 18px; }

/*Menu*/
.accueil_menu_hover{
    background: url(../images/accueil_on.png) repeat-x left; 
}

.accueil_menu_on{
    background: url(../images/accueil_on.png) repeat-x left; 
}
.newsletter INPUT{float:none;}
.spip_documents_center{text-align:center;}