body {
    background: #7f7f7e;
    font-family: Arial,Verdana,Tahoma,sans-serif;
	color: #444444;
    line-height:1.8em;
}
#art-main
{
   background: #7f7f7e url('../images2/fond.png') top center no-repeat scroll;
   margin:0 auto;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-align: justify;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
.header{
    background: #7f7f7e url('../images2/header.png') top left no-repeat scroll;
    max-width: 1003px;
    min-width: 1003px;
    width: 1003px;
}
body p {
    color: #444444;
    line-height: 1.8em;
}
.radius {
    border-radius: 8px 8px 8px 8px;
}
.sidebox ol,.sidebox ul {
    list-style: none outside none;
}
#container,div.center,#page {
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    width: 1003px;
	min-height:600px;
    background-color: #ffffff;
}

h1
{
color: #0099CC;
    font-size: 21px;
    font-weight: normal;
}
.logo h1 a
{
 font-family: 'Futura Md BT',Arial,Verdana,Tahoma,sans-serif;
 font-size:48px;
}
.logo h2 a
{
 font-family: 'Futura Md BT',Arial,Verdana,Tahoma,sans-serif;
 font-size:18px;
}
.entete{
padding-top:25px;
background: #666a61 url('../images2/header.png') top left no-repeat scroll;
max-width: 1003px;
    min-width: 1003px;
    width: 1003px;
}
#content {
    display: inline;
    float: right;
    padding: 20px 0;
    width: 640px;
}
#aside {
    display: inline;
    float: left;
    padding: 20px 0;
    width: 300px;
}
#footer {
    clear: both;
    overflow: hidden;
    padding: 20px 0;
}
#header .header-title {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: normal;
    letter-spacing: -3px;
    position: absolute;
    top: 100px;
}
#header .searchform {
    position: absolute;
    right: 0;
    top: 10px;
    width: 250px;
}
#header .searchtext {
    margin-right: 5px;
    padding: 2px;
    width: 150px;
}
#header .searchbutton {
    padding: 2px;
    width: 80px;
}
#top-menu {
margin:0;
    height: 30px;
    z-index: 100;
}
#top-menu li {
    float: left;
    position: relative;
}
#top-menu li.current_page_item a {
    color: #FFFFFF;
	text-decoration:none;
}
#top-menu ul {
    display: none;
    position: absolute;
    width: 200px;
    z-index: 120;
    
}
ul#top-menu{

    padding-left: 0px;
}
ul#top-menu li a
{
 line-height: 12px;
}

ul#top-menu li a:hover {
   
    color:#bb7905;

}
ul#top-menu li a.referencement:hover {
   
    color:#b97301;

}
ul#top-menu li a.site:hover,ul#top-menu li a.site active {
   
    color:#b97301;

}
#top-menu ul li {
    clear: both;
    width: 100%;
}

