/* Style global */
/* ---------------- */

body, div, p, li, a, h1, h2, h3, input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
}

body, div, p {
  text-align: justify;
}

h1, h2, h3, h4 {
  text-align: left;
  font-weight: 600;
}

html {
  background-color: #21388C;
}

body {
  min-width: 60em;
  max-width: 90%;
  width: 90%;
  background-color: #ffffff;
  color: #000000;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  color: #da4332;
  margin-top: 0.5em;
  margin-left: 1em;
  margin-right: 1em;
  font-size: 1em;
}

h2 {
  color: #da4332;
  margin-top: 0.5em;
  margin-left: 2em;
  margin-right: 1em;
  font-size: 1em;
}

h3 {
  margin-top: 0.5em;
  margin-left: 3em;
  margin-right: 1em;
  font-size: 1em;
} 

p {
  margin: 0.5em;
  padding: 0; padding-left: 0.5em; padding-right: 0.5em;
  color: #515151;
}

p strong {
  font-weight: 600;
}

a  img { border: 0; }

a:link { text-decoration:underline; color: #000000; }
a:visited { text-decoration:underline; color: #000000; }
a:hover { text-decoration:none; color: #000000; }
a:active { text-decoration:underline; color: #000000; }

/* Section  :  Entête */
/* ---------------------- */

#entete {
  min-width: 900px;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 105px;
  background-image: url(../images/fond_entete.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  text-align: left;
}
#entete table.accroche {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  background-image: url(../images/fond_logo_24.png);
  background-position: left top;
  background-repeat: no-repeat;
}
#entete table.accroche th, td {
  border: 0; padding: 0; margin: 0;
}
#entete table.accroche th {
  text-align: left; vertical-align: top;
  width: 269px; height: 105px;
  background-image: url(../images/fond_accroche.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#entete table.accroche th p {
  margin: 0; padding: 0;
}
#entete table.accroche th img{ 
  margin: 0; margin-top: 18px; border: 0;
}
#entete table.accroche td {
  text-align: left; vertical-align: top;
  padding-top: 25px;
  color: #dc0f05; font-size: 13px; font-weight: 400;
}

/* Section  :  Navigation */
/* ---------------------------- */

#navigation {
  min-width: 900px;
  margin: 0; padding: 0;
  background-image: url(../images/fond_navigation.jpg);
  background-position: left center;
  background-repeat: repeat-x;
  text-align: center;
  font-size: 0.6em;
}

#navigation ul {
  margin: 0;
  padding: 2px;
  display: block;
  border: 0.15em solid #050505;
  border-top-color: #494949;
}

#navigation ul li {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 1em;
  text-transform: uppercase;
}

#navigation ul li.selectionne {
  display: inline;
  margin: 0; padding: 0.09em; padding-left: 0.5em; padding-right: 0.5em;
  background-image: url(../images/fond_navigation_over.jpg);
  background-position: left center;
  background-repeat: repeat-x;
  color: #ffffff; font-weight: 400; font-size: 1.5em;
  border: 0.09em solid #050505;
  border-top-color: #494949;
  border-left: 0.09em solid #060606;
  border-right: 0.09em solid #727272;
}

#navigation ul li a { 
  color: #ffffff; font-weight: 400; font-size: 1.5em;
  padding: 0.09em; padding-left: 0.5em; padding-right: 0.5em;
  border: 0.09em solid #050505;
  border-top-color: #494949;
  border-left: 0.09em solid #060606;
  border-right: 0.09em solid #727272;
}

#navigation ul li.offres {
  display: inline;
  color: #ffffff; font-weight: 400; font-size: 1.5em;
}

#navigation ul li.offres a {
  font-size: 1em;
  padding: 0.09em; padding-left: 0.25em; padding-right: 0.25em;
  background-image: url(../images/fond_navigation_over.jpg);
  background-position: left center;
  background-repeat: repeat-x;
}

#navigation ul li a:hover {
  text-decoration: none;
  background-image: url(../images/fond_navigation_over.jpg);
  background-position: left center;
  background-repeat: repeat-x;
}
#navigation ul li a:link {
  text-decoration: none;
}
#navigation ul li a:visited {
  text-decoration: none;
}

/* Section  :  Navigation secondaire*/
/* ------------------------------------------ */

#navigation_secondaire {
  min-width: 900px;
  margin: 0; padding: 0;
  background-color: #ececec;
  text-align: center;
}

#navigation_secondaire ul {
  margin: 0;
  padding: 2px;
  display: block;
}

#navigation_secondaire ul li {
  margin: 0;
  padding: 0.09em; padding-left: 0.25em; padding-right: 0.25em;
  background-image: url(../images/separateur_nav2.gif);
  background-position: right center;
  background-repeat: no-repeat;
  display: inline;
}

#navigation_secondaire ul li.dernier {
  background-image: none;
}

#navigation_secondaire ul li.dernier_selectionne {
  background-image: none;
}

