/* stylesheet by SophieWeb - http://sophieweb.com - 2004-07 */

body {
background-color: #404044;
color: #FFF;
font-size:120%;
}

/* sidebar */
#sidebar {
position: absolute;
right: 5px;
top: 10px;
width: 170px;
text-align: right;
padding: 70px 5px 0 0;
}

/* zone bandeau */
#divLogo {
background: url("../images/logoGris.jpg") no-repeat 50% 50%;
width: 200px;
height: 170px;
}
#divLogo a {
display: block;
border: 0 none;
width: 170px;
height: 170px;
}
#divLogo a img {
display: none;
}

/* zone de contenu */
#wrapper {
border-left: 1px solid #818184;
width:770px;
}
#content {
margin: 0 0 0 200px;
}
#blogContent, #textContent, #flashContent {
border-left: 1px solid #818184;
border-right: 1px solid #818184;
}
#blogContent, #textContent {
padding: 0 5px 30px 5px;
margin-top: 0;
border-top: 0;
}
#flashContent {
padding: 0 5px 30px 5px;
height: 200px;
margin: 0;
}
#flashAnim2 {
visibility: hidden;
}
#utilities {
padding: 0 0 230px 0;
height: 230px;
}
#blogContent p, #textContent p {
line-height: 150%;
text-align: justify;
margin: 0 0 10px 0;
}
#blogContent p:first-letter, #textContent p:first-letter, .libelleForm:first-letter {
font-weight: bold;
}
#blogContent p.top, #textContent p.top {
text-align: right;
font-size: 60%;
margin: -10px 0 0 0;
}
#blogContent p.top:first-letter, #textContent p.top:first-letter {
font-weight: normal;
}
#blogContent ul {
margin: 0 0 10px 0;
padding: 0 0 0 35px ;
list-style-image: url("../images/puce.gif");
}
#textContent ul {
list-style-type: square;
padding: 0 5px 0 15px;
}
#blogContent li, #textContent li {
margin: 10px 0 0 0;
}
h1 {
font-size: 130%;
margin: 0 0 20px 0;
text-align: left;
color: #C0C0C1;
border-bottom: 1px solid #818184;
}
h2:target {
background-color: #818184;
border-bottom: 1px solid #FFF8AB;
}
h2, h3 {
color: #C0C0C1;
font-size: 110%;
margin: 0 0 10px 0;
text-align: left;
font-style: italic;
}
h3 {
font-size: 100%;}
#accueil h1, #accueil h2 {
text-align: center;
}

#blogContent p.feedback {
text-align: right;
font-size: 80%;
}
#blogContent div.post {
border-bottom: 1px solid #818184;
margin-bottom: 15px;
}
#weblog #flashContent {
background:none;
height: 180px;
margin: 0;
padding: 10px 0 0 0;
}
#flashContent ul#blocMeta, #flashContent ul#blocSearch {
width:400px !important;
}
#flashContent #advert {
position: relative;
right: 0%;
width: 120px;
top: 20px;
}

/* menu */
#menu {
width: 200px;
float: left;
padding: 10px 0 0 0;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu li {
margin: 0;
}
#menu a {
border: 0 none;
font-size: 90%;
}
#menu ul a {
background-image:none !important;
border-left: 4px solid #404044;
display: block;
margin: .2em 0;
padding: 2px;
font-weight: normal;
text-decoration: none;
height: 1.3em;
font-size: 100%;
}
#services #servicesMenu:visited, #doc #docMenu:visited, #shop #shopMenu:visited, #rencontre #rencontreMenu:visited, #accueil #accueilMenu:visited, #weblog #weblogMenu:visited, #philo #philoMenu:visited, #contact #contactMenu:visited, #clients #clientsMenu:visited, #partner #partnerMenu:visited {
color: #FFEA00;
border-color: #FFEA00;
}
#menu ul a:hover, #menu ul a:active, #menu ul a:focus {
border-color: #FFEA00;
}
#menu ul span {
font-size: 70%;
line-height: .3em;
padding: 0 0 0 10px;
}
#menu a#lienEN {
display: block;
background: transparent url("../images/en.gif") no-repeat 0 50%;
padding: 2px 0 4px 21px;
}
#menu a#lienFR {
display: block;
background: transparent url("../images/fr.gif") no-repeat 0 50%;
padding: 2px 0 4px 21px;
}
#menu a#lienRSS {
display: block;
margin: 5px 0 0 2px;
background: transparent url("../images/xml.gif") no-repeat 0 50%;
padding: 0 0 2px 35px;
}

/* formulaire */
.libelleForm {
width: 7em;
display: block;
float: left;
text-align: left;
padding: 10px 0 0 0;
}
.contenuForm {
padding: 10px 0 0 0;
}
.clearGris {
clear: both;
}

/* liens */
a img {
border: 0px none;
vertical-align: middle;
}
a:link {
color: #FFF157;
}
a:visited {
color: #FFF47F;
}
a:hover, a:active, a:focus {
color: #FFEA00;
}

/* bas de page */
#footer {
border-top: 1px solid #818184;
padding: 0;
margin: 0 -170px 0 -200px;
}
#footer img {
margin:5px 10px;
}
#footer #XLSLogo {
margin-right:10px;
}

/* bas de page */
address {
font-size:.8em !important;
line-height:1.3em;
margin-left:2px;
text-align:left;
}
#CertificationLogo, #AstaroLogo, #OSXLogo {
margin:0 15px 5px 35px;
}
#footer p {
font-size: 80%;
text-align: right;
}

body div#shoppingcart div#shoppingcartcontents
{
border: 1px solid #818184;
}

#fancy_notification
{
background: #FFF;
}