/* MAIRIE DE JONAGE | STYLE SHEET | 2007


*/

body {
margin:0;
background:#333399 url(../images/bg.gif) repeat-x;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
line-height:18px;
}

p {
margin:0 0 18px 0;
}

a {
color:#5371a7;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

h1 {
font:100 26px 'Times New Roman', Times, serif;
color:#c40000;
margin:0 0 18px 0;
letter-spacing:-1px;
}

h3 {
font:bold 15px 'Times New Roman', Times, serif;
color:#c40000;
margin:0 0 18px 0;
padding:10px;
background:#f2ebeb;
}

input, textarea, select {
font:11px Arial, Helvetica, sans-serif;
border:1px solid #5371a7;
color:#023787;
}

form {
margin:0 0 18px 0;
}

/* ID ########################################################################### 
      ########################################################################### 
      ########################################################################### 


*/

#conteneur {
position:absolute;
left:50%;
width:760px;
margin:0 0 0 -380px;
background:#fff url(../images/bg_cnt.gif) repeat-y;
}

#header {
height:94px;
background:url(../images/header.jpg) 295px 0 no-repeat;
}

#dater {
clear:both;
background:#ce0000;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
width:718px; /*760*/
font:11px Arial, Helvetica, sans-serif;
color:#fff;
padding:5px 20px 5px 20px;
margin:0 1px 0 1px;
}

#colLeft {
float:left;
width:170px; /*172*/
padding:0 1px 0 1px;
}

#colRight {
float:left;
width:588px; /*590-le padding de la colLeft*/
}

#contenu {
padding:30px 20px 20px 20px;
}

#footer {
clear:both;
height:56px;
background:#fff url(../images/bg_footer.gif) no-repeat;
}


/* BANDEAUX ------------------------------ */

#bandeau {
float:left;
width:550px;
height:105px;
}

#bandeau.bnd01 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd02 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd03 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd04 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd05 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd06 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd07 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd08 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd09 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd10 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd11 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd12 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd13 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd14 {
background:url(../photos/bnd_default.jpg);
}

#bandeau.bnd15 {
background:url(../photos/bnd_default.jpg);
}

/* MENU PRINCIPALE ------------------------------ */

#menuTop {
float:left;
list-style:none;
margin:0;
padding:0;
}

#menuTop li {
margin:0;
padding:0;
}

#menuTop li a {
display:block;
width:209px;
height:21px;
background-position:0 0;
}

#menuTop li a:hover {
background-position:-209px 0;
}

#menuTop li.selected a {
background-position:-209px 0;
cursor:default;
}

#menuTop li#bt01 a {
background-image:url(../images/bt01.jpg);
}

#menuTop li#bt02 a {
background-image:url(../images/bt02.jpg);
}

#menuTop li#bt03 a {
background-image:url(../images/bt03.jpg);
}

#menuTop li#bt04 a {
background-image:url(../images/bt04.jpg);
}

#menuTop li#bt05 a {
background-image:url(../images/bt05.jpg);
}

/* MENU VILLE ------------------------------ */

#menuVille {
list-style:none;
background:#f1f5fd url(../images/libnav_ville.jpg) no-repeat;
margin:0;
padding:30px 0 0 0;
}

#menuVille li {
margin:0;
padding:0;
}

#menuVille li a {
display:block;
background:url(../images/li_sub_ville.gif) 5px 8px no-repeat;
margin:1px 0 0 0;
padding:0 0 0 20px;
width:150px;
line-height:25px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#023787;
}

#menuVille li a:hover {
/*background:#cbd9f8;*/
color:#0642c1;
background:#cbd9f8 url(../images/li_sub_ville_select.gif) 5px 8px no-repeat;
}

#menuVille li.selected a {
/*background:#cbd9f8;*/
color:#0642c1;
background:#cbd9f8 url(../images/li_sub_ville_select.gif) 5px 8px no-repeat;
}

#menuVille li .subNav {
line-height:0;
padding:0;
margin:0;
}

#menuVille .subNavVille {
list-style:none;
margin:0;
padding:0;
/*background:#dbe5fa;*/
background:#f1f5fd;
}

