body {
margin-top : 10px;
margin-bottom : 10px;
background-image : url("/gifs/site/back.gif");
background-attachment : fixed;
}

.menu {
float : left;
width : 13%;
position : fixed;
top : 10px;
left : 5px;
height : 550px;
}

#comptarebour, #comptarebour_1min {
float : right;
position : fixed;
top : 10px;
right : 10px;
font-family : Arial, Times, "Times New Roman", serif;
font-weight : bold;
font-size : 1.2em;
}

#comptarebour {
color : black;
}

#comptarebour_1min {
color : red;
visibility : hidden;
}

.gauche {
text-align : left ;
}

.droite {
text-align : right;
}

.devise {
width : 100%;
}

.corps {
text-align : justify;
margin-left : 15%;
}

#bl_pmm {
text-align : center;
margin-top : 15px;
}

.titre_page {
margin : auto;
}

.image_droite {
text-align : left;
vertical-align : middle;
}

.image_gauche {
text-align : right;
vertical-align : middle;
}

.image_centre, .pied_page {
text-align : center;
}

a img {
border : none;
}

.nouveau_important {
color : red;
font-weight : bold;
vertical-align : middle;
}

.texte_page {
text-align : justify;
margin-top : 30px;
margin-bottom : 30px;
}

.milieu, h1 {
vertical-align : middle;
}

.sans_puce {
list-style-type : none;
}
h1 {
text-align : center;
color : navy;
}

h2 {
text-align : center;
font-style : italic;
font-variant : small-caps;
}

.liste_bachi {
list-style-image : url("../gifs/site/bachi_tourne.gif");
}

.tab_pmm {
margin : auto;
vertical-align : middle;
border-collapse : collapse;
margin-bottom : 20px;
}

.tab_pmm caption {
margin : auto;
font-family : Arial, Times, "Times New Roman", serif;
font-weight : bold;
font-size : 1.2em;
margin-bottom : 12px;
}

.tab_pmm thead, .tab_pmm tfoot {
font-weight : bold;
text-align : center;
}

.tab_pmm tr, .tab_pmm td {
border : 4px outset navy;
padding : 5px;
}

.tab_pmm td {
empty-cells : hide;
}

#organigramme {
margin : auto;
text-align : center;
vertical-align : middle;
border-collapse : collapse;
font-weight : bold;
font-size : large;
font-family : Arial;
}

#organigramme tr, #organigramme td {
padding : 5px;
width : 250px;
width : 7%;
}

.instructeur {
border : 6px solid;
border-color : rgb(155, 9, 38);
font-weight : bold;
font-size : 1.2em;
color : rgb(255, 255, 128);
background-color : navy;
}

.bordure_droite {
border-right : 6px solid;
border-color : rgb(155, 9, 38);
width : 40px;
height : 35px;
}

.bordure_haute {
border-top : 6px solid;
border-color : rgb(155, 9, 38);
width : 40px;
height : 45px;
}

.bordure_droite_haute {
border-top : 6px solid;
border-right : 6px solid;
border-color : rgb(155, 9, 38);
width : 40px;
height : 45px;
}

.lien_cellule {
display : block;
height : 100%;
width : 100%;
}

#organigramme a, #organigramme a:hover, #organigramme a:active, #organigramme a:visited {
color : rgb(255, 255, 128);
text-decoration : none;
}

.tab_instructeur {
margin-left : 80px;
margin-top : 50px;
border-collapse : collapse;
}

.aligne_haut {
vertical-align : top;
}

.tab_instructeur ul {
margin-top : 0;
padding-left : 20px;
}

.col_1 {
width : 230px;
vertical-align : top;
}

.col_2, .col_3 {
width : 250px;
}

.tab_identification {
margin : auto;
border-collapse : collapse;
width : 300px;
}

.tab_identification_ligne {
background-color : #3d76a7;
height : 40px;
font-family : Verdana, Arial;
font-size : small;
}

#tab_identification_entete {
background-color : black;
color : white;
height : 50px;
font-size : large;
font-weight : bold;
font-family : Verdana, Arial;
}

#tab_identification_bas {
background-color : black;
height : 10px;
}

#attention {
color : red;
font-size : xx-large;
text-decoration : blink;
text-align : center;
}

.numero {
width : 20px;
vertical-align : top;
text-align : left;
}

.numero_image {
width : 10px;
vertical-align : middle;
text-align : left;
}

.intitule, .intitule_pmc, .reponse, .intitule_rouge, .intitule_vert {
vertical-align : top;
text-align : left;
}

.intitule{
width : 380px;
}

.intitule_pmc, .reponse, .intitule_rouge, .intitule_vert {
width : 450px;
}

.image_pmc {
text-align : center;
width : 200px;
vertical-align : middle;
}

