body {
	margin: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	text-align : left;
}

html {
       overflow-y: scroll;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family:  Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 18px;
	padding-top: 10px;
	color: #01209F;
}
h3 { 
font-size: 18px;
}

h4 { 
font-size: 16px;
color: #01209F;

}

p, ol, ul {
	line-height: 20px;
	
}

a {
	color: #01209F;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	color: #FF5A01;
}

.image {
	float: left;
	margin: 5px 15px 0 0;
}

.menuTwo {
	margin: 0;
	padding: 0;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #01209F;
	border: 0px solid #000;
}


.menuTwo a {
	color: #01209F;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}


.menuTwo a:hover {
	text-decoration: none;
	color: #FF5A01;
}

.accroche {
	margin: 0;
	padding: 0;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #01209F;
	font-weight: bold;
}

/* Header */

#header {
	width: 935px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: top left;
	background-image: url(/images/fd-head.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: repeat-x;
	height: 33px;
}

/* Menu */

#menu {

}


/* Content */

#content {
	width: 935px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#colOne {
	float: left;
	width: 186px;
	padding: 20px;
	padding-right: 10px;
	padding-top: 50px;

	border: solid gray 0px;
}

#colOne h3 {
	margin: 5px 0 10px 0;
	color: #01209F;
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#colOne ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colOne a {
	color: #01209F;
	padding-left: 12px;
	background-image: url(/images/picto-flech.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFFFFF;
	text-decoration: none;
}
#colOne a:hover {
	color: #FF5A01;
}






#colTwo {
	float: right;
	width: 680px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border: solid gray 0px;

}

/* Footer */

#footer {
	width: 935px;
	background-color: #FFFFFF;
	background-image: url(/images/fd-footer.jpg);
	background-repeat: no-repeat;

	height: 99px;
	margin-right: auto;
	margin-left: auto;
}

#footer p {
	text-transform: lowercase;
	text-align: center;
	font-size: 10px;
	color: #01209F;
	margin-top: 36px;
	display: block;
	float: right;
	width: 738px;
	margin-bottom: 0px;
}

#footer a {
	color: #01209F;
}

#banner {
	float: right;
	width: 700px;
	height: 191px;
	background-position: top left;
}

#banner-titre {
	font-family: Arial, Helvetica, sans-serif;
	width: 680px;
	margin-top: 164px;
	margin-left: 10px;
	height: 25px;
	color: #8F958A;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;


}

#box {
	float: left;
	width: 216px;
	margin-top: 33px;
	height: 222px;
	background-image: url(/images/logo.jpg);
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 5px;
}
#gestion {
	float: left;
	width: 216px;
	margin: 0;
	margin-top: 84px;
	margin-top: 100px;

	height: 137px;
	background-image: url(/images/fd-gestion.gif);
	background-repeat: no-repeat;
	padding: 0;
	padding-left: 5px;
	padding-top: 15px;	
}

#produit-box {
	float: left;
	width: 695px;
}

#produit-gauche {
	float: left;
	width: 315px;
	text-align: center;
	margin: 0;
	margin-top: 12px;
	border-left: solid 1px #dbe2ec;	
}

#produit-droite {
	float: left;
	margin: 0;
	width: 375px;
	/*border-right: solid 1px #dbe2ec;*/
}

#produit,#plusinfo,#associes  {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	width: 345px;
	border: solid 0px #dbe2ec;	
	margin-top: 20px;
	/*height: 150px;	
	overflow: auto;*/
}

#produit-droite span select {
	border: 1px solid #01209F;
	width: 130px;
}

#produit  a {
	color: #01209F;
	text-decoration: none;
}

#produit a:hover {
	color: #FF5A01;
}



#produit h3  {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01209f;
	text-decoration: none;
	text-transform: none;
}






#prodrub {
	float:left;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #01209f;
	text-decoration: none;
	text-transform: none;
	margin-bottom: 10px;
	width: 216px;
	border: solid 0px #C1C1C1;

	text-align: center;
	margin-right:5px;
	background: #ffffff;

}

#prodrub  a , #prodrub a:hover {
	color: #FF5A01;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
}

#prodrub_titre {
	margin-top: 10px;
	height: 35px;
	border: solid 0px #C1C1C1;
}