#menuVille .subNavVille li a {
display:block;
background:url(../images/li_nav_ville.gif) 15px 8px no-repeat;
width:140px;
line-height:20px;
text-decoration:none;
margin:0;
padding:0 0 0 30px;
color:#3862bd;
}

#menuVille .subNavVille li a:hover {
background:#e6edfc url(../images/li_nav_ville.gif) 15px 8px no-repeat;
color:#0642c1;
}

#menuVille .subNavVille li.selected a {
background:#e6edfc url(../images/li_nav_ville.gif) 15px 8px no-repeat;
color:#0642c1;
}

/* MENU MAIRIE ------------------------------ */

#menuMairie {
list-style:none;
background:#fbfcee url(../images/libnav_mairie.jpg) no-repeat;
margin:0;
padding:30px 0 0 0;
}

#menuMairie li {
margin:0;
padding:0;
}

#menuMairie li a {
display:block;
background:url(../images/li_sub_mairie.gif) 5px 8px no-repeat;
margin:1px 0 0 0;
padding:0 0 0 20px;
width:150px;
line-height:25px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#023787;
}

#menuMairie li a:hover {
/*background:#eff2c2;*/
background:#eff2c2 url(../images/li_sub_mairie_select.gif) 5px 8px no-repeat;
color:#aabf04;
}

#menuMairie li.selected a {
background:#eff2c2;
background:#eff2c2 url(../images/li_sub_mairie_select.gif) 5px 8px no-repeat;
color:#aabf04;
}

#menuMairie .subNavMarie {
list-style:none;
margin:0;
padding:0;
/*background:#f4f8d3;*/
background:#fbfcee;
}

#menuMairie .subNavMarie li a {
display:block;
background:url(../images/li_nav_mairie.gif) 15px 8px no-repeat;
width:140px;
line-height:20px;
text-decoration:none;
margin:0;
padding:0 0 0 30px;
color:#3862bd;
}

#menuMairie .subNavMarie li a:hover {
background:#f7fae1 url(../images/li_nav_mairie.gif) 15px 8px no-repeat;
color:#aabf04;
}

#menuMairie .subNavMarie li.selected a {
background:#f7fae1 url(../images/li_nav_mairie.gif) 15px 8px no-repeat;
color:#aabf04;
}

/* MENU ACCES ------------------------------ */

#menuAcces {
list-style:none;
background:#fef3f3 url(../images/libnav_acces.jpg) no-repeat;
margin:0;
padding:30px 0 0 0;
}

#menuAcces li {
margin:0;
padding:0;
}

#menuAcces li a {
display:block;
background:url(../images/li_nav_acces.gif) 5px 10px no-repeat;
margin:1px 0 0 0;
padding:0 0 0 20px;
width:150px;
line-height:25px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#023787;
}

#menuAcces li a:hover {
background:#f7adad url(../images/li_nav_acces.gif) 5px 10px no-repeat;
color:#e71414;
}

#menuAcces li.selected a {
background:#f7adad url(../images/li_nav_acces.gif) 5px 10px no-repeat;
color:#e71414;
}


/* ACCUEIL > EDITO ------------------------*/

#titreEdito {
width:570px;/*588-18*/
height:26px;/*30-4*/
background-image:url(../images/head_edito.jpg);
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
padding:4px 0 0 18px;
}


#edito {
width:548px; /*588 -40*/
padding:5px 20px 20px 20px;
}

#edito h2 {
margin:0 0 10px 0;
font:bold 12px Arial, Helvetica, sans-serif;
color:#c11e5e;
text-transform:uppercase;
}

#edito img {
float:left;
padding:0 5px 5px 0;
border:none;
}

#edito p {
margin:0 0 5px 0;
text-align:justify;
line-height:14px;
}

#edito a {
color:#c11e5e;
text-decoration:underline;
}

#edito a:hover {
color:#c11e5e;
text-decoration:none;
}

/* ACCUEIL > ACTUS ------------------------*/

#actus {
float:left;
width:250px; /*290*/
padding:5px 20px 20px 20px;
}

#actus img {
float:left;
margin:0 5px 5px 0;
border:none;
}

#actus h2 {
margin:0 0 10px 0;
font:bold 12px Arial, Helvetica, sans-serif;
color:#f59a02;
text-transform:uppercase;
}

