body  { background-image: url(../images/background.gif); margin: 0; padding: 0; z-index: 0; color: black; font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; }

/*========Style========*/
.bold { font-weight: bold; }
.larger { font-size: larger; }
.smaller { font-size: smaller; }
.center { text-align: center; }
.italic { font-style: italic; }
.red { color: red; }
.floatright { float: right; padding-left: 10px; }
.floatleft { float: left; padding-right: 10px; }
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
h1 { display: none; }
h2 { text-align: center; margin-top: 0px; margin-bottom: 20px; padding-top: 40px; color: #046EFF; font-size: 160%; }
h3 { color: #046EFF; font-size: 100%; }
.sstitre { font-size: larger; padding: 0 25px 20px 25px; }
img { border: none; }
abbr { text-decoration: none; border-bottom: none; }


/* -----Les blocs  de contenu------*/
/*---------------------------------*/
#container { margin: 0 auto; width: 838px; position: relative; background: #F0F3F7 url(../images/backgroundshadow_V2.gif); }
#header { display: block; width: 780px; height: 107px; background: url(../images/En_Tete_V1.jpg) no-repeat top left; margin-left: 29px; }



#main { display: block; border: 1px solid black; }
#content { display: block; width: 742px; background: url(../images/contentbackground.gif) repeat-y; margin: 0; margin-left: 48px; padding: 0px 0px 10px 0px; text-align: center; }


.contentbis { display: block; text-align: justify; margin: 30px 30px; border-bottom: 1px solid #BBC4D7; }
#contentfooter { display: block; width: 742px; height: 13px; margin-left: 48px; background: url(../images/contentfooter.gif) no-repeat top left; }
.clear { clear: both; height: 1px; }
#footer { font-size: smaller; text-align: center; padding: 10px 0px; }
a.copy, a.copy:hover { color: #000; text-decoration: none; }

.catalogueright { float: right; width: 520px; }
.prix { float: right; width: 520px; font-weight: bold; text-align: right; font-size: larger; }

.coordonnees { margin-top: 80px; font-size: larger; margin-bottom: 100px; }
.textgalery { text-align: center; margin-right: 50px; margin-left: 50px; padding-top: 0px; }

.floatleftservice { float: left; padding-right: 10px; width: 250px; font-size: smaller; text-align: center; margin-bottom: 20px; }
.floatrightservice { float: right; padding-left: 10px; width: 250px; font-size: smaller; text-align: center; margin-bottom: 20px; }

.leftrealisations { float: left; width: 335px; font-size: smaller; text-align: center; margin-bottom: 20px; margin-left: 20px; }
.rightrealisations { float: right; width: 335px; font-size: smaller; text-align: center; margin-bottom: 20px; margin-right: 20px; }
.leftrealisations img, .rightrealisations img { margin-top: 20px; }


a:link.textlink { color: #000000; text-decoration: none; cursor: text; }
a:visited.textlink { color: #000000; text-decoration: none; cursor: text; }
a:hover.textlink { color: #000000; text-decoration: none; cursor: text; }
a:active.textlink { color: #000000; text-decoration: none; cursor: text; }

ul.industry { margin-left: 50px; list-style: square; }

/* -----Le menu horizontal------*/
/*--------------------------------------*/

#menu { display: block; border: 1px solid #A2A497; border-top: 0; text-align: center; background: #CCCCCC url(../images/bgMenu.png) top left repeat-x; padding: 3px 0; margin: 20px 50px 0 50px;  }
#menu a { color: black; padding: 3px 20px; margin: 0; text-decoration: none; white-space: nowrap; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
#menu a:hover { background: #F4F4F4 url(../images/bgMenuSpan.png) top left repeat-x; border-right: 1px solid #A2A497; border-left: 1px solid #A2A497; }
#menu span { background: #F4F4F4 url(../images/bgMenuSpan.png) top left repeat-x; padding: 3px 20px; white-space: nowrap; border-right: 1px solid #A2A497; border-left: 1px solid #A2A497; }
#menu li { display: inline;  }

form { margin: 0 40px; }
.review {border: 1px dotted black; }
.review span { font-weight: bold; }

.sourcepresse  { font-size: 80%; font-style: italic; color: #7E7D7D; margin-top: 5px; margin-left: 10px; }

/* -----Les tableaux------*/
/*--------------------------------------*/
.cat { padding-right: 6px; }
.cat h3 { background-color: #333399; color: #ffffff; text-transform: uppercase; margin: auto; width: 673px; text-align: left; padding: 10px 2px 2px 5px; margin-top: 20px; font-size: 120%; }
.cat h4 { text-transform: uppercase; margin: auto; color: #333399; margin: 0; padding-top: 15px; padding-bottom: 2px; text-align: left; font-size: 110%; }
.cat table { margin: auto; width: 680px; border-collapse: collapse; }
.cat table tr.bgcolored { background-color: #99CCFF; }
.cat table td { text-align: left; padding: 2px; font-size: 90%; }
.cat table td.imgcolumn { text-align: center; width: 150px; }
.cat table td.imgcolumn img { text-align: center; width: 150px; }

.cat table td img.large { width: 600px; }
.cat table td.td100 { width: 100px; vertical-align: bottom; }
.cat table td.tdh4 { text-align: center; }

/* -----Formulaire------*/
/*--------------------------------------*/
.formleft { float: left; width: 150px; text-align: right; margin-left: 70px; color: #857F7F; margin-top: 10px; }

.formright { float: left; margin-top: 10px; margin-left: 10px; text-align: left; }
.formright img { float: left; margin-top: 2px; margin-right: 3px; }
.formright input.text, .formright textarea, .formright select { width: 250px; }
.formright input.submit { width: 100px; }

p.erreur { color: red; }
span.erreur { color: red; }
 span.bbi { color: #046EFF; font-weight: bold; font-style: italic; }