/*****************************************************************************/
/* Feuille de style de Top Chrono Informatique */
/* Auteur : Orfin */
/* Site : http://www.topchrono-informatique.com */
/* Copyright 2009 - Reproduction interdite même partielle des fichiers */
/*****************************************************************************/

/*****************************************************************************/
/* Le body */
body{width:975px;text-align:justify;margin:auto;padding:0px;background-color:#FFFFFF;vertical-align:top;font-family:sans-serif, serif;font-size:12px;color:#000000}
/*****************************************************************************/
/* Images */
a img {border:none}
.img_deco{float:right;width:145px;height:145px;padding:9px;border:1px dotted #99CCFF;text-align:center;vertical-align:middle;margin-left:9px}
.img_deco2{float:right;width:145px;padding:9px 9px 45px 9px;border:1px dotted #99CCFF;text-align:center;vertical-align:middle;margin-left:9px}
.img_marque{width:100px;height:25px;border:0px;text-align:center;vertical-align:middle}
/*****************************************************************************/
/* Référencement */
.gliss{position:relative;margin:auto;width:300px;height:20px;font-family:Arial;font-size:10px;color:#5F5F5F}
.Slide1, .Slide2, .Slide3 {font-family:Arial;font-size:10px;color:#5F5F5F}
.menu-Slide1	{width:180px;position:absolute;padding:8px;padding-right:8px;background-color:#5F5F5F;font-family:Arial;color:#FFFFFF}
.menu-Slide2	{position:relative;left:-150px}
.menu-Slide3	{position:relative;left:140px}
.menu-Slide2	{width:500px;position:absolute;padding:8px;padding-right:8px;background-color:#5F5F5F;font-family:Arial;color:#FFFFFF}
.menu-Slide3	{width:170px;position:absolute;text-align:center;padding-right:3px;padding-left:3px;background-color:#5F5F5F;font-family:Arial;color:#FFFFFF}
.menu-Slide1 ul, .menu-Slide1 li {margin:0px;padding:0px;list-style-type:none;list-style:none}
.menu-Slide1 a, .menu-Slide2 a, .menu-Slide3 a  {display:inline;height:100%;font-size:10px;text-decoration:none;text-align:left;color:#FFFFFF}
.top a  {font-size:10px;text-decoration:none;text-align:center;color:#FFFFFF}
.menu-Slide1 li a:hover {background-color:#333333;color:#FFFFFF}
/*****************************************************************************/
/* Liens */
a {color:#9c9c9c;text-decoration:none}
a:hover {color:#6fc032}
.lien_mauve, lien_mauve:visited {text-decoration:none;color:#FF3399}
.lien_mauve:hover {text-decoration:none;color:#6fc032}
.lien_text, lien_text:visited {text-decoration:none;color:#000000}
.lien_text:hover {text-decoration:none;color:#000000}
.lien_Mmauve, lien_Mmauve:visited {text-decoration:none;color:#FFFFFF;font-size:12px;font-weight:bold}
.lien_Mmauve:hover {text-decoration:underline;color:#FF9900}
.lien_moyen_blanc, lien_moyen_blanc:visited {font-size:14px;font-weight:bold;text-decoration:none;color:#FFFFFF}
.lien_moyen_blanc:hover {font-size:14px;font-weight:bold;text-decoration:underline;color:#FFFFFF}
.lien_blanc, lien_blanc:visited {font-size:12px;text-decoration:none;color:#FFFFFF}
.lien_blanc:hover {font-size:12px;font-weight:bold;text-decoration:underline;color:#FFFFFF}
.lien_orange, lien_orange:hover {font-size:12px;text-decoration:none;color:#FF9900}
.lien_orange:visited {font-size:12px;font-weight:bold;color:#9c9c9c}
.formulaire_gauche {text-align:right;font-weight:bold;color:#FFFFFF;background-color:#CCCCCC}
.formulaire_droite {text-align:left;width:200px}
.marque, marque:visited {font-family:Arial;font-size:10px;color:#5F5F5F}
.marque:hover {font-family:Arial;font-size:10px;color:#6fc032}
.produit_gauche {text-align:left;padding-left:2px;color:#FFFFFF;background-color:#CCCCCC;width:110px}
.produit_gauche_mauv {text-align:left;padding-left:2px;color:#FFFFFF;background-color:#FF3399;width:110px}
.produit_droite {text-align:left;padding-left:4px;width:130px}
/*****************************************************************************/
/* Polices */
h1 {float:left;margin-top:10px}
h2 {color:#79c440;font-size:14px;margin-top:0px}
h2 span {color:#69c1fe}
.texte3 {color:#9c9c9c;font-size:12px;font-weight:bold;text-decoration:underline}
.texte3bis {font-size:11px}
.textepromo{color:#FFFFFF;font-size:11px;font-weight:bold}
.textepromobis {font-size:10px;color:#FFFFFF}
.textepromoter{color:#FFFFFF;font-size:11px}
.bigrouge{font-size:18px;font-weight:bold;color:#FF0000}
.style2 {color:#79c440;font-size:14px;font-weight:bold}
.style2bis {color:#79c440;font-size:10px;font-style:italic}
.Blanc{color:#FFFFFF;font-size:16px;font-weight:bold}
.rouge{font-weight:bold;color:#FF0000}
.gris{font-weight:bold;font-style:italic;color:#9c9c9c}
.grisbis{font-size:18px;font-weight:bold;font-style:italic;color:#9c9c9c}
.minimauve{font-style:italic;font-size:10px;color:#FF3399}
.bleu{font-size:20px;font-weight:bold;color:#99CCFF}
.moyen_bleu{font-size:14px;font-weight:bold;color:#99CCFF}
.mini_bleu{font-size:10px;text-decoration:underline;color:#99CCFF}
.orangemini{color:#FF9900}
.Mauve{font-size:19px;font-weight:bold;color:#FF3399}
.mauve1{font-weight:bold;color:#FF3399}
.mauve2{font-size:15px;font-weight:bold;color:#FF3399}
.mauve3{font-size:10px;color:#FF3399}
.hovermauve {color:#FF3399}
.Orange{font-size:15px;font-weight:bold;color:#FF9900}
.orangemoyen {font-size:12px;font-weight:bold;color:#FF9900;text-decoration:underline}
.miniorange{font-size:10px;color:#FF9900}
.Morange{font-style:italic;font-size:12px;color:#FF9900;font-weight:100}
.Prix {font-size:12px;font-weight:bold;color:#FF9900}
.GRouge {font-size:12px;font-weight:bold;color:#FF0000}

/*****************************************************************************/
/* Puces */
.puce{border:0px;padding-right:5px;margin:0px}
.midpuce{border:0px;padding:2px;margin:0px;vertical-align:middle}
/*****************************************************************************/
/* Div */
#info {float:right;width:450px;margin-top:10px;padding-left:80px;border-left:1px solid #f0f0f0;background:url("../Images/i_conseils_informatiques.png") no-repeat 20px center;font-size:9px}
#gauche {float:left;width:230px;background-color:#99CCFF}
.block {border:1px solid #f2f2f2;padding:10px}
.blockrouge {border:1px solid #FF0000;padding:10px;margin-bottom:8px}
.blockpromo {border:1px solid #FF0000;padding:10px;margin-bottom:8px;background-color:#FF0000}
.blockpromo2 {border:1px solid #FF0000;padding:10px;margin-bottom:8px;background-color:#FF6600}
.blockservice {border:1px solid #f2f2f2;padding-left:35px}
.blockproduit {border:1px solid #f2f2f2;padding-left:5px;vertical-align:top}
.blocktarif {border:1px solid #f2f2f2;text-align:center;padding-left:40px}
.blocktarifbis {text-align:center;padding-left:20px}
.blockemploi {border:1px solid #f2f2f2;text-align:center;padding-left:40px}
.tablemploi {border:1px solid #99CCFF;vertical-align:top}

.blockquote {text-align:left;padding-left:15px}
#droite {float:right;width:735px;padding-left:10px}
#tarifs {text-align:center;padding:1px;margin-left:80px}
.tabletarif {border:1px solid #99CCFF;vertical-align:top}
.tabletarifbis {vertical-align:top}
.tableproduit {border:1px solid #FF9900;vertical-align:top;width:460px}
.tableproduitbis {border:1px solid #FF9900;vertical-align:top}
#footer {clear:both;text-align:right;color:#BBBBBB;font-size:9px}
#footer a {color:#BBBBBB}
#menu {clear:both;font-size:11px;margin:auto;padding:0;padding-left:0px;padding-top:12px;height:40px;background:url("../Images/i_menu_installation_informatique.png") repeat-x}
#menu li {float:left;list-style-type:none;margin-left:2px}
#lignehor {clear:both;text-align:left;font-size:9px}

#bothpartenaire {clear:both;text-align:left;font-size:9px;background:url("../Images/i_hr_partenaire.jpg") no-repeat; background-position: 3px 3px}
.partrouge{font-family:Arial;font-size:11px;color:#F00;text-decoration:underline;margin-top:10px}
.savoir, savoir:visited, savoir:hover  {font-family:Arial;font-size:10px;color:#C0C0C0;text-decoration:none}

#bothsavoiplus {clear:both;text-align:justify;font-size:9px;padding:2px;background:url("../Images/i_hr_savoirplus.jpg") no-repeat;background-position: 3px 3px}
.more{font-family:Arial;font-size:11px;color:#FF9900;text-decoration:underline;margin-top:10px;margin-left:850px}
.decouverte {font-family:Arial;font-size:10px;color:#C0C0C0}

#trait {clear:both;margin:auto;padding:0;padding-left:0px;padding-top:15px;height:3px;background:url("../Images/i_menu_installation_informatique.png") repeat-x}


#barre{margin:5px;padding-top:5px}
.ligne, .sousligne{text-align:left}
.ligne{height:20px}
.sousligne{height:20px;color:#FFFFFF}
.ligne a{display:block;color:#9c9c9c;text-decoration:none}
.sousligne a{display:block;color:#FF9900;font-family:arial,sans-serif;text-decoration:none}
.ligne a:hover, .sousligne a:hover{background:#66FF99;color:#FF9900}
.ligne a:active, .sousligne a:active{color:#FF3399}
.ligne a:focus, .sousligne a:focus{color:#FF3399}
.select {background:#f0f0f0;border:1px solid #f0f0f0;color:#9c9c9c}
.input {background:#f0f0f0;border:1px solid #f0f0f0;color:#9c9c9c}
option {background:#f0f0f0;border:1px solid #f0f0f0;color:#9c9c9c}
form p {text-align:center}