#slogan {
color: #ffffff;
font-family: Century gothic;
font-size: 19px;
text-align: right;
margin-top: -18px;
margin-bottom: 25px;
margin-right: 15px;
}

img {border: 3px solid #333333;}

html, body {
margin: 0;
padding: 0;
}

.hmenu {
padding: 5px;
margin: 0 0 15px 0;
border: 3px solid #F5F5F5;
font-weight: bold;
font-family: century gothic;
}

body {
background-color: #f5efe4;
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 12px;
}

/* background-color: #f1e2ca; */

h3, h2 {padding-top: 0; margin-top: 0;}

h2, h4 {color: #990000; font-size: 24px; font-family: Century Gothic, Verdana;}

h2 a, h2 a:visited, h2 a:hover {color: #990000;}

h4 {font-size: 20px;}

h3 {color: #000066; font-size: 15px; text-align: center; border-bottom: 1px solid #333333; font-variant: small-caps; border-top: 1px solid #333333; margin: 16px auto;}

h1 {color: #cc0000; font-size: 14px; font-weight: bold;}

img {
border: 0;
}

#contenu ul {
list-style-position: inside;
margin-left: 0;
padding-left: 0;
}

#contenu ul li {
padding: 8px;
padding-left: 15px;
}

#contenu ul li ul li {
list-style-type: none;
background-image: url(images/puce.png);
background-repeat: no-repeat;
background-position: 0% 4%;
padding-left: 22px;
margin-left: 15px;
margin-top: 2px;
padding-top: 0;
margin-top: 10px;
}

.alt {
background-image: url("images/menu_degrade.png");
background-repeat: repeat;
}

.small {font-size: 11px; text-align: center;}

blockquote {
background-color: #FFFFFF;
width: 250px;
padding: 10px;
margin: 0 10px 10px 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 16px;
float: left;
}

.quoteauthor {text-align: right; font-size: 12px; font-weight: normal;}

#header {
background-color: #CCC;
width: 100%;
height: 130px;
color: #FFFFFF;
font-weight: bold;
text-align: left;
background-image: url("images/rappelezmoi.jpg");
background-position: right;
background-repeat: no-repeat;
}

#logo {
position: fixed;
left: 0;
top: 0;
background-image: url("images/logo.jpg");
background-position: left;
background-repeat: no-repeat;
width: 200px;
height: 130px;
text-align: left;
margin: 0;
}

#logo a, #logo a:visited, #logo a:hover {
text-decoration: none;
color: #FFFFFF;
display: block;
width: 100%;
height: 100%;
}

.rappelimmediat {
position: absolute;
top: 0;
right: 0;
width: 300px;
height: 130px;
}

.temoignage {
color: #888;
font-size: 16px;
margin-right: 330px;
margin-left: 230px;
padding-top: 25px;
}

.temoignage a, .temoignage a:visited, .temoignage a:hover {
text-decoration: none;
color: #888;
}

.temoignage a:hover {text-decoration: underline;}

.temoignage .source {font-size: 11px; text-align: right;}

.date {
background-color: #fff;
padding: 6px;
margin: 0;
font-weight: bold;
}

.newsc {padding: 0 0 0 8px;}

.newsindex, .news {
background-image: url("images/menu_degrade.png");
background-repeat: repeat;
margin: 15px 0 0 0;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border: 1px solid #356AA0;
border-right: 1px solid #3F4C6B;
border-bottom: 1px solid #3F4C6B;
}

.newsindex a, .newsindex a:visited, .newsindex a:hover {
color: #000;
text-decoration: none;
}

.newsindex a:hover {
text-decoration: underline;
}

.topmenuitem {
height: 35px;
margin: 0 20px 0 20px;
line-height: 35px;
font-size: 15px;
color: #CCCCCC;
}

.topmenuitem a, .topmenuitem a:visited, .topmenuitem a:hover {
text-decoration: none;
color: #CCCCCC;
}

/* #sidemenu {border-top: 15px solid #fff;} */

#sidebar {
position: fixed;
left: 0;
top: 130px;
padding: 0;
background-image: url("images/menhirs1.jpg");
background-repeat: no-repeat;
background-color: #eee;
background-position: top;
color: #666666;
font-weight: bold;
float: left;
width: 200px;
height: 570px;

}

#sidebar p {margin: 15px 0 15px 15px;}

#nav {margin: 0 0 15px 0px;}



#nav {
border-top: 1px solid #CCC;
background-image: url("images/menu_degrade.png");
background-repeat: repeat;
color: #333333;
line-height: 250%;
}

* html #nav { width: 200px;}

