/*
Theme Name: FB Sourcing
Theme URI: http://www.fbsourcing.fr/
Description: Le thème spécialisé pour l'entreprise FB Sourcing, spécialiste du sourcing en Chine
Version: 1.0
Author: David ROBIN
Author URI: http://www.davidrobin.fr/
Tags: grey, orange, fixed width
Text Domain: FB Sourcing

		Ce thème a été conçu et développé par David ROBIN,
		dont le site professionnel est : http://www.davidrobin.fr/

		Le CSS, XHTML et le design sous copyright, protégé par nature par le droit d'auteur.

		Toute reproduction formellement interdite, n'hésitez pas à contacter le webdesigner si le site vous plaît ;-)
		
*/


/* Begin Typography & Colors */

body {

margin : 0 auto 0 auto;

padding: 0;

overflow : auto;

font-size : 10px;

font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

background: url('images/greybg.png') fixed #d3d2d3;

color: #333;

text-align: center;

}

#page {

width : 1008px;

height : auto;

margin : auto;

text-align: left;

overflow : auto;

padding : auto;

}



#header

{width : 1008px; height : 194px; margin : auto;}



#gheader

{width : 233px; height : 194px; background : url('images/gheadbg.png') no-repeat; text-align : center; float : left; padding : 0;}



#gheader img

{margin : 30px 0 0 8px;}



#dheader

{width : 775px; height : 194px; background : url('images/dheadbg.png') no-repeat; float : left;}



#clock

{

margin : 45px 0 0 80px;

padding : 0;

float : left;

width : 169px;

height : 52px;

background : url('images/clock.png') no-repeat;}



#clock p

