/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

h1,h2,h3,h4,h5 {margin:0;}
#contenu
        {
        font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color:#fff;
        margin:30px 0 0 0;
        padding:0 15px;
        width:630px;
        min-height:300px;
        height:auto !important;
        height:300px;
        border-left:4px solid #fff; 
        float:left;
        text-align:justify;
        }

h1{
        font:bold 25px "Trebuchet MS", Arial;
        color:#c2efff;
        letter-spacing: 0.1em;
}
h1.lemenu
	{
	width:213px;
	margin:0 0 3px 0;
	padding:0 0 0 10px;
	text-indent:10px;
	border:1px red solid;
	}
*html h1.lemenu
	{
	margin:0 0 3px 0;
	padding:0 0 0 0;
	}
h1.lemenu a		
		{
        font:bold 14px "Trebuchet MS", Arial;
        /*color:#c2efff; */
		color:#000;
        letter-spacing: 0.1em;
		text-decoration:none;
		}
h1.lemenu a:hover	
		{
		text-decoration:none;
        background:transparent url(../images/charte/puce.gif) no-repeat 0 center;
		}
*html h1.lemenu a:hover	
		{
        background:transparent url(../images/charte/puce.gif) no-repeat 15px center;
		}
h2{
        font:italic bold 16px "Trebuchet MS", Arial;
        color:#000;
        letter-spacing: 0.1em;
}
h2.sstitre
        {
        font:italic bold 16px "Trebuchet MS", Arial;
        color:#000;
        letter-spacing: 0.1em;
        margin:0;
        padding:0 0 0 15px;
        background:#04A9E3 url(../images/charte/puce01.jpg) no-repeat 0 6px;
        }
h3
        {
        font:italic bold 14px "Trebuchet MS", Arial;
        color:#000;
        letter-spacing: 0.1em;
        }
h4
        {
        font:italic bold 12px "Trebuchet MS", Arial;
        color:#000;
        letter-spacing: 0.1em;
        }
h5
        {
        font-family:"Trebuchet MS", Arial;
        font-size:12px;
        font-weight:bold;
        color:#000;
        }
#contenu ol.num1
        {
        /*line-height:22px; */
        list-style-type: decimal;
      /*  list-style:outside; */
        text-align:left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
        color:#fff;
        letter-spacing:0.04em;
        margin:5px 0 0 20px;
        padding:0 0 0 5px;
        }
#contenu ul
        {
        /*line-height:22px; */
        list-style-type:disc;
      /*  list-style:outside; */
        text-align:left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
        color:#fff;
        letter-spacing:0.04em;
        margin:5px 0 0 20px;
        padding:0 0 0 5px;
        }
#contenu .cadre
        {
         float:left;
         width:300px
         height:auto;
         margin:10px 5px 0 0;
         padding:2px;
         border:1px #fff dotted;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#fff;
        text-align:left;
        }
#contenu .gd_cadre
        {
         float:left;
         width:625px
         height:auto;
         margin:10px 0 0 0;
         padding:2px 4px 2px 4px;
         border:1px #fff dotted;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#fff;
        text-align:left;
        }
/*
#contenu .gd_cadre td
        {
        border-right:1px #fff dotted;
        }
*/
.gche{
float:left;
height:300px;
margin:0 5px 0 0;}

/*a {
        font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #036183;
        text-decoration: none;
}
a:hover {
        font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #036183;
        text-decoration: underline;
}
 */
#contenu p
        {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-align:justify;
        margin:10px 0 0 0;
        padding:0;
        }
#contenu p.petit
        {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:500;
        color:#fff;
        text-align:justify;
        margin:10px 0 0 0;
        padding:0;
        }
#contenu p.avec-puce
        {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-align:justify;
        margin:10px 0 0 0;
        padding:0 0 0 10px;
        background:#04A9E3 url(../images/charte/p-petite-puce.gif) no-repeat 0 6px;
        }
#contenu p b
        {
        font-size:14px;
        }
#contenu p a
        {
        color: #144E56;
        text-decoration: none;
        }
#contenu p a:hover
        {
        color: #fff;
        text-decoration: none;
        }
/******* form page Avantages fiscaux véhicule pro ********/
.form_pro
        {
        border:1px #fff solid;
        padding:0;
        margin:2px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#fff;
        background-color:#04A9E3;
        text-align:justify;
        }
.form_probt
        {
        border:1px #fff solid;
        height:25px;
        width:120px;
        text-align:center;
        padding:0;
        /*margin:2px; */
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#fff;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        background-color:#04A9E3;
        }
/********************************************************/
/* STYLE DE LA PAGE CONTACT */
/*
#contactTxt{
        width:45%;
        float:left;
}
#contactPlan{
        width:45%;
        float:right;
}
#formContact input,textarea{
        width:100%;
        border:1px solid #000;
        font-size:12px;
}
#formContact input:focus,textarea:focus{
        border-color:#FF0000;
}
#formContact .champRequis{
        color:#FF0000;
}
*/
/************* form *********************/
.forminput,
.formtextareadress,
.formtextareacomment
        {
       /* border:1px #9b1a14 solid; */
        border:1px #704A3e solid;
        padding:0;
        margin:2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color: #704A3e;
        background-color:#F4F3EA;
        text-align:justify;
        /*background-color:#EAB9BA; gris clair #E9E8E8 */
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:230px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        /*width:145px; */
                width:230px;
        /*line-height:18px; */
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:230px;
        /*width:145px; */
        /*line-height:18px; */
        }
.formbt
        {
       /* border:3px #9b1a14 double; */
       border:1px #704A3e 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:#704A3e;
        background-color:#F4F3EA;
        }