/*
bleu foncé : #205674;
rose #D4114B;
bleu clair #3690C0; 
bleu clair très clair #CCFFFF; 
*/
 
* {
 margin : 0px;
 padding : 0px;
}

* a img {
 border : 0;
}


body {
 font-family : Arial, Sans-Serif;
 font-size : 10pt;
 font-size : 12px;
}

#page {
 width : 990px; 
 margin : 0px auto;
 background : transparent url(../img/page.gif) left top no-repeat;
}

#header {
 width : 960px; 
 float:right;
 padding-left:30px;
}
#header * {
 font-size : 10px;
 color:#205674;
}
#header #retour { 
 margin-top : 23px;
 height : 130px;
 width : 170px;
 float:left;
}
#header .texte{
 margin-left : 40px;
 margin-top : 15px;
 height : 110px;
 width : 250px;
 float:left;
}
#header .texte a{
 color:#FFDDDD;
 text-decoration:none;
 line-height:15px;
}
#header .texte a:hover{
 color:#FFFFFF;
}
#header #rdv{
 margin-left : 20px; 
 margin-top : 20px;
 height : 108px;
 width : 280px;
 float:left;
 background : transparent url('../img/souci_informatique.jpg') no-repeat;
}
#header #rdv  form input.tel{
 margin:63px 0 0 25px;
 font-size : 10px;
 letter-spacing : 0px;
 font-weight : normal;
 border:0;
 color:#225373;
 background:#FFDDDD;
}
#header #rdv  form input.submit{
 margin:54px 0 0 0px;
 padding:1px;
 font-size : 10px;
 letter-spacing : 0px;
 font-weight : normal;
 background:#225373;
 border:0;
 color:#fff;
}
#header #formation{
 margin-left : 20px; 
 margin-top : 5px;
 height : 110px;
 width : 100px;
 float:left;
}

#footer {
 text-align : center;
 margin-top : 20px;
 padding : 4px 0px;
 clear:both;
 border-top:1px solid #CCC; 
}

#footer #menu_bas{
  font-size : 100%;
  color : #7A7A7A;
  font-weight:bold;
  padding : 4px 0 4px 0px;
}
#footer #menu_bas a:link { color : #7A7A7A; text-decoration : none; }
#footer #menu_bas a:hover { color : #000; text-decoration : none; }
#footer #menu_bas a:visited { color : #7A7A7A; text-decoration : none; }


#footer .liens{
  font-size : 90%;
  color : #7A7A7A;
  border-top:1px dotted #CCC;
  border-bottom:1px solid #CCC;
  padding : 4px 0 4px 0px;
}
#footer .liens a:link { color : #7A7A7A; text-decoration : none; }
#footer .liens a:hover { color : #D4114B; text-decoration : none; }
#footer .liens a:visited { color : #7A7A7A; text-decoration : none; }

#footer #partenaires{
  font-size : 95%;
  color : #7A7A7A;
  padding : 4px 0 4px 0px;
}
#footer #partenaires a:link { color : #7A7A7A; text-decoration : none; }
#footer #partenaires a:hover { color : #7A7A7A; text-decoration : none; }
#footer #partenaires a:visited { color : #7A7A7A; text-decoration : none; }



#leftcolumn {
 width : 195px;
 float : left;
 padding-top : 100px;
}

#content {
 float : left;
 width : 550px;
 padding : 0px 10px 15px 30px;
}

#content h1 {
 padding : 0px 0px 0px 105px;
 letter-spacing : 1px;
 font-size : 24px; 
 margin-top : 25px;
 background : transparent url('../img/h1.png') 50px 5px no-repeat;
 height : 48px;
 color : #205674;
}

#content h2 {
 margin-top : -1em;
 padding-left : 118px; 
 font-size : 18px;
 color : #D4114B;
 border-bottom : solid 2px #205674;
}

* html #content h2 {
 margin-top : 0px;
 position : relative;
 left : 0px;
 top : -1em; 
}

#content h3 {
 color: #3690C0;
 font-size : 14px;
 margin : 35px 0 5px 0;
 background : #FFDDDD url('../img/h3.png') 10px 0px no-repeat;
 padding : 0px 0px 0px 35px;
}

