html, body, ul, ol, li, p, form, table, tr, th, td, hr, img, a,
h1, h2, h3, h4, h6, br, div, input, select, option, textarea{ 
	font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:11px;
	text-decoration:none;list-style:none; color:#000; margin:0; padding:0;
	border:0; border-collapse:collapse}


.clear {clear:both}

html,body {background:#2f2f2f}

#entete { width:659px; margin:auto}
h1.logo { margin:5px 0px 5px 0px}
#content {width:659px; margin:auto; background-color:#FFF}

/**Baseline**/
.page { background: url(../img/coin_bas.jpg) bottom right no-repeat; padding:15px 0px 45px 15px}
.titre { float:left; margin-right:43px}
.titre h2 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:28px; color:#da0056}
h3 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#2f2f2f}

/**Encart pdf**/
.encart { background:url(../img/fond_encart.jpg) no-repeat; width:185px; height:66px; float:left; padding:15px 0px 0px 25px}
.encart p {float:left; margin:0px}
.encart p img{padding-left:15px}
.encart img.icone_pdf {float:left; margin:10px 0px 0px 15px}

/* Colonnes */
.colonne { float:left; width:210px; margin-bottom:20px}
h4 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#da0056; margin:10px 0px 15px 0px}

.colonne.prima {background:url(../img/barre_vert.jpg) no-repeat right; margin-right:20px}
.colonne.prima li { padding:0px 30px 40px 0px}

.colonne.support { background:url(../img/barre_vert.jpg) no-repeat right; margin-right:30px}
.colonne.support li{ padding:10px 20px 0px 30px;margin:0 0 5px 0}
.colonne.support li.adr  { background:url(../img/ico_adr.gif) no-repeat left 3px}
.colonne.support li.ltr { background: url(../img/ico_letr.gif) no-repeat left}
.colonne.support li.tel { background: url(../img/ico_tel.gif) no-repeat left}
.colonne.support li.point { background:url(../img/ico_fleche.gif) no-repeat left 10px}
.colonne.support li.asil { background:url(../img/ico_asil.gif) no-repeat left}
.colonne.support li.smil { background:url(../img/ico_smil.gif) no-repeat left}

.colonne.marques { padding:0px 0px 0px 0px; width:150px}
.colonne.marques li{ padding-bottom:8px}

/** Formulaire **/
form {background: url(../img/fond_form.jpg) top left no-repeat; width:628px; padding:10px 0px 0px 15px}
form ul { padding:0px 0px 0px 5px}
form label { padding:0px 30px 0px 0px; display:block; float:left}
form ul li .chp_txt { float:left; width:250px; padding:5px 0px 5px 15px}
form ul li .chp_txt.d {padding:5px 0px 5px 45px}
form ul li .chp_txt input {width:170px; height:18px; border:solid 1px #CCC; float:right}
form ul li .chp_txt input.form-error{border:1px solid red}
form ul li .chp_sel {float:left; width:250px; padding:5px 0px 5px 15px}
form ul li .chp_sel select {width:50px; height:18px; border:solid 1px #CCC; float:left}
form ul li .chp_sel label { padding:0px 42px 0px 0px; display:block; float:left}
form ul li .txt_are label {  padding:0px 25px 0px 0px}
form ul li .txt_are { width:545px; padding:15px 0px 0px 15px}
form ul li .txt_are textarea { border:solid 1px #CCC; float:right; width:466px; height:80px}
.etoile {color:#da0056}

.btn {background:url(../img/btn_envoi_OFF.gif) no-repeat; width:88px; height:28px; color:#FFF; font-size:13px; font-weight: bold; float:right; margin:15px 58px 0px 0px}
.btn:hover {background:url(../img/btn_envoi_ON.gif) no-repeat; cursor:pointer}

/**form ul li .chp_txt input.form-error{border:1px solid #da0056}**/
/** Message d'erreur**/
.error-message{ background:url(../img/error.gif) top left no-repeat;color:#da0056; font-size:12px; height:30px; width:600px; padding-left:25px; font-weight:bold}

/* Confirmatin de saisie */
.confirmation {background: url(../img/fond_confirmation.jpg) top left no-repeat; height:100px; width:628px; padding-top:30px; text-align:center}
.confirmation p{font-size:12px}

/** footer **/
#footer { width:659px; margin:auto; color:#FFF; padding:15px 0px 50px 25px}
#footer h4 {margin:0}
.contact{ margin:10px 45px 0px 0px; color:#FFF; float:left}
.contact .nom_contact { color:#da0056; font-weight:bold; font-size:12px}
.contact.ben  { margin-right:0px}
.contact a {color:#FFF;text-decoration:none}
.contact a:hover { text-decoration:underline; color:#FFF}

/** backlinks **/
#backlinks {width:659px; margin:auto;  padding:5px 0px 25px 0px; border-top: dotted #999 1px; text-align:left}
#backlinks ul {margin:0}
#backlinks li {  color:#999;display:inline;margin-left:15px}
#backlinks li a{ color:#999}
#backlinks li a:hover{ color:#da0056}