#actus p {
margin:0 0 5px 0;
text-align:justify;
line-height:14px;
}

#actus a {
color:#f59a02;
text-decoration:underline;
}

#actus a:hover {
color:#f59a02;
text-decoration:none;
}


#actusG {
width:548px; /*588 -40*/
margin:5px 20px 20px 20px;
}

#actusG h2 {
margin:0 0 10px 0;
font:bold 12px Arial, Helvetica, sans-serif;
color:#f59a02;
text-transform:uppercase;
}

#actusG img {
float:left;
margin:0 15px 5px 0;
border:none;
}

#actusG p {
margin:0 0 5px 0;
text-align:justify;
line-height:14px;
}

#actusG a {
color:#f59a02;
text-decoration:underline;
}

#actusG a:hover {
color:#f59a02;
text-decoration:none;
}

/*AFFICHAGE TIRROIRS ------------------------- */
.menutirroir {
font:bold 15px 'Times New Roman', Times, serif;
color:#c40000;
margin:0;
padding:10px;
background:#f2ebeb;
border-bottom:#f4d4d4 solid 1px;
}

a.menutirroir {
text-decoration:none;
display:block;
}

a:hover.menutirroir {
text-decoration:none;
display:block;
background:#f1dfdf;
}

.tirroir{
padding:10px;
margin:0 0 10px 0;
}

.tirroir h2 {
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5371a7;
margin:15px 0 5px 0;
}

/* ELE HOMEPAGE ------------------------------ */


#actualites .actuHome {
padding:10px 0 0 0;
border-bottom:1px dashed #ccc;
}

#actualites .clearBoth {
clear:both;
margin:0;
}

/* CARTOUCHE INFO ------------------------------ */

#cartoucheInfo {
background:#aebcdc;
padding:10px 10px 0 10px;
color:#fff;
margin:0 0 18px 0;
}

#cartoucheInfo h2 {
font:100 18px Arial, Helvetica, sans-serif;
margin:0 0 5px 210px;
}

#cartoucheInfo img {
float:left;
margin:0 10px 0 0;
/*
width:200px;
height:150px;
*/
}

#cartoucheInfo p {
margin:0 0 0 210px;
}

#cartoucheInfo .clearBoth {
clear:both;
margin:0;
line-height:10px;
}

/* CARTOUCHE PHOTOS ( x4 ) ------------------------------ */

#cartouchePhoto {
background:#aebcdc;
padding:10px 0 10px 10px;
margin:0 0 18px 0;
}

#cartouchePhoto img {
border:0;
margin:0 10px 0 0;
/*
width:121px;
height:91px;
*/
}

#cartouchePhoto a {
border:none;
}

#cartouchePhoto a:hover {
border:none;
}


/* VIE SCOLAIRE ET PETITE ENFANTCE > ACTUS ------------------------*/

#VSactus {
float:left;
width:254px; /*274*/
padding:10px 10px 20px 10px;
}

#VSactus img {
float:left;
margin:0 5px 5px 0;
border:none;
}

#VSactus h2 {
margin:0 0 10px 0;
font:bold 12px Arial, Helvetica, sans-serif;
color:#5371a7;
text-transform:uppercase;
}

#VSactus p {
margin:0 0 5px 0;
text-align:justify;
line-height:14px;
}

#VSactus a {
color:#c40000;
text-decoration:underline;
}

#VSactus a:hover {
color:#ed5555;
text-decoration:none;
}

/* GALERIE > ACTUS ------------------------*/

#galerie {
padding:10px 0 0 10px;
}

#galerie .imgcont {
width:279px;
height:220px;
float:left;
margin:0 10px 10px 0;
text-align:center;
}


/* CLASS ######################################################################## 
         ########################################################################
         ########################################################################


*/

.clearBoth {
clear:both;
margin:0;
}

.alignRight {
text-align:right;
}

.inputBouton {
background:#5371a7;
font-weight:bold;
color:#fff;
border:none;
}

.inputBouton:hover {
cursor:pointer;
}

/* DETAIL PHOTO + TEXTE ------------------------------ */

.detailPhotoTexte {
margin:0 0 18px 0;
}

