/*
Theme Name: Guimik Organisation
Theme URI: http://guimik.org/
Description: Theme officiel de Guimik base sur Visualisation
Version: 1.0
Author: Olivier Schmitz & Guillaume Ringuenet
*/

body {
color: #222;
font-family: Arial, Lucida, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
font-size: 75%;
color: #fcfcfc;
background: #580000 url(images/background.gif) repeat-x;
}

.clear {
clear: both;
}

h1#top {
position: absolute;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

h2 {
font-size: 2em;
margin: 0 0 30px 23px;
padding-left: 6px;
font-family: Arial, Lucida, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
color: #ecdada;
}

h3 {
padding-left: 10px;
font-family: Arial, Lucida, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
color: #fcfcfc;
}

h3 a {
color: #fcfcfc;
text-decoration: none;
}

h3 a:hover {
color: #fcfcfc;
text-decoration: underline;
}

h4 {
font-size: 1.25em;
font-weight: bold;
line-height: 1em;
margin: 0 0 1em;
}

h5 {
font-size: 1.15em;
font-weight: bold;
line-height: 1em;
margin: 0 0 .3em;
}

h6 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 0 0 1em;
}

h1 a {
text-transform: uppercase;
}

h3 .title {
font-weight: bold;
}

h4 .title {
font-weight: bold;
font-size: 2em;
}

#masthead {
margin: 0 0 5px 0;
height: 55px;
width: 611px;
float: left;
}

#masthead h1 {
font-variant: small-caps;
margin: 0;
}

.description {
float: left;
font-family: Helvetica;
font-weight: lighter;
}

h2.underlined {
border-bottom: 1px solid #1e1e1e;
text-transform: none;
}

h6.right {
font-size: 1em;
font-weight: normal;
line-height: 1.5em;
padding: 1em;
color: #fff;
background: #000;
margin: 0em;
font-style: italic;
}

.alignleft {
float: left;
}
p {
line-height: 1.5em;
margin: 0 0 1em 0;
color: #fcfcfc;
}

p.last {
margin-bottom: 0;
}
img {
border: none;
}

#header {
width: 950px;
height: 247px;
}

#header object {
margin: 0;
float: left;
}

/* Slideshow */

#slideshow {
width: 300px;
height: 247px;
margin: 0;
float: right;
text-align: center;
}

#slideshow a {
color: #fcfcfc;
}

#slideshow marquee {
width: 300px;
text-align: center;
}

p.tagged {
clear: both;
text-align: right;
}

a {
color: #000;
text-decoration: none;
}

a:focus,a:hover,p a {
color: #f1f1f1;
text-decoration: underline;
}

a img {
line-height: 1em;
margin: 0 1em 1em 0;
padding: 0;
}

#description {
font-weight: thin;
margin-top: 1em;
}

#skip {
margin-top: 1em;
}

.excerpt_small p {
line-height: .9em;
margin: 0;
font-size: .9em;
}

.archive_excerpt {
padding-bottom: 1em;
}

#author {
background: #0099cc;
margin: 15px 0;
padding: 12px;
}

#author img {
padding: 1px 10px 1px 1px;
width: 75px;
}

#author span {
display: block;
margin-top: 12px;
padding-top: 6px;
}

#author p {
margin: 0;
width: 560px;
}

.top {
margin-top: 0;
padding-top: 0;
}

.bottom {
margin-bottom: 0;
padding-bottom: 0;
}

.box_blue {
background: #0099cc;
margin-bottom: 1.5em;
padding: 1.5em;
}

#search {
margin-top: 25px;
float: right;
}

#sidebar-home {
background: #eee;
color: #eee;
height: 340px;
}

/* BEGIN EDITING HERE */


ol {
list-style-type: decimal;
}

ol li a {
color: #fcfcfc;
font-weight: bold;
list-style-type: decimal;
text-decoration: underline;
}

.entry a {
color: #fcfcfc;
text-decoration: underline;
}

.entry a:hover {
color: #f4f4f4;
text-decoration: underline;
}

.entry ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.entry ul li {
list-style-image: url(images/li.png);
margin: 0 0 0 2em;
}

.entry ul li a:hover {
color: #f4f4f4;
text-decoration: none;
}

/* SECOND TIER PAGE NAVIGATION */
/* Root = Horizontal, Secondary = Vertical */

#navigation {
width: 950px;
height: 27px;
margin: 5px 0 10px 0;
background: #cdced3 url(images/bg-navigation.gif) repeat-x;
}

#navigation span {
position: absolute;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

#accueil {
width: 95px;
height: 27px;
float: left;
}

#accueil-active {
width: 95px;
height: 27px;
float: left;
}

#accueil-active span a {
width: 95px;
height: 27px;
display: block;
line-height: 27px;
background: url(images/navigation-accueil.gif) no-repeat 0 -54px;
}

#accueil-active span a:hover {
background: url(images/navigation-accueil.gif) no-repeat 0 -27px;
}

#accueil span a {
width: 95px;
height: 27px;
display: block;
line-height: 27px;
background: url(images/navigation-accueil.gif) no-repeat 0 0;
}

