/*********************************************************
    GENERIQUES
*********************************************************/

* {
    margin : 0;
    padding : 0;
    font-size : 8pt;
}
img {
    border : none;
}
ul {
    margin : 8px 0 0 25px;
}
li {
    margin-bottom : 3px;
}
td {
    vertical-align : top;
}
a {
    color : #548dd4;
    font-weight : bold;
}
p {
    margin-top : 5px;
    text-indent : 5px;
}
.doubleColonne td {
    padding : 5px 10px;
}

/*********************************************************
    BODY & CONTAINER
*********************************************************/

body {
    color : #336;
    font-family : Verdana, Tahoma, Arial, sans-serif;
    background : #fff url('images/body_back02.jpg') repeat-x top left;
}

#container {             
    position : relative;
    width : 950px;
    margin : 0 auto;
}

/*********************************************************
    BANNIERE
*********************************************************/

#banner {
    position : relative;
    height : 170px;
    text-align : left;
    background : url('images/banner_back03.jpg') no-repeat top left;
}
#banner * {
    font-family : Arial, Verdana, sans-serif;
}
#banner-inner #banner-date {
    position : absolute;
    font-size : 11px;
    color : #007fb5;
    top : 85px;
    right : 15px;
}
#banner-inner #banner-client {
    /**/
   position : absolute;
    top : 5px;
    right : 37px;
   
}
#banner-inner #banner-client a {
    color : #fff;
    font-size : 12px;
    font-weight : bold;
    text-decoration : none;
}
#banner-inner #banner-client a:hover {
    text-decoration : underline;
}
#banner-inner ul {
    position : absolute;
    top : 106px;
    left : 245px;
    margin : 0;
}
#banner-inner ul li {
    display : inline;   
    margin : 0;
}
#banner-inner ul li a {
    display : block;
    float : left;
    color : #fff;
    height : 18px;
    font-size : 13px;
    font-weight : normal;
    text-decoration : none;
    padding : 1px 13px 0 13px;
    border-left : 1px solid #80bfda;
}
#banner-inner ul li a:hover, #banner-inner ul li .selected {
    color : #fff;
    background : #eb6b08;
    font-weight : normal;
}
#banner-inner h1 {
    position : absolute;
    top : 127px;
    left : 240px;
    color : #007fb5;
    font-size : 13px;
}

/*********************************************************
    CENTRE
*********************************************************/

#pagebody {
    background : #fff url('images/pagebody_back.jpg') repeat-x top left;
}

#centre {  
    float : left;
    width : 710px;
    margin-left : 14px;
    margin-bottom : 12px;
} 
#centre-inner{
}

#sidebar-right { 
    position : relative;
    width : 200px;
    margin-left : 740px;
    padding-bottom : 250px;
}
#sidebar-right-inner {   
}

/*********************************************************
    BLOCS CENTRAUX
*********************************************************/

#centre-inner #progressBar {
    color : #fff;
    padding : 2px 5px;
    margin-bottom : 10px;
    border : 1px solid #fff;
}
#centre-inner #progressBar a {
    color : #fff;
    font-weight : bold;
    text-decoration : none;
}
#centre-inner #progressBar a:hover {
    text-decoration : underline;
}

#centre-inner h3 {  
    display : inline;
    color : #fff;
    padding : 3px 10px;
    background : #009ee0;
}

/*********************************************************
    MISE EN PAGE A
*********************************************************/

#centre-inner .bloc-MEP-A {
    padding : 10px;
    background : #fff;
    margin-bottom : 10px;
}
#centre-inner .bloc-MEP-A h1 {
    color : #3497c1;
    font-size : 16px;
    letter-spacing : 1px;
}
#centre-inner .bloc-MEP-A h2 {
    color : #eb6b08;
    font-size : 16px;
    letter-spacing : 1px;
    padding-bottom : 3px;
    margin-bottom : 5px;
    border-bottom : 1px solid #3497c1;
}

/*********************************************************
    MISE EN PAGE B
*********************************************************/

#centre-inner .bloc-MEP-B {
    padding : 5px 10px;
    margin-top : 5px;
    margin-bottom : 10px;
    background : #fff;
    text-indent : 5px;
    text-align : justify;
    border : 1px solid #dce3e6;
}

/*********************************************************
    MISE EN PAGE C
*********************************************************/

