* { margin: 0; padding: 0; border: 0; font-family: verdana, "lucida grande", tahoma, helvetica, Sans-Serif; }

body {  
	font-size: 62.5%;
	background: #9ed51e url(/i/bord.png) scroll top left repeat-x;
	position: relative;
	width: 100%;
}

#page {
	margin: 0 auto; 
	width: 967px;
	background: #fff url(/i/fond_caddie.png) scroll top left no-repeat;
	position: relative;
}

#logo ul, #bandeau ul { list-style-type: none; clear: both; }

#logo { position: relative; float: left; width: 967px; height: 239px; }

#logo #jus, #logo form { background-color: #6e6e6e; color: #fff; } /*background-color: #6e6e6e;*/
#logo #jus { float: left; width: 17em; margin-left: 12em;  -margin-left: 6em; }
#logo #jus a { text-decoration: none; color: #fff; line-height: 30px; }

#logo form { float: right; text-align: right; width: 37em; padding-top: 5px; margin-top: 0 !important; margin-right:1em; }
#logo form legend { font-weight: 600; }
#logo form #recherche { 
	margin-left: 5px; padding-left: 2px;
	border: 1px solid #c4d00a; 
	background-color: #f9fabb; 
	-moz-border-radius: 5px; 
   -khtml-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
	vertical-align: top;
}
#logo form input.valide {
	vertical-align: middle;
	cursor: pointer;
	padding: 0px 4px;
	-moz-border-radius: 10px; 
   -khtml-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
   background: #fff  url(/i/bg_searchbt.png) repeat-x;
	border: 1px solid #3b4144;
	margin: 0 6px; 
	color: #333333;  
}
#logo form input.valide:hover { color: #000000; background: #fff  url(/i/bg_searchbtn.png) repeat-x; border: 1px solid #3b4144; }  

#logo #societe { clear: both; padding-left: 20em; -padding-left: 10em; height: 126px;}
#logo #societe #easysante { font-size: 300%; float: left; letter-spacing: 2px; color: white; margin: 1em 0 0 2em; }
#logo #societe #slogan { margin-left: 4em; color: white; font-weight: 600; font-size: 40%; }
#logo #societe span { color: yellow; font-size: 80%; }
#logo #societe #panier { 
	font-family: arial, helvetica, Sans-Serif;
	float: right;
	margin-right: 9em;
	margin-top: 2em;
	font-size: 80%;
	width: 14em;
	height: 6em;
	-moz-border-radius: 10px; 
   -khtml-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
	border: 2px solid #f24f1b;
	background-color: #fff;
	text-align: center;
	padding: 2px;
}
#logo #societe #panier p { width: 100%; background-color: #fff; color: #4d5949; }
#logo #societe #panier .montant { font-size: 210%; color: red; font-weight: bold; margin: 9px 0; /margin: 8px 0; }
#logo #societe #panier a { 
	text-decoration: none; 
	-moz-border-radius: 15px; 
   -khtml-border-radius: 15px; 
   -webkit-border-radius: 15px; 
   border-radius: 15px; 
	padding: 2px 10px; 
	background-color: #f24f1b; 
	color: #fff; 
}
#logo #societe img { margin-top: 10px; }

#logo ul { clear: both; float: left; margin-left: 20em; -margin-left: 10em;}
#logo li { display: inline; background-color: #6e6e6e; } /*background-color: #6e6e6e;*/
#logo li a { text-decoration: none;  color: #fff; font-weight: 600; font-size: 90%; }
#logo li a:hover { color: yellow; }
#logo li .navoff { color: black; text-decoration: underline; font-weight: 700; }
#logo h1 { clear: both; float: left; color: orange; font-size: 190%; margin: 1.5em 0 0 10em; -margin: 1.5em 0 0 5em; width: 35em; }

#bandeau { position: relative; float: left; width: 180px; -width: 181px; background-color: #fff; }
#bandeau h2 { font-size: 110%; font-weight: 900; text-align: center; background-color: #6e6e6e; padding: 5px 0; } /*background-color: #6e6e6e;*/
#bandeau h2 a { color: #fff; text-decoration: none; }

#bandeau ul { text-align: left; list-style-type: none; text-indent: 20px; background-color: #ccc; } /*background-color: #c5e112;*/
#bandeau ul ul { margin: 0; text-indent: 40px; }
#bandeau ul li { line-height: 19.5px; }
#bandeau ul li a { text-decoration: none; width: 100%; display: block; font-size:110%; color: #255740; font-weight: 900; }
#bandeau ul li a:hover { width: 100%; display: block; font-size:110%; color: yellow; font-weight: 900; background-color: #9ed51e; }
#bandeau ul li .navoff { display: block; color: #fff; background-color: #ae2632; text-decoration: none; font-weight: 900; margin:0; }