#navigation_secondaire ul li.selectionne strong, #navigation_secondaire ul li.dernier_selectionne  strong {
  color: #ffffff; font-weight: 600; font-size: 1em;
  padding: 0.09em; padding-left: 0.25em; padding-right: 0.25em; margin-right: 0.25em;
  background-color: #a0a0a0; 
}

#navigation_secondaire ul li a { 
  color: #8d8d8d; font-weight: 600; font-size: 1em;
  padding: 0.09em; padding-left: 0.25em; padding-right: 0.25em; margin-right: 0.25em;
}
#navigation_secondaire ul li a:hover { text-decoration: none;  background-color: #a0a0a0; color: #ffffff; }
#navigation_secondaire ul li a:link { text-decoration: none; }
#navigation_secondaire ul li a:visited { text-decoration: none; }

/* Section  :  Pied de page */
/* ------------------------------- */
#pied_de_page {
  min-width: 900px;
  margin: 0; padding: 0;
  background-image: url(../images/fond_navigation.jpg);
  background-position: left center;
  background-repeat: repeat-x;
  text-align: center;
}

#pied_de_page p.copyright {
  margin: 0; padding: 0.25em;
  color: #ffffff; font-weight: 400; font-size: 1em;
  text-align: center; 
}

#pied_de_page  img.w3c { margin: 0; vertical-align: middle;}

#pied_de_page p.copyright a:link { text-decoration: none; color: #ffffff; }
#pied_de_page p.copyright a:visited  { text-decoration: none; color: #ffffff; }
#pied_de_page p.copyright a:hover { text-decoration: underline; color: #ffffff; }
#pied_de_page p.copyright a:active { text-decoration: none; color: #ffffff; }


/* Section  :  Contenu */
/* ------------------------ */

#contenu {
  margin: 0;
  padding: 0;
  padding-top: 2em;
  padding-bottom: 2em;
  min-width: 900px;
  min-height: 40em;
  background-color: #ffffff;
}

#contenu  table.c2 {
  margin: 0; padding: 0;
  width: 100%;
  border: 0; border-collapse: collapse;
}

#contenu table.c2 td {
  text-align: left; vertical-align: top;
  padding: 0;
  padding-right: 2em;
  margin: 0;
}

#contenu table.c2 td.creations td {
  padding: 0; margin: 0;
}

#contenu table.c2 td.illustration {
  margin: 0; padding: 0; width: 266px;
  text-align: left; vertical-align: top;
}

#contenu table.c2 td.plan {
  margin: 0; padding: 0; width: 379px;
  text-align: left; vertical-align: top;
  background-image: url(../images/fond_plan.jpg);
  background-position: 28px 0;
  background-repeat: no-repeat;
}

#contenu table.c2 td.illustration img {
  margin-left: 28px;
}

#contenu  p,li,h2,a { font-size: 0.9em; }

#contenu  p.nb { 
  font-size: 0.75em; font-weight: 200; font-style: italic; 
  margin: 0.1em; padding: 0; padding-left: 0.7em; padding-right: 0.7em;
}

#contenu a:link, #contenu a:hover, #contenu a:visited, #contenu a:link { font-weight: 600; color: #515151; }

#contenu li { 
  color:#515151;
  margin-left: 0; padding-left: 2em; 
  background-image: url(../images/puces/puce.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

#contenu ul { list-style-type: none; }


/* Offres : accueil */
#contenu table.offres4, #contenu table.offres {
  width: 100%; 
  margin:0; padding: 0;
  border: 0; border-collapse: collapse;
}
#contenu table.offres4 td {
  width: 25%; height: 240px; 
  background-position: top center; 
  background-repeat: no-repeat;
  vertical-align: top; text-align: center;
  margin: 0; padding: 0;
}
#contenu table.offres { margin-top: 0.2em; margin-bottom: 0.5em; }
#contenu table.offres td.t1 {
  width: 75%;
  vertical-align: top; text-align: left;
  margin: 0; padding: 0;
}
#contenu table.offres td.t2 {
  width: 25%;
  vertical-align: top; text-align: center;
  margin: 0; padding: 0;
}
#contenu table.offres td.t3 {
  width: 50%; height: 240px; 
  vertical-align: top; text-align: center;
  background-position: top center; 
  background-repeat: no-repeat;
  margin: 0; padding: 0;
}
#contenu table.offres td.t3 h2 { margin: 0; padding: 0; text-align: center; }

/*  Offres     */
#contenu ul.first li { background-image: url(../images/puces/puce_first.gif); }
#contenu ul.standard li { background-image: url(../images/puces/puce_standard.gif); }
#contenu ul.premium li { background-image: url(../images/puces/puce_premium.gif); }
#contenu ul.hebergement li { background-image: url(../images/puces/puce_hebergement.gif); }

#contenu span.first { color: #34a0e9; }
#contenu span.standard { color: #a3b722; }
#contenu span.premium { color: #d2b501; }
#contenu span.hebergement { color: #a57b8a; }