#centre-inner .bloc-MEP-C {
    float : left;
    padding-top : 5px;
}
#centre-inner .bloc-MEP-C .photo {
    float : left;
    padding : 7px;
    background : #fff;
    border : 1px solid #dce3e6;
}
#centre-inner .bloc-MEP-C .photo img {
    width : 80px;
    height : 60px;
}
#centre-inner .bloc-MEP-C .texte {
    position : relative;
    height : 70px;
    background : #fff;
    padding : 3px 10px;
    margin-left : 100px;
    text-align : justify;
    border : 1px solid #dce3e6;
}
#centre-inner .bloc-MEP-C .texte h4 {
}
#centre-inner .bloc-MEP-C .texte h4 a {
    color : #eb6b0a;
    text-decoration : none;
}
#centre-inner .bloc-MEP-C .texte h4 a:hover {
    text-decoration : underline;
}
#centre-inner .bloc-MEP-C-footer {
    position : absolute;
    bottom : 3px;
    left : 10px;
    color : #959595;
    font-size : 10px;
}
#centre-inner .bloc-MEP-C-footer-droite {
    position : absolute;
    bottom : 3px;
    right : 10px;
    font-size : 10px;
}
#centre-inner .bloc-MEP-C-footer-droite a {
    color : #959595;
    text-decoration : none;
}

/*********************************************************
    MISE EN PAGE D
*********************************************************/

#centre-inner .bloc-MEP-D {
    padding-top : 5px;
    line-height : 12pt;
}
#centre-inner .bloc-MEP-D .photo {
    float : left;
    padding : 8px;
    background : #fff;
    border : 1px solid #dce3e6;
}
#centre-inner .bloc-MEP-D .photo img {
    width : 80px;
    height : 60px;
}
#centre-inner .bloc-MEP-D .texte {
    position : relative;
    background : #fff;
    margin-left : 100px;
    padding : 3px 10px;
    text-align : justify;
    border : 1px solid #dce3e6;
    padding-bottom : 15px;
}
#centre-inner .bloc-MEP-D .texte h2 {
    color : #ed6d0c;
    font-size : 13pt;
    line-height : 14pt;
    text-align : left;
}
#centre-inner .bloc-MEP-D-footer {
    position : absolute;
    bottom : 3px;
    left : 10px;
    color : #959595;
    font-size : 10px;
}

/*********************************************************
    BLOCS THEMATIQUES (DROITE)
*********************************************************/

.module {
    margin-bottom : 10px;
}

.module h2 {
    color : #fff;
    font-size : 12px;
    padding : 2px 0 2px 8px;
    text-transform : uppercase;
    border : 1px solid #97ADBA;
    border-bottom : none;
    font-weight : normal;
    background : #eb6b08 url('images/blocthematique_titre_back.jpg') repeat-y top right;
}

.module-content {
    padding : 6px;
    font-size : 11px;
    background : #ebf5f9 url('images/blocthematique_contenu_back.jpg') repeat-x top left;
    border : 1px solid #93BDD3;
}
.module-content * {
    font-size : 11px;
}

.module-content div {
    margin-top : 5px;
}
.module-content input {
    color : #555;
    padding : 2px;
    border : 1px solid #959595;
}
.module-content a {
    color : #0d5aa0;
    font-weight : normal;
    text-decoration : none;
}
.module-content b {
    color : #eb6b08;
}
.module-content a:hover {
    color : #eb6b08;
}
.module-content ul {
    margin : 0;
    padding-left : 15px;
}
.module-content ul li {
    margin : 0;
}
.module-content ul li a {
    text-decoration : none;
}

/*********************************************************
    TABLEAU DES LOGOS CLIENTS
*********************************************************/

.logos_clients {
    width : 100%;
}

.logos_clients td {
    text-align : center;
}

/*********************************************************
    TOUTES NOS PRESTATIONS
*********************************************************/

.presta_bloc {
    width : 560px;
    padding : 0 10px;
    margin : 20px 0 10px 0;
    border : 5px solid #7abdd8;
}

.presta_titre, .presta_titre_droite {
    position : relative;
    padding : 0 10px;
    top : -18px;
    text-align : left;
}
.presta_titre_droite {
    text-align : right;
}
.presta_titre span, .presta_titre_droite span {
    color : #ec6b06;
    font-size : 16pt; 
    background : #fff;
}

.presta_contenu {
    position : relative;
    top : -12px;
    padding : 0;
}

.presta_contenu table {
    width : 100%;
    border-collapse : collapse;
}

.presta_contenu td {
    padding : 0;
    text-align : left;
    vertical-align : middle;
}
.presta_contenu td.droite {
    text-align : right;
}
.presta_contenu td * {
    text-indent : 0;
}

/*********************************************************
    FOOTER
*********************************************************/

