img { behavior: url("pngfix.htc");} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img { border: none; } a { text-decoration: none; color:#0d69a6 } a:hover { text-decoration: underline; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; background-color:#3c79a8} #centrer { width:1003px; margin:0 auto} #header { display:block; width:1003px; height:140px; } #container {float:left; background: url(../images/footer_bg.gif) bottom no-repeat #fff; width:1003px} #contenu {float:left; width:1003px; background:url(../images/bleu_container.png) top no-repeat;} #gauche {float:left; width:254px; } #gauche #recherche{margin:5px 0 0 14px } #gauche #newsletter {width:203px; height:58px; background:url(../images/newsletter.png) no-repeat top; float:left; color:#069; padding:14px; margin-left:14px;} #gauche #newsletter h3 {float:left; margin-left: 30px; padding:0; font-size:14px; font-weight:bold; } #gauche #newsletter p {float:left; margin:7px 0; clear:both; width:100%} #gauche #newsletter label {float:left; clear:both; font-weight:bold; margin-top:4px} #gauche #newsletter input#mail { width:105px; margin:0 5px} #gauche #newsletter input { vertical-align:middle} #gauche #publicite { float:left; margin: 0 0 15px 0} #gauche #publicite ul {padding:0; margin:40px 0 0 0} #gauche #publicite ul li { list-style:none; padding:0 0 7px 0; margin:0 0 0 14px} #gauche #publicite ul li.enValeur { margin: 0 0 10px 10px} #gauche #publicite ul li.enValeur img { border:4px solid #C00; } #droite {float:right; width:749px; padding-top:16px} #droite #contenuTexte { width:720px; padding:10px 13px 10px 16px; background:url(../images/fd_texte.png); font-size:11px; color:#003267; min-height:1000px;} #droite #piedTexte{ width:749px; height:40px; background:url(../images/pied_texte.png) bottom no-repeat; } /*#droite #contenuTexte h1{ font-size: 18px; font-weight: bold; color: #a8c4d2; display: block; margin:20px 0}*/ #droite #contenuTexte #fil { border-bottom:1px dotted #CCC; font-size:10px; color:#C00; padding:3px 0; margin-bottom:10px} #droite #contenuTexte ul li { margin:0 0 0 30px} #droite #contenuTexte #accueilDroite {float:left; width:250px} #droite #contenuTexte #accueilDroite img { margin:0; padding:0; border:0} #droite #contenuTexte #accueilGauche img { margin:0; padding:0; border:0} #droite #contenuTexte #accueilDroite ul li { list-style:none; margin: 0 0 5px 0} #droite #contenuTexte #accueilDroite ul li.video { list-style-image:url(../images/picto_tele.gif); list-style-position:inside; padding:0;} #droite #contenuTexte #accueilDroite ul li.radio { list-style-image:url(../images/picto_radio.gif); list-style-position:inside; padding:0;} #droite #contenuTexte #accueilDroite #videoAccueil {float:left; margin-bottom:0px} #droite #contenuTexte #accueilDroite #devenir { background:url(../images/devenir_fm.jpg) left; float:left; width:170px; height:125px; padding:10px 0 0 80px; margin-top:15px} #droite #contenuTexte #accueilDroite #devenir h2 { font-size:20px; font-weight:bold; text-align:right; background-image:none; width:130px; padding: 0 0 0 20px; margin:0} #droite #contenuTexte #accueilDroite #devenir ul li { list-style:none; margin-left:30px} #droite #contenuTexte #accueilDroite #devenir ul li a { color:#FFF; font-weight:bold} #droite #contenuTexte #actualites ul {padding:10px 0;} #droite #contenuTexte #actualites ul li h2 { font-size:12px; font-weight:bold; padding:0; background-image:none; margin:0} #droite #contenuTexte #actualites ul li { float:left; list-style:none; clear:both; padding:10px 0; border-bottom:1px dotted #CCC; width:95%} #droite #contenuTexte #actualites ul li img { float:left; margin-right:15px; width:50px} #droite #contenuTexte #actualites .pagination { float:left; text-align:center; width:100%; margin:20px 0; color:#C00; font-weight:bold; font-size:13px;} #droite #contenuTexte #actualites .pagination a { color:#069; font-weight: normal; border:0} #droite #contenuTexte #actualites .pagination a:hover {color:#C00;} /*#droite #contenuTexte h3 { font-size:14px; color:#003267; margin:20px 0}*/ #droite #contenuTexte #media {float:left; background:url(../images/fond_vid.gif) center top no-repeat; text-align:center; width:100%; min-height:536px; padding:2px;} #droite #contenuTexte img {padding:2px; border:1px solid #CCC; padding:2px; background-color:#FFF; margin:0 10px 10px 10px; } #droite #contenuTexte table { border:0px} #droite #contenuTexte #accueilGauche {float:left; width:450px; margin-right:20px} #droite #contenuTexte #accueilGauche ul{ margin:0; padding:0} #droite #contenuTexte #accueilGauche ul li { float:left; margin:0; padding:0; list-style:none; clear:both; margin:0px 0;padding:10px 0; width:100%; border-bottom:1px dotted #CCC} /*#droite #contenuTexte #accueilGauche ul li p { margin:0}*/ #droite #contenuTexte #accueilGauche ul li img { float:left; margin-right:15px; width:60px; height:60px} /*#droite #contenuTexte #accueilGauche ul li h3 { font-size:12px; margin:0 0 2px 0} /*#droite #contenuTexte #accueilGauche ul li h3 a{ font-size:12px; color:#bc0d0b;}*/ /*#droite #contenuTexte #accueilGauche ul li .date { font-weight:bold} */ #droite #contenuTexte #accueilGauche .lien a { color:#bc0d0b} #droite #contenuTexte .lienDirect { float:left; text-align:right; width:100%; margin:10px 0} /*#droite #contenuTexte .titre { background-color:#b20c0c; float:left; width:100%; margin-bottom:10px;}*/ /*#droite #contenuTexte h2 { background: url(../images/picto_titre.png) no-repeat center left; margin:3px 0 3px 10px; font-size:12px; padding-left: 20px; color:#FFF;}*/ /*#gauche .titre { background-color:#b20c0c; color:#FFF; float:left; width:100%; margin-bottom:20px;}*/ #gauche h2 { background: url(../images/picto_titre.png) no-repeat center left; margin:3px 0 3px 10px; font-size:12px; padding-left: 20px } #menu {width:1003px; height:30px; background:url(../images/fd_menu.gif) repeat-x; display:block; z-index:100} /* #menu ul {} #menu ul li{ display:inline; list-style:none;} #menu a:hover{} #menu a{color:#FFFFFF; font-size:12px; font-weight:bold; line-height:37px;}*/ #menu ul { margin:0 0 0 0; padding:0 0 0 10px; list-style-type:none;} #menu .ula { margin:0 0 0 0; padding:0 0 0 0px; list-style-type:none;} #menu li { float:left; margin:auto; padding:0; font-weight:bold; text-align:center;} #menu li a { display:block; padding:7px 12px 3px 12px; color:white; text-decoration:none; border-right:1px solid #801816} #menu #lia { display:block; padding:7px 12px 3px 12px; color:white; text-decoration:none;border:0px;} #menu li a:hover { color:#EBEFF1} #menu ul li ul { display:none;} #menu ul li:hover ul { display:block;} #menu ul li:hover .sousTitre {padding:5px 15px; display:block;} #menu ul li:hover .sousTitreLien {text-transform:uppercase; background-color:#4b7fd3;} /*#menu li:hover ul li {float:none; text-align:left; background-color:#991816; color:#FFF} #menu li:hover ul li a {background-color:#991816; padding:3px 15px 3px 15px; text-transform:none}*/ #menu li:hover ul li a:hover {background-color:#7a0d0b; color:#FFF} #menu li ul {position:absolute;} #contenuAdmin {float:left; width:963px; background:url(../images/bleu_container.png) top no-repeat; padding:0px 20px 20px 20px} #contenuAdmin h1 {margin-top:20px;} #contenuAdmin #tabBord { background-color:#FFF; margin:100px 0 0 150px} #contenuAdmin #tabBord td, #contenuAdmin #tabBord th { padding: 3px; border:1px solid #CCC; padding-left:20px} #contenuAdmin #tabBord li { list-style:none} #sf_guard_auth_form {width:400px; margin:100px auto; } #sf_guard_auth_form fieldset {background:#FFF;} #sf_guard_auth_form label { width:150px; text-align:right; margin-right:10px; float:left; } #sf_guard_auth_form .form-row {padding:5px 0} #footer {float:left; width:1003px; height:145px;} #footer ul { list-style:none; text-align:center} #footer li { display:inline; line-height:50px; padding:0 10px} #footer li a { color:#f39400; text-decoration:none} #footer li a:hover { text-decoration:underline; color:#0a81ad} #footer .separation { border-right: #CCC 1px solid;} #sousMenu {width:204px; padding:0px; margin-bottom:15px;} #sousMenu h1 { font-size:16px; color:#FFF; border-bottom:1px solid #FFF; padding:5px 0; margin:7px; text-transform:uppercase; width:190px; display:block} #sousMenu ul { margin:0px; padding:0px} #sousMenu ul li { clear:both; font-size:12px; color:#fff; padding:7px 7px 7px 20px; font-weight:bold ; text-transform:uppercase; list-style:none; } #sousMenu ul li a {color:#FFF; clear:both;} #sousMenu ul ul li {/*list-style: url(../images/puce.gif) inside;*/ padding-left:20px; font-weight:normal; text-transform:none; border-bottom: 1px dotted #4897b9 } table td, table th { padding: 3px; border:0} .exergue { font-weight:bold; color: #fff; background:#069} .chapeau { font-weight:bold; color: #a8c4d2;} .miseEnValeur { color: #800000; font-style:italic; font-size: 16px; font-weight: bold; padding:0; display: block;} .legende { font-size:10px; font-style:italic; color:#666666} #droite #contenuTexte #contact label {float:left; width:200px; text-align:right; margin-right:10px;} #droite #contenuTexte #contact ul li { list-style:none; margin:3px 0; float:left; width:100% } #droite #contenuTexte .dossier {float:left; height:200px; width:140px; margin-right:20px; display:block} #droite #contenuTexte #dossier {} #menulangue{background-image:url("../images/fondmenu.png"); height:16px; margin-left:717px; width:286px;} #menulangue ul { list-style:none; text-align:center} #menulangue li { display:inline; padding:0 22px} #menulangue li a { color:#003366; text-decoration:none} #menulangue li a:hover { text-decoration:underline; color:#003366} #menulangue .separation { border-right: #003366 1px solid;} tbody{ border-top: solid 1px #cccccc; } #contenuTexte table{ border-collapse:collapse; }