#nav a, #nav a:visited, #nav a:hover {
text-decoration: none;
color: #333333;
display: block;
padding-left: 10px;
}

#nav a:hover {
background-color: #F5F5F5;
}


#nav li {
list-style-type: none;
border-bottom: 1px solid #CCCCCC;
margin-left: -15px;
padding-left: 15px;
position: relative;
}

#nav li ul li {
list-style-type: none;
border-bottom: 1px solid #CCCCCC;
margin-left: 0px;
padding-left: 0px;
position: relative;
}

#nav li ul {
background-image: url("images/menu_degrade.png");
background-repeat: repeat;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
position: absolute;
left: 215px;
top: -1px;
width: 215px;
display: none;
background-color: #F5F5F5;
border-left: 0;
padding-left: 0px;
margin-left: 0px;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav li { float: left; }
* html #nav li a { height: 1%; }
/* End */

#nav li:hover ul, #nav li.over ul { 
display: block;
}

#building1 {
background-image: url("images/building1.jpg");
background-repeat: no-repeat;
background-position: right center;
width: 650px;
border: 3px solid #cccccc;
}

#engrenage1 {
background-image: url("images/engrenage1.jpg");
background-repeat: no-repeat;
background-position: right;
width: 650px;
border: 3px solid #cccccc;
}

#usine1 {
background-image: url("images/fonctionnalites.jpg");
background-repeat: no-repeat;
background-position: right bottom;
width: 650px;
border: 3px solid #cccccc;
}

#crayon1 {
background-image: url("images/gainsetenjeux.jpg");
background-repeat: no-repeat;
background-position: right center;
width: 650px;
border: 3px solid #cccccc;
}

#imagecontact {
background-image: url("images/immos_contact.jpg");
background-repeat: no-repeat;
background-position: center;
}

#nav {margin: 0; padding: 0;}

.nomargin {margin: 0; padding: 0;}

#contenu {
margin: 15px 0 0 225px;
padding: 15px;
background-color: #f5efe4;
/* background-color: #FFFBF1; */
width: 700px;
clear: both;
}

#footer {
font-size: 10px;
color: #999;
text-align: center;
padding: 6px;
border-top: 2px solid #f1e2ca;
border-bottom: 2px solid #f1e2ca;
margin: 20px auto 0 auto;
}

#footer a, #footer a:visited, #footer a:hover {
color: #666;
}

.seo {
display: none;
}


.spacer {clear: both;}

.lirelasuite {
width: 90px;
background-color: #FFFFFF;
border: 1px solid #999999;
text-align: center;
padding: 4px;
cursor: pointer;
font-weight: bold;
}

/* button styles */
#mybutton {
color: #f5f5f5;
border-style: outset;
border-color: #cccccc;
background-color: #999999;
text-decoration: none;   
padding-left: 10px;
padding-right: 10px;
width: 75%;
margin: 0 auto;
margin-bottom: 5px;
text-align: center;
}
  
.buttontext {
color: white; 
text-decoration: none;   
font: bold 11pt Verdana;
}

.buttonover {
color: yellow; 
text-decoration: none;
font: bold 11pt Verdana;
}

/* Bouton Lire la suite */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #002577;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
}
.icon {
display: inline;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(images/ok.gif);
}
#buttonCancel .icon {
background-image: url(images/cancel.gif);
}
#buttonImport .icon {
background-image: url(images/import.gif);
}

.ifrs_table td {
border: 1px solid #666666;
padding: 10px;
}

#submenu {
margin: 0 15px 15px 15px;
float: left;
color: #000066;
font-size: 11px;
margin-bottom: 30px;
width: 200px;
border-right: 2px solid #CCCCCC;
background-image: url("images/menu_degrade.png");
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#submenu a:link, #submenu a:visited {
color: #000066;
border-bottom: 2px solid #CCCCCC;
padding: 5px;
display: block;
font-weight: normal;
}

#submenu a:hover {
background-color: #F5EFE4;
}

.encadre {
text-align: center;
border: 2px solid #CCCCCC;
margin: 15px;
padding: 10px;
font-size: 14px;
width: 615px;
}

.menubutton {
background-color: #FFFFFF;
padding: 10px; margin: 10px;
}

* html #sidebar{
    position: absolute; top: 130px;
}

* html #logo{
    position: absolute;
}

*+html #sidebar{
    position: fixed; top: 130px;
}

*+html #contenu{
    margin-left: 255px;
}

.tickercontainer { /* the outer div with the black border */
border: 1px solid #f1e2ca;
background: #f5f5f5; 
width: 700; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0;
width: 680px;
overflow: hidden;
height: 24px; 
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #f5f5f5;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}