/* Theme Name: EvolysFormation Theme URI: http://www.evolys.com/ Description: Thème créé par Stéphanie FABIAN pour la société Evolys. Version: 1.0 Author: Stéphanie FABIAN Author URI: http://www.globulles.com/ EvolysFormation by Stéphanie FABIAN || http://www.globulles.com/ */ body, html { font-family: Verdana, Arial, Sans-serif; font-size: 12px; margin: auto; color: #222222; background: url(images/bg-header.png) top; background-repeat: repeat-x; background-color: #eeeeee; } #bg-body { background: url(images/bg-bottom.png) bottom; background-repeat: repeat-x; } /* ---------- block du document ---------- */ #page { width: 960px; height: auto; margin: auto; border: 1px solid transparent; } /* ---------- FIN block du document ---------- */ /* ---------- block
du document ---------- */ #header { height: auto; width: 958px; border: 1px dashed transparent; } /* --- titre --- */ h1 { background: transparent; margin: 10px; } /* --- FIN du titre --- */ /* --- flux rss --- */ .art-rss-tag-icon { float: right; padding: 10px; } /* --- FIN des RSS --- */ /* --- search bar --- */ #searchbar { float: right; margin-top: 70px; margin-right: -57px; border: 1px solid #999; background-color: white; } .searchform .s { font-family: Arial, Verdana, Sans-serif; font-size: 12px; color: grey; border: none; background: #F2F2F2; padding: 0; margin: 0; float: left; width: 200px !important; height: 20px; } .searchform .searchsubmit { background-image: url(images/searchsubmit.gif); text-indent: -9000px; width: 20px; height: 20px; border: none; float: left; cursor: pointer; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ /* background des sous-menus */ color: transparent; text-transform: capitalize; } .searchform .searchsubmit:hover { background-image: url(images/searchsubmit.gif) no-repeat; opacity: 13; } /* --- FIN search bar --- */ /* --- menu de navigation --- */ /*=-=-=-[Navigation]-=-=-=*/ #navbar { height: 20px; line-height: 2em; padding-bottom: 10px; width: 953px; margin-top: 19px; margin-left: 4px; margin-bottom: 8px; font-size: small; z-index: 20; font-family: Arial, Verdana, sans-serif; border-bottom: 4px solid #e00176; } #navbar a, #navbar a:visited { color: #000; font-size: small; text-decoration: none; padding: 0px 0px 0px 3px; } #navbar a:hover { color: #000; text-decoration: underline; padding: 0px 0px 0px 3px; } #navbar ul { list-style-type: none; margin: 0; padding: 0; } ul#mc_menu_1 { margin: 0px; padding: 0px; list-style-type: none !Important; } #mc_menu_1 a, #mc_menu_1 a:visited { color: #2D2D2D; display: block; font-weight: bold; margin: 0px; padding: 2px 17px 2px 15px; border-right: 1px solid #e00176; } #mc_menu_1 a:hover { background: url(images/bg-menu.png) bottom; background-repeat: no-repeat; color: #58595A; margin: 0px; padding: 2px 17px 2px 15px; text-decoration: none; } #mc_menu_1 li { float: left; margin: 0px; padding: 0px; } #mc_menu_1 li ul { position: absolute; width: 160px; left: -999em; border: 1px solid #e00176; } #mc_menu_1 li li { float: left; margin: 0px !Important; padding: 0px !Important; width: 160px; } #mc_menu_1 li li a, #mc_menu_1 li li a:link, #mc_menu_1 li li a:visited { background: #d71c22; text-indent: 10px; width: 160px; float: none; text-transform: none; margin: 0px; font-weight: normal; padding: 2px 0px 2px 0px; background: #FFF2F9; filter: alpha(opacity=90); /* here you can set the opacity of box with text */ -moz-opacity: 0.9; /* here you can set the opacity of box with text */ -khtml-opacity: 0.9; /* here you can set the opacity of box with text */ opacity: 0.9; /* here you can set the opacity of box with text */ /* background des sous-menus */ } #mc_menu_1 li li a:hover, #mc_menu_1 li li a:active { background: #e00176; padding: 2px 0px 2px 0px; text-indent: 10px; color: #FFF; } #mc_menu_1 li:hover ul { left: auto; display: block; } #mc_menu_1 li:hover ul, #mc_menu_1 li.sfhover ul { left: auto; } li.current-cat, li.current_page_item { background: url(images/bg-menu.png) bottom; background-repeat: no-repeat; } li li.current_page_item { background: #e00176; } /*=-=-=-[End Navigation]-=-=-=*/ a.main:hover { background: none; } /* --- FIN menu de navigation --- */ #home { height: 200px; } /* ---------- FIN du block
du document ---------- */ /* ---------- block ---------- */ #content { margin: auto; height: auto; width: 960px; } .conteneur-arrondi { padding: 0; width: 953px; /* determine la largeur de la boite contenu */ height: auto; float: left; margin-left: 4px; margin-top: 7px; margin-bottom: 7px; background: #f7f6f0; } .un { margin: 0 4px; height: 1px; background-color: #BFBFBF; overflow: hidden; /*necssaire pour IE */ border: 1px solid #BFBFBF; border-top: 0; border-bottom: 0; } .deux { margin: 0 3px; height: 1px; overflow: hidden; /*necssaire pour IE */ border: 1px solid #BFBFBF; border-top: 0; border-bottom: 0; } .trois { margin: 0 2px; height: 2px; overflow: hidden; /*necssaire pour IE */ border: 1px solid #BFBFBF; border-top: 0; border-bottom: 0; } .quatre { margin: 0 1px; height: 2px; overflow: hidden; /*necssaire pour IE */ border: 1px solid #BFBFBF; border-top: 0; border-bottom: 0; } .centrearrondi { border: 1px solid #BFBFBF; border-top: 0; border-bottom: 0; min-height: 400px; /* avec eventuellement une hauteur mini */ height: auto; /*important*/ } #bloc-article { height: auto; width: 630px; float: left; min-height: 400px; border: 1px solid transparent; padding-left: 25px; padding-right: -25px; } #bloc-page { height: auto; width: 610px; float: left; min-height: 400px; border: 1px solid transparent; padding-left: 25px; padding-right: 10px; line-height: 1.4em; } #bloc-page li { list-style: circle; } #bloc-page .wp-table-reloaded-id-1 th { width: 202px; text-align: center; font-weight: normal; font-size: small; line-height: 1.2em; } #bloc-page .wp-table-reloaded-id-2 a, #bloc-page .wp-table-reloaded-id-2 a:active, #bloc-page .wp-table-reloaded-id-2 a:link,#bloc-page .wp-table-reloaded-id-2 a:visited, #bloc-page .wp-table-reloaded-id-3 a, #bloc-page .wp-table-reloaded-id-3 a:active, #bloc-page .wp-table-reloaded-id-3 a:link,#bloc-page .wp-table-reloaded-id-3 a:visited, #bloc-page .wp-table-reloaded-id-4 a, #bloc-page .wp-table-reloaded-id-4 a:active, #bloc-page .wp-table-reloaded-id-4 a:link,#bloc-page .wp-table-reloaded-id-4 a:visited, #bloc-page .wp-table-reloaded-id-5 a, #bloc-page .wp-table-reloaded-id-5 a:active, #bloc-page .wp-table-reloaded-id-5 a:link,#bloc-page .wp-table-reloaded-id-5 a:visited, #bloc-page .wp-table-reloaded-id-6 a, #bloc-page .wp-table-reloaded-id-6 a:active, #bloc-page .wp-table-reloaded-id-6 a:link,#bloc-page .wp-table-reloaded-id-6 a:visited, #bloc-page .wp-table-reloaded-id-7 a, #bloc-page .wp-table-reloaded-id-7 a:active, #bloc-page .wp-table-reloaded-id-7 a:link,#bloc-page .wp-table-reloaded-id-7 a:visited, #bloc-page .wp-table-reloaded-id-8 a, #bloc-page .wp-table-reloaded-id-8 a:active, #bloc-page .wp-table-reloaded-id-8 a:link,#bloc-page .wp-table-reloaded-id-8 a:visited { text-decoration: none; color: #222222; } #bloc-page .wp-table-reloaded-id-2 td, #bloc-page .wp-table-reloaded-id-3 td, #bloc-page .wp-table-reloaded-id-4 td, #bloc-page .wp-table-reloaded-id-6 td, #bloc-page .wp-table-reloaded-id-7 td { width: 85% } #bloc-page .wp-table-reloaded-id-5 td, #bloc-page .wp-table-reloaded-id-8 td { width: 72% } #bloc-page .wp-table-reloaded-id-2 a:hover, #bloc-page .wp-table-reloaded-id-3 a:hover, #bloc-page .wp-table-reloaded-id-4 a:hover, #bloc-page .wp-table-reloaded-id-5 a:hover, #bloc-page .wp-table-reloaded-id-6 a:hover, #bloc-page .wp-table-reloaded-id-7 a:hover, #bloc-page .wp-table-reloaded-id-8 a:hover, #bloc-page .wp-table-reloaded-id-9 a:hover { text-decoration: underline; color: #222222; } #bloc-page a img { border: none; text-decoration: none; } #bloc-article a, #bloc-article a:active, #bloc-article a:link, #bloc-article a:visited, #bloc-page a, #bloc-page a:active, #bloc-page a:link, #bloc-page a:visited { color: #0080C0; text-decoration: none; } #bloc-article a:hover, #bloc-page a:hover { color: #5FCFFD; } .post h2 { text-align: left; margin-bottom: 8px; } .post { height: auto; width: 190px; float: left; margin-top: -5px; margin-right: 20px; margin-bottom: -7px; text-align: justify; line-height: 1.4em; } .post_content { margin: -7px 1px 1px 1px; } .post a img { width: 180px; height: 92px; border: 5px solid #d9d8d7; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } .post a:hover img { width: 180px; height: 92px; border: 5px solid #716d6a; } .alignleft { float: left; margin: 5px; } .alignright { float: right; margin: 5px; } #sidebar1 { width: 600px; height: auto; padding: 5px 5px 11px 5px; list-style: none; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px solid #CCC; } #sidebar1 .textwidget { text-align: justify; color: #222222; margin: auto; text-indent: 30px; line-height: 1.4em; margin-top: -7px; } /* ---------- FIN block ---------- */ /* ---------- block ---------- */ .sidebar { height: auto; width: 260px; margin-right: 23px; margin-top: 7px; float: right; font-family: Verdana, Arial, Sans-serif; } .sidebar img, .sidebar img a, .sidebar img a:hover { border: none; text-decoration: none; } .sidebar .textwidget a .alignright, .sidebar .textwidget a { text-decoration: none; color: #2D2D2D; } .sidebar .textwidget a:hover .alignright, .sidebar .textwidget a:hover { text-decoration: underline; color: #2D2D2D; } #sidebar3, #sidebar4 { background: url(images/bg-sidebar-pt.png); background-repeat: no-repeat; height: 100px; padding-bottom: 0px; } #sidebar2 { background: url(images/bg-sidebar-gd.png); background-repeat: no-repeat; height: 120px; padding-bottom: 0px; } #sidebar2 h2, #sidebar3 h2, #sidebar4 h2, #sidebar5 h2 { color: #E00176; font-size: medium; font-weight: bold; text-indent: -20px; padding-top: 6px; font-family: Arial, Verdana, Sans-serif; } #sidebar2 .textwidget { text-align: center; margin-right: 5px; margin-left: -40px; line-height: 18px; margin-top: -8px; color: #2D2D2D; } #sidebar2 .textwidget .alignright { margin-top: 7px; margin-right: 45px; } #sidebar2 .textwidget .alignleft { padding-left: 4px; } #sidebar3 .textwidget { text-align: center; margin-right: 5px; margin-left: -40px; padding-top: 3px; line-height: 18px; color: #2D2D2D; } #sidebar3 .textwidget .alignright { margin-top: 3px; } #sidebar3 .textwidget .alignleft { margin-top: -2px; padding-left: 5px; } #sidebar4 .textwidget { text-align: center; margin-right: 20px; margin-left: -20px; padding-top: 3px; line-height: 18px; color: #2D2D2D; } #sidebar4 .textwidget .alignright { margin-top: 3px; margin-right: 30px; } #sidebar4 .textwidget .alignleft { margin-top: -2px; margin-left: -10px; } #sidebar5 { background: url(images/bg-sidebar-pt.png); background-repeat: no-repeat; height: 100px; margin-bottom: 15px; } #sidebar5 .textwidget { text-align: center; margin-right: 20px; margin-left: -20px; padding-top: 3px; line-height: 18px; color: #2D2D2D; } #sidebar5 .textwidget .alignright { margin-top: 3px; margin-right: 15px; } #sidebar5 .textwidget .alignleft { margin-top: -2px; margin-left: -10px; } .sidebar ul li { list-style: none; } /* ---------- FIN block ---------- */ /* ---------- block