#accueil span a:hover {
background: url(images/navigation-accueil.gif) no-repeat 0 -27px;
}

#accueil span a:active {
width: 95px;
height: 27px;
display: block;
background: url(images/navigation-accueil.gif) no-repeat 0 -54px;
}

#services {
width: 145px;
height: 27px;
float: left;
}

#services-active {
width: 145px;
height: 27px;
float: left;
}

#services-active span a {
width: 145px;
height: 27px;
display: block;
line-height: 27px;
background: url(images/navigation-services.gif) no-repeat 0 -54px;
}

#services span a:hover {
background: url(images/navigation-services.gif) no-repeat 0 -27px;
}

#services span a {
width: 145px;
height: 27px;
display: block;
line-height: 27px;
background: url(images/navigation-services.gif) no-repeat 0 0;
}

#services span a:hover {
background: url(images/navigation-services.gif) no-repeat 0 -27px;
}

#services span a:active {
display: block;
background: url(images/navigation-services.gif) no-repeat 0 -54px;
}

#contact-active {
width: 141px;
height: 27px;
float: left;
}

#contact-active span a {
width: 141px;
height: 27px;
display: block;
line-height: 27px;
background: url(images/navigation-contact.gif) no-repeat 0 -54px;
}

#contact-active span a:hover {
background: url(images/navigation-contact.gif) no-repeat 0 -27px;
}

#contact {
width: 141px;
height: 27px;
float: left;
}

#contact span a {
width: 141px;
height: 27px;
display: block;
line-height: 27px;
background: url(images/navigation-contact.gif) no-repeat 0 0;
}

#contact span a:hover {
background: url(images/navigation-contact.gif) no-repeat 0 -27px;
}

#contact span a:active {
display: block;
background: url(images/navigation-contact.gif) no-repeat 0 -54px;
}

#team-active {
width: 125px;
height: 27px;
float: left;
}

#team-active span a {
width: 125px;
height: 27px;
display: block;
line-height: 27px;
background: url(images/navigation-team.gif) no-repeat 0 -54px;
}

#team-active span a:hover {
background: url(images/navigation-team.gif) no-repeat 0 -27px;
}

#team {
width: 125px;
height: 27px;
float: left;
}

#team span a {
width: 125px;
height: 27px;
display: block;
line-height: 27px;
background: url(images/navigation-team.gif) no-repeat 0 0;
}

#team span a:hover {
background: url(images/navigation-team.gif) no-repeat 0 -27px;
}

#team span a:active {
display: block;
background: url(images/navigation-team.gif) no-repeat 0 -54px;
}

/* Menu top */

#navmenu-top {
width: 950px;
margin: 0 auto;
text-align: right;
color: #ededed;
}

#navmenu-top a {
color: #ededed;
text-decoration: none;
}

#navmenu-top a:hover {
color: #fcfcfc;
text-decoration: underline;
}

#navmenu-h {
background: #d0cccd;
}

#navmenu-h li.alignright {
float: right;
}

ul#navmenu-h {
margin: 0 0 10px 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 34px;
border: 0;
}

ul#navmenu-h li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 34px;
border-right: 1px solid;
}

ul#navmenu-h ul {
margin: 0 0 0 0;
border: 0 none;
padding: 0;
width: 160px;
height: 34px;
list-style: none;
display: none;
position: absolute;
left: 0;
}

ul#navmenu-h ul:after/*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-h ul li {
width: 160px;
float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
padding: 5px 20px 5px 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
background: #d0cccd;
color: #000000;
font-size: 12px/24px;
text-decoration: none;
	/*For IE*/
}

ul#navmenu-h a:hover {
background: #444444;
color: #ededed; 
height: 34px;
}

/* Root Menu Hover Persistence */
ul#navmenu-h li:hover{
background: #444444;
color: #ededed; 
height: 34px;
}

/* SIDEBAR LISTS */
.bottombar {
}

.bottombar h2 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 1em 0 1em;
}

.bottombar ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.bottombar ul li {
list-style-image: url(images/li.png);
background-repeat: no-repeat;
border-top: 1px solid #e5e5e5;
line-height: 1.5em;
margin: 0 0 0 1em;
}

.bottombar ul li a:hover {
background: #333;
color: #0099cc;
text-decoration: none;
}

/* AJAX TABBED LISTS */
.tabbed div {
float: left;
display: block;
width: 100%;
margin: 0;
padding: 5px 0;
}

.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
display: none;
}

ul.latest  li, ul.popular li, ul.categories li, ul.authors li {
border-bottom: 1px #fff solid;
color: #333;
list-style-type: none;
margin: 0;
}

.tabbed ul.tabs li a:hover,.tabbed ul.tabs li a.tab-current {
background: #eee;
cursor: pointer;
}

.tabbed ul.tabs {
background: url(images/background.gif) repeat-x 0 -386px;
color: #eee;
display: inline;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}

