#page{
width:990px;}
#header{
width:990px;}
#nav{
        width:990px;
        height:29px;
        background-image:url(images/charte/fond_nav.jpg);
        background-repeat: repeat-x;
        font:bold 14px Arial, Helvetica, sans-serif;
        padding-top:5px;
}

#container{
        width:690px;
        font:11px Arial, Helvetica, sans-serif;
        color: #999999;
        float:left;
        line-height:18px;
        padding:5px 20px;
        margin:5px 0;
       /* background-attachment: scroll;
        background-image: url(images/charte/pointill_V.gif);
        background-repeat: repeat-y;
        background-position: left top;  */
        border-left:1px #FF4E00 dashed;
        }
#container #retour
        {
        font-size:0.95em;
        text-align:right;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#000;
        letter-spacing:2px;
        margin:0;
        padding:0;
        }
#container #retour a
        {
        color:#000;
        text-decoration:none;
        }
#container #retour a:hover
        {
        color:#000;
        text-decoration:underline;
        }
#container #chantier
        {
        float:left;
        width:690px;
        margin:0;
        padding:0;
       /* border:1px red solid; */
        }
#container #chantier h1
        {
        color:#226788;
        font-size:1.3em;
        font-weight:bold;
        text-align:left;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        letter-spacing:0.1em;
        }
#container #chantier p,
#container #chantier .text01
        {
        font-size:1.15em;
        text-align:justify;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#000;
        letter-spacing:2px;
        }
#container #chantier p:first-letter
        {
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#000;
        font-weight:500;
        }
#container #chantier #image
        {
         float:right;
         width:250px;
         height:auto;
         margin:0 0 0 30px;
        }
#container #chantier #image img
        {
        border-top:5px #123E5F solid;
        border-bottom:5px #3680A3 solid;
        border-left:1px #123E5F solid;
        border-right:1px #123E5F solid;
        padding:0;
        margin:0 0 20px 0;
        }


#container #text_image
        {
        float:left;
        width:690px;
        margin:0;
        padding:0;
       /* border:1px red solid; */
        }
#container #text_image h1
        {
        color:#226788;
        font-size:1.3em;
        font-weight:bold;
        text-align:left;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        letter-spacing:0.1em;
        }
#container #text_image p,
#container #text_image .text01
        {
        font-size:1.15em;
        text-align:justify;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#000;
        letter-spacing:2px;
        }
#container #text_image p:first-letter
        {
       /* font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#123E5F;
        font-weight:500; */
         font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#1f688b;
        font-size:1.5em;
        font-weight:bold;
        }
#container #text_image .image
        {
         float:right;
         width:250px;
         height:auto;
         margin:0 0 0 30px;
        }
#container #text_image .image img
        {
        border-top:5px #123E5F solid;
        border-bottom:5px #3680A3 solid;
        border-left:1px #123E5F solid;
        border-right:1px #123E5F solid;
        padding:0;
        margin:0 0 20px 0;
        }
#footer{
height:20px;
clear:both;
}

#container h1
        {
font:20px "Trebuchet MS", Arial;
color:#56A9D7;
letter-spacing:5px;
margin:5px 5px 15px 0;
padding:0;
        }
#container h2
        {
        font-size:15px;
        text-align:left;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#ff4e00;
        letter-spacing:0.1em;
        margin:0 0 15px 5px;
        padding:0 0 0 10px;
        background:transparent url(images/charte/fleche03.gif) no-repeat 0 50%;
        /*border:1px red solid; */
        }
#container h3
        {
        font-size:15px;
        text-align:center;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#ff4e00;
        letter-spacing:0.1em;
        margin:0 0 15px 0px;
        padding:8px;
        border:1px #000 dashed;
        }
/*#container h3
        {
font:bold 14px "Trebuchet MS", Arial;
color:#000;
letter-spacing:2px;
margin:0;
padding:0;
} */
#container p
        {
        font-size:1.15em;
        text-align:left;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#000;
        letter-spacing:2px;
        margin:0 0 15px 0;
        padding:0;
        }
#container p:first-letter
        {
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#1f688b;
        font-size:1.5em;
        font-weight:bold;
        }
#container p b
        {
        color:#1f688b;
        }
#container ul
        {
        font-size:1.15em;
        text-align:left;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#000;
        letter-spacing:2px;
        list-style-image:url("images/charte/fleche03.gif");
        }
#container li
        {
         line-height:1em;
         /*list-style-type:none; */
        /* list-style-type:circle; */
          margin:0 0 15px 15px;
        padding:0;
        }
#container ul li a
        {
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#000;
        text-decoration:none;
        }
#container ul li a:hover
        {
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        color:#ff4e00;
        text-decoration:none;
        }
#nav ul{
text-align:center;
}

#nav li {
        /*margin:10px 12px 0;
        padding-top:5px;*/
        list-style:none;
        display:inline;
}
*html #nav li a{
color:#D2E9F6;
text-decoration:none;
padding:5px 10px 8px 10px;
}