.footer{ 
    clear : both;
    position : relative;
    height : 23px;
    color : #64a1ba;
    font-size : 11px;
    background : #e4f1f7;
    padding : 5px 10px 0 10px;
    border-top : 1px solid #cce2ec;
}
.footer-inner {      
}
.footer-inner a, .footer-inner a:active, .footer-inner a:visited, .footer-inner a:link{ 
    color : #64a1ba;
    font-size : 11px;
    font-weight : normal;
    text-decoration : none;
}
.footer-inner a:hover{
    text-decoration: underline;
}
.footer-inner-left {
    float : left;
}
.footer-inner-right {
    float : right;
}
.footer-inner #bloc-fee {
    position : absolute;
    right : -27px;
    bottom : 15px;
    width : 235px;
    height : 255px;
    background : url('images/fee/site/defaut.png') no-repeat bottom right !important;
    background : url('images/fee/site/defaut.gif') no-repeat bottom right;
}
.footer-inner #bloc-fee.support {
    background-image : url('images/fee/site/support.png') !important;
    background-image : url('images/fee/site/support.gif');
}
.footer-inner #bloc-fee.contact {
    background-image : url('images/fee/site/contact.png') !important;
    background-image : url('images/fee/site/contact.gif');
}
.footer-inner #bloc-fee.blog {
    background-image : url('images/fee/site/blog.png') !important;
    background-image : url('images/fee/site/blog.gif');
}
.footer-inner #bloc-fee.news {
    background-image : url('images/fee/site/news.png') !important;
    background-image : url('images/fee/site/news.gif');
}
.footer-inner #bloc-fee.prestations {
    background-image : url('images/fee/site/prestations.png') !important;
    background-image : url('images/fee/site/prestations.gif');
}
.footer-inner #bloc-fee.recrutement {
    background-image : url('images/fee/site/recrutement.png') !important;
    background-image : url('images/fee/site/recrutement.gif');
}
.footer-inner #bloc-fee.showroom {
    background-image : url('images/fee/site/showroom.png') !important;
    background-image : url('images/fee/site/showroom.gif');
}
.footer-inner #bloc-fee.studio {
    background-image : url('images/fee/site/studio.png') !important;
    background-image : url('images/fee/site/studio.gif');
}
.footer-inner #bloc-fee.espace_clients {
    background-image : url('images/fee/site/espace_clients.png') !important;
    background-image : url('images/fee/site/espace_clients.gif');
}
.footer-inner #bloc-fee.plan {
    background-image : url('images/fee/site/plan.png') !important;
    background-image : url('images/fee/site/plan.gif');
}

.trackback{
border: 1px solid #BBBBBB;
padding: 4px;
margin-bottom: 20px;
}

.style1 {
  margin: 17px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.style2 {
	color: #FF6600;
}
.style3 {
  text-align: left;
}
.style5 {
  text-align: left;
}
.style6 {
  color: #FF6600;
}

.style7 {
	border-width: 0px;
}




ol {
	margin-left : 25px;
}




.entry-content{
text-align: left;
}

/* ********************* Sociable ************************* */

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/* 30 sept 09 oliv */
div#list-flags{display:block;margin-top:0px;text-align:right;}
div#list-flags a span.country_arrow{display:block;margin-top:0px;width:9px;height:6px;}
div#list-flags a span.flag{display:block;width:20px;height:11px;float:left;margin-top:3px;}
div#list-flags.show_flags a span.country_arrow{}
div#fulllist-flags{ background:#FFFFFF;border: 2px #EB6B08 solid;position:absolute;width:150px;top:14px;right:0;overflow:hidden;z-index:3200;padding:3px 0;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;}

div#fulllist-flags a, div#fulllist-flags a span{cursor:pointer;}
div#fulllist-flags a{margin-left:4px;display:block;height:18px;overflow:hidden;font-weight:normal;}
div#fulllist-flags a.current_locale{font-weight:bold!important;}
div#fulllist-flags .flag_multi_lang{margin:2px 0 2px 5px;}
div#fulllist-flags .flag_multi_lang a{margin-left:0;}
div#fulllist-flags .flag_multi_lang a span.country_label{width:auto;}
div#fulllist-flags a span{margin-left:4px;float:left;color:#027EB4;}

div#fulllist-flags a span.country_label{line-height:16px;text-align:left;color:#027EB4;font-weight:normal;text-decoration: none;}
div#fulllist-flags a:hover span.country_label{color:#027EB4;font-weight:normal;text-decoration: underline;}

/* liste drapeaux */
a.webcastory_flag_be span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_be.png);width:16px;height:11px;}

a.webcastory_flag_br span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_br.png);width:16px;height:11px;}

a.webcastory_flag_ca span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_ca.png);width:16px;height:11px;}

a.webcastory_flag_de span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_de.png);width:16px;height:11px;}

a.webcastory_flag_es span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_es.png);width:16px;height:11px;}

a.webcastory_flag_fr span.flag, .webcastory_flag_fr .flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_fr.png);width:16px;height:11px;}

a.webcastory_flag_in span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_in.png);width:16px;height:11px;}

a.webcastory_flag_ie span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_ie.png);width:16px;height:11px;}

a.webcastory_flag_it span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_it.png);width:16px;height:11px;}

a.webcastory_flag_mx span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_mx.png);width:16px;height:11px;}

a.webcastory_flag_pt span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_pt.png);width:16px;height:11px;}

a.webcastory_flag_ch span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_ch.png);width:16px;height:11px;}

a.webcastory_flag_gb span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_uk.png);width:16px;height:11px;}

a.webcastory_flag_us span.flag{background-position:0px 0px;background-repeat:no-repeat;background-image:url(http://www.webcastory.com/images/flags/flag_us.png);width:16px;height:11px;}