.tabbed ul.tabs li {
background: #fff;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

.tabbed ul.tabs li a {
background: #ccc;
border: none;
display: block;
margin: 0 0 0 0;
overflow: hidden;
padding: 3px;
width: auto;
font-weight: bold;
color: #000000;
}

.hide,.tabbed div.t2,.tabbed div.t3,.tabbed div.t4 {
display: none;
}

.tabbed div {
display: block;
float: left;
margin: 0;
padding: 5px 0;
width: 100%;
}

ul.latest li,ul.popular li,ul.categories li,ul.authors li {
border-bottom: 1px #fff solid;
color: #333;
list-style-type: none;
margin: 7px 0 0;
}

/* COMMENT STYLES */
#comments {
width: 100%;
}
dl#comment_list {
margin: 0 0 0 0;
}

dl#comment_list dt {
padding: 0 0 33px 0;
background: url('images/comment_top.gif') 0 100% no-repeat;
font-size: 1.1em;
line-height: 1.8182em;
color: #999;
}

dl#comment_list dt.author {
background: url('images/comment_top.gif') 0 100% no-repeat;
}
dl#comment_list dt .comment_num {
padding: 0 0.3636em 0 0;
}
dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited {
color: #999;
}
dl#comment_list dt .comment_num a:hover {
color: #a90000;
}

dl#comment_list dt strong {
font-size: 1.4545em;
color: #000;
}

dl#comment_list dt strong a, dl#comment_list dt strong a:visited {
color: #000;
border-bottom: 1px dotted #999;
}

dl#comment_list dt strong a:hover {
color: #000;
border-bottom: 1px solid #a90000;
}

dl#comment_list dd {
padding: 10px;
margin: 0 0 1.5385em;
background: #dfdfdf;
}

dl#comment_list dd.entry p {
color: #3a3a3a;
}

dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote {
margin-bottom: 1.1538em;
}

/* COMMENT FORM */
#comment_form {
width: 46.8em;
margin: 0 0 4.0em 0;
}

#comment_form a:hover {
text-decoration: underline;
}
#comment_form p {
padding: 0.7692em 0;
}

#comment_form label {
padding: 0 0 0 0.83333em;
font-size: 1.2em;
}

#comment_form .text_input {
width: 15.3846em;
padding: 0.23077em;
color: #a90000;
font: bold 1.3em Verdana, sans-serif;
border-top: 0.15385em solid #999;
border-left: 0.15385em solid #999;
border-right: 0.07692em solid #eee;
border-bottom: 0.07692em solid #eee;
}

#comment_form .text_input:focus {
border-top-color: #666;
border-left-color: #666;
border-right-color: #ddd;
border-bottom-color: #ddd;
}

#comment_form .text_area {
width: 32.9231em;
}
#comment_form p.subscribe-to-comments {
font-size: 1.3em;
}
#comment_form p.subscribe-to-comments label {
font-size: 1.0em;
}

#comment_form .form_submit {
padding: 0.5em;
background: url('images/submit_bg.gif') repeat-x;
color: #000;
border: 0.21429em double #999;
border-top-color: #ccc;
border-left-color: #ccc;
font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
}

#comment_form .form_submit:hover {
color: #0099cc;
}

.search_input {
width: 210px;
}

/* Categories home */

.bloc-big {
width: 278px;
height: 276px;
margin-right: 30px;
margin-left: 8px;
float: left;
background: url(images/categories/background-big.gif) no-repeat;
}

.bloc-big p {
width: 265px;
margin: 0 auto;
text-align: justify;
}

.bloc-big p a {
font-weight: bold;
color: #fcfcfc;
text-decoration: none;
}

.bloc-big p a:hover {
text-decoration: underline;
}

.image-bloc-big {
margin-left: 3px;
}

h6#guimik-gallery {
width: 278px;
height: 63px;
background: url(images/categories/guimik-gallery.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

h6#guimik-promotion {
width: 278px;
height: 63px;
background: url(images/categories/guimik-promotion.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

h6#guimik-management {
width: 278px;
height: 63px;
background: url(images/categories/guimik-management.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

.bloc-small {
width: 218px;
height: 276px;
margin: 11px 3px 0 9px;
float: left;
background: url(images/categories/background-small.jpg) no-repeat;
}

.bloc-small p {
margin: 8px auto 0 auto;
width: 96%;
text-align: justify;
}

.bloc-small p+p {
margin: 3px auto 0 auto;
width: 95%;
}

.image-bloc-small {
margin: 8px 0 0 10px;
}

h6#guimik-party {
width: 218px;
height: 45px;
background: url(images/categories/guimik-party.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

h6#guimik-chronik {
width: 218px;
height: 45px;
background: url(images/categories/guimik-chronik.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}


h6#guimik-pratik {
width: 218px;
height: 45px;
background: url(images/categories/guimik-pratik.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}
h6#guimik-partenaires {
width: 218px;
height: 45px;
background: url(images/categories/guimik-partenaires.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

/* Footer */

#footer {
width: 800px;
margin: 30px auto 0 auto; 
text-align: center;
color: #dddddd;
}

#footer a {
color: #dddddd;
text-decoration: none;
}

#footer a:hover {
color: #efefef;
text-decoration: underline;
}

#footer ul, #footer li {
list-style-type: none;
}

/* Others */

.left {
float: left;
}

.right {
float: right;
}

.latest a{color:#272727;}