#content .post {
    background: none repeat scroll 0 0 #ECFBFF;
    border: 1px solid #D6F4FC;
    margin-bottom: 20px;
    padding: 25px;
}
#content .post h2, #content .post h3 {
    clear: both;
    color: #3D6F7A;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
}
#content .post h4, #content .post h5, #content .post h6 {
    color: #0099CC;
    font-size: 21px;
    font-weight: normal;
    padding-bottom: 10px;
	
}
#content .post blockquote {
    border-left: 5px solid #D6F4FC;
    border-right: 5px solid #D6F4FC;
    color: #999999;
    font-style: italic;
    margin: 20px;
    padding: 20px;
}
#content .post blockquote p {
    padding: 0;
}
#content .post ul {
    list-style: circle outside none;
    padding: 0 20px 18px;
}
#content .post ol {
    list-style: decimal outside none;
    padding: 0 20px 18px;
}
#content .post li {
    line-height: 1.5em;
    padding: 3px 0;
}
#content .pagetitle {
    color: #999999;
    font-size: 24px;
    padding: 20px;
    text-align: center;
}
#content .wp-pagenavi {
    background: none repeat scroll 0 0 #D6F4FC;
    clear: both;
    font-weight: bold;
    padding: 10px;
}
#content .wp-pagenavi .pages {
    color: #9ACEDC;
    float: right;
}
#content .post .postmetadata {
    clear: both;
    font-size: 11px;
    font-style: italic;
}
#content .post .post-related {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D6F4FC;
    padding: 15px;
}
#content .post .post-related ul {
    padding: 0 20px;
}
#content .post .post-related ul li {
    padding: 5px 0;
}
.pied{
width:1020px;
height:40px;
background-color:#D6F4FC;
color:black;
font-size:10px;
z-index:10;
}
#footer-navi {
    clear: both;
    overflow: hidden;
    padding: 5px 0;
}
#footer-navi .text {
    clear: both;
    display: block;
    padding: 3px 0;
}
#footer-navi .text label {
    display: block;
    float: left;
    width: 80px;
}
#content .post-thumb {
    border: 1px solid #000000;
    float: left;
    height: 100px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    width: 100px;
}
#content .post-text {
    padding-bottom: 10px;
}
#content .post-title {
    color: #0099CC;
    font-size: 21px;
    font-weight: normal;
}
#content .post-date {
    margin-right: 20px;
}
#content .post-category {
    margin-right: 20px;
}
#content .post-comment {
    margin-right: 20px;
}
#content .post-meta {
    border-bottom: 1px solid #D6F4FC;
    border-top: 1px solid #D6F4FC;
    clear: both;
    font-size: 11px;
    padding: 10px 0;
}
#content .post-read {
    background: url("images2/navi_bg.jpg") repeat-x scroll center top transparent;
    color: #FFFFFF;
    display: block;
    float: right;
    margin-bottom: 10px;
    padding: 8px 0;
    text-align: center;
    width: 100px;
}
.sidebox h1
{
color: #0f6780;
}
.sidebox h2 {
    border-bottom: 1px solid #DDDDDD;
    color: #0f6780;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 5px;
}
.sidebox ul {
    clear: both;
}
.sidebox ul li {
    padding: 10px 0;
}
#aside select {
    width: 100%;
}
#aside .sidebanner {
    margin-bottom: 10px;
}
#aside .textwidget {
    border-top: 1px solid #FFFFFF;
    clear: both;
    padding-top: 10px;
}
.sidebox {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #DDDDDD;
    clear: both;
    margin-bottom: 10px;
    padding-left: 20px;
}
.sidebox p {
    line-height: 1.3em;
    padding-bottom: 10px;
}
.sidebox .side-rss, #aside .sidebox .side-twitter, #aside .sidebox .side-facebook {
    float: left;
}
.sidebox .side-rss {
    background: url("../images2/rss.gif") no-repeat scroll left center transparent;
    padding: 2px 10px 2px 25px;
}
.sidebox .side-twitter {
    background: url("../images2/twitter.gif") no-repeat scroll left center transparent;
    padding: 2px 10px 2px 25px;
}
.sidebox .side-facebook {
    background: url("../images2/facebook.gif") no-repeat scroll left center transparent;
    padding: 2px 10px 2px 25px;
}

ul#twitter_update_list {
    border: medium none;
}
ul#twitter_update_list li span {
    display: block;
    line-height: 20px;
    padding-bottom: 5px;
}
#footer .footer-block {
    background: none repeat scroll 0 0 #ECFBFF;
    border: 1px solid #D6F4FC;
    display: block;
    float: left;
    margin: 0 10px;
    padding: 10px;
    width: 275px;
}
#footer .footer-block h3 {
    border-bottom: 1px solid #D6F4FC;
    color: #3D707B;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 5px;
}
#footer .footer-block ul, #footer .footer-block .textwidget {
    border-top: 1px solid #FFFFFF;
    clear: both;
}
#footer .footer-block li {
    border-bottom: 1px solid #D6F4FC;
    padding: 8px 0;
}
p.footer-copy {
    clear: both;
    font-size: 11px;
    margin: 10px 0;
    overflow: hidden;
    text-align: center;
}
#comment-box {
    overflow: hidden;
    padding: 0 10px;
}
#comment-box h3 {
    font-size: 18px;
    padding: 10px 0;
}
#comment-box #respond {
    padding: 10px;
}
#comment-box label {
    display: block;
    float: left;
    font-size: 11px;
    font-style: italic;
    padding: 2px;
    width: 120px;
}
#comment-box .comment-forms {
    color: #BBBBBB;
    font: 11px Verdana,Tahoma,Arial,San-serif;
    padding: 3px;
    width: 95%;
}
#comment-box .focused {
    color: #555555;
}
#commentform p {
    padding: 5px 0;
}
.commentlist cite {
    font-style: normal;
    font-weight: bold;
}
.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    padding: 10px;
}
.commentlist .avatar {
    float: left;
    padding-right: 10px;
}
.commentlist .comment-meta {
    border-bottom: 1px solid #EEEEEE;
    font-size: 11px;
    font-style: italic;
    padding: 5px 10px;
}
.commentlist .comment-author {
    padding: 5px 10px;
}
.commentlist .reply {
    padding: 10px;
    text-align: right;
}