#content .titre {
  color: #D4114B;
  font-weight:bold;
}
#content #titre {
  color: #D4114B;
  font-weight:bold;
}

#content p {  
  text-align : justify;
  padding : 0px 0px 0px 35px;
  margin-top : 1em;
}

#content p.accueil {  
  text-align : justify;
  padding : 0px 0px 0px 35px;
  margin-top : 1em;
  margin-left:10px;
}

p#decal {  
  text-align : justify;
  margin-top : 1em;
  padding-right:20px;
}

#content a {  
  color : #D4114B;
}
#content a:hover {  
  color : #205674;
}

#content ul {  
  list-style-position : inside; 
  list-style-type : disc;
  padding : 0px 0px 0px 35px;
  margin-top : 1em;
}
#content ul li {
  list-style-type:none;
  background-image: url(../img/puce.png);
  background-repeat: no-repeat;
  list-style-position:inside;
  padding-left: 2.5%;
  padding-top: 1.5%;
}

#content ul li ul li {list-style-type:disc;}

#content ol {  
  padding : 0px 0px 0px 35px;
}

#content #demarches ul li {
  padding-left: 6%;
  padding-top: 2%;
}

#content #num{
  margin-left:-20px;
  width:20px;
  float:left;
  font-family : Arial Black;
  color : #D4114B;
  }
#content .num{
  margin-left:-20px;
  width:20px;
  float:left;
  font-family : Arial Black;
  color : #D4114B;
  }
#content #descriptif{
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 font: 10px arial;
 padding:0px 0 7px 0;
}

#content #liensligne { display : block;}
#content div#liensligne { padding-top : 12px; text-align : right; }

#content #liensligne a { 
  margin : 0px 0px 0px 0px;
  padding : 0px 6px 0px 6px;
}
#content #liensligne img { margin-left : 0px; margin-right : 0px; }

span.message{
  font-weight : bold;
  color: #D4114B; 
  text-align:center;
}
span.gros{
  font : bold 16px Arial;
  color: #D4114B; 
}

div.contact {
  
  font-weight : bold;
  font-size:10px;
  margin-top : 10px;
  padding : 10px 0px 10px 60px;
  background : transparent url('../img/tel.png') 20px center no-repeat;
}

div#references ul#references{
  list-style-position : inside; 
  list-style-type : none;
}

div#references ul#references li{
  min-height:140px;
  list-style-type : none;
}

div#references ul#references li a img{
  float:left;
  padding:0px 17px 0px 0px;
}
div#references ul#references li a {
  padding:0;
}


#content ul#liens li {
  list-style-type:square;
  background-image: none;
  background-repeat: no-repeat;
}

/**********************/
/* start of menu.inc.css */
/**********************/
#leftcolumn #menu {
 font-size : 12px;
}
#menu ul { 
  padding : 26px 13px 15px 0px;
  background-repeat : repeat-y;
}
#menu ul li{ 
 list-style-type : none;
 border-bottom : solid 1px #FFFFFF;
 background : transparent url('../img/bullet.png') 15px center no-repeat;
 padding : 6px 0px 6px 30px;
}

#menu a:link, #menu a:active, #menu a:visited { 
  text-decoration : none; 
  color: #FFFFFF;
}
#menu a:hover{
  text-decoration : none; 
  color: #D4114B;
}

#menubottom {
  text-align : center;
  padding-top : 150px;
  padding-bottom : 0px;
}

#menubottom a img {
 border-style : none;
}

#menubottom a#partenaires { 
  display : block; 
  background-color : white; 
  margin : 0px 5px; 
  padding : 5px 0px; 
  text-align : center; 
}


/**********************/
/* end of menu.inc.css */
/**********************/

#rightcolumn {
 width : 180px;
 text-align : center;
 float : right;
 padding : 0px 0px 15px 10px;
}
#rightcolumn .texte{
 margin-top : 15px;
 text-align:justify;
 font-size:10px;
 color:#555;
}
#rightcolumn .texte a{
 color:#D4114B;
 text-decoration:none;
 line-height:15px;
}
#rightcolumn .texte a:hover{
 color:#205674;
}
#rightcolumn a { text-decoration : none; color : inherit; }
#rightcolumn a img { border-style : none; }

