body {font-family: Arial; font-size: 11px; color: #1A354D; margin-left:10; margin-top:5;margin:0;padding:5px;}
			
#conteneur {width: 790px;border-top:0;margin: 0 auto;}
	 
/* EN TETE */	 
#header {margin: 0;padding:0;width:790px;height:100px;background: url(../images/banniere.jpg);font-family:arial;clear:both; }	 	 	

#header ul {float:left; margin:0;padding-bottom:2px;list-style-type: none;text-align:right;padding-left:250px; }
			
#header li {float: left;padding-top:83px;padding-left:3px;font-size: 1em; }
		
#header a { margin: 0 2px;text-align: left;text-decoration: none; color: #fff; font-weight: bold; }
		
#header a:hover {border-bottom: 1px solid #000; color: #9A0202;}

#principal { width:790px;padding:0; margin:0;  }
	  
#pied {width: 790px;float: left;top:0px; text-align: left ;  clear:both;}
#pied  ul { float:left; margin:0;padding-bottom:2px;list-style-type: none; text-align:right;padding-left:100px; }
#pied  li {float: left; padding-top:-40px; padding-left:12px; font-size: 1em;  }
#pied  a { margin: 0 2px;text-align: left; text-decoration: none; color: #9A0202;font-weight: bold;  }
#pied  a:hover { border-bottom: 1px solid #9A0202; color: #1A354D; }
.clear{ clear:both;  }	
	 
/* center index */	

.floatleft{  
float: left ;
width: 350px ; 
margin: 15px ; 
text-align: justify ;
color:#1a354d;
}
	
.floatright{ 
float: right ;
width: 350px ; 
margin: 20px ; 
text-align: justify ;
color:#1a354d;
}	
.red {color: #9A0202;}
.redmid{color: #9A0202;
margin-left:20px;
margin-right:20px;
font-weight: bold;}
img {margin:0}

/* contact*/

input.bouton {
border:2px outset #9A0202;
font-weight:bold;
cursor:pointer;
background-color:#9A0202;
color:white;
margin-top: 20px;
margin-left: 150px;
}
input.bouton:hover {
background-color:white;
color:#9A0202;
}
input.bouton:active {
border:2px inset #9A0202;
background-color:#9A0202;
color:white;
}
input, textarea {
   border:1px solid #9A0202;
   margin-bottom: 5px;
	 border-color: #9A0202;
}

select {
   border:1px solid #9A0202;
   margin-bottom: 5px;
	 background-color:#9A0202;
	 color: white;
	}
option{
   border:1px solid #9A0202;
   margin-bottom: 1px;
	background-color:#9A0202;
  color:white;
}
#contact { 
   width:600px;
   padding:0;
	 margin-left:100px;
	 margin-top: 20px;
	 margin-bottom: 50px;
   }
form.css fieldset{border:1px solid #9A0202;padding: 1em;color:#1a354d;}
form.css label {display: inline;float: left;width:120px; }	 
form.css2 label {display: inline;float: left;width:200px; }	 
	
input.bAudit {
border:2px outset #9A0202;
font-weight:bold;
cursor:pointer;
background-color:#9A0202;
color:white;
margin-top: 20px;
margin-left: 50px;
}
input.bAudit:hover {
background-color:white;
color:#9A0202;
}
input.bAudit:active {
border:2px inset #9A0202;
background-color:#9A0202;
color:white;
}
#contacthaut{
width:440px;
 /*margin-top: 50px;*/
 margin-left:250px;
 padding:0;
 margin-top:0px;
   border: solid #1a354d 1pt;
}

h4{color:red;}		
.titre {margin-top:20px;border-bottom: solid #9A0202 1pt;margin-bottom:20px;}

#devis { width:600px;padding:0;margin-left:100px;margin-top: 50px;margin-bottom: 50px;  }
table.devis{border:0px;width:80%;margin:auto;}	 

/* creation */

#creation A{ color: #9A0202;text-decoration: none;  font-weight:bold;}
#creation A:ACTIVE {  color: #9A0202;text-decoration: none; font-weight:bold;}
#creation A:HOVER { color:  #9A0202; border-bottom:1px dotted  #1a354d; font-weight:bold;}	 
/* pack */
#packpresence{float: left; width:235px;border-bottom:3px solid  #9A0202;margin-left:10px;margin-bottom:20px;height: 270px;}
#packvitrine{float: left; width:235px;border-bottom:3px solid  #9A0202;margin-left:20px; margin-bottom:20px;height: 270px;}
#packopensource{float: left; width:235px;border-bottom:3px solid  #9A0202;margin-left:10px; margin-bottom:20px;}
#annuel{float: left; width:235px;border-bottom:3px solid  #9A0202;margin-left:20px;margin-bottom:20px;}
#referencement{float: left; width:235px;border-bottom:3px solid  #9A0202;margin-left:20px;margin-bottom:20px; height:270px;}

#autre{float: left; width:650px;margin-left:20px;margin-bottom:20px;}
#autre p  {float:left;margin-top:-100px;margin-left:170px;margin-right:2px; padding:5px;font-weight:bold; font-size: 14px;width:350px;text-align: justify;}

#googlepub  h4,#Leslogicielsa h4 ,#Leslogicielsg h4 ,#googlepack h4 ,#packpresence h4,#packvitrine h4,#packopensource h4,#annuel h4,#referencement h4 {background:#9A0202;color: #fff;border:1px solid  #9A0202;font-size: 12px;}
/* #packpresence li, #packvitrine li {padding-left:0px;border:1px solid  #9A0202;padding-bottom:10px;}*/
#googlepack li, packpresence li, #packvitrine li ,#referencement li,#annuel li,#packopensource li{background-image: url(../images/puce.gif);
 background-repeat: no-repeat;
 background-position: left center;
 margin-bottom:5px;
 list-style-type: none;
 padding-left: 12px;
 font-size:12px ;
 }
  
 
 img.comm{margin-top:42px;}
 img.ref{margin-left:50px;}
#packpresence ul, #packvitrine ul ,#referencement ul,#annuel ul,#packopensource ul{margin-left:0px;padding-left:0px;}
#packpresence img, #packvitrine img ,#referencement img,#annuel img,#packopensource img{border: 0;}
#mailok{margin-left:220px;margin-top:60px;margin-bottom:60px;}
img.audit{margin-left:100px;}

#pied h1 {font-size:12px ;}
#foot {padding-top:30px;margin-left :200px;clear:both;}

/* logitiel gratuit*/
#gp{float: left; width:650px;margin-left:20px;margin-bottom:20px;}
#gp p  {float:left;margin-top:5px;margin-left:5px;margin-right:2px; padding:5px;font-weight:bold; font-size: 12px;width:600px;text-align: justify;}
#googlepack{float: left; width:600px;border-bottom:3px solid  #9A0202;margin-left:10px;margin-bottom:20px;height: 250px;}
#googlepub{float: right; width:150px;margin-left:10px;margin-bottom:20px;height: 200px;}
#Leslogicielsg{float: left; width:600px;border-bottom:3px solid  #9A0202;margin-left:10px; margin-bottom:20px;padding-bottom:20px;}
#Leslogicielsa{float: left; width:600px;border-bottom:3px solid  #9A0202;margin-left:10px; margin-bottom:20px;}
#Leslogicielsa li ,#Leslogicielsg li, {
 margin-bottom:55px;
 list-style-type: none;
 padding-left: 12px;
 font-size:12px ;
 }
 #Leslogicielslien{float: left; width:700px;margin-left:10px; margin-bottom:20px;}