.reponse {
font-weight : bold;
}

.intitule_rouge {
color : red;
}

.intitule_vert {
font-weight : bold;
color : green;
}

.intitule_image {
width : 100px;
vertical-align : middle;
text-align : left;
}

.reponse_1 {
width : 400px;
vertical-align : top;
text-align : left;
}

.reponse_2 {
width : 200px;
vertical-align : top;
text-align : left;
}

.question {
border-collapse : collapse;
margin-bottom : 20px;
}

.intitule_image {
vertical-align : middle;
text-align : center;
}

.reponse_2_image {
width : 175px;
vertical-align : middle;
text-align : left;
}

.reponse_1_image {
width : 350px;
vertical-align : middle;
text-align : left;
}

.reponse_radio {
width : 10px;
vertical-align : middle;
text-align : left;
}

.titre_rep {
text-align : left;
font-size : large;
}

.resultat {
color : red;
font-family : Arial;
font-size : x-large;
font-weight : bold;
text-align : center;
}

.com_resultat {
color : black;
font-family : Arial;
font-size : x-large;
font-weight : bold;
text-align : center;
}

.commentaire {
color : navy;
font-family : Arial;
font-size : x-large;
font-weight : bold;
text-align : center;
}

#barre {
width : 250%;
}

.alinea_125 {
margin-left : 125px;
}

.alinea_75 {
margin-left : 75px;
}

.alinea_30 {
margin-left : 30px;
}

.liste_niv_2 {
margin-left : 50px;
list-style-type : circle;
}

.ligne {
display : block;
}

.ligne, .plus {
cursor : pointer;
margin-bottom : 4px;
text-align : center;
font-weight : bold;
color : white;
background : rgb(0, 0, 153);
font-family : Arial;
}

.ligne a, .niveau_menu tr td a {
text-decoration : none;
border : none;
font-weight : bold;
}

.niveau_menu tr td a {
color : rgb(0, 0, 153);
}

.ligne a {
color : white;
}

.niveau {
position : relative;
width : 100%;
left : 0;
top : 0;
text-align : center;
margin-top : 0;
margin-bottom : 4px;
background : rgb(0, 0, 153);
}

.niveau_menu td {
width : 500px;
background : white;
color : rgb(0, 0, 153);
}

#menu1_0 {
display : block;
}

.niveau_menu {
margin-top : 10px;
margin-bottom : 0;
display : none;
text-align : center;
}

.niveau a:visited{
color : white;
}

.niveau_menu a:visited{
color : navy;
}

.niveau_menu td:hover {
background : yellow;
}

.programme thead {
text-align : center;
}

.programme {
margin : auto;
width : 70%;
border-collapse : collapse;
}

.liens {
margin : auto;
border-collapse : collapse;
}

.liens tr {
margin-bottom : 15px;
border-bottom : 2px dotted navy;
}

.lien_titre {
text-align : left;
width : 25%;
vertical-align : middle;
border-bottom : none !important;
border-bottom : 2px solid navy;
}

.liens .image_centre {
width : 45%;
text-align : center;
border-bottom : none !important;
border-bottom : 2px solid navy;
}

.lien_desc {
text-align : left;
width : 30%;
border-bottom : none !important;
border-bottom : 2px solid navy;
}

.programme, .programme th {
border : 4px solid navy;
}

.programme td {
border : 2px solid navy;
}

.date, .duree {
text-align : center;
vertical-align : top;
width : 15%;
}

.seance {
text-align : left;
vertical-align : top;
padding-left : 10px;
}

.date_toulon {
font-size : 1.2em;
font-family : arial;
font-weight : bold;
margin-top : 40px;
}

.titre_pmm {
width : 10%;
text-align : center;
}

.sous_titre {
font-size : xx-small;
}

.image {
text-align : left;
width : 40%;
vertical-align : middle;
}

.qcm_pmc {
border : 2px dashed navy !important;
border : 2px solid navy;
margin : auto;
margin-bottom : 15px;
width : 80% !important; 
width : 99%;
}

.num_test_pmc {
display : none;
}

legend {
color : navy;
font-size : 1.2em;
font-family : arial;
font-weight : bold;
}

.centre_ferme, .deco_agrafe {
font-style : italic;
}

/*****************************************/
/*                                                                             */
/*     Design pour la galerie d'images SPGM      */
/*                                                                            */
/****************************************/

IMG.img-picture, IMG.img-folder, IMG.img-galicon, IMG.img-thumbnail, IMG.img-thumbnail-selected, IMG.img-picture-prev, IMG.img-picture-next, IMG.img-thmbnavi-prev, IMG.img-thmbnavi-next, IMG.img-new {
vertical-align : middle;
}