/**********************/
/* start of box.inc.css */
/**********************/
img.droite{
  padding:10px 0 10px 0;
  margin:0 0 0 -5px;
}
.box { 
  background : transparent url('../img/box_haut.png') top no-repeat;
  width : 169px;
  font-weight : 500;
  text-align : left;
  height:42px;
  padding-top:10px ;
}
.box a{   
  padding-left:60px;
  font-weight : bold;
  font-size : 140%;
  font-family : Helvetica, Arial;
  color:#000;
}
.box a:hover{   
  color:#D4114B;
}
.centre {
  width : 164px;
  background : transparent url('../img/box.png') top repeat-y;
  text-align:justify;
  padding-left:4px;
  padding-right:1px;
  color:#666666;
}
.centre a img {
  width : 150px;
  margin:0px;
}
.bas {
  text-align : center;
  height:35px;
  width : 169px;
  font-weight : bold;
  font-size : 140%;
  font-family : Helvetica, Arial;
  background : transparent url('../img/box_bas.png');
  padding-top:3px ;
}
.bas a{
  color:#000;
}
.bas a:hover{
  color:#3690C0;
}


/**********************/
/* end of box.inc.css */
/**********************/

/** TABLEAU DE TARIFS **/
table.tarifs { 
 border-style : none; 
 margin-top : 20px;
 width : 100%;
}

table.tarifs th {
 height : 50px; font-weight : bold;
}

table.tarifs#deplacements th {
 height : 30px;
 line-height : 1em;
}

table.tarifs th.service {
 width : 330px;
 text-align : left;
 vertical-align : top; 
 line-height : 2em;
 font-size : 140%;
}

table.tarifs th.service span.indent {
 font-size : 0px;
 padding-left : 60px;
}

table.tarifs tbody td {
 border-bottom : solid 1px;
 margin-bottom : 10px;
 padding : 6px 0px 10px;
}

table.tarifs tr.lastrow td {
 border-bottom-style : none;
}

table.tarifs tfoot td {
 border-top : solid 3px;
}

table.tarifs tfoot.nobody td {
 border-top-style : none;
}

table.tarifs td.cost, table.tarifs th.cost, table.tarifs td.lowcost, table.tarifs th.lowcost { 
  text-align : center; 
  font-weight : bold; 
  width : 105px; 
}

table.tarifs tfoot div.contact {
  font-weight : bold;
  margin-top : 10px;
  padding : 10px 0px 10px;
  text-indent : 60px;
  background : transparent url('../img/tel.png') 26px center no-repeat;
}

table.tarifs tfoot div.contact a {
 text-decoration : underline;
}

table.tarifs tbody li {
 list-style-type : none;
 padding-left : 38px;
 margin-left : 23px;
 background : transparent 0% 0% no-repeat;
}

table.tarifs th.service { 
 background : url("../img/picto_dev.png") 10px center no-repeat;
}

table.tarifs#graphisme th.service { 
  background : url("../img/picto_graph.png") 8px center no-repeat;
}

table.tarifs#hebergement th.service { 
  background : url("../img/picto_heber.png") 15px center no-repeat;
}

table.tarifs#referencement th.service { 
  background : url("../img/picto_ref.png") 15px center no-repeat;
}

table.tarifs tfoot div.contact {
 background-image : url("../img/tel.png");
}

table.tarifs tbody li.by1 {
 background-image : url('../img/tarifs_1.png');
}

table.tarifs tbody li.by2 {
 background-image : url('../img/tarifs_2.png');
}

table.tarifs tbody li.by3 {
 background-image : url('../img/tarifs_3.png');
}

table.tarifs th.service, table.tarifs#graphisme th.service, table.tarifs#hebergement th.service, table.tarifs#referencement th.service /*, table.tarifs th.service*/{ 
 color : #fff;
 background-color : #D4114B;
}

#MDInnerContent .tarifcontact {
 color : #69AB09;
}

