body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: white;
margin: 0;
padding: 0;
background-color: #21939d;
}

/* ELEMENTS COMMUNS */

a:link
{
color: #00FFFF;
}

a:visited
{
color: #00FFFF;
}

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

a:active
{
color: #00FFFF;
}

p
{
padding: 5px;
color: #FFFFFF;
text-align: justify;
}

/* STRUCTURE DU SITE */

#bandesup
{
width: 100%;
height: 25px;
background-color: #0099CC;
}

/* bug ie6 */

html>body #accesrapide
{
width: 1000px;
height: 25px;
margin: auto;
filter: none;
background: url(images/logo_um.png) no-repeat left center;
}

div#accesrapide
{
width: 1000px;
height: 25px;
margin: auto;
zoom: 1; /* HasLayout */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_um.png');
background-position: left center;
}

/* */

#bandeau
{
width: 100%;
height: 100px;
background: url(images/fd-bandeau.jpg) repeat-x;
}

#conteneur
{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background: #1e929d url(images/fd-conteneur.jpg) repeat-x;
}

#bandemenu-bas
{
width: 100%;
height: 40px;
margin: auto;
clear: both;
}

#piedpage
{
width: 100%;
background-color: #0099CC;
}

#header
{
width: 1000px;
height: 100px;
margin: auto;
}

#menu-bas
{
width: 1000px;
height: 40px;
font-size: 11px;
text-align: right;
margin: auto;
}

/* bug ie6 */

html>body #footer
{
width: 1000px;
height: 25px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
color: #660000;
text-align: center;
margin: auto;
filter: none;
background: url(images/footer_um.png) no-repeat right center;
}

div#footer
{
width: 1000px;
height: 25px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
color: #660000;
text-align: center;
margin: auto;
zoom: 1; /* HasLayout */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer_um.png');
background-position: right center;
}

/* */

#contenu
{
width: 1000px;
overflow: auto;
margin: auto;
}

#gauche
{
width: 200px;
float: left;
}


/* bug ie6 */

html>body #centre
{
width: 690px;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-top: 5px;
border: 1px solid #999999;
background: url(images/fd-contenu.png);
float: left;
filter: none;
background: url('images/fd-contenu.png');
}

div#centre
{
width: 690px;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-top: 5px;
border: 1px solid #999999;
float: left;
zoom: 1; /* HasLayout */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fd-contenu.png', sizingMethod='scale');
}

/* */

#centre ul
{
list-style-type: none;
margin: 0;
}

#centre li
{
height: 20px;
padding-left: 25px;
padding-top: 2px;
background-image: url(images/puce.png);
background-repeat: no-repeat;
}

/* bug ie6 */

div[class=titre-rubrique]
{
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
padding: 5px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: white;
filter: none;
background: url('images/fd-contenu.png');
}

div.titre-rubrique
{
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
padding: 5px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: white;
zoom: 1; /* HasLayout */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fd-contenu.png', sizingMethod='scale');
}

/* */

.btn-retour
{
width: 150px;
height: 22px;
padding-top: 5px;
font-size: 12px;
background: url(images/fd-btn-retour.png);
background-repeat: repeat-x;
border: 1px solid #3fa2ab;
}

.btn-retour:hover
{
width: 150px;
height: 22px;
padding-top: 5px;
font-size: 12px;
background: url(images/fd-btn-retour2.png);
background-repeat: repeat-x;
border: 1px solid #3fa2ab;
}

.btn-retour a
{
color: #003333;
text-decoration: none;
}

.btn-retour a:hover
{
color: white;
text-decoration: none;
}

/* ELEMENTS ACCES RAPIDE */

#accesrapide ul
{
list-style-type: none;
padding:0;
margin: 0;
}

#accesrapide li
{
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
border-left: 2px groove #003366;
float: right;
}

#accesrapide li a:link, #accesrapide li a:visited, #accesrapide li a:active
{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #660000;
text-decoration: none;
}

#accesrapide li a:hover
{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: white;
text-decoration: none;
}

/*********************/

/* ELEMENTS FOOTER */

#footer a:link, #footer a:visited, #footer a:active
{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #660000;
text-decoration: none;
}

#footer a:hover
{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: white;
text-decoration: none;
}

/*********************/

/* ACCUEIL */

/* bug ie6 */

html>body #centre-accueil
{
width: 560px;
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;
border: 1px solid #999999;
float: left;
filter: none;
background: url(images/fd-contenu.png);
}

#centre-accueil
{
width: 560px;
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;
border: 1px solid #999999;
float: left;
zoom: 1; /* HasLayout */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fd-contenu.png', sizingMethod='scale');
}

/* */

#logos
{
width: 580px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
clear: both;
margin-left: 200px;
}

#logos img
{
margin-left: 15px;
}

/* CADRE */

.cadre
{
width: 200px;
float: left;
}

.cadre-h
{
width: 200px;
height: 20px;
background-image: url(images/cadre-h.png);
background-repeat: no-repeat;
}

.cadre-m
{
width: 170px;
padding-left: 15px;
padding-right: 15px;
background-image: url(images/cadre-m.png);
background-repeat: repeat-y;
}

.cadre-b
{
width: 200px;
height: 20px;
background-image: url(images/cadre-b.png);
background-repeat: no-repeat;
}

/* TABLEAUX */

.div-table
{
width: 45%;
margin-left: 10px;
float: left;
}

.tab
{
border-bottom: 1px solid #ccff66;
border-left: 1px solid #ccff66;
border-right: 1px solid #ccff66;
}

.tab p
{
padding-top: 0;
padding-bottom: 0;
padding-left: 3px;
padding-right: 3px;
}

.tab-header
{
padding: 5px;
background-color: #ccff66;
color: #006666;
font-weight: bold;
text-align: center;
}

.tab2
{
border-bottom: 1px solid #ccff66;
border-left: 1px solid #ccff66;
border-right: 1px solid #ccff66;
}

.tab2 p
{
padding-top: 0;
padding-bottom: 0;
padding-left: 3px;
padding-right: 3px;
}

.tr1
{
background-color: #327e84;
}

.tr2
{
background-color: #255d61;
}

td
{
padding: 5px;
}

.tab-bord-centre
{
border-right: 1px solid #ccff66;
}