@charset "utf-8";


/*global default styles*/
html {height: 100%;}
.hide {display: none;}
img {border: 0;}
ul {padding: 0; margin: 0;}
li {padding: 0; margin: 0; list-style-type:none;}

/*base default font size, type, and line height*/
body {font: 76%/1.4em Arial, Helvetica, sans-serif; background: #f8f2db; color:#434343; height: 100%; padding: 0; margin: 0; text-align: left; border-top: solid #000 7px;}

/*add selectors here for font sizing*/
p {font-size: 1.0em}
h1 {font-size: 2.4em; padding: 0; margin: 0; line-height: 1em; color: #454437;}
h2 {}

.big  {font-weight: bold; font-size: 1.3em; color: #454437;}

/*base links*/
a {outline: none;}
a:link {color: #de7633; text-decoration: underline;}
a:visited {color: #85471f; text-decoration: none;}
a:hover {color: #85471f; text-decoration: none;}
a:active {color: #ffa870; text-decoration: none;}

/*Global Style*/
div#top {background: url(../images/bg_gris.jpg) repeat-x #343434;}
div#page {margin: 0 auto; width: 825px;}

/* HEADER */

h1#logo {text-indent: -9999px; padding: 0; margin: 0; float: left;}
h1#logo a {display: block; width: 200px; height: 94px; text-decoration: none;}

div#header {background: url(../images/bg_header.jpg) no-repeat; position: relative; height: 94px;}


ul#menu {margin-left: 289px;}

ul#menu li {display: block; color: #fff; font-size: 1.1em; height: 39px; text-indent: -9999px; float: left;}
ul#menu li.accueil {background: url(../images/b_accueil.gif) no-repeat; width: 94px; height: 39px;}
ul#menu li.services {background: url(../images/b_services.gif) no-repeat; width: 86px; height: 39px;}
ul#menu li.realisations {background: url(../images/b_realisations.gif) no-repeat; width: 113px; height: 39px;}
ul#menu li.contacts {background: url(../images/b_contacts.gif) no-repeat; width: 90px; height: 39px;}
ul#menu li.langue {background: url(../images/b_langue.gif) no-repeat; width: 153px; height: 39px;}

ul#menu li a {display: block; height: 39px; text-decoration: none;}

ul#menu li.accueil a:hover {background: url(../images/b_accueil_o.gif) no-repeat;}
ul#menu li.services a:hover {background: url(../images/b_services_o.gif) no-repeat;}
ul#menu li.realisations a:hover {background: url(../images/b_realisations_o.gif) no-repeat;}
ul#menu li.contacts a:hover {background: url(../images/b_contacts_o.gif) no-repeat;}
ul#menu li.langue a:hover {background: url(../images/b_langue_o.gif) no-repeat;}


/* INTRO */

div#intro {background: url(../images/bg_intro.jpg) no-repeat; height: 355px; width: 825px;}
html>body div#intro {background: url(../images/bg_intro.png) no-repeat;}
div#introtext {padding: 50px 0 0 0; margin: 0 0 0 406px;}
div#introtext h2 {padding: 0; margin: 0; background: url(../images/title_intro.gif) no-repeat; width: 349px; height: 61px; text-indent: -9999px;}
div#introtext p.introduction { width: 350px; margin: 10px 0 10px 0; font-size: 1.2em;}
div#introtext p.link {font-weight: bold; font-size: 1.3em; background: url(../images/bullet_intro.gif) no-repeat; padding: 0 0 0 20px; line-height: 1.5em; margin: 0;}

/* CONTENT */

div#content {background: url(../images/bg_content.gif) repeat-y; padding-bottom: 30px; }
html>body div#content {background: url(../images/bg_content.png) repeat-y; }

div#content h1 {text-indent: -9999px; height: 70px; width: 500px;}
div#content h1.services {background: url(../images/t_services.gif) no-repeat; }
div#content h1.realisations {background: url(../images/t_realisations.gif) no-repeat; }
div#content h1.contacts {background: url(../images/t_contacts.gif) no-repeat; }
div#content h2 {color: #de7633; padding: 5px 0 15px 0; margin: 0;}
div#content h3 {color: #de7633; }
div#content p.introcontent {font-size: 1.3em; line-height: 1.2em; color: #de7633;}

div#picbg-content {background: url(../images/bg_content.jpg) no-repeat;}

div#text {margin: 0 0 0 140px; width: 550px; padding: 55px 0;}
div#leftcol {float: left; width: 200px; margin-left: 12px;}

div#leftcol.services {padding-top: 117px;}

.diapo {background: #fff; padding: 4px; border: solid 1px #eeeeee; margin: 0 0 0 10px;}
.gallerie {background: #fff; padding: 4px; border: solid 1px #eeeeee; margin: 10px 20px; margin-left: 0px; float: left;}

div#bottom-content {background: url(../images/bottom_content.gif) no-repeat; height: 30px;}
html>body div#bottom-content {background: url(../images/bottom_content.png) no-repeat; }

/* BOTTOM */

div#bottom {background:  #f8f2db;}

ul#boxes {margin: 0 auto; width: 825px; border-bottom: solid 1px #dfd6b6; padding:10px 0 20px 0;}
ul#boxes li {display: block; float: left; height: 200px; text-indent: -9999px;}
ul#boxes li.box-services {background: url(../images/box_services.gif) no-repeat; width: 266px;}
ul#boxes li.box-realisations {background: url(../images/box_realisations.gif) no-repeat; width: 282px;}
ul#boxes li.box-questions {background: url(../images/box_questions.gif) no-repeat; width: 277px;}

html>body ul#boxes li.box-services {background: url(../images/box_services.png) no-repeat;}
html>body ul#boxes li.box-realisations {background: url(../images/box_realisations.png) no-repeat;}
html>body ul#boxes li.box-questions {background: url(../images/box_questions.png) no-repeat;}

ul#boxes li a {display: block; height: 200px; text-decoration: none;}

/*CONTACT FORM*/

#contactform {padding: 20px 10px; background: #FFFADC; border: solid 2px #F6F1D4;}
#contacttable {width: 95%;}
#contacttable td {padding: 10px 10px;}
#formname {font-weight: bold; text-align: left; color: #6A2A00; vertical-align: top; font-size: 1em; width: 160px;}
#contacttable textarea {height: 100px;}
#contacttable .inputinfo { width: 300px;}
#contacttable #Commentaires { width: 300px;}


/* FOOTER */

div#footer {margin: 0 auto; width: 825px; border-top: solid 1px #fcf9ef;  padding-top: 20px; color: #dfd6b6; background: url(../images/logos_footer.gif) no-repeat; background-position:right;}
ul#footermenu {margin: 0; padding: 0;}
ul#footermenu li {display: inline; padding: 0 5px; border-right: solid 1px #dfd6b6;}
ul#footermenu li.accueil {padding-left: 0;}
ul#footermenu li.langue { border: none;}
ul#footermenu p {margin: 0; padding: 0;}