.detailPhotoTexte h2 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#5371a7;
margin:0 0 10px 102px;
text-transform:uppercase;
}

.detailPhotoTexte img {
float:left;
margin:0 10px 10px 0;
}

/*.detailPhotoTexte p {
margin:0 0 18px 210px;
}*/

/*.detailPhotoTexte .clearBoth {
margin:0;
}*/

/* LISTE PHOTO+TEXTE+LIEN ------------------------------ */

.listePhotoTexteLien {
padding:10px 0 0 0;
border-bottom:1px dashed #ccc;
}

.listePhotoTexteLien img {
float:left;
margin:0 15px 15px 0;
/*
width:148px;
height:111px;
*/
}

.listePhotoTexteLien h2 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#5371a7;
margin:0 0 10px 10px;
/*
text-transform:uppercase;
*/
}

.listePhotoTexteLien h3 {
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5371a7;
margin:0 0 10px 10px;
padding:0;
background:none;
}

.listePhotoTexteLien p {
margin:0 0 0 10px;
}

.listePhotoTexteLien a {
text-decoration:underline;
color:#5371a7;
}

.listePhotoTexteLien a:hover {
text-decoration:none;
}

.listePhotoTexteLien .clearBoth {
clear:both;
margin:0;
}

/* LISTE CARTOUCHE+FEATS ------------------------------ */

.listeCartoucheFeat {
padding:10px 0 0 0;
border-bottom:1px dashed #ccc;
}

.listeCartoucheFeat h2 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#5371a7;
margin:0 0 10px 102px;
/*
text-transform:uppercase;
*/
}

.listeCartoucheFeat p {
margin:0 0 5px 278px;
}

.listeCartoucheFeat a {
text-decoration:underline;
color:#5371a7;
}

.listeCartoucheFeat a:hover {
text-decoration:none;
}

.listeCartoucheFeat .clearBoth {
clear:both;
margin:0;
}

.listeCartoucheFeat .listCartDetail {
float:left;
width:250px;
padding:5px;
margin:0 18px 0 0;
background:#ebedf2;
}

.listeCartoucheFeat .listCartDetail p {
margin:0;
}

.listeCartoucheFeat .listCartDetail strong {
color:#5371a7;
letter-spacing:-1px;
}

/* LISTE RUB+LIB ------------------------------ */

.listeRubLib {
padding:10px 0 10px 0;
/*border-bottom:2px dashed #ccc;*/
}

.listeRubLib h2 {
font:bold 15px 'Times New Roman', Times, serif;
color:#666;
margin:0 0 10px 0;
padding:5px 0 5px 0;
text-transform:uppercase;
/*
background:#f2ebeb;

*/
}

.listeRubLib h3 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#5371a7;
margin:15px 0 0 0;
padding:0;
background:none;
}

.listeRubLib h4 {
font:bold 11px Arial, Helvetica, sans-serif;
/*
color:#c40000;
*/
margin:0;
padding:0;
background:none;
}

.listeRubLib h5 {
font:bold 11px Arial, Helvetica, sans-serif;
color:#c40000;
margin:0 0 18px 0;
padding:10px;
background:#ebedf2;
}

.listeRubLib h6 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#5371a7;
margin:0;
padding:0;
background:none;
}

.listeRubLib p {
margin:0;
border-bottom:1px dashed #ccc;/*#5371a7*/
}

/* ICONE ESPACE SECU --------------------------- */

.blocIco {
width:140px;
height:160px;
margin:10px;
text-align:center;
float:left;
}

.blocIco img {
margin:3px;
text-align:center;
border:none;
}

/* BLOCK H ( x3 ) ------------------------------ */

.blockH {
float:left;
border:1px solid #5371a7;
background:#aebcdc url(../images/bg_blockH.gif) no-repeat;
color:#fff;
padding:60px 9px 9px 9px;
margin:0 18px 0 0;
width:130px;
height:60px; /*120*/
line-height:14px;
}

.blockH a {
color:#fff;
text-decoration:underline;
}

.blockH a:hover {
text-decoration:none;
}

/* TABLE MJ 01 ------------------------------ */

.tableMJ01 {
width:548px;
margin:0 0 18px 0;
}

