/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,
u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none; }:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;}
a {text-decoration:none;}

/* CSS */
body {	
	margin:0;	
	padding:0;	
	width: 100%; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: white; 
	line-height: 20px; 
	background: transparent url(img/icon/bg.png) repeat;
	background-color:#CDDCEC;
}
table {width: 100%; padding: 20px }
a img {	border:0;}
a:link { color:white; text-decoration: underline}
a:visited { color:white; }
a:active { color:white; }

input, textarea  { width: 205px; height: 50px; background-color: #000947; color: white; border:1px solid #000099; padding: 10px; font-family: Arial, Helvetica, sans-serif;}
input:hover, textarea:hover  { border:1px solid #eb5100; color: #eb5100;}
input:focus, textarea:focus { border:1px solid #eb5100; color: #eb5100;} 

.highlight { color: #eb5100; font-weight: bold }

.produit{ width: 294px; padding-left: 10px; padding-top: 7px; height:25px; vertical-align:middle; font-size: 20px; font-weight: bold;}
.prod_cadre{ width: 258px; padding-left: 36px; padding-right: 0px; border: 5px #000099 solid }

.couleur_mo { border-color: #FF9E11;}
.couleur_ga { border-color: #DF5511;}
.couleur_bl { border-color: #FD1114;}
.couleur_vr { border-color: #C2008F;}
.couleur_ca { border-color: #9E00D5;}
.couleur_rm { border-color: #00A70D;}

.couleur_mo:hover {	background-color: #FF9E11; border: 5px #000099 solid;}
.couleur_ga:hover {	background-color: #DF5511; border: 5px #000099 solid;}
.couleur_bl:hover {	background-color: #FD1114; border: 5px #000099 solid;}
.couleur_vr:hover {	background-color: #C2008F; border: 5px #000099 solid;}
.couleur_ca:hover {	background-color: #9E00D5; border: 5px #000099 solid;}
.couleur_rm:hover {	background-color: #00A70D; border: 5px #000099 solid;}

.boutton:hover {color: white; background-color: #eb5100;}

.titre{font-size: 26px; font-weight: bold;}
.centre{position: relative; margin-left: auto;margin-right: auto;width: 940px;}

.survol { background-color: #000099; height: 55px; text-align:center; font-size: 18px; top: 20px; width: 150px;}
.survol:hover { background-color: #000947; text-decoration: none; }

.slogan {
	  position: relative; 
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;
	  background-color: #000099; 
	  color:white;
}

.head_background{
	  position: relative; 
	  margin-left: auto;
	  margin-right: auto;
	  width: 980px;
	  padding:0px;
	  top:10px;
      height:180px;
	  background-color: #000099; 
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
      behavior: url(PIE.htc);}
.head_margin{padding-left: 0px; padding-top: 5px;}

.content_background{
	  position: relative; 
	  margin-left: auto;
	  margin-right: auto;
	  width: 980px;
	  padding:0px;
	  top:30px;
	  background-color: #000099;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  behavior: url(PIE.htc);}
.content_margin{padding: 15px;}

.footer_background{
	  position: relative; 
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 40px;
	  width: 980px;
	  padding:0px;
	  top:20px;
      height:38px;
	  background-color: #000099;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  behavior: url(PIE.htc);
	  text-align: center;
	  vertical-align: middle;}
.footer_margin{padding-top: 10px;}

.one_half, .one_seventy, .one_third, .two_third,.two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{	margin-right: 2%; position:relative; float:left;}
.one_half{ width:49%; }
.one_seventy{ width:70%; }
.one_third{width:32%;}
.one_fourth{width:23.5%; }
.one_fifth{width: 18.4%;}
.one_sixth {width: 15%;}
.two_third{width: 64%;}
.two_fourth {width: 47%;}
.two_fifth {width: 36.8%;}
.two_sixth {width: 30%;}
.three_fourth{width:70.5%;}
.three_fifth {width: 55.2%;}
.three_sixth {width: 45%;}
.four_fifth {width: 73.6%;}
.four_sixth {width: 60%;}
.five_sixth {width: 75%;}
.last{ margin-right:0 !important; clear:right; }