.commentlist li {
    border: 1px solid #DDDDDD;
    margin-bottom: 5px;
}
.commentlist ul.children li {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #EEEEEE;
    margin: 5px;
}
.thread-alt {
    background: none repeat scroll 0 0 #FAFAFA;
}
#wp-calendar {
    text-align: center;
    width: 100%;
}
#wp-calendar caption {
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}
#wp-calendar th {
    font-style: normal;
    padding: 2px;
    text-transform: capitalize;
}
#wp-calendar td {
    font-style: normal;
    padding: 2px;
}
img {
    border: none;
  }
  
a:hover {outline:0 !important}
img.centered {
    display: block;
    margin: auto;
}
img.alignright {
    display: inline;
    margin: 0 0 2px 5px;
    padding: 2px;
}
img.alignleft {
    display: inline;
    margin: 0 5px 2px 0;
    padding: 2px;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    margin: 10px;
    padding-top: 4px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 1.2em;
    padding: 0;
}
#content .post-share {
    clear: both;
    overflow: hidden;
}
#content .post-share .google {
    background: url("images2/buttons/google.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 48px;
    margin: 5px;
    text-indent: -9999px;
    width: 48px;
}
#content .post-share .yahoo {
    background: url("images2/buttons/yahoo.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 48px;
    margin: 5px;
    text-indent: -9999px;
    width: 48px;
}
#content .post-share .delicious {
    background: url("images2/buttons/delicious.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 48px;
    margin: 5px;
    text-indent: -9999px;
    width: 48px;
}
#content .post-share .digg {
    background: url("images2/buttons/digg.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 48px;
    margin: 5px;
    text-indent: -9999px;
    width: 48px;
}
#content .post-share .reddit {
    background: url("images2/buttons/reddit.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 48px;
    margin: 5px;
    text-indent: -9999px;
    width: 48px;
}

a {
    color: #444444;
    font-weight: bold;
}
a:active {
    position: relative;
    top: 1px;
}
a:hover {
    color: #b97301;
}
#top-menu li a {
    color: #FFFFFF;
    display: block;
    margin-right: 10px;
	text-decoration:none;
    padding: 7px 15px;
}
.menu
{
background: url("../images2/menu.png") no-repeat scroll top left transparent;

}
ul#twitter_update_list {
    border: medium none;
}
.site h1,.site h2,.site a {
    color:#0f6780;
}
.referencement h1,.referencement h2,.referencement a{
    color:#bb7905;
}
.titre_referencement
{
    color:#bb7905;
    text-shadow: 5px 0px 10px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.titre_site
{
    color:#0f6780;
    text-shadow: 5px 0px 10px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.titre_ecommerce
{
    color:#a116ba;
    text-shadow: 5px 0px 10px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
}



.sidebox li a, .sidebox a {
    color:#379DC3;
}
.sidebox li a:hover, .sidebox a:hover {
color:#b97301;
}
.cadre_temoignage
{
background: url("../images2/temoignage.png") no-repeat scroll top left transparent;
padding-top: 5px;
padding-left:50px;
}
.cadre_temoignage h1
{
    color:white;
    text-transform: uppercase;
    font-size:18px;
}
.cadre_article
{
background: url("../images2/cadre_article.png") no-repeat scroll top left transparent;
padding-top: 5px;
padding-left:25px;
height:500px;
}
.cadre_article h1,.cadre_article h2
{
    color:white;
    text-transform: uppercase;
    font-size:18px;
    text-align:center;
}
.cadre_article h2
{
    padding-left:0;
}
.cadre_article2
{
background: url("../images2/cadre_article2.png") no-repeat scroll top left transparent;
padding-top: 5px;
padding-left:25px;
height:500px;
}
.cadre_article2 h1,.cadre_article2 h2
{
    color:white;
    text-transform: uppercase;
    font-size:18px;
    text-align:center;
}
.cadre_article2 h2
{
    padding-left:0;
}
a:visited,a:actif{
border:none;
color:black;
}
.css3button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #6b6a6b 50%,
        #424242 50%,
        #444444);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#ffffff),
        color-stop(0.50, #6b6a6b),
        color-stop(0.50, #424242),
        to(#444444));
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #444444;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.4);
}
a:hover.css3button {
color:black;
    }