table.tarifs th.cost { background-color : #7C2542; color : #FFF;  }
table.tarifs th.lowcost { background-color : #D4114B; color : #FFF; }

table.tarifs td.cost { color : #D4114B; }
table.tarifs td.lowcost { color : #D4114B; }

table.tarifs tbody td {
 border-bottom-color : #D4114B;
}

table.tarifs tfoot td {
 border-top-color : #D4114B;
}

#content img.toplink {
  padding-left : 445px;
}

/*formulaire*/

   fieldset.formsection { border-style : solid none none none; border-width : 2px; border-color : #205674; padding-left : 1em; margin : 3em 0em 1em 0em; }
   legend.formsection { padding : 0em 0.25em; font-size : 1.5em; color : #205674; }
   form#formulaire div.formsubmit { border-style : solid none none none; border-width : 2px; border-color : #fc6; padding-top : 2em; margin : 3em 0em 0em 0em; text-align : center; }
   
   div.MDFormField { clear : both; padding-top : 1em; }
   /*   div.MDFormField label { clear : both; padding-top : 1em; font-weight : normal; }*/
/*   div.MDFormField div.sub { width : 49.75%; padding-left : 50%; }*/
   div.MDFormField div div.optional {  }
/*   div.MDFormField div div.required div.MDFormField label { font-weight : bold; }*/
   div.MDFormField div div.required div.MDFormFieldLabel { font-weight : bold; }
   div.MDFormField div div fieldset { clear : right; float : left; width : 49%; border-style : solid; border-color : #ccc; border-width : 1px; margin : 0%; padding : 0% 0.5% 0.5% 0.5%; }
   div.MDFormField div fieldset legend { padding : 0em 0.125%; }
   div.MDFormFieldLabel { clear : left; float : left; width : 34%; text-align : right; margin-right : 0.5%; }
   div.MDFormFieldLabel label { padding-right : 2%; }
   div.MDFormFieldInput { clear : none; float : left; width : 64%; text-align : left; margin : 0%; margin-left : 1%; }
/*   div.sub div.MDFormFieldLabel { text-align : left; width : 49%; padding : 0% 1%; }*/
/*   div.sub div.MDFormFieldInput { width : 48%; padding : 0%; margin : 0%; }**/
   div.MDFormField div div fieldset div.MDFormFieldInput { clear : none; float : left; width : 100%; text-align : left; margin : 0%; }
   div.MDFormFieldInput input { width : 50%; position : relative; right : 0%; bottom : 0%; margin : 0% 0.5% 0% 0%; }
   div.MDFormField div div fieldset div.MDFormFieldInput input { margin-top : 0.5%; }
   div.MDFormField div div fieldset div.MDFormFieldInput input:first-child { margin-top : 1%; }
   div.MDFormFieldInput input.MDFormFieldInputAttachToPrevious { margin-top : 0.25%; }
   div.MDFormFieldInputFull { clear : left; float : left; width : 73.5%; text-align : right; margin : 0% 0% 0% 25.5%; }
   div.MDFormFieldInput select { width : 50%; position : relative; right : 0em; bottom : 0em; margin : 0em 0.5em 0em 0em; }
   div.MDFormFieldInput textarea { width : 70%; position : relative; right : 0em; bottom : 0em; margin : 0em 0.5em 0em 0em; }
   div.MDFormFieldInputFull textarea { width : 100%; position : relative; right : 0em; bottom : 0em; margin : 0em 0.5em 0em 0em; }

   div.MDFormFieldInput input[type=checkbox], div.MDFormFieldInput input[type=radio] { width : 1em; height : 1em; font-size : 120%; vertical-align : middle; }
   div.MDFormFieldInput label.horizontal { margin-right : 1em; }
   div.MDFormSectionEnd { clear : both; }
   div.MDFormFieldInput table { width : 100%; }
   form#formulaire td, form#MDForm th { text-align : center; vertical-align : middle; font-weight : normal; }
   form#formulaire th:first-child { text-align : left; }
   form#formulaire div.MDFormSubmit { border-style : solid none none none; border-width : 2px; border-color : #205674; padding-top : 2em; margin : 3em 0em 0em 0em; text-align : center; }
   form#formulaire input.focus{background-color : #FFDDDD; }

 form#formulaire input.submit{
 padding:3px;
 font-size : 10px;
 letter-spacing : 0px;
 font-weight : normal;
 background:#3690C0;
 border:1px solid #3690C0;
 color:#fff;
}