/*#nav li a */
body#accueil #nav li a,
body#prestation #nav li a,
body#grostravaux #nav li a,
body#references #nav li a,
body#ventecarrelage #nav li a,
body#actualite #nav li a,
body#contact #nav li a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#D2E9F6;
text-decoration:none;
padding:5px 10px 8px 10px;
}

/*#nav li a:hover, */
body#accueil #nav li a:hover,
body#prestation #nav li a:hover,
body#grostravaux #nav li a:hover,
body#references #nav li a:hover,
body#ventecarrelage #nav li a:hover,
body#actualite #nav li a:hover,
body#contact #nav li a:hover
        {
        font:bold 12px Arial, Helvetica, sans-serif;
        color:#FFF;
        text-decoration:none;
        background-color:#3680A3;
        }

/*#nav li #current, */
body#accueil #nav li .accueil,
body#prestation #nav li .prestation,
body#grostravaux #nav li .grostravaux,
body#references #nav li .references,
body#ventecarrelage #nav li .ventecarrelage,
body#actualite #nav li .actualite,
body#contact #nav li .contact
        {
font:bold 14px Arial, Helvetica, sans-serif;
color:#FF4E00;
text-decoration:none;
background-color:#FFF;
        }

#gche{
width:255px;
/*background-color:#CC6600;*/
text-align:center;
float:left;
}
#gche #gche_img
        {
        float:left;
        /*margin:0px 18px 0px 18px; */
        text-align:center;
        width:255px;
        padding:0;
        }
#gche #gche_img img
        {
        /*border:1px solid #FF4E00;
        border-bottom:4px solid #FF4E00;
        border-top:4px solid #FF4E00; */
        border-top:5px #123E5F solid;
        border-bottom:5px #3680A3 solid;
        border-left:1px #123E5F solid;
        border-right:1px #123E5F solid;
        }
#ssrub{
border:1px solid #FF4E00;
width:80%;
margin:20px;
padding-bottom:10px;
}

#ssrub h1{
        font:bold 14px Arial, Helvetica, sans-serif;
        color:#FFFFFF;
        background-color:#FF4E00;
        text-align:left;
        display:block;
        background-attachment: scroll;
        background-image: url(images/charte/fleche.gif);
        background-repeat: no-repeat;
        background-position: 5px 5px;
        padding-left:15px;
        height:20px;
        margin:0;
}

#ssrub ul {
        /*padding:5px 5px 5px 20px;*/
        margin:0;
        text-align:left;
}

#ssrub dt a{
        font:bold 14px Arial, Helvetica, sans-serif;
        color:#FF4E00;
        text-align:left;
        padding:10px 5px 10px 20px;
        margin:0;
}

#ssrub dt a:hover{
        font:bold 14px Arial, Helvetica, sans-serif;
        color:#FF4E00;
        text-align:left;
        padding:5px 5px 5px 20px;
        margin:0;
        background-attachment: scroll;
        background-image: url(images/charte/pucessrub.gif);
        background-repeat: no-repeat;
        background-position: 10px 10px;
        text-decoration:none;
}

#ssrub li{
        font:11px Arial, Helvetica, sans-serif;
        color:#A53200;
        text-align:left;
        padding-left:10px;
        margin:0;
        list-style:none;
}

#ssrub li a{
        font:11px Arial, Helvetica, sans-serif;
        color:#A53200;
        text-align:left;
        padding-left:20px;
        margin:10px 0;
        list-style:none;
        text-decoration:none;
}

#ssrub li a:hover{
        font:11px Arial, Helvetica, sans-serif;
        color:#A53200;
        text-align:left;
        padding-left:20px;
        margin:0;
        list-style:none;
        text-decoration:underline;
        background:none;
}

body {
background-image:url(images/charte/background.jpg);
background-repeat:repeat-y;
background-color:#E8E8E8;
margin:0;
padding:0;
}

ul{
margin:0;
padding:0;
}

li{
margin:0;
padding:0;
}

a{
font:Arial, Helvetica, sans-serif;
color:#FF4E00;
letter-spacing:1px;
text-decoration:none;
}

a:hover{
font:Arial, Helvetica, sans-serif;
color:#FF4E00;
text-decoration: underline;
}
/************* form *********************/
.forminput,
.formtextareadress,
.formtextareacomment
        {
       /* border:1px #9b1a14 solid; */
        border:1px #123E5F solid;
        padding:0;
        margin:2px;
        font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        font-size:12px;
        color: #123E5F;
        background-color:#fff;
        text-align:justify;
        /*background-color:#EAB9BA; gris clair #E9E8E8 */
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:180px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        /*width:145px; */
        width:180px;
        /*line-height:18px; */
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:180px;
        /*width:145px; */
        /*line-height:18px; */
        }
.formbt
        {
       /* border:3px #9b1a14 double; */
       border:1px #123E5F solid;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
         font-family:'Trebuchet MS', Trebuchet, Sans-Serif;
        font-size:1.19em;
        line-height:18px;
        font-weight:bold;
        letter-spacing:0.1em;
        color:#123E5F;
        background-color:#fff;
        }