/*  Services   */
#contenu ul.graphisme li, #contenu ul li.graphisme { background-image: url(../images/puces/puce2_graphisme.gif); }
#contenu ul.shebergement li, #contenu ul li.shebergement { background-image: url(../images/puces/puce2_hebergement.gif); }
#contenu ul.referencement li, #contenu ul li.referencement { background-image: url(../images/puces/puce2_referencement.gif); }


/*  Créations  */
#contenu table.creation {
  width: 95%; margin: 1em; 
  padding: 0; border: 0; border-collapse: collapse;
}
#contenu table.creation th, td {
  margin: 0; padding: 0; border: 0;
  font-size: 0.9em; text-align: justify; color: #515151;
}

#contenu table.creation td.hg, #contenu table.creation td.hc, #contenu table.creation td.hd,
  #contenu table.creation td.bg, #contenu table.creation td.bc, #contenu table.creation td.bd { 
  height: 6px;
  font-size: 1px;
}

#contenu table.creation td.hg, #contenu table.creation td.hd,
  #contenu table.creation td.bg, #contenu table.creation td.bd {
  width: 6px;
}

#contenu table.creation td.hg, #contenu table.creation td.hd { background-color: #61b1ed; }
  
#contenu table.creation td.cgt, #contenu table.creation td.cg  { border-left: 1px solid #9e9e9e; }

#contenu table.creation td.cdt, #contenu table.creation td.cd  { border-right: 1px solid #9e9e9e; }

#contenu table.creation td.cgt, #contenu table.creation td.cdt  { background-color: #61b1ed; }

#contenu table.creation td.vignette { width: 14em; }

#contenu table.creation td.resume {
  vertical-align: middle; padding-top: 0.9em;
  background-position: 0 0.9em;
  background-repeat: no-repeat;
  background-image: url(../images/realisations/degrade.jpg);
}

#contenu table.creation tr.pair td.resume {
  background-image: url(../images/realisations/degrade2.jpg);
}

#contenu table.creation td.separation { height: 1em; }
 
#contenu table.creation td.hc { background-color: #61b1ed; border-top: 1px solid #9e9e9e; font-size: 1px; }
#contenu table.creation td.bc { border-bottom: 1px solid #9e9e9e; font-size: 1px; }
#contenu table.creation th.client { background-color: #61b1ed; font-weight: 600; color: #ffffff; }

#contenu table.creation tr.pair th.client, #contenu table.creation  tr.pair td.hc,
  #contenu table.creation tr.pair td.hg, #contenu table.creation tr.pair td.hd,
  #contenu table.creation tr.pair td.cgt, #contenu table.creation tr.pair td.cdt  { background-color: #da4332; }

#contenu table.creation a:link { text-decoration: none; color: #34a0e9; font-weight: 400; }
#contenu table.creation a:visited  { text-decoration: none; color: #34a0e9; font-weight: 400; }
#contenu table.creation a:hover { text-decoration: underline; color: #34a0e9; font-weight: 400; }
#contenu table.creation a:active { text-decoration: none; color: #34a0e9; font-weight: 400; }

/*  Devis  */
#choix_offre {
  padding: 0; margin: 0;
}
#choix_offre ul {
  padding: 0; margin: 0; height: auto;
  list-style-type: none;
  display: block;
  text-align: center;
}
#choix_offre li {
  margin: 0; padding: 0; height: auto;
  padding-left: 5px;
  padding-right: 5px;
  background-image: none;
  display: inline;
}
#choix_offre li img{ vertical-align: bottom; }
#devis { 
  padding: 0; margin: 0;
  display: block;
  text-align: center;
  background-color: #ececec;
  margin-right: 20px;
}
#devis form {
  margin: 0; padding: 0;
}
#devis form fieldset {
  margin: 0; padding: 0.3em;
  border: none;
}
#devis form table tr th { text-align: left; }
#devis form label, #devis form span.label , #devis form span.carac  { color: #515151; font-weight: 400; font-size: 0.9em; } 
#devis form span.carac  { font-weight: 600; }

/* Formulaire de contact */

form.contact {
  /*width: 389px;*/
  /*margin: 5px;*/
  margin: 1em;
  border: none;
  padding: 0;
  /*background-color: #ff0000; */
  font-size: 1em;
}

form.contact fieldset {
  border: none;
  margin: 0;
  padding: 0;
  /* background-color: #ffff00; */
  font-size: 1em;
}

span.info { 
  font-size: 0.9em; 
  font-style: italic;
}

form.contact table.lform {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
}
form.contact table.lform  th {
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-weight: 400;
  width: 40%;
}
form.contact table.lform td {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

form.contact p { margin: 0; padding: 0; background-color: #aaffcc; text-align: left}

form.contact fieldset label {
  display: block; margin: 0.15em; padding-top: 0.15em; margin-left: 0; color: #515151; font-size: 0.9em;
}

form.contact fieldset input {
  width: 17em; margin: 0.15em; color: #515151;
}

form.contact fieldset input.submit {
  width: auto; margin: 0.15em; color: #515151;
}

form.contact fieldset input.cc {
  width: 4em;
}

form.contact textarea {
  width: 35em; 
  font-size: 1em; margin: 0.15em; color: #515151;
}