body{
    background-image:url(../images/background2.gif);
    padding:0px;
    margin:0px;
    font-family:Verdana;
    font-size:11pt;
}
p{
    text-align: justify;
}
a{
   color: #03306b;
}
a img{
    border: none 0px;
}
h1{
    color: #03306b;
    text-align: center;
}
h2{
    color: #03306b;
    text-align: center;
}
small{
    font-size: 7pt;
}
ol li{
    margin-bottom: 10px;
    text-align: justify;
}
#entete{
    width: 945px;
    height:225px;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(../images/entete-institut-mayol.jpg);
    margin-left: auto;
    margin-right: auto;
}
#btn_print{
    top :13px;
    width: 24px;
    height: 23px;
    left: 870px;
    position: absolute;
}

#btn_email{
    top :13px;
    width: 24px;
    height: 23px;
    left: 901px;
    position: absolute;
}
#section_menu{
    top: 187px;
    left: 204px;
    position:absolute;
    background-image: url(../images/bar-radius.jpg);
    width: 726px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: bottom;
}
#menu{
    position: relative;
    width: 726px;
    height: 38px;
}
#btn_Accueil{
    position: absolute;
    left:11px;
    top:0px;
}
#btn_Accueil_sel{
    position: absolute;
    left:11px;
    top:0px;
    z-index: 200;
}
#btn_Services{
    position: absolute;
    left:114px;
    top:0px;
}
#btn_Services_sel{
    position: absolute;
    left:112px;
    top:0px;
    z-index: 200;
}
#btn_Programme{
    position: absolute;
    left:213px;
    top:0px;
}
#btn_Programme_sel{
    position: absolute;
    left:212px;
    top:0px;
    z-index: 200;
}
#btn_Nouveautes{
    position: absolute;
    left:313px;
    top:0px;
}
#btn_Nouveautes_sel{
    position: absolute;
    left:312px;
    top:0px;
    z-index: 200;
}
#btn_Multimedia{
    position: absolute;
    left:414px;
    top:0px;
}
#btn_Multimedia_sel{
    position: absolute;
    left:413px;
    top:0px;
    z-index: 200;
}
#btn_Reflexion{
    position: absolute;
    left:513px;
    top:0px;
}
#btn_Reflexion_sel{
    position: absolute;
    left:512px;
    top:0px;
    z-index: 200;
}
#btn_Contact{
    position: absolute;
    left:614px;
    top:0px;
}
#btn_Contact_sel{
    position: absolute;
    left:613px;
    top:0px;
    z-index: 200;
}
#frame_page{
    width: 945px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/frame-tiling.gif);
}
#frame_gauche{
    width: 205px;
    float: left;
}
#frame_contenu{
    width: 694px;
    float: left;
    padding:  0px 15px 15px 15px;
}
#fin_page{
    width: 945px;
    margin-left: auto;
    margin-right: auto;
}
#bas_page{
    margin-left: 220px;
    margin-right: 29px;
    text-align: center;
}
#bas_page hr{
   color:#d40000; height:2px; border:0px; background-color :#d40000;
   
}
#bas_page p{
    color:#bbbbbb;
    font-size: 9pt;
    text-align: center;
}
#bas_page a{
    color:#bbbbbb;
    text-decoration: none;
}
#bas_page a:hover{
    color: black;
    text-decoration: underline;
}
#submenu{
    position: absolute;
    left:114px;
    top:27px;
    background-color: #69b6cf;
    border-top: 1px solid white;
    visibility: hidden;
    z-index: 300;
}
#submenu a{
    font-size:9pt;
    display: block;
    padding: 5px 12px;
    text-decoration: none;
    border-right: 1px solid white;
    width: auto;
    color: black;
    white-space: nowrap;

}
#submenu a:hover{
    background-color: #d3e7ff;
}
.tdHead{
    background-color: #03306b;
    color: white;
}
.tdHeadSub{
    background-color: #69b6cf;
    color: black;
}
.tdDesc{
    background-color:#d3e7ff;
    color: black;
    font-size:9pt;
    padding-top: 10px;
    padding-bottom: 10px;
}
.boxAl a{
    color:#012f6a;
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
}
.boxAl a:hover{
    color:#012f6a;
    text-decoration: underline;
}
.flip{
    visibility: hidden;
    margin-top: 22px;
    display: none;
    height: 290px;
}
.show{
    visibility: visible;
    display: block;
}
.institut{
    text-align: center;
    margin-top: 10px;
}
.slogan{
    font-size: 8pt;
    font-style: italic;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    color: white;
    margin-left: 8px;
    margin-right: 8px
}
.textcitation{
    font-size: 7pt;
    text-align: center;
    margin: 10px 8px 8px 8px;
    color: white;
}
.ejs_tick_class
{
background-color:#005542;
position:relative;
border: 1px solid #005542;
text-align:right;
height:14;
font:bold 12px Verdana;
text-decoration:none;
color:white;
}

.ejs_tick_class a
{
color:white;
text-decoration:none;
}

.ejs_tick_class a:hover
{
color:orange;
text-decoration:none;
}

#cadrpg
{
    position: absolute;
    top:165px;
    left: 450px;
    width:487px;
    border:0;
    overflow:hidden;
    white-space:nowrap;
}
#newshr
{
    position:relative;
    width:475px;
    height:16px;
    overflow:hidden;
    color:inherit;
    white-space:nowrap;
}
#defile
{
    position:absolute;
    margin-top:1px;
    background-color:transparent;
    font:bold 12px Verdana;
    white-space:nowrap;
    color:white;
}
#defile a
{
    color:white;
    text-decoration:none;
}
#defile a:hover
{
    color:orange;
    text-decoration:none;
}