body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-style: normal;
	background-color: #244c90;
}


/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On utilise text-align: center ; pour Internet Explorer */
/* background : couleur du fond de page */

div#conteneur
{
	width: 750px ;      
	margin: 30px auto ; 
	text-align: left ;
	border: 2px solid #666666 ;
	background: #ffffff ; 
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
/* border: bordure de mon conteneur */

h1#header
{
	height: 100px ;
	background: url(assistance-depannage-informatique.jpg) no-repeat left top ;
	margin: 0 ;
	
}
/* On définit la hauteur de la partie header, contenant le titre du site */

h4#titre
{

}
a img
{
border: none;
}

ul#menu 
{
  list-style-type: none;
  height: 30px ;
  /*margin : 20px;*/
  
  /*padding: 10px;*/
  border: 5px;
   margin-left:75px;
}
ul#menu li 
{
  float: left;
 margin: 0px ;
 font-size: 1.6em;
 border: 0px;
}
ul#menu ul 
{
  position: absolute;
  display: none;
  list-style-type: none;
  margin: 0px ;
  padding: 0px ;
  /*border: solid 0px #353c3e;*/
   
}
ul#menu ul .sm1 
{
  float: none;
  padding: 0px ;
  margin: 0px ;
  width:137px;
  height:15px;
  font-size: 10px; ;
   
}

ul#menu ul .sm2 
{
  float: none;
  padding: 0px ;
  margin: 0px ;
  width:125px;
  height:15px;
  font-size: 10px ;
}






ul#menu li a:link, ul#menu li a:visited 
{
  display: block;
  color: #ffffff;
  background: #244c90;
  margin: 0;
  padding: 4px 30px;
  text-decoration: none;
}
ul#menu li a:hover 
{
  background: #353c3e;
}
ul#menu li:hover > ul
{
  display: block;
}
a
{
	text-decoration:none;
	color: white;
}


div#contenu
{
	width: 600px;
	margin: auto;
	background: no-repeat 15px 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

table.accueil /* Le tableau en lui-même */
{
	width: 600px;
	margin: auto;
	
	background-color: #244c90;
	border: 1px #3c88fa;
	color: black;
	

}

td.accueil /* Les cellules normales */
{
	width: 250px;
	height: 400px;
	border: 1px #244c90;
	color: black;
	background-color: #9FBBE8;
	vertical-align: top;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   text-align: justify; 
   padding: 5px;

}

th.accueil
{
	color: white;
	font-size: 1.5em;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 60px;
	margin: auto;
}

table.assistance
{
background-color: #244c90;
height: 200px ;
	}
	tr.assistance
	{
		}
		th.assistance
		{
		color: White;
		height: 30px;
		font-size: 14px;
			text-align: center;
			}
			td.assistance
			{
			background-color: #9FBBE8;
			font-size: 13px;
			padding-left: 2%;
			padding-right: 2%;
			padding-top: 5%;
			text-align: : justify;
			
}
			
	h2.packassis
	{
		
		text-align: center;
		font-size: 14px;
		padding-bottom: 10px;
		padding-bottom: 10px;
		font-style: normal;
	}	


/* page pack assistance */

table.packassistance
{
background-color: #244c90;
border: #244c90
height: 350px ;
margin-bottom: 30px;

}
tr.packassistance1
{
	
	
}
th.packassistance1
{
	color: White;
	height: 30px;
	font-size: 14px;
	text-align: center;
}

tr.packassistance2
{
	
}
td.packassistance2
{
	background-color: #9FBBE8;
	font-size: 13px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: : justify;
}


table.packsilgold
{
	/*width: 600px;*/
	
	height: 200px;
	margin: auto;
	background-color: #244c90;
	

}
tr.packsilgold
{

}
th.packsilgold
{
	background: #244c90;
	height: 25px;
	color: White;
	text-align: center;
	font-size: 14px;

}
td.packsil
{
width: 300px;
background-color: #9FBBE8;
font-size: 13px;
text-align: center;




}
tr.packgold
{
	
	
}
td.packgold
{
width: 300px;
background-color: #9FBBE8;
font-size: 13px;
text-align: center;
}


/* page site web */

table.siteweb
{
background-color: #244c90;
height: 200px ;
	}
	tr.siteweb
	{
		}
		th.siteweb
		{
		color: White;
		height: 30px;
		font-size: 14px;
			text-align: center;
			}
			td.siteweb
			{
			background-color: #9FBBE8;
			font-size: 13px;
			padding-left: 2%;
			padding-right: 2%;
			padding-top: 5%;
			text-align: : justify;
			
}
			
	h4.siteweb
	{
		
		text-align: center;
		font-size: 14px;
		padding-bottom: 10px;
		padding-bottom: 10px;
		font-style: normal;
	}	

	/* page pack web */
	
table.packweb
{
background-color: #244c90;
border: #244c90
height: 350px ;
margin-bottom: 30px;
}

th.packweb1
{
	color: White;
	height: 30px;
	font-size: 14px;
	text-align: center;
}

td.packweb2
{
	background-color: #9FBBE8;
	font-size: 13px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: : justify;
}

table.packcontratweb
{
	/*width: 600px;*/
	
	height: 200px;
	margin: auto;
	background-color: #244c90;
	}
	
	th.packcontratweb
{
	background: #244c90;
	height: 25px;
	color: White;
	text-align: center;
	font-size: 14px;

}

td.packstart
{
width: 300px;
background-color: #9FBBE8;
font-size: 13px;
text-align: center;
padding-bottom: 0px;
padding-top: 15px;
}

td.packsilver
{
width: 300px;
background-color: #9FBBE8;
font-size: 13px;
padding: 5px;
padding-bottom: 5px;
text-align: center;
}

td.packprems
{
width: 300px;
background-color: #9FBBE8;
font-size: 13px;
text-align: center;
}

tr.bondecommande
{

	height: 25px;
	color: White;
	text-align: center;
	font-size: 14px;
	font-style: 
}


/* page société */

table.societe
{
background-color: #244c90;
height: 200px ;
	}
	tr.societe
	{
		}
		th.societe
		{
		color: White;
		height: 8px;
		font-size: 15px;
			text-align: center;
			}
			td.societe
			{
			background-color: #9FBBE8;
			font-size: 13px;
			padding-left: 2%;
			padding-right: 2%;
			padding-top: 0%;
			text-align: : justify;
			
}

div#description
{
	height: 80px;
	padding: 10px;
	background: #9FBBE8;
	font-size: 15px;
	text-align: center;
	color: #000000 ;
}

div#description p
{
	font-size: 15px ;
	margin-top: 4px;
	Margin-left: -20px ;
	margin-right: 30px ;
	padding-left: 30px ; 
	text-align: left ;
	color: #000000 ;
	
	
}


div#contenu h1
{
	padding-left: 40px;
	line-height: 90px ;
	font-size: 1.7em ;
	background: no-repeat left bottom ;
	color: #244c90 ;
}
/* border-bottom : sous ligné */	

div#contenu p
{
	font-size: 13px ;
	text-align: center ;
	text-indent: 2em ;
	color: #000000 ;
	
}

input, textarea
{
	font-family: "Times New Roman", Times, serif ;
}

label
{
	color: #244c90 ;
	font-size: 1.2em ;
}

legend
{
	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif ;
	color: #244c90 ;
	font-weight: bold ;
	font-size: 1.6em ;
}

fieldset.coordonnee
{
	width: 400px;
	margin-left: 0px;
	background-color: #ABD6FF ;
}
	
fieldset.demande
{
	width: 400px;
	margin: auto;
	background-color: #ABD6FF ;
}
div#pied 
{
height: 100px;
background-color: #DADBD7 ;
font-size: 11px ;
padding-top: 10px;
margin-top: 10px;
}
a.mail
{
	color: black;
}

a.packassis
{
	color: white;
	font-size: 14px;
}