#image_produit_deco {
	width: 212px;
	border: solid 0px #C1C1C1;
	background-image: url(/images/fond-produits.gif);
	background-position: 100% 98%;
	background-repeat: no-repeat;
}

#image_produit {
	width: 200px;
	border: solid 0px #C1C1C1;
	margin-bottom: 12px;
	margin-right: 12px;
	padding-bottom: 12px;
}




#tooltip {
   position:absolute;
   visibility:hidden;
	width: 150px;
	border: solid 1px #FF7543;
	background-color: #ffffff;
	color: #FF7543;
}

.spacer {
    clear: both;
    height: 1px;
  }

#qte99 {
 margin-left: 5px;
 margin-right: 5px;
  }


#ebmessage {
        border: 2px solid #01209f;
        background-color: white;
        position: absolute;
	width: 200px;
        top: 250px;
        left: 450px;
        padding: 8px;
	margin: 0;
	display: none;
}


#tarif {
	font-size: 16px;
	font-weight: bold;
}


.rupt1_prod7

{
	float: left;
	margin-top: 10px;
	width:96%;
	font-weight:bold;
	border: 0px solid #000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	padding-left: 10px;
  }


.rupt1_prod7  {color: #FFF;  background-color: #028EE3;}



.list1_prod {
	float: left;
	margin-left: 20px;
	margin-bottom: 5px;
	width:94%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px solid #000;
	border-top: 1px solid #ccc;
  }

.list1_prod_texte {
	float: left;
	width:65%;
	border: 0px solid #000;
  }
.list1_prod_image {
	float: left;
	width:10%;
	border: 0px solid #000;
  }
.list1_prod_prix {
	float: left;
	text-align:right;
	width:10%;
	border: 0px solid #000;
  }

.list1_prod_code {
	float: left;
	text-align:left;
	font-style: italic;
	font-size: 10px;
	width:15%;
	line-height: 18px;
	border: 0px solid #000;
  }



/* Style pour la page de Garde */


#header-garde {
	width: 903px;
	margin-right: auto;
	margin-left: auto;
	height: 104px;
	background-image: url(/images/logo-garde.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
}


#header-garde ul {
	list-style: none;
	display: block;
	margin-top: 75px;
	float: right;
	height: 20px;
}




 #header-garde li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
}

#header-garde a {
	height: 22px;
	text-decoration: none;
	font-weight: bold;
	color: #01209f;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 22px;
	background-image: url(/images/picto-menu.gif);
	background-repeat: no-repeat;
	background-position: -2px -2px;
	margin: 0px;
}

#header-garde a:hover, .active a {
	color: #FF5A01;
	background-image: url(/images/picto-menu.gif);
}




#banner-garde {
	width: 903px;
	margin-right: auto;
	margin-left: auto;
	height: 417px;
	padding: 0px;
	margin-top: 0px;
}


#bloc-garde blockquote {
	background-image: url(/images/fd-box-garde.gif);
	background-repeat: repeat-x;
	width: 861px;
	border: 1px solid #d3dbeb;
	font-size: 12px;
	color: #666666;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
}


#bloc-garde h3 {
	font-size: 12px;
	font-weight: bold;
	color: #214A9A;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}

#footer-garde {
	width: 903px;
	background-color: #FFFFFF;
	background-image: url(/images/fd-footer-garde.jpg);
	height: 99px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}

#footer-garde p {
	text-transform: lowercase;
	text-align: center;
	font-size: 10px;
	color: #01209F;
	margin-top: 40px;
	display: block;
	float: right;
	width: 720px;
	margin-bottom: 0px;
}

#footer-garde a {
	font-weight: normal;
	background-image: none;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

#article-texte {
	float: left;
	margin-top: 25px;
	background-image: url(/images/fd-box-garde.gif);
	background-repeat: repeat-x;
	width: 650px;
	border: 1px solid #d3dbeb;
	font-size: 12px;
	color: #666666;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
}
#article-texte  h3 {
	color: #01209F;
	color: #FF5A01;
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#article-texte  blockquote {
	background-image: url(/images/fd-box-garde.gif);
	background-repeat: repeat-x;
	width: 650px;
	border: 1px solid #d3dbeb;
	font-size: 12px;
	color: #666666;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
}


ul {
list-style-position: outside;

}