.tableMJ01 td {
padding:5px;
border-bottom:1px solid #ccc;
vertical-align:top;
}

.tableMJ01 td.tdLibLeft {
width:150px;
}

.tableMJ01 td.tdComTable {
background:#f2ebeb;
color:#d00000;
font-style:italic;
font-size:12px;
padding:10px 5px 5px 5px;
}

/* TABLE MJ 02 ------------------------------ */

.tableMJ02 {
width:548px;
margin:0 0 18px 0;
}

.tableMJ02 td {
padding:10px;
border-right:1px solid #fff;
border-bottom:1px solid #ccc;
vertical-align:top;
}

.tableMJ02 td.libTab {
font:bold 12px Arial, Helvetica, sans-serif;
text-align:center;
background:#5371a7;
border-bottom:1px solid #fff;
color:#fff;
}

/* TABLE CALENDRIER ------------------------------ */

.tableCalendrier {
width:210px;
margin:0 0 18px 0;
/*
border-top:1px solid #fff;
border-left:1px solid #fff;
*/
}

.tableCalendrier td {
border-bottom:1px solid #fff;
border-right:1px solid #fff;
text-align:center;
width:29px;
line-height:25px;
}

.tableCalendrier .libTab {
background:#5371a7;
font:bold 12px Arial, Helvetica, sans-serif;
text-align:center;
color:#fff;
line-height:20px;
}

.tableCalendrier td.jourPasse {
color:#ccc;
}

.tableCalendrier td.jourPasseWE {
color:#ccc;
background:#f2f2f2;
}

.tableCalendrier td.jourMoisSuivant {
visibility:hidden;
}

.tableCalendrier td.jourWE {
background:#eaeaea;
}

.tableCalendrier td.jourCourant {
color:#5371a7;
background:#ebedf2;
}

.tableCalendrier td.jourEve {
color:#fff;
background:#f59b02;
}

.tableCalendrier td.jourEve a {
display:block;
position:relative;
width:100%;
height:100%;
text-decoration:none;
color:#fff;
}

.tableCalendrier td.jourEve a:hover {
background:#facd80;
z-index:500;
}

.tableCalendrier td.jourEve a span {
display:none;
}

.tableCalendrier td.jourEve a:hover span {
display:inline;
position:absolute;
z-index:500;
left:20px;
top:-70px;
width:180px;/*200*/
height:60px;/*80*/
background:url(../images/bg_bulle.gif) no-repeat;
color:#000;
padding:10px;
text-align:left;
}

.tableCalendrier td.jourCourantEve {
color:#fff;
background:#c50000;
}

.tableCalendrier td.jourCourantEve a {
display:block;
position:relative;
width:100%;
height:100%;
text-decoration:none;
color:#fff;
}

.tableCalendrier td.jourCourantEve a:hover {
background:#e27f7f;
z-index:500;
}

.tableCalendrier td.jourCourantEve a span {
display:none;
}

.tableCalendrier td.jourCourantEve a:hover span {
display:inline;
position:absolute;
z-index:500;
left:20px;
top:-70px;
width:180px;/*200*/
height:60px;/*80*/
background:url(../images/bg_bulle_2.gif) no-repeat;
color:#000;
padding:10px;
text-align:left;
}

.tableCalendrier td.jourEve span, .tableCalendrier td.jourEve span p {
margin:0;
line-height:12px;
}

.tableCalendrier td.jourCourantEve span, .tableCalendrier td.jourCourantEve span p {
margin:0;
line-height:12px;
}

/* TABLE CANTINE ------------------------------ */

.tableCantine {
margin:0 0 18px 0;
}

.tableCantine td {
border-bottom:1px solid #fff;
border-right:1px solid #fff;
text-align:center;
width:29px;
line-height:25px;
}

.tableCantine .libTab {
background:#5371a7;
font:bold 12px Arial, Helvetica, sans-serif;
text-align:center;
color:#fff;
line-height:20px;
}

.tableCantine td.jourPasse {
color:#ccc;
}

.tableCantine td.jourPasse a {
color:#ccc;
}

.tableCantine td.jourPasseWE {
color:#ccc;
background:#f2f2f2;
}

