/* CSS Document */ body { background:#fff; color:#09395F; /* texte bleu*/ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9pt; } ul {list-style:none;} .href { cursor:pointer; text-decoration:underline; } * {margin:0; padding:0;} .bold { font-weight:bold; } .italic { font-style:italic; } .clear { font-size:1pt; height:1px; clear:both;} .center { text-align:center; } .right { text-align:right; margin-right:10px; } .left { text-align:left; margin-left:10px; } .size8 { font-size:8pt; } .displaynone { display:none; } .date { font-size:8pt; text-align:right ; padding-bottom:15px; } th {color:#09395F; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9pt; font-weight:bold; text-align:center; background-color:#e3ebf5; } td {color:#09395F; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9pt; padding:1px 1px 1px 3px; } .tabler-border { border:#a1c1de 1px solid; border-collapse: collapse;} /**/ #conteneur { width:990px; margin:5px; } /***************************************************************************/ /****************** Menu haut *********************/ #header { /* margin-left:200px;*/ height:20px; } #header-menu { margin: 0; display:inline; } #header-menu li { font-weight: bold; float: right; padding:3px 5px 0 5px; color:#9e1b32; height:20px; background-color: #FFFFFF; } #header-menu li a { color: #9e1b32; text-decoration:none; } #header-menu li a:hover { color: #9e1b32; text-decoration:underline; } .header-lien { padding:0 5px 0 5px; } /********** Changement de hauteur de la tetiere de 90px à 110px avec le logo de la RF dans le logo de l'AC ***********/ .tetiere { background:url(../images2008/fond-teitiere-a.jpg) no-repeat left top; height:110px; } .tetiere2 { width:780; height:90px; } /***************************************************************************/ /****************** frame gauche *********************/ #frame-menu { float:left; margin:0px; padding:0px; width:215px; height:auto; } #frame-menu-m { background:url(../images2008/fond-frame.gif) no-repeat left top; margin:0px; padding:0px; width:196px; } #frame-menu-b { background:url(../images2008/fond-frame-b.gif) repeat-y left top; margin:0px; padding:0px; width:196px; } #frame-menu p { border-bottom:#FFFFFF 1px solid; height:30px; padding-top:0px; padding-left:0px;} #frame-menu a { color:#000000; text-decoration:none;} #frame-menu a:hover { color:#fff; text-decoration:none;} /** proprietes des champs de formulaire****/ input { font-size:xx-small; color:#09395F; margin-left: 5px; background:#FFF; border:none; width:160px } #formulaire { /* height:60px; */ padding-top:70px;} #fond-bleu { background:url(../images2008/fond-frame-b.gif) repeat-y 0px 0; } /***************************************************************************/ /****************** frame gauche menu *********************/ #menu, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 , #menu9 , #menu10 { z-index:2; } #menu dt, #menu1 dt, #menu2 dt, #menu3 dt, #menu4 dt, #menu5 dt, #menu6 dt, #menu7 dt, #menu8 dt { cursor:pointer; margin:0; padding:0; border-bottom-color:#FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; height:30px; width:196px; } #menu9 dt, #menu10 dt { cursor:pointer; margin:0; padding:0; border-bottom-color:#FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; width:196px; } #menu ul, #menu1 ul, #menu2 ul, #menu3 ul, #menu4 ul, #menu5 ul, #menu6 ul, #menu7 ul, #menu8 ul { padding:2px 2px 2px 10px} /** #menu li a, #menu1 li a, #menu2 li a, #menu3 li a, #menu4 li a, #menu5 li a, #menu6 li a, #menu7 li a, #menu8 li a { color:#fff;} */ #menu li a, #menu1 li a, #menu2 li a, #menu3 li a, #menu4 li a, #menu5 li a, #menu6 li a, #menu7 li a, #menu8 li a { color:#fff;} #menu ul li, #menu1 ul li, #menu2 ul li, #menu3 ul li, #menu4 ul li, #menu5 ul li, #menu6 ul li, #menu7 ul li, #menu8 ul li { margin-bottom: 5px } #menu li a:hover, #menu1 li a:hover, #menu2 li a:hover, #menu3 li a:hover, #menu4 li a:hover, #menu5 li a:hover, #menu6 li a:hover, #menu7 li a:hover, #menu8 li a:hover { font-weight: bold; text-decoration:none; } #menu dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#9e1b32; padding:3px 0 0 0; } #menu1 dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#004f5c; padding:3px 0 0 0 ; } #menu2 dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#d40072; padding:3px 0 0 0 } #menu3 dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#aac000; padding:3px 0 0 0 } /*vert bed600*/ #menu4 dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#00ace5; padding:3px 0 0 0 } #menu5 dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#e5a207; padding:3px 0 0 0 } /*jaune f4aa00*/ #menu6 dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#d6492a; padding:3px 0 0 0 } #menu7 dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#9c9100; padding:3px 0 0 0 } #menu8 dd { font-weight: bold; position:absolute; z-index:3; left:190px; margin-top:-2.0em; width:160px; border:1px solid #fff; background:#4f107a; padding:3px 0 0 0 } #menu dd a:hover, #menu1 dd a:hover, #menu2 dd a:hover, #menu3 dd a:hover,#menu4 dd a:hover, #menu5 dd a:hover, #menu6 dd a:hover, #menu7 dd a:hover, #menu8 dd a:hover { font-weight: bold; text-decoration:underline; } ul li { } #menu dd ul, #menu1 dd ul, #menu2 dd ul, #menu3 dd ul, #menu4 dd ul, #menu5 dd ul, #menu6 dd ul, #menu7 dd ul, #menu8 dd ul { list-style-image: url(../images2008/puce.gif); margin-left:15px;} /***************************************************************************/ /****************** Centre *********************/ #frame-centre { float:left; margin:30px 5px 0 15px; padding:0px; width:755px; text-align:justify; /*overflow:hidden;*/ } #frame-centre p { padding:4px 4px 5px 5px; line-height: 13pt; } #frame-centre a { color:#09395F; font-weight: bold; text-decoration:none;} #frame-centre a:hover { color:#09395F; font-weight: bold; text-decoration:underline; } #frame-centre ul { list-style:inside; padding:5px 0 5px 15px; } /* Pas de largeur */ #frame-centre2 { float:left; margin:10px 0 0 0; padding:0px; text-align:justify; } #frame-centre2 p { padding:4px 5px 5px 5px; line-height: 13pt; } #frame-centre2 a { color:#09395F; font-weight: bold; text-decoration:none;} #frame-centre2 a:hover { color: #09395F; font-weight: bold; text-decoration:underline; } #frame-centre2 ul { list-style:inside; padding:5px 0 5px 15px; } /* Pas de largeur */ #frame-centre100 { width: auto; overflow:visible; } /***************************************************************************/ /****************** décisions/procedure/communiques *********************/ .decision { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#004F5C; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } .procedure { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#aac000;display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } .communiques { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#4f107a; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #frame-centre a.H_communiques { color:#4f107a; font-weight: bold; text-decoration:none;} #frame-centre a.H_communiques:hover { color:#4f107a; font-weight: bold; text-decoration:underline; } #frame-centre a.H_avis { color:#00ACE5; font-weight: bold; text-decoration:none;} #frame-centre a.H_avis:hover { color:#00ACE5; font-weight: bold; text-decoration:underline; } #frame-centre a.H_decisions { color:#004F5C; font-weight: bold; text-decoration:none;} #frame-centre a.H_decisions:hover { color:#004F5C; font-weight: bold; text-decoration:underline; } #frame-centre a.H_dcc { color:#AAC000; font-weight: bold; text-decoration:none;} #frame-centre a.H_dcc:hover { color:#AAC000; font-weight: bold; text-decoration:underline; } #frame-centre a.H_avis2 { color:#00ACE5; font-weight: bold; text-decoration:none; padding:5px 0 10px 80px; background:url(../images2008/rond-suite-bleu.gif) no-repeat 60px 8px;} #frame-centre a.H_avis2:hover { color:#00ACE5; font-weight: bold; text-decoration:underline; padding:5px 0 10px 80px; background:url(../images2008/rond-suite-bleu.gif) no-repeat 60px 8px; } #frame-centre a.H_decisions2 { color:#004F5C; font-weight: bold; text-decoration:none; padding:5px 0 10px 80px; background:url(../images2008/rond-suite-vertb.gif) no-repeat 60px 8px;} #frame-centre a.H_decisions2:hover { color:#004F5C; font-weight: bold; text-decoration:underline; padding:5px 0 10px 80px; background:url(../images2008/rond-suite-vertb.gif) no-repeat 60px 8px; } #frame-centre a.H_dcc2 { color:#AAC000; font-weight: bold; text-decoration:none; padding:5px 0 10px 80px; background:url(../images2008/rond-suite-vert.gif) no-repeat 60px 8px;} #frame-centre a.H_dcc2:hover { color:#AAC000; font-weight: bold; text-decoration:underline; padding:5px 0 10px 80px; background:url(../images2008/rond-suite-vert.gif) no-repeat 60px 8px;} /***************************************************************************/ /****************** A la une height:500px;*********************/ #frame-alaune { float:right; width:176px; padding:0; margin:0 2px 20px 40px} #frame-alaune-cadre { width:176px; padding:0; margin:0; border-right: 1px solid #aaa096; border-bottom: 1px solid #aaa096; border-left: 1px solid #aaa096;} #frame-alaune-cadre a {padding:0 0 20px 15px; } /* #alaune { width:176px; height:42px; padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#9e1b32; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } */ #alaune {font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#9e1b32; margin:10px 0 0 0; } /***************************************************************************/ /********** Centre : titre, sous titre, chapeau ... *********************/ /***************************************************************************/ #menu-violet { margin-bottom:10px} #menu-violet H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#4f107a; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-violet H2 { padding:20px 0 10px 40px; font-size:14pt; color:#4f107a; font-weight: bold; background:url(../images2008/fleche-rond-suite-violet.gif) no-repeat 10px 25px; } #menu-violet H3 { padding:10px 0 15px 70px; font-size:11pt; color:#4f107a; font-weight: bold; background:url(../images2008/fleche-suite-violet.gif) no-repeat 50px 14px; } #menu-violet H4 { padding:5px 0 10px 100px; font-size:10pt; color:#4f107a; background:url(../images2008/rond-suite-violet.gif) no-repeat 80px 8px; } #menu-violet H5 { padding:3px 0 0 15px; font-size:10pt; color:#4f107a; background:url(../images2008/puce-violet.gif) no-repeat 5px 8px; font-weight:bold; } .chapeau-violet { border-left:#4f107a solid 3px; padding:4px; margin:4px;} #chapeau-violet { border-left:#4f107a solid 3px; padding:4px; margin:4px;} .separateur-violet { background:url(../images2008/separateur-violet.gif) no-repeat center 10px;} #menu-violet a { color:#4f107a; font-weight: bold; text-decoration:none;} #menu-violet a:hover { color:#4f107a; font-weight: bold; text-decoration:underline; } #menu-violet ul {list-style:disc; margin-left:15px} #menu-violet ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-or { margin-bottom:10px} #menu-or H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#9c9100; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-or H2 { padding:20px 0 10px 40px; font-size:14pt; color:#9c9100; font-weight: bold; background:url(../images2008/fleche-rond-suite-or.gif) no-repeat 10px 25px; } #menu-or H3 { padding:10px 0 10px 70px; font-size:11pt; color:#9c9100; font-weight: bold; background:url(../images2008/fleche-suite-or.gif) no-repeat 50px 14px; } #menu-or H4 { padding:5px 0 10px 100px; font-size:10pt; color:#9c9100; background:url(../images2008/rond-suite-or.gif) no-repeat 80px 8px; } #menu-or H5 { padding:3px 0 0 15px; font-size:10pt; color:#9c9100; background:url(../images2008/puce-or.gif) no-repeat 5px 8px; font-weight:bold; } #menu-or H6 { padding:3px 0 0 25px; font-size:10pt; color:#9c9100; background:url(../images2008/puce-or.gif) no-repeat 5px 8px; font-weight:bold; } #menu-or a { color:#9c9100; font-weight: bold; text-decoration:none;} #menu-or a:hover { color:#9c9100; font-weight: bold; text-decoration:underline; } /* [] qui fonctionne sur FF */ #menu-or a[href] { text-decoration:none;font-weight: bold;} #menu-or a[name] { color:#09395F;text-decoration:none;font-weight: normal;} .chapeau-or { border-left:#9c9100 solid 3px; padding:4px; margin:4px;} #chapeau-or { border-left:#9c9100 solid 3px; padding:4px; margin:4px;} #chapeau-or p a { text-decoration:none; color:#09395F;font-weight: normal;} /* IE */ .separateur-or { background:url(../images2008/separateur-or.gif) no-repeat center 10px;} #menu-or ul {list-style:disc; margin-left:15px} #menu-or ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-rouge { margin-bottom:10px} /* #menu-rouge H1 { height:29px; padding-left:5px; padding-top:3px; font-size:14pt; color:#FFFFFF; font-weight: bold; background:url(../images2008/fond-menu-rouge.gif) no-repeat 0 0; } */ #menu-rouge H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#9e1b32; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-rouge H2 { padding:20px 0 10px 40px; font-size:14pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-rond-suite-rouge.gif) no-repeat 10px 25px; } #menu-rouge H3 { padding:10px 0 10px 70px; font-size:11pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-suite-rouge.gif) no-repeat 50px 14px; } #menu-rouge H4 { padding:5px 0 10px 100px; font-size:10pt; color:#9e1b32; background:url(../images2008/rond-suite-rouge.gif) no-repeat 80px 8px; } #menu-rouge H5 { padding:3px 0 0 15px; font-size:10pt; color:#9e1b32; background:url(../images2008/puce-rouge.gif) no-repeat 5px 8px; font-weight:bold; } .chapeau-rouge { border-left:#9e1b32 solid 3px; padding:4px; margin:4px;} #chapeau-rouge { border-left:#9e1b32 solid 3px; padding:4px; margin:4px;} .separateur-rouge { background:url(../images2008/separateur-rouge.gif) no-repeat center 10px;} #menu-rouge a { color:#9f1b32; font-weight: bold; text-decoration:none;} #menu-rouge a:hover { color:#9f1b32; font-weight: bold; text-decoration:underline; } #menu-rouge ul {list-style:disc; margin-left:15px} #menu-rouge ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-rouge120 { margin-bottom:10px} #menu-rouge120 H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#9e1b32; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-rouge120 H2 { padding:20px 0 10px 40px; font-size:14pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-rond-suite-rouge.gif) no-repeat 10px 25px; } #menu-rouge120 H3 { padding:10px 0 10px 70px; font-size:11pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-suite-rouge.gif) no-repeat 50px 14px; } #menu-rouge120 H4 { padding:5px 0 10px 100px; font-size:10pt; color:#9e1b32; background:url(../images2008/rond-suite-rouge.gif) no-repeat 80px 8px; } #menu-rouge120 H5 { padding:3px 0 0 15px; font-size:10pt; color:#9e1b32; background:url(../images2008/puce-rouge.gif) no-repeat 5px 8px; font-weight:bold; } #menu-rouge120 a { color:#9f1b32; font-weight: bold; text-decoration:none;} #menu-rouge120 a:hover { color:#9f1b32; font-weight: bold; text-decoration:underline; } #menu-rouge120 ul {list-style:disc; margin-left:15px} #menu-rouge120 ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-rouge200 { margin-bottom:10px} #menu-rouge200 H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#9e1b32; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-rouge200 H2 { padding:20px 0 10px 40px; font-size:14pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-rond-suite-rouge.gif) no-repeat 10px 25px; } #menu-rouge200 H3 { padding:10px 0 10px 70px; font-size:11pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-suite-rouge.gif) no-repeat 50px 14px; } #menu-rouge200 H4 { padding:5px 0 10px 100px; font-size:10pt; color:#9e1b32; background:url(../images2008/rond-suite-rouge.gif) no-repeat 80px 8px; } #menu-rouge200 H5 { padding:3px 0 0 15px; font-size:10pt; color:#9e1b32; background:url(../images2008/puce-rouge.gif) no-repeat 5px 8px; font-weight:bold; } #menu-rouge200 a { color:#9f1b32; font-weight: bold; text-decoration:none;} #menu-rouge200 a:hover { color:#9f1b32; font-weight: bold; text-decoration:underline; } #menu-rouge200 ul {list-style:disc; margin-left:15px} #menu-rouge200 ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-rouge400 { margin-bottom:10px} #menu-rouge400 H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#9e1b32; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-rouge400 H2 { padding:20px 0 10px 40px; font-size:14pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-rond-suite-rouge.gif) no-repeat 10px 25px; } #menu-rouge400 H3 { padding:10px 0 10px 70px; font-size:11pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-suite-rouge.gif) no-repeat 50px 14px; } #menu-rouge400 H4 { padding:5px 0 10px 100px; font-size:10pt; color:#9e1b32; background:url(../images2008/rond-suite-rouge.gif) no-repeat 80px 8px; } #menu-rouge400 H5 { padding:3px 0 0 15px; font-size:10pt; color:#9e1b32; background:url(../images2008/puce-rouge.gif) no-repeat 5px 8px; font-weight:bold; } #menu-rouge400 a { color:#9f1b32; font-weight: bold; text-decoration:none;} #menu-rouge400 a:hover { color:#9f1b32; font-weight: bold; text-decoration:underline; } #menu-rouge400 ul {list-style:disc; margin-left:15px} #menu-rouge400 ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-recherche { margin-bottom:10px} #menu-recherche H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#9e1b32; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-recherche H2 { padding:20px 0 10px 40px; font-size:14pt; color:#9e1b32; font-weight: bold; background:url(../images2008/fleche-rond-suite-rouge.gif) no-repeat 10px 25px; } #menu-recherche H3 { padding:10px 0 10px 70px; font-size:11pt; color:#9e1b32; font-weight: bold; background:url(../imageshauteur8/fleche-suite-rouge.gif) no-repeat 50px 14px; } #menu-recherche H4 { padding:5px 0 10px 100px; font-size:10pt; color:#9e1b32; background:url(../imageshauteur8/rond-suite-rouge.gif) no-repeat 80px 8px; } #menu-recherche H5 { padding:3px 0 0 15px; font-size:10pt; color:#9e1b32; background:url(../images2008/puce-rouge.gif) no-repeat 5px 8px; font-weight:bold; } #menu-recherche a { color:#9f1b32; font-weight: bold; text-decoration:none;} #menu-recherche a:hover { color:#9f1b32; font-weight: bold; text-decoration:underline; } #menu-recherche dl { margin-bottom:20px; padding:0; } #menu-recherche ul {list-style:disc; margin-left:15px} #menu-recherche ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-vertb { margin-bottom:10px} #menu-vertb H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#004f5c; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-vertb H2 { padding:20px 0 10px 40px; font-size:14pt; color:#004f5c; font-weight: bold; background:url(../images2008/fleche-rond-suite-vertb.gif) no-repeat 10px 25px; } #menu-vertb H3 { padding:10px 0 10px 70px; font-size:11pt; color:#004f5c; font-weight: bold; background:url(../images2008/fleche-suite-vertb.gif) no-repeat 50px 14px; } #menu-vertb H4 { padding:5px 0 10px 100px; font-size:10pt; color:#004f5c; background:url(../images2008/rond-suite-vertb.gif) no-repeat 80px 8px; } #menu-vertb H5 { padding:3px 0 0 15px; font-size:10pt; color:#004f5c; background:url(../images2008/puce-vertb.gif) no-repeat 5px 8px; font-weight:bold; } .chapeau-vertb { border-left:#004f5c solid 3px; padding:4px; margin:4px;} #chapeau-vertb { border-left:#004f5c solid 3px; padding:4px; margin:4px;} .separateur-vertb { background:url(../images2008/separateur-vertb.gif) no-repeat center 10px;} #menu-vertb a { color:#004f5c; font-weight: bold; text-decoration:none;} #menu-vertb a:hover { color:#004f5c; font-weight: bold; text-decoration:underline; } #menu-vertb ul {list-style:disc; margin-left:15px} #menu-vertb ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-rose { margin-bottom:10px} #menu-rose H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#d40072; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-rose H2 { padding:20px 0 10px 40px; font-size:14pt; color:#d40072; font-weight: bold; background:url(../images2008/fleche-rond-suite-rose.gif) no-repeat 10px 25px; } #menu-rose H3 { padding:10px 0 10px 70px; font-size:11pt; color:#d40072; font-weight: bold; background:url(../images2008/fleche-suite-rose.gif) no-repeat 50px 14px; } #menu-rose H4 { padding:5px 0 10px 100px; font-size:10pt; color:#d40072; background:url(../images2008/rond-suite-rose.gif) no-repeat 80px 8px; } #menu-rose H5 { padding:3px 0 0 15px; font-size:10pt; color:#d40072; background:url(../images2008/puce-rose.gif) no-repeat 5px 8px; font-weight:bold; } #menu-rose H6 { padding:3px 0 0 5px; font-size:9pt; color:#d40072; } .chapeau-rose { border-left:#d40072 solid 3px; padding:4px; margin:4px;} #chapeau-rose { border-left:#d40072 solid 3px; padding:4px; margin:4px;} .separateur-rose { background:url(../images2008/separateur-rose.gif) no-repeat center 10px;} #menu-rose a { color:#d40072; font-weight: bold; text-decoration:none;} #menu-rose a:hover { color:#d40072; font-weight: bold; text-decoration:underline; } #menu-rose ul {list-style:disc; margin-left:15px;} #menu-rose ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-orange { margin-bottom:10px} #menu-orange H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#d6492a; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-orange H2 { padding:20px 0 10px 40px; font-size:14pt; color:#d6492a; font-weight: bold; background:url(../images2008/fleche-rond-suite-orange.gif) no-repeat 10px 25px; } #menu-orange H3 { padding:10px 0 10px 70px; font-size:11pt; color:#d6492a; font-weight: bold; background:url(../images2008/fleche-suite-orange.gif) no-repeat 50px 14px; } #menu-orange H4 { padding:5px 0 10px 100px; font-size:10pt; color:#d6492a; background:url(../images2008/rond-suite-orange.gif) no-repeat 80px 8px; } #menu-orange H5 { padding:3px 0 0 15px; font-size:10pt; color:#d6492a; background:url(../images2008/puce-orange.gif) no-repeat 5px 8px; font-weight:bold; } .chapeau-orange { border-left:#d6492a solid 3px; padding:4px; margin:4px;} #chapeau-orange { border-left:#d6492a solid 3px; padding:4px; margin:4px;} .separateur-orange { background:url(../images2008/separateur-orange.gif) no-repeat center 10px;} #menu-orange a { color:#d6492a; font-weight: bold; text-decoration:none;} #menu-orange a:hover { color:#d6492a; font-weight: bold; text-decoration:underline; } #menu-orange ul {list-style:disc; margin-left:15px} #menu-orange ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-bleu { margin-bottom:10px} #menu-bleu H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#00ace5; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-bleu H2 { padding:20px 0 10px 40px; font-size:14pt; color:#00ace5; font-weight: bold; background:url(../images2008/fleche-rond-suite-bleu.gif) no-repeat 10px 25px; } #menu-bleu H3 { padding:10px 0 10px 70px; font-size:11pt; color:#00ace5; font-weight: bold; background:url(../images2008/fleche-suite-bleu.gif) no-repeat 50px 14px; } #menu-bleu H4 { padding:5px 0 10px 100px; font-size:10pt; color:#00ace5; background:url(../images2008/rond-suite-bleu.gif) no-repeat 80px 8px; } #menu-bleu H5 { padding:3px 0 0 15px; font-size:10pt; color:#00ace5; background:url(../images2008/puce-bleu.gif) no-repeat 5px 8px; font-weight:bold; } .chapeau-bleu { border-left:#00ace5 solid 3px; padding:4px; margin:4px;} #chapeau-bleu { border-left:#00ace5 solid 3px; padding:4px; margin:4px;} .separateur-bleu { background:url(../images2008/separateur-bleu.gif) no-repeat center 10px;} #menu-bleu a { color:#00ace5; font-weight: bold; text-decoration:none;} #menu-bleu a:hover { color:#00ace5; font-weight: bold; text-decoration:underline; } #menu-bleu ul {list-style:disc; margin-left:15px} #menu-bleu ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ #menu-jaune { margin-bottom:10px} #menu-jaune H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#e5a207; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-jaune H2 { padding:20px 0 10px 40px; font-size:14pt; color:#e5a207; font-weight: bold; background:url(../images2008/fleche-rond-suite-jaune.gif) no-repeat 10px 25px; } #menu-jaune H3 { padding:10px 0 10px 70px; font-size:11pt; color:#e5a207; font-weight: bold; background:url(../images2008/fleche-suite-jaune.gif) no-repeat 50px 14px; } #menu-jaune H4 { padding:5px 0 10px 100px; font-size:10pt; color:#e5a207; background:url(../images2008/rond-suite-jaune.gif) no-repeat 80px 8px; } #menu-jaune H5 { padding:3px 0 0 15px; font-size:10pt; color:#e5a207; background:url(../images2008/puce-jaune.gif) no-repeat 5px 8px; font-weight:bold; } .chapeau-jaune { border-left:#e5a207 solid 3px; padding:4px; margin:4px;} #chapeau-jaune { border-left:#e5a207 solid 3px; padding:4px; margin:4px;} .separateur-jaune { background:url(../images2008/separateur-jaune.gif) no-repeat center 10px;} #menu-jaune a { color:#e5a207; font-weight: bold; text-decoration:none;} #menu-jaune a:hover { color:#e5a207; font-weight: bold; text-decoration:underline; } #menu-jaune ul {list-style:disc; margin-left:15px} #menu-jaune ol {list-style:decimal; margin-left:40px;} #menu-jaune label { display: block; width: 250px; float: left; padding-left: 5px; } #menu-jaune label:hover { font-weight: bold; } #menu-jaune .btn-effacer-rouge { background:url(../images2008/btn-fermer-fd.gif) no-repeat 0 0; padding:3px 5px 3px 25px; margin:0 5px 0 15px; color:#9f1b32; } #menu-jaune .btn-effacer-rouge a { color:#9f1b32; } #menu-jaune .btn-effacer-rouge a:hover { color:#9f1b32; } #menu-jaune .btn-valider-rouge { background:url(../images2008/btn-valider-fd.gif) no-repeat 0 0; padding:3px 5px 3px 25px; margin:0 5px 0 15px; color:#9f1b32; } #menu-jaune .btn-valider-rouge a { color:#9f1b32; } #menu-jaune .btn-valider-rouge a:hover { color:#9f1b32; } /***************************************************************************/ #menu-vert { margin-bottom:10px} #menu-vert H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#aac000; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-vert H2 { padding:20px 0 10px 40px; font-size:14pt; color:#aac000; font-weight: bold; background:url(../images2008/fleche-rond-suite-vert.gif) no-repeat 10px 25px; } #menu-vert H3 { padding:10px 0 10px 70px; font-size:11pt; color:#aac000; font-weight: bold; background:url(../images2008/fleche-suite-vert.gif) no-repeat 50px 14px; } #menu-vert H4 { padding:5px 0 10px 100px; font-size:10pt; color:#aac000; background:url(../images2008/rond-suite-vert.gif) no-repeat 80px 8px; } #menu-vert H5 { padding:3px 0 0 15px; font-size:10pt; color:#aac000; background:url(../images2008/puce-vert.gif) no-repeat 5px 8px; font-weight:bold; } #menu-vert H6 { padding-left:15px; font-size:9pt;color:#09395F; background:url(../images2008/puce-vert.gif) no-repeat 0px 5px; font-weight:bold; } .chapeau-vert { border-left:#aac000 solid 3px; padding:4px; margin:4px;} #chapeau-vert { border-left:#aac000 solid 3px; padding:4px; margin:4px;} .separateur-vert { background:url(../images2008/separateur-vert.gif) no-repeat center 10px;} #menu-vert a { color:#aac000; font-weight: bold; text-decoration:none;} #menu-vert a:hover { color:#aac000; font-weight: bold; text-decoration:underline; } #menu-vert ul {list-style:disc; margin-left:15px} #menu-vert ol {list-style:decimal; margin-left:40px;} #menu-vert .btn-effacer-rouge { background:url(../images2008/btn-fermer-fd.gif) no-repeat 0 0; padding:3px 5px 3px 25px; margin:0 5px 0 15px; color:#9f1b32; } #menu-vert .btn-effacer-rouge a { color:#9f1b32; } #menu-vert .btn-effacer-rouge a:hover { color:#9f1b32; } #menu-vert .btn-valider-rouge { background:url(../images2008/btn-valider-fd.gif) no-repeat 0 0; padding:3px 5px 3px 25px; margin:0 5px 0 15px; color:#9f1b32; } #menu-vert .btn-valider-rouge a { color:#9f1b32; } #menu-vert .btn-valider-rouge a:hover { color:#9f1b32; } /***************************************************************************/ #menu-bleuciel { margin-bottom:10px} #menu-bleuciel H1 { padding:5px 10px; font-size:14pt; color:#FFFFFF; font-weight: bold; background-color:#92b1cd; display:inline-block ; zoom:1 ; *display:inline ; width:auto ; margin:10px 0 0 0; } #menu-bleuciel H2 { padding:20px 0 10px 40px; font-size:14pt; color:#92b1cd; font-weight: bold; background:url(../images2008/fleche-rond-suite-bleuciel.gif) no-repeat 10px 25px; } #menu-bleuciel H3 { padding:10px 0 10px 70px; font-size:11pt; color:#92b1cd; font-weight: bold; background:url(../images2008/fleche-suite-bleuciel.gif) no-repeat 50px 14px; } #menu-bleuciel H4 { padding:5px 0 10px 100px; font-size:10pt; color:#92b1cd; background:url(../images2008/rond-suite-bleuciel.gif) no-repeat 80px 8px; } #menu-bleuciel H5 { padding:3px 0 0 15px; font-size:10pt; color:#92b1cd; background:url(../images2008/puce-bleuciel.gif) no-repeat 5px 8px; font-weight:bold; } .chapeau-bleuciel { border-left:#92b1cd solid 3px; padding:4px; margin:4px;} #chapeau-bleuciel { border-left:#92b1cd solid 3px; padding:4px; margin:4px;} .separateur-bleuciel { background:url(../images2008/separateur-bleuciel.gif) no-repeat center 10px;} #menu-bleuciel a { color:#00ace5; font-weight: bold; text-decoration:none;} #menu-bleuciel a:hover { color:#00ace5; font-weight: bold; text-decoration:underline; } #menu-bleuciel ul {list-style:disc; margin-left:15px} #menu-bleuciel ol {list-style:decimal; margin-left:40px;} /***************************************************************************/ /**************** FIN Centre : titre, sous titre, chapeau ... **********/ /***************************************************************************/ /**************** AVIS **********/ #chapeau-avis { padding:4px; margin:0 4px 4px 4px; background-color:#e3ebf5; border-left:#00ace5 solid 1px; border-bottom:#00ace5 solid 1px; border-right:#00ace5 solid 1px; } .droite { text-align:right; line-height: 10pt; } .titre-avis-fond { border:#9e1b32 solid 1px; padding:4px; margin: 4px 4px 0 4px; background-color:#9e1b32; } .titre-avis { border:#00ace5 solid 1px; padding:4px; margin: 4px 4px 0 4px; } .size14 { font-size:14pt; color:#fff; font-weight:bold;} .size12 { font-size:11pt; color:#fff; font-weight:bold;} /************************ Recherche **********************/ .input { font-size:9pt; color:#09395F; margin-left: 5px; background:#FFF; width:350px; border: 1px solid #a1c1de; } .input20 { font-size:9pt; color:#09395F; margin-left: 5px; background:#FFF; width:20px; border: 0px solid #a1c1de; } .input50 { font-size:9pt; color:#09395F; margin-left: 5px; background:#FFF; width:50px; border: 1px solid #a1c1de; } /* Label */ #menu-bleuciel label { display: block; width: 250px; float: left; padding-left: 5px; } #menu-bleuciel label:hover { font-weight: bold; } .btn-effacer { background:url(../images2008/btn-fermer-fd.gif) no-repeat 0 0; padding:3px 5px 3px 25px; margin:0 5px 0 15px; } .btn-valider { background:url(../images2008/btn-valider-fd.gif) no-repeat 0 0; padding:3px 5px 3px 25px; margin:0 5px 0 15px; } /************************ Lettre **********************/ #menu-rouge label { display: block; width: 250px; float: left; padding-left: 5px; } #menu-rouge label:hover { font-weight: bold; } .rouge { color:#9e1b32;} .cadre-rouge { border:#9e1b32 solid 1px; padding:4px; margin: 4px 4px 0 4px; } /***************************************************************************/ /****************** IMPRIMER *********************/ #imprimer { background:url(../images2008/btn-imprimer-fd.gif) no-repeat 0 0; padding:3px 5px 3px 25px; margin:0 15px 0 15px; float:right; } #imprimer a { color:#9e1b32; font-weight: bold; text-decoration:none;} #imprimer a:hover { color:#9e1b32; font-weight: bold; text-decoration:none;} /****************** ILLUSTITRE *********************/ #illustitreRDV { padding:0px 15px 3px 25px; top:-28px;margin-right:70px;float:right; z-index:1; position:relative; } #illustitre { padding:0px 15px 3px 25px; top:-28px;margin-right:70px;float:right; z-index:1; position:relative; } /***************************************************************************/ /****************** dame jambe *********************/ #dame { margin-bottom:0px; margin-left:5px; background:url(../images2008/pied-dame.gif) no-repeat 0 0; width:900px; height:75px; } #dame p { margin-left:250px; font-size:8pt; } /********************** FOOTER *********************/ #footer { width:990; height: 100px; margin:0; } #footer-fond { width:990; height: 35px; margin:-10px 0 0 0; background:url(../images2008/fond-piedpage.gif) no-repeat 0 2px; } #footer-menu { margin: 0 0 0 150px; /* display:inline; */} #footer-menu li { font-weight: bold; float: right; padding:8px 10px 0 0; } #footer-menu li a { color: #000; text-decoration:none; } #footer-menu li a:hover { color: #000; text-decoration:underline; } .footer-lien { padding:0 10px 0 10px; } /******************* FOOTER **************************/ /******************* SCROLL ACCUEIL **************************/ #marqueecontainer{ position: relative; width: 90%; /*marquee width */ height: 550px; /*marquee height */ background-color: white; overflow: hidden; border: 0px ; padding: 2px; padding-left: 4px; } /******************* SCROLL ACCUEIL **************************/ /******************* PLAYER **************************/ .video-container { padding:5px} .video-content { } #videoBox { display:inline-block; *display:inline; zoom:1; width:58%; vertical-align:top} #transcriptBox { display:inline-block; *display:inline; zoom:1; width:40%; vertical-align:top} #transcriptBox ul { margin: 0; padding:10px 10px 10px 20px; list-style:none } #transcriptBox ul li { margin:7px 0; padding:0; border-bottom:1px solid #ffffff; padding-left:15px; background:url(../images2008/puce-video1.png) no-repeat left top} #transcriptBox ul li a { display:block; position:relative; padding:5px 5px 5px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none; color:#000000} #transcriptBox ul li a:hover { color: #9f1b32; text-decoration:none} #playlist { display:table;} #playlist li{ cursor:pointer; padding:8px;} #playlist li:hover{ color:blue; } #videoarea { float:left; margin:10px; border:1px solid silver; } /******************* PLAYER **************************/