/*
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_amd.gif) left top no-repeat;
}

#header {
 width : 960px; 
 float:right;
 padding-left:30px;
}
#header * {
 font-size : 12px;
 letter-spacing : 4px;
 font-weight : bold;
}
#header #retour {
 margin-top : 23px;
 height : 130px;
 width : 170px;
 float:left;
}
#header #texte{
 margin-left :90px;
 height : 110px;
 width : 250px;
 float:left;
}
#header #texte a{
 color:#FFDDDD;
 text-decoration:none;
 font-style: italic;
 font-size : 14px;
 letter-spacing : 3px;
 line-height:35px;
}
#header #texte a:hover{
 color:#FFFFFF;
}
#header #rdv{
 margin-left : 140px; 
 margin-top : 20px;
 height : 115px;
 width : 300px;
 float:left;
 background : transparent url('../img/tel_amd.gif') no-repeat;
}
#header #rdv  form input.tel{
 margin:56px 0 0 25px;
 font-size : 10px;
 letter-spacing : 0px;
 font-weight : normal;
 background:#3690C0;
 border:0;
 color:#fff;
}
#header #rdv  form input.submit{
 margin:55px 0 0 5px;
 padding:1px;
 font-size : 10px;
 letter-spacing : 0px;
 font-weight : normal;
 background:#D4114B;
 border:0;
 color:#000;
}
#header #depannage{
 margin-left : 30px; 
 margin-top : 5px;
 height : 110px;
 width : 100px;
 float:left;
}

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

#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 grey;
  border-bottom:1px solid grey;
  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 : 51px;*/
 padding-top : 20px;
}
#leftcolumn #textesouslogo{
 width:180px;
 letter-spacing : 1px;
 font-size : 20px; 
 padding-left:10px;
 color:#fff;
 text-align:justify;
}

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

#content h1 {
 padding : 0px 0px 0px 90px;
 letter-spacing : 0.5px;
 font-size : 22px; 
 margin-top : 15px;
 background : transparent url('../img/h1.gif') 55px 5px no-repeat;
 height : 55px;
 color : #205674;
}

#content h2 {
 margin-top : -25px;
 padding-left : 105px; 
 font-size : 18px;
 color : #3690C0;
 border-bottom : solid 2px #D4114B;
}

#content #descriptif{
 border-top: 1px solid grey;
 border-bottom: 1px solid grey;
 font: 10px arial;
 padding:0px 0 7px 0;
}

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

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

#content #titre {
  color: #205674;
  font-weight:bold;
}
#content p {  
  text-align : justify;
  padding : 0px 0px 0px 35px;
  margin-top : 1em;
}

#content a{  
  color : #D4114B;
}
#content a:hover {  
  color : #3690C0;
}

#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 #demarches ul li {
  padding-left: 6%;
  padding-top: 2%;
}

#content #num{
  position: absolute;
  padding-left: 1.5%;
  padding-top: 1%;
  font-family : Arial Black;
  color : #205674;
  
}

#content #contentimg {
  width : 550px; 
  height: 350px;
  margin : 0px auto;
  background : transparent url(../img/famille_pc_web.jpg) right top no-repeat;
  background-position: left;
  font-size : 18px;
  color : #3690C0;
}

#content #contentimg p { 
  text-align : right;
  padding : 0;
  position:relative;
  width:275px;
  margin-left:50%;
  margin-top:-55%;
  font-size : 18px;
  font-weight:bold;
  color : #3690C0;
  text-indent:0;
}
#content #contentimg p a{
  text-decoration:none;
  color : #D4114B;
}
#content #contentimg p a:hover {
  text-decoration:none;
  color : #D4114B;
}
#content #contentimg p a span{ 
  font-size : 22px;
  font-weight: bold;
  color : #3690C0;
}


#content #contentimg #fanion{ 
  position:relative;
  top:50%;
  left:75%;
  width : 150px; 
  height: 335px;
  
}
#content #contentimg #fanion img{ 
  padding-bottom:10px;
}

#content #listelogo a img{ 
  vertical-align: middle;
  padding: 0 5px 0 5px;
}


#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; 
}


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;
}
/**********************/
/* start of menu.inc.css */
/**********************/
#leftcolumn #menu {
 font-size : 12px;
}
#menu ul { 
  padding : 0px 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;
}
div.num-tel{
  padding:5px 0 5px 20px;
  font-size:20px;
  color:white;
  font-weight:bold;
}

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

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

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

#menubottom a#certifiee { 
  display : block; 
  background-color : white; 
  margin : 0px; 
  padding : 0px; 
  text-align : left; 
}
#menubottom a#reduction { 
  display : block; 
  background-color : white; 
  margin : 0px; 
  padding : 5px 0 0 0 ; 
  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;
}
.haut { 
  background : transparent url('../img/box_haut.png') top no-repeat;
  width : 169px;
  height:4px;
}
.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:52px;
  font-weight : bold;
  font-size : 150%;
  font-family : Helvetica, Arial;
  color:#D4114B;
}
.box a:hover{   
  color:#000;
}
.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:#205674;
}
.bas a:hover{
  color:#000;
}

#rightcolumn a{ text-decoration : none; }
#rightcolumn a img { border-style : none; }


/**********************/
/* 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#formation th.service { 
 background : url("../img/h3.png") 25px 9px 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#formation 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 : #3690C0;
}
th.service{ 
 color : #fff;
 background-color : #3690C0;
}
#MDInnerContent .tarifcontact {
 color : #69AB09;
}

table.tarifs th.cost { background-color : #205674; color : #FFF; padding-top:3px;}
table.tarifs th.lowcost { background-color : #3690C0; color : #FFF; }

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

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

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

#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 : 100%; 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 : 100%; 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;
}

/*debut accordion*/

dl.Accordion{
  padding : 0px 13px 15px 0px;
  background-repeat : repeat-y;
} 

dt.stretchtoggle, dt.stretch {
	margin: 0px !important;
	color: #FFF;
	height: 27px;
	list-style-type : none;
  background : transparent url('../img/bullet.png') 15px 4px no-repeat;
  padding : 0px 0px 0px 30px !important;
  cursor: pointer;
}

dd.stretcher {
	margin:0px !important;
	padding: 0px 0px 0px 8px !important;
	width: 480px;
	padding: 10px;
}
dd.stretcher span {
	margin-left: 20px;
}
dd.stretcher span.dernier {
	padding-bottom: 10px;
	margin-bottom:10px !important;
}
/*
img.icon{cursor: pointer}
#sliderExample {
		background-color: #ddd;
		width: 70px;
	}
	div.sliderBucket {
		position: absolute;
		margin-left: 52px;
	}
	#sliderExample li ul li {
		border: 1px solid #ccc;
		background: none;
		background-color: #777;
		color: #fff;
		padding: 0px;
	}
	#sliderExample li ul li a {
		color: #ffc;
	}

#tabBox #panelSet dt.stretchtoggle div.dtRight, .panelSet dt.stretchtoggle div.dtRight {
	background: #fff url(art/acdn-headr-back.gif) right no-repeat;
}*/

/*fin accordion*/