.tableCantine td.jourMoisSuivant {
visibility:hidden;
}

.tableCantine td.jourWE {
background:#eaeaea;
}

.tableCantine td a {
display:block;
position:relative;
width:100%;
height:100%;
text-decoration:none;
color:#5371a7;
}

.tableCantine td a:hover {
background:#a9b8d3;
z-index:500;
}

.tableCantine td a span p {
margin:0;
}

.tableCantine td a span {
display:none;
}

.tableCantine td a:hover span {
display:inline;
position:absolute;
z-index:500;
left:20px;
top:-140px;
width:180px;/*200*/
height:130px;/*150*/
background:url(../images/bg_bulle_3.gif) no-repeat;
color:#000;
padding:10px;
text-align:left;
}

.tableCantine td.jourCourant {
color:#fff;
background:#c50000;
}

.tableCantine td.jourCourant a {
display:block;
position:relative;
width:100%;
height:100%;
text-decoration:none;
color:#5371a7;
}

.tableCantine td.jourCourant a:hover {
background:#5371a7;
z-index:500;
color:#fff;
}

.tableCantine td.jourCourant a span {
display:none;
}

.tableCantine td.jourCourant a:hover span {
display:inline;
position:absolute;
z-index:500;
left:20px;
top:-140px;
width:180px;/*200*/
height:130px;/*150*/
background:url(../images/bg_bulle_3.gif) no-repeat;
color:#000;
padding:10px;
text-align:left;
}

.tableCantine td span, .tableCantine td span p {
margin:0;
line-height:12px;
}

.tableCantine td.jourCourant span, .tableCantine td.jourCourant span p {
margin:0;
line-height:12px;
}

/* LEGENDE CALENDRIER + CANTINE ------------------------------ */

.legendeCalendar {
float:right;
width:200px;
border:1px solid #f2f2f2;
padding:10px;
}

.legendeCalendar p {
clear:both;
margin:0 0 1px 0;
}

.legendeCalendar span {
display:block;
float:left;
width:20px;
height:18px;
margin:0 10px 0 0;
}

.legendeCalendar span.jourEve {
background:#f59b02;
}

.legendeCalendar span.jourCourantEve {
background:#c50000;
}

.legendeCalendar span.jourCourant {
background:#ebedf2;
}

/* BOUTONS CSS ( valid + retour ) ------------------------------ */

.boutonValid {
border:none;
width:80px;
height:60px;
background:url(../images/bt_valid.gif);
}

.boutonValid:hover {
cursor:pointer;
}

.boutonRetour {
display:block;
float:right;
border:none;
width:80px;
height:60px;
background:url(../images/bt_retour.gif);
margin:0 0 0 10px;
}

a.bt {
display:block;
width:200px;
height:14px; /*60-32-14*/
background:#5371a7;
padding:32px 0 14px 10px;
font-family:"Times New Roman", Times, serif;
font-size:15px;
color:#FFFFFF;
text-decoration:none;
}

a:hover.bt  {
background:#c50000;
}

/* SOUS MENU 01 ------------------------------ */

.sousMenu01 {
margin:0 0 18px 0;
}

.sousMenu01 a {
display:block;
text-decoration:none;
text-indent:20px;
width:100%;
line-height:25px;
margin:0 0 1px 0;
color:#023787;
background:#ebedf2 url(../images/puce_sous_menu.gif) 0px 3px no-repeat;
}

.sousMenu01 a:hover {
color:#fff;
background:#aebcdc;
}

/* FAQ ------------------------------ */

.faqQuestion {
margin:0;
font-weight:bold;
background:#f1f5fd;
padding:5px 10px 5px 10px;
}

.faqReponse {
margin:0 0 10px 0;
padding:10px;
background:#ebedf2;
}

.faqReponse p {
margin:0;
}

.floatL {
float:left;
}

/* LIGHTBOX 2.03-3 fr */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('../images/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/lightbox/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/lightbox/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* FIN LIGHTBOX */


/* MESSAGE ERREUR SAISIE FORMULAIRE */

.erreur_form {
font:12px Arial, Helvetica, sans-serif;
font-weight: bold ;
color:red;
}

/* FIN ERREUR SAISIE */