/* CSS Document */


/********************************************************* 

	GENERAL

********************************************************/
		/********************************************************* 
			Raccourcis Style simplifié 
		*******************************************************/
		
		/* bordure grise gauche et droite 
		.border_right, .border_cote {border-right: 1px solid #8BAFB1}
		.border_botom {border-bottom: 1px solid #8BAFB1}
		.border_top {border-top: 1px solid #8BAFB1}
		.border_left, .border_cote {border-left: 1px solid #8BAFB1}
		.border_none { border:0px}	
		*/
		/* bordure bleu sur photo */		
		.border_photo{ border: 1px solid #01407b}	
		
		.big 			{ font-size: 130% } /* Gros Texte */
		.small 		{ font-size: 80%  } /* Petit Texte */
		
		.color1     { color: #fff } /* blanc */
		
		.color2     { color: #484848 } /* Gris foncé */
		.color3     { color: #e40003 } /* Red */
		.color4     { color: #919191 } /* Gris clair */
		.color5     { color: #01407b } /* Bleu foncé */
		
		.bgcolor1     { background-color: #296394 }/* Bleu clair */
		.bgcolor2     { background-color: #484848 }/* Gris foncé */
		.bgcolor3     { background-color: #e40003 }/* Red */
		.bgcolor4     { background-color: #919191 }/* Gris clair */
		.bgcolor5     { background-color: #01407b }/* Bleu foncé */

		/********************************************************* 
			BODY 
		*******************************************************/
		
		body {
			margin:0px;
			padding:0px;
			color: #303030;
			text-align: left;
			font-family: Tahoma, Verdana, Arial, sans-serif; 
			font-size: 11px;
			border:0px;
			background-color:#ced3e4;
			}
			
			
/* rajouter balise TD pour héritage
a ajouter aussi pour <P>
			
			
			/* Force l'heritage par defaut a toutes les balises */

		P {
			font-family: Tahoma, Verdana, Arial, sans-serif; 
			font-size: 11px;
			margin:0px;
			padding:0px;
		}


		/********************************************************* 
			LINKS - LIENS 
		a:focus:hover { outline: thick solid black }
		vertical-align : baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>
		text-decoration : none | [ underline || overline || line-through || blink ]
		white-space : normal | pre | nowrap | pre-wrap | pre-line
		********************************************************/
		/* Definition des liens par défault */				
		A:link {
			color: #21406d;
			font-size: 	11px;
			text-decoration:none;
			font-weight: normal;
			}
		A:visited {
			color: #21406d;
			font-size: 	11px;
			text-decoration:none;
			font-weight: normal;
			}
		A:hover {
			color: #666;
			font-size: 	11px;
			text-decoration:underline;
			font-weight: normal;
			}
		A:active {
			color: #666;
			font-size: 	11px;
			text-decoration:none;
			font-weight: normal;
			}

		/********************************************************* 
		/* Citations 
		********************************************************/
		Q { font-style: italic;}
		 
		/* Definition des caracteres de quotes */
		Q:lang(fr)	{	quotes: '« ' ' »'; }
		Q:lang(en)	{	quotes: '" ' ' "'; }
		
		Q:before {content : open-quote}
		Q:after {content : close-quote}
		
		/********************************************************* 
			LINKS - LIENS 
		a:focus:hover { outline: thick solid black }
		vertical-align : baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>
		text-decoration : none | [ underline || overline || line-through || blink ]
		white-space : normal | pre | nowrap | pre-wrap | pre-line
		********************************************************/
		

		/* Definition des liens d'accès au contenu (en savoir +)(lire la suite) */		
		.lienRed:link {
			color: #e40003;
			font-size: 11px;
			text-decoration: none;
			font-weight: bold;
			}
		.lienRed:visited {
			color: #e40003;
			font-size: 	11px;
			text-decoration:none;
			font-weight: bold;			
			}
		.lienRed:hover {
			color: #01407b;
			font-size: 11px;
			text-decoration: none;
			font-weight: bold;			
			}
		.lienRed:active {
			color: #666;
			font-size: 	11px;
			text-decoration:none;
			font-weight: bold;			
			}
		/********************************************************* 
		
			 Titres
			display: block,inline
		********************************************************/	
		
		
		/* Titre de page */
		H1 {
			display: block;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			color: 		#21406d;
			font-size: 	22px;
			font-style: normal;
			font-weight: normal;
			text-align: left;
		}
		
		/* Baseline, slogan : utilisé pour le référencement */
		H1.baseline {
			display: inline;
			color: #A7F209;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			font-size: 10px;
			font-weight: normal;
			font-style: normal;
			text-align: left;

		}
		
		/* Titre de niveau 1 : I.,II.,III. */
		H2 {
			 display: inline;
			color: 			#636D6D;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			font-size: 		16px;
			font-style: 	normal;
			text-align: 	left;
			font-weight: bold;
			}
		
		/* Titre de niveau 2 : A),B),C) */
		H3 {
			 display: inline;
			color: 			#636D6D;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			font-size: 		14px;
			font-style: 	normal;
			text-align: 	left;
			font-weight: bold;
			}

		
		/********************************************************* 
		
			LISTES
		http://fr.selfhtml.org/css/proprietes/listes.htm
		list-style-type: decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-latin, upper-latin, lower-greek, decimal-leading-zero ...
		********************************************************/
		
		/* Listes a puces Style de tous les descendants */
		/* Niveau 1 */
		UL LI{
			padding: 2px;
			list-style: circle;
			}

		/* Niveau 2 */
		UL LI UL {
			list-style-image: url('/skins/storagecraft/images/puce2.gif');
			list-style-position: outside; /* outside, inside */
			line-height: 15px;
			}
		/* Niveau 3 */
		UL LI UL LI UL {
			list-style-image: url('/skins/storagecraft/images/puce3.gif');
			list-style-position: outside; /* outside, inside */
			line-height: 15px;
		}
		
		/* Listes numerotees > styles des enfants */
		/* Niveau 1 */
		OL {
			list-style-type: upper-roman; 
		}
		/* Niveau 2 */
		OL  LI  OL {
			list-style-type: upper-alpha; 
		}
		
		/* Niveau 3 */
		OL LI OL LI OL {
			list-style-type: decimal; 
		}
		
		/********************************************************* 
		
			TABLES 
			dont on se sert comme veritables tableau pour y fair apparaiter des données.
			Ceci ne concerne pas les tableaux qui structurent la page.
		
		********************************************************/
		
		/* Cellule d'entete */

		TD, TH {
			font-family: Tahoma, Verdana, Arial, sans-serif; 
			font-size: 	11px;
			margin:0px;
			padding:0px;
			}



/********************************************************* 

	FORMS - FORMULAIRES 
	
	scrollbar-face-color:
	scrollbar-arrow-color:
	scrollbar-track-color:
	scrollbar-shadow-color:
	scrollbar-highlight-color:
	scrollbar-3dlight-color: 
	scrollbar-darkshadow-color: 
********************************************************/

			
		
		TEXTAREA {
			color: #333;
			font-size: 10px;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			text-align: left;
			background-color: #ededed;
			border: solid 1px;
			border-bottom: #666 solid 1px;
			border-right: #666 solid 1px;
			border-left: #666 solid 1px;
			border-top: #666 solid 1px;
		}
		
		INPUT.button {
		   color: #FFF7DF;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			font-weight:	bold;
			font-style:	normal;
		    font-size:		10px;
			background-color:	#306790;		
			border: solid 1px;
		    border-bottom: #000033 solid 2px;
			border-right: #000033 solid 2px;
			border-left: #D0E7EF solid 2px;
			border-top: #D0E7EF solid 2px;
		}
		
		
		INPUT {
		   color:			#333;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			font-weight:	normal;
			font-size:		10px;
			background-color: 	#ededed;
			border: solid 1px;
			border-bottom: #666 solid 1px;
			border-right: #666 solid 1px;
			border-left: #666 solid 1px;
			border-top: #666 solid 1px;
		}
		
		
		OPTION {
			color: #000060;
			font-size:10px;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			background-color:#CCCCCC;  
		}
		
		
		SELECT {
			color: #000060;
			font-size:10px;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			background-color: #D0E7EF;
			border: solid 1px;
		    border-bottom: #003300 solid 1px;
			border-right: #003300 solid 1px;
			border-left: #003300 solid 1px;
			border-top: #003300 solid 1px;
		}
		
		SELECT.disabled {
			color: #FFF7DF;
			font-size:10px;
			font-family:Tahoma, Verdana, Arial, sans-serif; 
			background-color: 	#FFF7DF;
			border: solid 0px;
		    border-bottom: #FFF7DF solid 1px;
			border-right: #FFF7DF solid 1px;
			border-left: #FFF7DF solid 1px;
			border-top: #FFF7DF solid 1px;
		}

		
/********************************************************* 

	HEADER

********************************************************/			
			
			
/*fond bandeau haut*/			
	.BG_revendeur{
		background-image:url('/skins/storagecraft/images/bg_revendeur.gif');
		height:64px;
	}			
	
	.titre_revendeurs{
		color:#21406d;
	}


/*fond menu*/	
	.BG_menu{
		height:25px;
		background-color:#3d5192;
		padding-left:10px;
	}
	.Menu01:link {
		color: #fff;
		font-size: 	11px;
		text-decoration:none;
		font-weight: normal;
		text-transform: uppercase;
	}
	.Menu01:visited {
		color: #fff;
		font-size: 	11px;
		text-decoration:none;
		font-weight: normal;
		text-transform: uppercase;
	}
	.Menu01:active {
		color: #ffcc00;
		font-size: 	11px;
		text-decoration:none;
		font-weight: normal;
		text-transform: uppercase;
	}
	.Menu01:hover {
		color: #ffcc00;
		font-size: 	11px;
		text-decoration:none;
		font-weight: normal;
		text-transform: uppercase;
	}
	.selected {
		color: #ffcc00;
		font-size: 	11px;
		text-decoration:none;
		text-transform: uppercase;
	}
	.selected:visited {
		color: #ffcc00;
		font-size: 	11px;
		text-decoration:none;
		text-transform: uppercase;
	}
	.selected:hover {
		color: #ffcc00;
		font-size: 	11px;
		text-decoration:none;
		text-transform: uppercase;
	}

/*visuel*/		
	TD.bg_visu{
		background-image:url('/skins/storagecraft/images/bg_visu.jpg');
		background-repeat:no-repeat;
		height:171px;
	}	


/********************************************************* 

	CONTENU HOME

********************************************************/
/*fond titre box 01 et 02*/	
	TD.BG_bleu{
		background-color:#3d5192;
		height:25px;
		color:#FFFFFF;
		font-weight:bold;
		margin:0px;
		width:auto;
		padding-left:10px;
		padding-right:5px;
	}

/*fond titre box 03*/	
	TD.BG_bleu_big{
		background-color:#3d5192;
		height:36px;
		color:#FFFFFF;
		font-weight:bold;
		margin:0px;
		padding:0px;
		width:auto;
		padding-left:10px;
		padding-right:5px;
	}

/*marge contenu box*/	
	.padding_box{
		padding-left:10px;
		padding-right:5px;
	}

/* box */	
	TD.bg_box01_middle{
		border-left:solid 1px #8bafb1;
		border-right:solid 1px #8bafb1;
		background-color: #FFF;
		width:255px;
	}
	TD.bg_box02_middle{
		border-left:solid 1px #8bafb1;
		border-right:solid 1px #8bafb1;
		background-color: #FFF;
		width:351px;
	}
	TD.bg_box02_bottom{
		border-left:solid 1px #8bafb1;
		border-right:solid 1px #8bafb1;
		border-bottom:solid 1px #8bafb1;
		height:10px;
		width:351px;
	}
	TD.bg_box03_middle{
		border-left:solid 1px #8bafb1;
		border-right:solid 1px #8bafb1;
		background-color: #FFF;
		width:158px;
	}
	.Titre_box{
		color: #21406d;
		font-size: 	12px;
		font-weight: bold;
	}
			
/*separateur bleu horizontal*/				
	DIV.Sep_bleu{
		border-bottom:solid 1px #21406d;
	}			



/********************************************************* 

	BOTTOM

********************************************************/

	.footlink:link {
		color: #303030;
		font-size: 	11px;
		text-decoration:none;
		font-weight: normal;
	}
	.footlink:visited {
		color: #303030;
		font-size: 	11px;
		text-decoration:none;
		font-weight: normal;
	}
	.footlink:hover {
		color: #21406d;
		font-size: 	11px;
		text-decoration:underline;
		font-weight: normal;
	}
	.footlink:active {
		color: #21406d;
		font-size: 	11px;
		text-decoration:none;
		font-weight: normal;
	}
		






		/* fond menu 02 */
		TD.titremenu02 {
			color: 		#21406d;
			font-weight: bold;
			font-size: 	14px;
			background-image:url('/skins/storagecraft/images/title_subnav.gif');
			background-repeat:no-repeat;
			height:30px;
			padding-left:20px;
			}
			
			
		/* fond menu 02 */
		TD.menu02 {
		background-image:url('/skins/storagecraft/images/title_span.gif');
			background-repeat:repeat-x;
			background-position:bottom;
			}			
			
			
		/* Definition des liens de menu 02 */			
		.Menu02:link {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #576262;
			font-weight: bolder;
			text-decoration: none;
			display: block;
			padding: 3px;
			margin: 0px;
			border-bottom:solid 1px #E3E8E8;
			border-top:solid 1px #E3E8E8;
			}
		.Menu02:visited {
			color: #576262;
			font-size: 	11px;
			text-decoration:none;
			display: block;
			padding: 3px;
			margin: 0px;			
			font-weight: bolder;
			border-bottom:solid 1px #E3E8E8;
			border-top:solid 1px #E3E8E8;
			}
		.Menu02:hover {
			color: #21406d;
			font-weight: bolder;
			display: block;
			padding: 3px;
			margin: 0px;			
			text-decoration: none;
			border-bottom:solid 1px #E3E8E8;
			border-top:solid 1px #E3E8E8;
			}
		.Menu02:active {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #21406d;
			font-weight: bolder;
			display: block;
			padding: 3px;
			margin: 0px;			
			text-decoration: none;
			background-color: #E3E8E8;
			border-bottom:solid 1px #E3E8E8;
			border-top:solid 1px #E3E8E8;
			}		
			

		.Submenu02:link {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #576262;
			text-decoration: none;
			padding-left: 10px;
			}
		.Submenu02:visited {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #576262;
			text-decoration: none;
			padding-left: 10px;
			}
		.Submenu02:hover {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding-left: 10px;
			color: #21406d;
			text-decoration: none;
			}
		.Submenu02:active {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding-left: 10px;			
			color: #21406d;
			text-decoration: none;
			}
			
.tHeading {
	border-top: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	background-color: #f3f5f8;
}
.tItem {
	border-bottom: #cccccc 1px solid;
}

.headline {
	font-weight: bold; 
	font-size: 16px; 
	color: #005499; 
	font-family: Arial, Helvetica, sans-serif;
}