{margin : 27px 0 0 0; text-align : center; font-size : 11px; font-weight : bold; color : #5f5f5e;}



#flags

{

margin : 20px 20px 0 0;

width : auto;

height : auto;

float : right;

text-align : right;

}



img#devise

{
position : relative;
top : 60px;
left : 60px;
width : 286px;
height : 20px;
text-align : right;
}



#menu

{clear : both; height  : 32px; width : 720px; padding : 55px 0 0 20px;}



#menu_accueil a

{display : block; width : 75px; height : 32px; background : url('images/Menu_Accueil.png') no-repeat; float : left;}



#menu_accueil a:hover

{display : block; width : 75px; height : 32px; background : url('images/Menu_Accueil_h.png') no-repeat;}



#menu_services a

{display : block; width : 129px; height : 32px; background : url('images/Menu_Services.png') no-repeat; float : left;}



#menu_services a:hover

{display : block; width : 129px; height : 32px; background : url('images/Menu_Services_h.png') no-repeat;}



#menu_savoirfaire a

{display : block; width : 184px; height : 32px; background : url('images/Menu_SavoirFaire.png') no-repeat; float : left;}



#menu_savoirfaire a:hover

{display : block; width : 184px; height : 32px; background : url('images/Menu_SavoirFaire_h.png') no-repeat;}



#menu_savoirfaire_on

{width : 184px; height : 32px; background : url('images/Menu_SavoirFaire_h.png') no-repeat; float : left;}



#menu_produits a

{display : block; width : 129px; height : 32px; background : url('images/Menu_Produits.png') no-repeat; float : left;}



#menu_produits a:hover

{display : block; width : 129px; height : 32px; background : url('images/Menu_Produits_h.png') no-repeat;}



#menu_produits_on

{width : 129px; height : 32px; float : left;}

#menu_produits_on a

{display : block; width : 129px; height : 32px; background : url('images/Menu_Produits_h.png') no-repeat;}

#menu_produits_on a:hover

{display : block; width : 129px; height : 32px; background : url('images/Menu_Produits_h.png') no-repeat;}

#menu_atouts a

{display : block; width : 109px; height : 32px; background : url('images/Menu_Atouts.png') no-repeat; float : left;}



#menu_atouts a:hover

{display : block; width : 109px; height : 32px; background : url('images/Menu_Atouts_h.png') no-repeat;}



#menu_atouts_on

{display : block; width : 109px; height : 32px; background : url('images/Menu_Atouts_h.png') no-repeat; float : left;}



#menu_contact a

{display : block; width : 78px; height : 32px; background : url('images/Menu_Contact.png') no-repeat; float : left;}



#menu_contact a:hover

{display : block; width : 78px; height : 32px; background : url('images/Menu_Contact_h.png') no-repeat;}



#menu_contact_on

{display : block; width : 78px; height : 32px; background : url('images/Menu_Contact_h.png') no-repeat; float : left;}



.menu_sep

{width : 32px; height : 24px; margin : -3px 0 0 0; background : url('images/MenuSep.png') top center no-repeat; float : left;}



.none

{display : none;}



#main

{background : url('images/bodybg.png') repeat-y; overflow : auto;}



#formulaireleft

{width : 212px; margin : 10px 14px 0 20px; height : auto; float : left;}

#formulaireltop

{width : 212px; height: 39px; background : url('images/formtop.png') no-repeat;}

#formulairel

{width : 212px; background : url('images/formbody.png') repeat-y; overflow : auto; font-size : 12px; font-weight : bold; color : #fb5e02; height : auto;}

#formulairel form

{text-align : left; padding-left : 10px;}

#formulairel input

{margin : 0 0 10px 0;}

#formulairelbottom

{width : 212px; height: 11px; background : url('images/formbottom.png') no-repeat;}



input#buttonsend

{width:72px; height : 24px; background : url('images/buttonsend.png') no-repeat; border:none; float : right; margin : 20px 22px 0 0; display : block; cursor:pointer;}



input#buttonsend:hover

{background : url('images/buttonsend_h.png') no-repeat; cursor:hand;}



#formulairecontact

{margin : 10px auto 0 auto; overflow : auto;}



#formulairecontactop

{background : url('images/formcontactop.png') no-repeat; margin : 20px 0 0 0; width:301px; height : 43px;}



#formulairecontactbg

{background : url('images/formcontactbg.png') repeat-y; width:301px; height : auto; overflow : auto;}



#formulairecontactbg form

{padding : 20px 0 0 20px;}



#formulairecontactbg input

{margin : 0 0 10px 0;}



input:focus, textarea:focus

{background-color : #eeeeee;}



textarea

{

overflow:auto; 

}



#formulairecontactbottom

{background : url('images/formcontactbottom.png') no-repeat; margin : 0 0 20px 0; width:301px; height : 8px;}



input#buttonsend2

{width:72px; height : 24px; background : url('images/buttonsend.png') no-repeat; border:none; float : right; margin : 20px 12px 0 0; display : block; cursor:pointer;}



input#buttonsend2:hover

{background : url('images/buttonsend_h.png') no-repeat; cursor:hand;}



a#plaquette

{text-align : center; margin : 20px 0 0 0; display : block; font-weight : bold; width : 177px; border : 2px gray solid; padding : 10px; background-color : #dbd5c9; overflow : auto; text-decoration : none;}

a#plaquette:hover

{background-color : white; display : block; text-decoration : none;}



#contact

{background : url('images/notes.jpg') no-repeat; width : 300px; height : 100px;}



.contact

{width : 392px; height : auto; margin : 0; padding : 0;}



.contacttop

{background : url('images/contacttop.png') no-repeat; height : 39px; clear : both;}



.contacttop

{color : white; font-size : 16px; font-weight : bold; padding : 10px 0 0 20px; margin : 0 0 -10px 0;}



.contactbg

{background : url('images/contactbg.png') repeat-y; height : auto; overflow : auto; padding : 20px;}



.contactbottom

{background : url('images/contactbottom.png') no-repeat; margin : 0 0 20px 0; height : 9px; }



#savoirfairebg

{

padding : 10px; text-align : center; font-size : 14px; font-weight : bold; color : white; background : url('images/savoirfairebg.png') repeat-x #fb5e02;}

div#accueilphrase
{width : auto; font-size : 16px; color : #fb5e02; text-align : center; padding : 20px 0 20px 0; margin : 0;}

#imageshome

{

margin : auto;

text-align : center;

width : 980px;

height : 200px;

overflow : hidden;

}



#imageshome img

{margin : 0;}
	 

#content {

font-size: 1.2em;

}

.widecolumn .entry p {

font-size: 1.05em;

}

.narrowcolumn .entry, .widecolumn .entry {

margin : 10px 0 0 0;

line-height: 1.4em;

}

.widecolumn {

line-height: 1.6em;

}

.narrowcolumn .postmetadata {

text-align: center;

}



tr.bgtabservices 

{background : url('images/bgtabservices.png') repeat-x #c9c9c9;

height : auto;

}

a#p1
{display : block; width : 159px; height : 121px; background : url('images/metallurgie.jpg') no-repeat; border : 1px solid #5f5f5e;}

a#p1:hover
{display : block; width : 159px; height : 121px; background : url('images/metallurgie_h.jpg') no-repeat; border : 1px solid #5f5f5e;}

a#p2
{display : block; width : 159px; height : 121px; background : url('images/plasturgie.jpg') no-repeat; border : 1px solid #5f5f5e;}

a#p2:hover
{display : block; width : 159px; height : 121px; background : url('images/plasturgie_h.jpg') no-repeat; border : 1px solid #5f5f5e;}

a#p3
{display : block; width : 159px; height : 121px; background : url('images/autres_types_produits_industriels.jpg') no-repeat; border : 1px solid #5f5f5e;}

a#p3:hover
{display : block; width : 159px; height : 121px; background : url('images/autres_types_produits_industriels_h.jpg') no-repeat; border : 1px solid #5f5f5e;}

#popupa
{width : 177px; background : url('images/newspaper.jpg') bottom; border : 2px gray solid; margin : 20px 0 0 0; padding : 10px;}

.infoleft
{text-align : justify; margin : 50px 0 0 0; font-weight : bold; width : 177px; border : 2px gray solid; padding : 10px; overflow : auto; text-decoration : none;}


ul#accueilarticles > li
{margin-bottom : 10px;}

.alt {

background-color: #f8f8f8;

border-top: 1px solid #ddd;

border-bottom: 1px solid #ddd;

}

small {

font-family: Arial, Helvetica, Sans-Serif;

font-size: 0.9em;

line-height: 1.5em;

}

h1, h2, h3 {

font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

font-weight: bold;

}

h1 {

font-size: 4em;

text-align: center;

}

#headerimg .description {

font-size: 1.2em;

text-align: center;

}

h2 {

font-size: 1.6em;

}

h2.pagetitle {

font-size: 1.6em;

}

#sidebar h2 {

font-family: 'Lucida Grande', Verdana, Sans-Serif;

font-size: 1.2em;

}

h3 {

font-size: 1.3em;

}



.entry p a:visited {

color: #b85b5a;

}

.commentlist li, #commentform input, #commentform textarea {

font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

.commentlist li {

font-weight: bold;

}

.commentlist cite, .commentlist cite a {

font-weight: bold;

font-style: normal;

font-size: 1.1em;

}

.commentlist p {

font-weight: normal;

line-height: 1.5em;

text-transform: none;

}

#commentform p {

font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

.commentmetadata {

font-weight: normal;

}

#sidebar {

font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

color: #777;

}

code {

font: 1.1em 'Courier New', Courier, Fixed;

}

acronym, abbr, span.caps {

font-size: 0.9em;

letter-spacing: .07em;

}

a, h2, h3 {

color: #fb5e02;

}

a>h2, a>h3{

color: #fb5e02;

text-decoration: underline;

}

a:hover, a>h2:hover, a>h3:hover {

color: #5f5f5e;

text-decoration: underline;

}

#wp-calendar #prev a, #wp-calendar #next a {

font-size: 9pt;

}

#wp-calendar a {

text-decoration: none;

}

#wp-calendar caption {

font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

text-align: center;

}

#wp-calendar th {

font-style: normal;

text-transform: capitalize;

}

/* End Typography & Colors */

/* Begin Structure */

.narrowcolumn {

float: left;

padding: 0 0 0 4px;

margin: 0px 0 0;

width: 500px;

}

.widecolumn {

padding: 10px 0 20px 0;

margin: 5px 0 0 150px;

width: 450px;

}

.post {

margin: 0 0 40px;

text-align: justify;

}

.post hr {

display: block;

}

.widecolumn .post {

margin: 0;

}

.narrowcolumn .postmetadata {

padding-top: 5px;

}

.widecolumn .postmetadata {

margin: 30px 0;

}

.widecolumn .smallattachment {

text-align: center;

float: left;

width: 128px;

margin: 5px 5px 5px 0px;

}

.widecolumn .attachment {

text-align: center;

margin: 5px 0px;

}

.postmetadata {

clear: both; 

}

.clear { 

clear: both; 

}

#prefooter

{clear : both; 

padding : 20px 0 0 0;

background : url('images/bodybg.png') repeat-y;}



#footer {

background : url('images/footer.png') no-repeat;

padding: 0;

margin: 0 auto;

width: 1008px;

height : 22px;

clear: both;

}

#prefooter p {

margin: 0;

text-align: center;

}

/* End Structure */

/*	Begin Headers */

h1 {

padding-top: 70px;

margin: 0;

}

h2 {

margin: 14px 0 0 0;

}

h2.pagetitle {

margin-top: 30px;

text-align: center;

}

#sidebar h2 {

margin: 5px 0 0;

padding: 0;

}

h3 {

padding: 0;

margin: 0;

}

h3.comments {

padding: 0;

margin: 40px auto 20px;

}

/* End Headers */

/* Begin Images */

p img {

padding: 0;

max-width: 100%;

}

/*	Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',

will of course center the image. This is much better than using

align="center", being much more futureproof (and valid) */

img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignright {

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}

img.alignleft {

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}

.alignright {

float: right;

}

.alignleft {

float: left;

}

/* End Images */

/* Begin Lists



Special stylized non-IE bullets

Do not work in Internet Explorer, which merely default to normal bullets. */

ul#articles > li
{margin : 10px 0 10px 0;}

html > body .entry ul {

margin-left: 0px;

text-indent: 0px;

padding : 0;

}

html > body .entry li {

margin: 0;

}



li

{

list-style-type: none;

 background-image: url('images/bullet.png');

 background-repeat: no-repeat;

 background-position: 0 0.32em;

 padding-left: 15px;

}





#sidebar ul, #sidebar ul ol {

margin: 0;

padding: 0;

}



