/* Kiwii Development */

* { margin: 0; padding: 0; }
body { font-family: Verdana; background: #F6FDFF  url('/maintenance-informatique/bg_body.png') top left repeat-x; }
a img { border: 0; }
address { text-align: center; font-style: normal; }
address span { color: #999; }
marquee { color: olive; margin-top: 10px; }
h1 { font-size: 1.2em; }
p { font-size: 0.9em; }

#main { margin: 140px auto 0 auto; width: 300px;}

#page { width: 951px; margin: 0 auto;}

#bandeau { width: 885px; height: 103px; margin: 20px 0 5px 30px; }
#bandeau h1 { font-weight: normal; letter-spacing: 1px; font-size: 1.3em; margin-bottom: 5px;}
#texte_bandeau p { color: #ccc; line-height: 20px;}

#logo { float: left; margin-right: 130px; width: 298px; height: 73px;}

#menu { font-size: 15.5px; }
#menu ul { display: inline; margin-left: 30px;  }
#menu ul li { display: inline; color: white; font-size: 0.9em; padding: 4px 20px; }
#menu ul li:hover { background-color: #666; }
#menu ul li a { color: white; font-weight: bolder; text-decoration: none; letter-spacing: 1px; }

#menu .current { background-color: #666; }

#main-content { margin: 30px; }
#main-content h1 { color: #FFF; margin-bottom: 15px; }

#col-droite { float: right; width: 300px; margin-top: 38px; }
#col-droite img { border: 3px solid #333; }
#google-map { float: right; width: 300px; margin-top: 38px; border: 3px solid #333; overflow: hidden; }
#keywords { color: #ccc; font-size: 12px; font-weight: bold; line-height: 130%; margin-top: 15px;}

#content { width: 581px; }

#box-top 	{ background: #FFF url(/maintenance-informatique/box_top.jpg) no-repeat; height: 4px; width: 581px;}
#box-middle { background: #FFF url(/maintenance-informatique/box_middle.jpg) repeat-y; width: 551px; padding: 15px; }
#box-bottom { background: #FFF url(/maintenance-informatique/box_bottom.jpg) no-repeat; height: 4px; width: 581px; margin-bottom: 20px;}

.pannes_resolues { text-align: center; font-weight: bold; font-size: 15px; color: #a1b72d; border: 1px dotted #ccc; padding: 10px; background-color: #fff; }

#box-middle { font-size: 12px; color: #333; }
#box-middle p { font-size: 12px; }
#box-middle ul { list-style-image: url(/maintenance-informatique/puce.gif); list-style-position: outside; margin-left: 25px; }
#box-middle ul li { text-align: justify; margin-bottom: 15px; color: #333; font-size: 12px;  }
#box-middle ul li strong  { color: #225186; }
#box-middle h2 { color: #225186; margin-bottom: 10px; font-size: 16px; border-bottom: 3px solid #BAD2E3; padding-bottom: 5px;}
#box-middle h3 { color: #225186; margin-bottom: 10px; margin-left: 25px; font-size: 13px; }
#box-middle h4 { color: #ff6e19; margin: 10px 0; text-decoration: underline;  font-size: 12px;}

.pannes_resolues { text-align: center; font-weight: bold; font-size: 15px; color: #a1b72d; border: 1px dotted #ccc;  }

#vente-materiel { float: left; width: 581px; }
#vente-materiel h1.vente-materiel { text-align: center; color: #2B6FA3; margin: 0;}

hr.clear { clear: both; visibility: hidden; }

#footer { float: left; width: 581px; font-size: 0.8em; color: #666; text-align: center; border-top: 1px solid #B4CEE1; margin: 30px; padding: 10px 0; }
#footer address { font-size: 0.9em;}

.tab_tarifs { float: left; width : 250px; height: 130px; border: 1px dotted #ccc; text-align: center;}
.decal_gauche { margin-left: 25px; }
.bg_blue { background-color: #D7E7F1; }
.bg_white { background-color: #fff; }

#telecharger { text-align: center; }

#box-middle .small_right { font-size: 9px; text-align: right; margin-right: 25px;}

/* formulaire contact */

#box-middle input.propre { background-color: #fff; border: 0; padding: 0; }
#box-middle input { color: #000; border: 1px solid #333; background: white; padding: 3px 2px; }
#box-middle input:focus, input.on { color: #996; background: #dfeaf3; border: 1px solid #333; }
textarea textarea.on { color: #066; border: 1px solid  #333; padding: 3px 2px;}
textarea textarea.on:hover { color: #066; border: 1px solid  #333;padding: 3px 2px;}
textarea textarea.on:focus { color: #066; border: 1px solid #333; padding: 3px 2px;}
textarea textarea.onIE { color: #066; border: 1px solid #333; padding: 3px 2px;}

.contact form fieldset { padding: 10px 0 0 10px; border: 1px dotted #ccc; background-color: #EAF2F4;}
#content .contact form p { padding: 5px 0; margin: 0; color: #6a757d; font-size: 11px; }
.contact form input { border: solid 1px #333; }
.contact form label { display: block; padding: 0px 0 5px 0;}
#content .contact form label em { font-weight: bold; color: #9c0; font-style: normal; background-color: transparent; }
.contact form textarea { color : #6a757d; border: solid 1px #333; background: #fff; padding: 3px 2px;}
.contact form .textarea { position: absolute;  padding: 0; margin: 0 0 0 250px;}
.contact form .checkbox { border: none; background: none; padding: 0; }
#content p.envoyer { text-align: center; border: none; }
#content .contact input[type=image] { border: none; }

.coordonnees { border: 1px solid #ccc; background-color: #fff; border-color: #333; text-align: center; margin: 0 0 20px 0; padding: 10px; color: #ff6e19; font-weight: bold; }

#ContactSentTrue, #ContactSentFalse { margin: 10px 0; padding: 10px; font-size: 1.2em; text-align: center; }
#ContactSentTrue { border: 3px solid #CEE7AB; color: #8FC73E; }
#ContactSentFalse { border: 3px solid #E0B1B1; color: #C06262; }