IMG.img-picture {
border : 1px solid #333333;
}

IMG.img-folder {
border : 0;
}

IMG.img-galicon {
border : 1px solid #555555;
}

IMG.img-thumbnail {
border : 1px solid #333333;
}

IMG.img-thumbnail-selected {
border : 1px solid #8ca0bf;
}

IMG.img-picture-prev {
border : 0;
}

IMG.img-picture-next {
border : 0;
}

IMG.img-thmbnavi-prev {
border : 0;
}

IMG.img-thmbnavi-next {
border : 0;
}

IMG.img-new {
border : 0;
}

TABLE.table-wrapper {
background-image : url("../gifs/site/back.gif");
width : 685px;
padding : 10px;
text-align : center;
margin-left : auto;
margin-right : auto;
}

TD.td-thumbnails-thumb {
padding : 6px;
font-family : arial, verdana, helvetica, sans-serif;
color : #555555;
font-size : 8pt;
vertical-align : bottom;
background-color : transparent;
white-space : nowrap;
text-align : center;
}

TD.td-thumbnails-thumb-selected {
padding : 5px;
font-family : arial, verdana, helvetica, sans-serif;
color : #333333;
font-size : 8pt;
font-weight : bold;
background-color : transparent;
vertical-align : bottom;
text-align : center;
}

DIV.div-thumbnails-caption {
font-family : arial, verdana, helvetica, sans-serif;
color : #000000;
font-size : 8pt;
font-weight : normal;
background-color : transparent;
}

TD.td-main-title {
font-family : arial, verdana, helvetica, sans-serif;
color : #000000;
font-size : 12pt;
font-weight : bold;
background-color : transparent;
}

TD.td-main-title-spgm-link {
color : #cccccc;
font-size : 8pt;
font-family : arial, verdana, helvetica, sans-serif;
text-align : center;
background-color : transparent;
}

A.a-spgm-link {
color : #b7cce0;
font-size : 8pt;
font-family : arial, verdana, helvetica, sans-serif;
background-color : transparent;
}

TABLE.table-galitem {
width : 100%;
}

TD.td-galitem-icon {
padding-right : 10px;
}

TD.td-galitem-title {
font-family : arial, verdana, helvetica, sans-serif;
font-size : 9pt;
width : 100%;
text-align : left;
font-weight : bold;
color : #999999;
}

TD.td-galitem-caption {
font-family : arial, verdana, helvetica, sans-serif;
font-size : 8pt;
text-align : left;
}
TABLE.table-picture {
width : 100%;
text-align : center;
}

TD.td-picture-navi {
font-family : arial, verdana, helvetica, sans-serif;
font-size : 10pt;
font-weight : bold;
color : #000000;
text-align : center;
background-color : transparent;
}

TD.td-zoom-factors {
padding : 3pt;
text-align : center;
}

INPUT.button-zoom-factors {
border : 1px solid #777777;
font-family : arial, verdana, helvetica, sans-serif;
font-size : 9pt;
font-weight : bold;
color : #777777;
background-color : #dddddd;
text-align : center;
}

TD.td-picture-filename {
font-family : arial, verdana, helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
text-align : center;
background-color : #ececec;
padding : 7px;
background-color : transparent;
}

TD.td-picture-caption {
font-family : arial, verdana, helvetica, sans-serif;
font-size : 8pt;
text-align : center;
background-color : #ececec;
padding : 7px;
background-color : transparent;
}

TABLE.table-thumbnails {
margin-left : auto;
margin-right : auto;
}

TD.td-thumbnails-navi {
color : #000000;
border-top : 2px solid #444444;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 10pt;
font-weight : bold;
text-align : right;
padding : 8px;
text-align : center;
}

SPAN.span-filters {
font-size : 8pt;
font-weight : normal;
}

DIV.div-galheader {
font-family : arial, verdana, helvetica, sans-serif;
font-size : 10pt;
font-weight : bold;
color : #000000;
margin-bottom : 20px;
padding : 1px;
width : 100%;
text-align : left;
}

TABLE.table-shadows {
border-collapse : collapse;
margin : auto;
padding : 0;
}

TD.td-shadows-right {
background-image : url(shadow_right.jpg);
background-position : top left;
background-repeat : no-repeat;
width : 20px;
margin : 0;
padding : 0;
}

TD.td-shadows-bottom {
background-image : url(shadow_bottom.jpg);
background-position : top left;
background-repeat : no-repeat;
height : 5px;
margin : 0;
padding : 0;
}

TD.td-shadows-bottomright {
background-image : url(shadow_bottomright.jpg);
background-position : top left;
background-repeat : no-repeat;
width : 20px;
margin : 0;
padding : 0;
}

TD.td-shadows-main {
margin : 0;
padding : 0;
}