#sidebar ul p, #sidebar ul select {

margin: 5px 0 8px;

}

#sidebar ul ul, #sidebar ul ol {

margin: 5px 0 0 10px;

}

#sidebar ul ul ul, #sidebar ul ol {

margin: 0 0 0 10px;

}

ol li, #sidebar ul ol li {

list-style: decimal outside;

}

#sidebar ul ul li, #sidebar ul ol li {

margin: 3px 0 0;

padding: 0;

}

/* End Entry Lists */

/* Begin Form Elements */

#searchform {

margin: 10px auto;

padding: 5px 3px;

text-align: center;

}

#sidebar #searchform #s {

width: 108px;

padding: 2px;

}

#sidebar #searchsubmit {

padding: 1px;

}

.entry form {

/* This is mainly for password protected posts, makes them look better. */

text-align: center;

}

select {

width: 130px;

}

#commentform input {

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}

#commentform textarea {

width: 100%;

padding: 2px;

}

#commentform #submit {

margin: 0;

float: right;

}

/* End Form Elements */

/* Begin Comments*/

.alt {

margin: 0;

padding: 10px;

}

.commentlist {

padding: 0;

text-align: justify;

}

.commentlist li {

margin: 15px 0 3px;

padding: 5px 10px 3px;

}

.commentlist li .avatar {

float: right;

border: 1px solid #eee;

padding: 2px;

background: #fff;

}

