/* Style partie GRAPHISTES */

body
{
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #cc0000;
        scrollbar-base-color: #fff;
        background-repeat: repeat-x;
        background-attachment: scroll;
        background-position: center top;
        background-color: #fff3dA;
}

table {
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: left top;
}

td
{
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        font-style: normal;
        color: #000000;
        background-attachment: scroll;
        background-repeat: repeat-y;
        background-position: left top;
        line-height: 18px;
}
 /**************** communs *****************/
h1,
h2,
h3,
p,
.text01,
.lien01,
ul,
li,
.forminput,
.formtextareadress,
.formtextareacomment
        {
        font-family: Arial, Helvetica, sans-serif;
        }
h1
        {
        font-size:18px;
        font-style:500;
        color: #000000;
        letter-spacing:0.5em;
        border-left:4px #038d4f solid;
        padding-left:5px;
        }
h2
        {
        font-size:15px;
        font-style:500;
        color: #000000;
        letter-spacing:0.5em;
        margin:15px 0 10px 0;
        padding:0;
        border-bottom:1px #038d4f solid;
        text-align:right;
        /*padding-left:5px; */
        }
h3
        {
        font-size:15px;
        font-style:500;
        color: #000000;
        letter-spacing:0.2em;
        margin:15px 0 10px 0;
        padding:0;
        text-align:left;
        /*padding-left:5px; */
        }
p,
.text01,
.text02
        {
        font-size:12px;
        font-style:500;
        color: #000000;
        letter-spacing:0.05em;
        text-align:justify;
        margin:0 0 10px 0;
        padding:0;
        /*border:1px red solid; */
        }
.text02
        {
        font-size:10px;
        text-align:center;
        }

b
        {
         color:#038d4f;
        }
ul
        {
        font-size:12px;
        font-style:500;
        color: #000000;
        letter-spacing:0.05em;
        margin:5px auto;
        }
li
        {
        list-style-type:square;
        }
/************* form *********************/
.forminput,
.formtextareadress,
.formtextareacomment
        {
        border:1px #00904D solid;
        padding:0;
        margin:2px;
        font-size:12px;
        color: #000;
        background-color:#FEF0D1;
        text-align:justify;
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:180px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        width:180px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:180px;
        }
.formbt
        {
       /* border:3px #9b1a14 double; */
       border:1px #00904D dashed;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        color:#00904D;
        background-color:#FFD47F;
        }
*html .formbt
        {
        /*border:3px #9b1a14 double; */
        border:1px #00904D dashed;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        color:#00904D;
        background-color:#FFD47F;
        }
 /********************************************/
a{
        color: #06BD15;
        text-decoration: none;
        letter-spacing: 1px;
}
a:hover {
        color: #006600;
        text-decoration: underline;

}


.text_area1 {
        font-size: 11px;
        font-weight: normal;
        width: 150px;
        border: 1px solid #0068C8;



}
.titre {
font-family: Arial, Helvetica, sans-serif;
        font-size:24px;
        font-weight: lighter;
        font-style: normal;
        color: #3300CC;
        background-attachment: scroll;
        background-repeat: repeat-x;
        background-position: left top;
}
.input {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        background-color: #FFFFFF;
        border: 1px solid #B9B6C3;
        color: #000066;
}


.encart_blanc {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000066;
        background-color: #FFFFFF;

}

.titre {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
}

.titregros {
        font-family: "Trebuchet MS", Arial;
        font-size: 12px;
        color: #CE3C00;
        font-weight: bold;
        letter-spacing: 2px;
}

.prix {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #000066;
        padding: 2px;

}

.encart_pointille {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #CC0000;
        border: 1px dotted #00FFFF;
        padding: 2px;


}

.lien:hover {
        color: #006699;
        text-decoration: underline;
}
.lien{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #006699;
        text-decoration: none;
}

.entete_tableau
{
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight: bold;
        color: #FFFFFF;
        font-weight: bold;
        background-color: #1767C2;
        padding: 2px;

}

/* Style partie PHP */
.FDpointilles {
        background-attachment: scroll;
        background-image: url(images/charte/pointill.gif);
        background-repeat: repeat-x;

}
.tabgche {
        background-attachment: scroll;
        background-image: url(images/charte/tab_gche.gif);
        background-repeat: repeat-y;
        background-position: left top;
}
.tabht {
        background-attachment: scroll;
        background-image: url(images/charte/tab_ht.gif);
        background-repeat: repeat-x;
        background-position: left top;
}
.tabdrte {
        background-attachment: scroll;
        background-image: url(images/charte/tab_drte.gif);
        background-repeat: repeat-y;
        background-position: right top;
}
.tabbs {
        background-attachment: scroll;
        background-image: url(images/charte/tab_bs.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
}
.dgradht {
        background-attachment: scroll;
        background-image: url(images/charte/dgrad_fdpge.jpg);
        background-repeat: repeat-x;
        background-position: left top;
        background-color: #6EAFE2;
}
.fdpge {
        background-attachment: scroll;
        background-image: url(images/charte/fd_pge.jpg);
        background-repeat: no-repeat;
        background-position: left top;
}
.dgradbs {
        background-attachment: scroll;
        background-image: url(images/charte/dgrad.jpg);
        background-repeat: repeat-x;
        background-position: left bottom;
}
.mnubas {
        background-attachment: scroll;
        background-image: url(images/charte/mnubas.jpg);
        background-repeat: repeat-x;
        background-position: left bottom;
        color: #BC0001;
}
.visuel {
color: #FFFFFF
}
.tabgche {
        background-attachment: scroll;
        background-image: url(images/charte/tab_gche.gif);
        background-repeat: repeat-y;
        background-position: left top;
}
.tabht {
        background-attachment: scroll;
        background-image: url(images/charte/tab_ht.gif);
        background-repeat: repeat-x;
        background-position: left top;
}
.tabdrte {
        background-attachment: scroll;
        background-image: url(images/charte/tab_drte.gif);
        background-repeat: repeat-y;
        background-position: right top;
}
.tabbs {
        background-attachment: scroll;
        background-image: url(images/charte/tab_bs.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
}
.borderimg {
        border: 1px solid #D04002;
}
.baspge {
        background-attachment: scroll;
        background-image: url(images/charte/bas_pge.jpg);
        background-repeat: no-repeat;
        background-position: left bottom;
}



.realisation img { border:0;}
.realisation {
	float:left;
	margin:0 0 15px 15px; 
	}
