body {
background-color : #f7c588;
background-image : url('../charte/global_fond.png');
margin : 0;
font-family : tahoma, sans-serif;
}
div#page {
width : 876px;
margin-left : auto;
margin-right : auto;
position : relative;
}
div#bandeau {
height : 104px;
background-image : url('../charte/bandeau_fond.png');
padding-left : 14px;
padding-top : 14px;
position : relative;
}
div#image_bandeau {
height : 104px;
width : 848px;
}
div#cache_bandeau {
height : 104px;
width : 848px;
position : absolute;
top : 14px;
left : 14px;
background-image : url('../charte/bandeau_cache.png');
}
div#logo {
position : absolute;
top : 12px;
left : 14px;
width : 320px;
height : 104px;
}
div#logo[id] {
position : absolute;
top : 12px;
left : 14px;
height : 106px;
background-image : url('../charte/logo.png');
}
div#menu {
height : 23px;
background-image : url('../charte/menu_fond.png');
padding-left : 26px;
padding-top : 3px;
}
div#doc {
background-image : url('../charte/doc_fond.png');
padding-left : 14px;
padding-right : 14px;
}
div#footer {
background-image : url('../charte/doc_fond.png');
font-size : 11px;
color : #888888;
padding-left : 18px;
}
div#bas_footer {
background-image : url('../charte/footer_bas.png');
height : 17px;
font-size : 1px;
}
div#menu_1 {
position : absolute;
top : 139px;
left : 101px;
padding-top : 6px;
display : none;
background-image : url('../charte/mmenu_fond.png');
background-repeat : repeat-x;
}
div#menu_2 {
position : absolute;
top : 139px;
left : 230px;
padding-top : 6px;
display : none;
background-image : url('../charte/mmenu_fond.png');
background-repeat : repeat-x;
}
div#menu_3 {
position : absolute;
top : 139px;
left : 381px;
padding-top : 6px;
display : none;
background-image : url('../charte/mmenu_fond.png');
background-repeat : repeat-x;
}
div.event {
position : absolute;
width : 626px;
top : 450px;
left : 22px;
padding-top : 0;
padding-bottom : 0;
margin-bottom : 0;
display : none;
z-index : 10;
}
div.box_mmenu {
background-color : #ffffff;
border : 0;
margin-top : -3px;
}
div.box_imenu {
border : 0;
width : 590px;
background-image : url('../charte/imenu_fond.png');
background-repeat : repeat-x;
padding-left : 20px;
padding-top : 6px;
padding-bottom : 3px;
padding-right : 16px;
}
div.box_window_content {
border : 0;
width : 590px;
background-image : url('../charte/imenu_fond.png');
background-repeat : repeat-x;
background-color : #ffffff;
padding-left : 20px;
padding-top : 6px;
padding-bottom : 3px;
padding-right : 16px;
}
div.box_window_up {
width : 656px;
height : 57px;
background-image : url('../charte/box_haut.png');
}
div.box_window_down {
width : 656px;
height : 57px;
background-image : url('../charte/box_bas.png');
}
div.box_window_fond {
width : 656px;
background-image : url('../charte/box_fond.png');
padding-left : 7px;
}
div.box_calendar {
width : 60px;
height : 60px;
position : absolute;
top : 20px;
left : 550px;
background-image : url('../images/charte/calendar.png');
}
div.box_calendar_month {
color : white;
font-size : 9px;
font-weight : bold;
line-height : 10px;
margin-bottom : 2px;
margin-left : 2px;
margin-right : 2px;
margin-top : 2px;
padding-bottom : 0;
padding-left : 9px;
padding-right : 9px;
padding-top : 11px;
text-align : left;
font-style : normal;
font-variant : normal;
}
div.box_calendar_day {
color : black;
font-size : 25px;
font-weight : bold;
line-height : 20px;
margin-bottom : 2px;
margin-left : 2px;
margin-right : 2px;
margin-top : 2px;
padding-bottom : 5px;
padding-left : 9px;
padding-right : 9px;
padding-top : 4px;
text-align : center;
font-style : normal;
font-variant : normal;
}
div.box_calendar_title {
font-family : arial, sans-serif;
font-size : 13px;
color : #000000;
font-weight : bold;
position : absolute;
left : 385px;
top : 30px;
}
div#ah1 {
margin-bottom : 8px;
width : 626px;
overflow : hidden;
text-align : center;
}
div.mmenu {
background-color : #ffffff;
border : 1px solid #7a7a7a;
}
div.imenu {
border : 1px solid #ffffff;
background-image : url('../charte/imenu_fond.png');
background-repeat : repeat-x;
padding-left : 20px;
padding-top : 6px;
padding-bottom : 3px;
padding-right : 16px;
}
div.boxtitre {
background-image : url('../charte/boxtitre_fond.png');
height : 19px;
font-size : 11px;
padding-left : 16px;
padding-top : 3px;
}
div.boxcontenu {
margin-top : 8px;
margin-bottom : 16px;
margin-left : 4px;
margin-right : 4px;
}
div.texte {
font-size : 12px;
font-weight:normal;
}
object.texte {
font-size : 12px;
font-weight: normal;
display: block;
}
div#lastnews {
width : 324px;
top : 0;
left : 0;
background-color : #506cd5;
padding : 1px;
}
div#titre_lastnews {
width : 318px;
height : 11px;
top : 0;
left : 0;
padding : 4px;
background-image : url('../charte/news_titre_fond.png');
}
div#lastmaj {
width : 284px;
top : 0;
left : 0;
background-color : #506cd5;
padding : 1px;
}
div#titre_lastmaj {
width : 278px;
height : 11px;
top : 0;
left : 0;
padding : 4px;
background-image : url('../charte/maj_titre_fond.png');
}
div#lastspace {
padding-bottom : 10px;
background-color : #ffffff;
}
div#lastvideo {
width : 284px;
top : 0;
left : 0;
background-color : #506cd5;
padding : 1px;
z-index : 1;
}
div#titre_lastvideo {
width : 278px;
height : 11px;
top : 0;
left : 0;
padding : 4px;
background-image : url('../charte/maj_titre_fond.png');
}
div#player {
z-index : 1;
}
div#caccueil {
position : relative;
}
div#cadre_images {
text-align : center;
}
div.contenubox {
background-color : #ffffff;
padding : 8px;
z-index : 1;
}
div.toolbar {
border : 1px solid #888888;
background-color : #efefef;
padding : 4px;
}
div.field_textarea {
margin-bottom : 12px;
}
div.boite_smiley, div.boite_couleur, div.boite_lien, div.boite_image {
margin-top : 2px;
border-top : 1px solid #888888;
padding-top : 4px;
padding-left : 12px;
display : none;
}
div.image_mini_evenement {
width : 180px;
height : 135px;
border : 1px solid blue;
}
div.titrebox {
color : #ffffff;
font-size : 11px;
font-weight : bold;
}
span.linact {
color : #c0c0c0;
}
img {
border : 0;
}
a {
color : #5977d5;
text-decoration : underline;
}
a.nounder {
color : #5977d5;
text-decoration : none;
}
a:hover {
color : #000000;
text-decoration : none;
}
a.menu {
font-size : 11px;
color : #ffffff;
text-decoration : none;
display : block;
float : left;
padding-top : 2px;
height : 16px;
padding-left : 4px;
padding-right : 4px;
}
a.menu:hover {
color : #000000;
background-image : url('../charte/menu_sub.png');
background-repeat : repeat-x;
display : block;
float : left;
padding-top : 2px;
height : 16px;
padding-left : 4px;
padding-right : 4px;
}
a.onglet_ {
color : #000000;
text-decoration : none;
}
a.onglet_:hover {
color : #5977d5;
text-decoration : underline;
}
a.onglet_1 {
color : #ffffff;
text-decoration : none;
}
a.smenu {
font-size : 11px;
display : block;
margin-bottom : 5px;
color : #000000;
text-decoration : none;
}
a.smenu:hover {
color : #f79520;
}
table#tdoc {
width : 100%;
height : 600px;
}
table#tform_login {
width : 100%;
}
table#news {
width : 100%;
}
table.tableau_evenement_item {
background-color : #bbbbbb;
width : 100%;
}
table.calendar_click {
background-image : url('../charte/imenu_fond.png');
border : 1pt outset;
}
th {
font-size : 11px;
color : #ffffff;
background-color : #435ed4;
}
td#pgauche {
padding-top : 12px;
padding-right : 16px;
padding-left : 8px;
vertical-align : top;
}
td#pdroite {
padding-top : 12px;
width : 198px;
vertical-align : top;
}
td.libel_form_login {
font-size : 11px;
width : 90px;
}
td.fond_cadre_news {
background-color : #efefef;
padding : 8px;
}
td.font_cadre_evenement {
background-color : #efefef;
padding : 8px;
}
td.libel_form_global {
width : 120px;
font-size : 11px;
text-align : right;
vertical-align : top;
padding-top : 5px;
}
td.field_form_global {
font-size : 11px;
}
td.tableau_evenement {
background-color : #ffffff;
}
td.onglet {
font-size : 10px;
background-color : #efefef;
padding-left : 4px;
padding-right : 4px;
}
td.onglet_actif {
font-size : 10px;
background-color : #4560d4;
padding-left : 4px;
padding-right : 4px;
}
td.tableau_evenement_titre {
font-family : arial, sans-serif;
font-size : 14px;
font-weight : bold;
color : #4560d4;
background-image : url('../charte/titre_evenement_fond.png');
background-position : 1px 1px;
}
td.tableau_evenement_libel {
background-color : #ffffff;
font-family : arial, sans-serif;
font-size : 11px;
color : #f79520;
}
td.tableau_evenement_valeur {
background-color : #ffffff;
font-family : arial, sans-serif;
font-size : 11px;
color : #000000;
font-weight : bold;
}
td.tableau_evenement_lvaleur {
background-color : #ffffff;
font-family : arial, sans-serif;
font-size : 11px;
color : #000000;
}
td.tableau_evenement_image {
background-color : #ffffff;
width : 100px;
}
td.standard {
background-color : #efefef;
font-size : 11px;
}
td.stdcentre {
background-color : #efefef;
font-size : 11px;
text-align : center;
}
td.cellule_image_mini {
text-align : center;
background-color : #efefef;
font-size : 11px;
}
h1 {
margin-top : 0;
margin-bottom : 12px;
font-size : 20px;
border-bottom : 2px solid #f79520;
color : #444444;
font-weight : normal;
}
h2 {
margin-top : 0;
margin-bottom : 12px;
font-size : 16px;
color : #f79520;
font-weight : normal;
}
h2.titre_news {
margin-bottom : 0;
font-weight : bold;
font-size : 14px;
}
p {
margin-top : 0;
margin-bottom : 12px;
font-size : 12px;
font-family : arial, sans-serif;
}
p.titrenews {
font-size : 12px;
font-weight : bold;
margin-bottom : 0;
}
p.detailnews {
font-size : 11px;
color : #999999;
}
p.detailnews_liste {
margin-bottom : 0;
font-size : 11px;
color : #999999;
}
p.detailnews_voir {
margin-bottom : 8px;
font-size : 12px;
color : #888888;
font-style : italic;
}
p.more {
text-align : right;
font-size : 11px;
margin-bottom : 0;
}
p.petit {
font-size : 11px;
}
p.infohelp {
font-size : 10px;
margin-bottom : 0;
margin-top : 2px;
border-top : 1px solid #888888;
padding-top : 4px;
}
object.petit {
font-size : 11px;
display: block;
}
q {
font-style : italic;
}
strong {
font-weight : bold;
color : #f79520;
}
em {
font-style : italic;
color : #f79520;
}
form {
margin : 0;
}
input, textarea, select {
font-family : tahoma, sans-serif;
font-size : 11px;
}
hr {
height : 1px;
border : 0;
color : #888888;
background-color : #888888;
margin-top : 0;
margin-bottom : 12px;
}
img.smiley {
vertical-align : -15%;
}
input.bouton {
border-right : 1px solid #222222;
border-bottom : 1px solid #222222;
border-top : 1px solid #dddddd;
border-left : 1px solid #dddddd;
}
input.texte {
border-top : 1px solid #222222;
border-left : 1px solid #222222;
border-right : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
padding-left : 2px;
}
textarea.editor {
border-left : 1px solid #222222;
border-right : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
border-top : 0;
font-family : "courier new", monospace, serif;
font-size : 12px;
padding : 2px;
margin-top : 0;
}
table.calendar_main {
font-family : Arial, Times, serif;
font-size : 10px;
}
.calendar_title {
color : #000000;
text-align : center;
}
.calendar_title_month_clickable {
color : #000000;
text-decoration : none;
}
.calendar_title_left_arrow {
text-align : left;
}
.calendar_title_right_arrow {
text-align : right;
}
.calendar_title_left_arrow_clickable {
color : #000000;
text-decoration : none;
}
.calendar_title_right_arrow_clickable {
color : #000000;
text-decoration : none;
}
.calendar_table {
border : none;
border-collapse : collapse;
font-size : 10px;
}
.calendar_table td {
border : 1px solid #99a9b6;
text-align : center;
width : 20px;
}
.calendar_table th {
border : 1px solid #99a9b6;
background-color : #4560d4;
font-weight : normal;
text-align : center;
}
.calendar_weekend {
background-color : #cccccc;
}
.calendar_clickable {
background-color : #f79520;
}
.calendar_already_clickable {
background-color : #ffd540;
}
.calendar_already_clickable_two {
background-color : #ffd540;
background-image : url('../charte/calendar_clickable_two.png');
}
.calendar_other_month {
color : #999999;
}
.calendar_other_month_clickable {
background-color : #f79520;
color : #999999;
text-decoration : none;
}
.calendar_today {
color : #ff0000;
}
.calendar_today_clickable {
background-color : #f79520;
color : #ff0000;
text-decoration : none;
}
.calendar_day_clickable {
background-color : #f79520;
color : #000000;
text-decoration : none;
}
td.etat_b {
background-color : #efefef;
font-size : 11px;
text-align : center;
color : #ff8000;
}
td.etat_o {
background-color : #efefef;
font-size : 11px;
text-align : center;
color : #ff0000;
}
td.etat_v {
background-color : #efefef;
font-size : 11px;
text-align : center;
color : #008000;
}