/* CSS Document */

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #333;
	background-image:  url(../images/bg1.jpg);
}

.content_top {
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-top-style: Aucune;
	border-left-style: Aucune;
	border-top-width: 0px;
	border-left-width: 0px;
}


.content {
	background-image:     url(../images/bg2.jpg);
	background-repeat: repeat-x;
	border-top: 1px Aucune #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.content0 {
	border-top: 0px solid #286BAF;
	border-right: 1px solid #286BAF;
	border-bottom: 1px solid #286BAF;
	border-left: 1px solid #286BAF;
	background-color: #DCEDFF;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
}

a.menu:hover {
	display: block;
	text-decoration: none;
	color: #D9F3B6;
	font-size: 12px;
}
a.menu {
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-variant: normal;
	text-align: center;
	background-position: center;
	color: #FFFFFF;
	background-color: #2C6CAC;
	margin-right: 1px;
	margin-left: 1px;
	width: 100px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #D6F3B1;
}
a:active {
	text-decoration: none;
	color: #D6F3B1;
}
.small {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Style5 {color: #666666}
.Title {
	color: #025946;
	font-size: 16px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: dotted;
	border-left-style: Aucune;
	border-top-color: #316E67;
	border-right-color: #316E67;
	border-bottom-color: #316E67;
	border-left-color: #316E67;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-align: left;
	background-repeat: no-repeat;
	text-indent: 0px;
}
.cadreimg {
	border: 1px solid #999999;
	top: 3px;
	padding: 4px;
	background-color: #FFFFFF;
}
.Style8 {
	color: #FFFFFF;
	font-size: 14px;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Style12 {color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px;}
.intitule {
	font-size: 24px;
	background-color: #5793C7;
	padding: 2px 20px;
	border: 1px double #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
	font-variant: small-caps;
	font-weight: bold;
}
.Title1 {	color: #F0E3EE;
	font-size: 18px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: solid;
	border-left-style: Aucune;
	border-top-color: #91004B;
	border-right-color: #91004B;
	border-bottom-color: #91004B;
	border-left-color: #91004B;
	padding-bottom: 2px;
	font-family: "Comic Sans MS";
	background-image:  url(../images/puce.gif);
	background-repeat: no-repeat;
	text-indent: 40px;
}
.cadreimg1 {	border: 1px solid #666666;
	top: 3px;
	padding: 4px;
}
.Style11 {font-weight: bold}
.Title2 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: dotted;
	border-left-style: Aucune;
	border-top-color: #316E67;
	border-right-color: #316E67;
	border-bottom-color: #316E67;
	border-left-color: #316E67;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-align: left;
}
.cadreimg2 {	border: 1px solid #999999;
	top: 3px;
	padding: 4px;
}
.Style14 {	color: #333333;
	font-size: 14px;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Title21 {color: #025946;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: dotted;
	border-left-style: Aucune;
	border-top-color: #316E67;
	border-right-color: #316E67;
	border-bottom-color: #316E67;
	border-left-color: #316E67;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-align: left;
	background-repeat: no-repeat;
	text-indent: 0px;
}
.Style24 {
	color: #CCCCCC;
	font-size: 16px;
}



/******************************************* NAVIGATION ****************************************/
.bouton, .bouton2, .bouton3, .bouton4{
	height				:20px; 
	width				:130px; 
	font-size			:11px;
	text-align			:center;
	padding				:2px;
	font-weight			:bold; 
	border-width		:1px;
	border-color		:silver
	}
a.bouton:link, a.bouton:visited{
	text-decoration		:none; 
	width				:130px; 
	color				:white;
	background-color	:#0080cc;
	border-style		:outset;
	}
a.bouton:hover{
	text-decoration		:none;
	width				:130px; 
	color				:white; 
	background-color	:#40BF40;
	border-style		:outset;
	}

a.bouton2:link, a.bouton2:visited{
	text-decoration		:none; 
	color				:white;
	background-color	:#aa0000;
	border-style		:outset;
	}
a.bouton2:hover{
	text-decoration		:none;
	color				:white; 
	background-color	:#cc0000;
	border-style		:outset;
	}
	
a.bouton3:link, a.bouton3:visited{
	text-decoration		:none; 
	color				:white;
	background-color	:#cc0000;
	border-style		:outset;
	}
a.bouton3:hover{
	text-decoration		:none;
	color				:white; 
	background-color	:#ee0000;
	border-style		:outset;
	}
	
a.bouton4:link, a.bouton4:visited{
	text-decoration		:none; 
	width				:250px; 
	color				:white;
	background-color	:#0080cc;
	border-style		:outset;
	}
a.bouton4:hover{
	text-decoration		:none;
	width				:250px; 
	color				:white; 
	background-color	:#40BF40;
	border-style		:outset;
	}

.boutonPlus, .boutonMoins{
	height				:20px; 
	width				:20px; 
	font-weight			:bold;
	font-size			:12px;
	text-align			:center;
	padding				:2px;
	font-weight			:bold; 
	border-width		:1px;
	border-color		:silver
	}
a.boutonPlus:link, a.boutonPlus:visited{
	text-decoration		:none; 
	width				:20px; 
	color				:white;
	background-color	:#0080cc;
	border-style		:outset;
	}
a.boutonPlus:hover{
	text-decoration		:none;
	width				:20px; 
	color				:white; 
	background-color	:#40BF40;
	border-style		:outset;
	}
	
a.boutonMoins:link, a.boutonMoins:visited{
	text-decoration		:none; 
	width				:20px; 
	color				:white;
	background-color	:#ff9900;
	border-style		:outset;
	}
a.boutonMoins:hover{
	text-decoration		:none;
	width				:20px; 
	color				:white; 
	background-color	:#ffcc00;
	border-style		:outset;
	}


.ligne{ 		background-color: #ffffe8;}
.ligneOver {	background-color: #FFE3B9;}
	
/***************************************** FORMULAIRES *****************************************/
select{
  width					:150px; 
   height					:13px; 
   font-size				:10px;
}

input.btn, input.btns, input.btnM, input.btn2  {
   color					:#ff9900;
   width					:250px; 
   height					:22px; 
   font-size				:13px;
   font-weight				:bold;
   background-color			:#ffffff;
   border					:1px solid silver;
   filter					:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#FFE8C4');
}

input.btns {
   width					:90px; 
   height					:22px; 
}
input.btnM {
   width					:160px; 
   height					:22px; 
}
input.btn2 {
   width					:300px; 
   height					:22px; 
}
/****************************************** CONTENU ********************************************/

.titreFamille{
	color 				: #990C5A;
	font-weight			: bold;
	font-variant		: normal;
	font-size			: 13px;
	text-transform: uppercase;
}

.familleSelected {
	font-weight			: bold;
	color 				: #990C5A;
	background-color	: #ffffff;
}

.titre0			{ font-weight	: bold; }			
.titre1			{ font-weight	: bold;	font-size: 16px; }
.titre2			{ font-weight	: bold; font-size: 12px; color: #cc0000; }
.titre3			{ font-weight	: bold; font-size: 10px; color: #333; }
.titre4			{ font-weight	: bold; font-size: 16px; color: #cc0000; }
.titre5			{ font-weight	: bold; font-size: 12px; color: #0080cc; }


.titreTableau	{ font-weight	: bold; font-size: 12px; color: #ff0000; } 

.titreProduit{
	font-weight		: bold;
	color 			: #F701A0;
	font-size		: 12px;
	font-variant: normal;
	text-transform: uppercase;
}

.cadre{	border		: 1px solid #999999;}

.produit_fiche {
	border:1px solid #cccccc;
	margin:2px;
	float:left;
	width : 210px;
	height : 160px;
	}
	
/****************************************** FRAMES ********************************************/
	
.iframe {	border	:3px  #D9F2D9; }

.iframepanier {
	height: 450px;
	width: 200px;
	padding: 0px;
	border : 1px solid #999999;
	margin: 5px;
	}

.cadreFrame {	
	border	:1px dotted #D9F2D9; 
	overflow:auto;
	width:676px;
	height: 450px;		
}


.cadrecondition {	
	border	:1px outset #D9F2D9; 
	overflow:auto;
	width:400px;
	height: 100px;		
}


/****************************************** MENU CATALOGUE ********************************************/
	

.menu2{
	display				:block;
	height				:24px;
	line-height			:24px;
	width				:170px;
	text-align			:center;
	font-weight			:bold;
	color 				:#ffffff;
	font-size			:12px;
	border-width		:1px;
	font-variant		:uppercase;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	/*border-bottom		:1px solid #ffffcc; */
	}
a.menu2:link, a.menu2:visited{
	text-decoration		:none; 
	color				:#ffffff;
	background-color	:#194D88;
	}
a.menu2:hover{
	text-decoration		:none;
	color				:#fff;
	background-color	:#0B2035;

	}
	
.menu3{
	display				:block;
	height				:18px;
	width				:140px;
	text-align			:left;
	font-weight			:bold;
	color 				:#ffffff;
	font-size			:12px;
	border-width		:1px;
	padding-left		:9px;
	font-variant		:uppercase;	/*border-bottom		:1px solid #ffffcc;*/ 
	}
a.menu3:link, a.menu3:visited{
	text-decoration		:none; 
	color				:#ffffff;
	background-color	:#0080cc;
	font-variant		:uppercase;
	}
a.menu3:hover{
	text-decoration		:none; 
	color				:#FFFFcc;
	background-color	:#cc0000;
	font-variant		:uppercase;
	}