.commentlist p {

margin: 10px 5px 10px 0;

}

#commentform p {

margin: 5px 0;

}

.nocomments {

text-align: center;

margin: 0;

padding: 0;

}

.commentmetadata {

margin: 0;

display: block;

}

/* End Comments */

/* Begin Sidebar */

#sidebar {

float : right;

width: 212px;

margin : 10px 20px 0 4px;

padding : 0 0 0 10px;

border-left : dashed gray 1px;

}

#pointsfortsatoutst
{background : url('images/points-fortst.png') no-repeat;
width : 212px;
height : 9px;
margin-top : 30px;
}

#pointsfortsatouts
{background : url('images/points-forts.png') repeat-y;
width : 212px;
height : auto;
overflow : auto;
margin : 0;
}
#pointsfortsatoutsb
{background : url('images/points-fortsb.png') no-repeat;
width : 212px;
height : 10px;
}



#pointsfortsc

{background : url('images/points-forts_contact.png') no-repeat;

width : 392px;

height : 123px;

margin : 30px 0 0 0;

}



#sidebar form {

margin: 0;

}

/* End Sidebar */

/* Begin Calendar */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}

#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}

#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}

#wp-calendar a {

display: block;

}

#wp-calendar caption {

text-align: center;

width: 100%;

}

#wp-calendar td {

padding: 3px 0;

text-align: center;

}

#wp-calendar td.pad:hover {

/* Doesn't work in IE */

background-color: #fff;

}

/* End Calendar */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

cursor: help;

}

acronym, abbr {

border-bottom: 1px dashed #999;

}

blockquote {

margin: 15px 30px 0 10px;

padding-left: 20px;

border-left: 5px solid #ddd;

}

blockquote cite {

margin: 5px 0 0;

display: block;

}

.center {

text-align: center;

}

.hidden { 

display: none; 

}

hr {

display: none;

}

a img {

border: none;

}

.navigation {

display: block;

text-align: center;

margin-top: 10px;

margin-bottom: 60px;

}

/* End Various Tags & Classes*/



/* Captions */

.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}

.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}

.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}

.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." *//*