#bandeau #pub { width:100%; background-color: #c5e112; }
#bandeau #plus { margin: 20px 0; text-align: center; }
#bandeau #ssl { border: 2px solid #e0f1a5; margin: 10px 5px 20px 5px; text-align: center; padding: 5px 2px; }
#bandeau #ssl img { margin: 5px; }
#bandeau #glossaire { clear: both; margin-top: 20px; }
#bandeau #glossaire img { float: left; }
#bandeau #copy { background:url(/i/colibri.png) scroll top center no-repeat; padding:100px 0 0 0; color: #255740; text-align: center; }
#bandeau #copy a { display: inline; color: black; background: none;  }
#bandeau #copy img { float: left; margin: 1%; }
#bandeau #copy em { font-size: 0.8em; color: navy; }


#contenu { float: left; position: relative; background-color: #fff; width: 775px; -width: 760px; margin: 0 5px; padding: 0; font-size: 110%; }

#net { clear: both; text-align: center; margin: 5em 0; width: 100%; }
#net p { clear: both; margin: 2em 0; width: 100%; }
#net a { clear: both; color: green; }

.pcboost, .linuvers, .neurowar { margin: 5px; }
.pcboost { float: left !important; }
.neurowar { text-align: center; color: maroon; }
.linuvers { float: right; }
.clean { clear: both; }

#contenu h2 { color: #c4d00a; margin: 5px; font-size: 160%; }
h3 { color: #c4d00a; margin: 3px; font-size: 150%; width: 95%; }
acronym, abbr {cursor: help;}
strong { font-weight: bold; }
hr { width: 90%; height: 2px; background-color: #ae2632; margin: 20px auto; clear:both; }
kbd { font-size : 1.1em; padding: 0px 2px; border: 1px solid gray; }
h2.accueil, h2.titre2 { color: #fff !important; font-size: 130%; text-indent: 10px; line-height: 25px; margin-top: 10px; clear: both; }
h2.accueil { background-color: #f24f1b; }
h2.titre2 { background-color: #ae2632; }


#cat { float: left; text-align: center; width: 90%; margin:0; padding:0; }
#cat table {
border-top:    #A52A2A 3px solid;
border-right:  #A52A2A 3px solid;
border-bottom: #8B0000 3px solid;
border-left:   #8B0000 3px solid;
text-align: center;
margin: 8px auto;
padding: 2px;
width: 90%;
font-size: 1em;
}
#cat table form fieldset { border: none; padding: 0px; margin: 0px; }
#cat tr { margin: 10px 0; }
#cat th { border: thin solid orange; font-weight : bold; background-color: teal; color: #fff; }
#cat td { background-color: #c6d5ea; border: none; }
#cat .qte { text-align: center; }
#cat option { color: green; }
#cat form { padding: 0 5px; text-align: left; }
#cat form label { margin: 0 20px; }
#cat form img { float: right; margin-top: 10px; }
#cat fieldset { border: 1px solid #A52A2A; padding: 2%; margin:10px; }
#cat form .civilite { margin: 15px; }
#cat form .civilite label { display: inline; float: left; width: 95px; padding-top: 5px;}
#cat fieldset .erreur { border: 2px solid red; }
#cat form p { text-align: center; margin: 20px 0; font-size:0.8em; color: #45454B; }
#cat select { border: 1px solid navy; }
#cat input.valide {
color:white;
background-color:#C00000;
margin: 5px 10px;
border:2px outset red;
font-weight:bold;
cursor:pointer;
padding: 2px 5px;
}
#cat input.valide:hover {
background-color:white;
color:red;
}
#cat input.valide:active {
border:2px inset red;
background-color:red;
color:white;
} 
#cat input[type=text], input[type=submit] ,input[type=reset], input[type=password], textarea,select {border:solid #666 1px;margin:2px; }
#cat input[type=submit] ,input[type=reset] { 
	background:#333333 url(/i/fond_bouton.png) repeat-x left center;
	color:black; 
	padding: 2px; }
#cat input[type=submit]:hover { background-color: red; }
#cat input[type=radio], input[type=checkbox]{border:none;}
#cat input[type=text], input[type=password], textarea { padding: 2px 5px; }
#reg_Banque table{ margin:0; padding: 0; border: none; width: 60%; float: left;}
#reg_Banque table tr { height: 35px;}
#reg_Banque table td { background: #fff; text-align: left; border:none; }
#reg_Banque img { float: none !important; margin:0 0 0 1em !important; padding:0 !important; vertical-align: middle;}

.obli { font-weight: 900; color: red; }

.bouton { float: left; color: navy; background: rgb(243,241,242); width: 25%; height: 3em; margin: 1em; padding: 1em; border: 2px solid yellow; margin-left: 9em; }
.bouton:hover { background-image: url(/i/sky.jpg); border: 2px solid red; }
.flux { clear: both; margin: 5px 0; text-align: center; }