body
{
	background-color:Black;	
	padding:0;
	margin:0;
	font-size:9px;
	font-family:Arial;
}

form
{
	width:764px;
	height:600px;
	
    margin:auto; 	
   
   
	
}

img 
{
	border:0;
}


li 
{
	list-style-type:square;	
}
.global {
background-color:black;
height:100%;
width:100%;
text-align:center;
margin:auto;
}



/* Accueil */
.frmAccueil 
{
	background:url(../Images/backAccueil.gif) no-repeat
}
.cadreGaucheAnim 
{
	background:url(../Images/cadreAnimGauche.gif) no-repeat bottom;
	height:318px;
}

.cadreHautAnim 
{
	background:url(../Images/cadreAnimHaut.gif) no-repeat bottom left;
	height:1px;
}

.cadreDroiteAnim 
{
	background:url(../Images/cadreAnimDroite.gif) no-repeat bottom;
	width:21px;
	height:318px;
}

.cadreBasAnim 
{
	background:url(../Images/cadreAnimBas.gif) no-repeat bottom;
	height:2px;
}

.accueilSousAnim 
{
	height:148px;
	text-align:right;
	vertical-align:top;
	padding: 5px 2px;
}

.btnLangue 
{
	margin: 1px 5px;
}


.accueilLangues
{
	width:410px;
	height:131px;
	vertical-align:bottom;
	text-align:right;
	padding-right:30px;
}

.animation 
{
	height:312px;
	_height:313px;
	width:404px;	
}

.accueilAnim 
{
	width:402px;
	height:312px;
	vertical-align:bottom;
	padding:0;
	text-align:right;
}
.accueilMenu 
{
	padding-top:60px;
	width:250px;
	height:178px;
	vertical-align:top;
	text-align:right;
}

.accueilLogo 
{
	vertical-align:bottom;
}

.accueilActu 
{
	width:250px;
	vertical-align:top;
}

.menu 
{
	
	padding:0;
	margin:0;
	height:135px;
}


/* Page générale */
.frmGeneral
{
	background:url(../Images/back.gif) no-repeat
}

.titrePage 
{
	color:#8E8E8E;
	text-transform:uppercase;
	font-weight:bold;
	font-size:18pt;
	display:block;
	padding-left:20px;
	margin-top:10px;
	text-align:left;
}

.contenuPage 
{
	margin:5px 15px;
	font-family:Arial;
	font-size:9px;
	text-align:justify
}

.lienPage 
{
	font-size:10pt;
	font-weight:bold;
	color:#8E8E8E;	
}

.lienPage:hover 
{
	color:Black;
}

.generalFooter 
{
	font-size:9px;	
	height:20px;	
}

.generalLogo 
{
	height:102px;
	padding-left:20px;
	padding-bottom:20px;	
}

.generalActualite 
{
	padding-left:10px;	
	height:310px;
	_height:298px;
}

.generalGauche 
{
	height:497px;
	width:28px;
}

.generalContenu 
{
	background:url(../Images/backTitre.gif) repeat-x top right;
	vertical-align:top;
	background-color:White;
	width:443px;
	font-size:8pt;
	text-align:center;
}

.generalCadreGaucheHaut
{
	background:url(../Images/cadreGaucheHaut.gif) no-repeat
}

.generalCadreGauche 
{
	background:url(../Images/cadreGauche.gif) repeat-y right;
	height:496px;
	width:9px;
}

.generalCadreDroiteHaut
{
	background:url(../Images/cadreDroiteHaut.gif) no-repeat top left;
	width:28px;
	height:207px;
}

.generalCadreDroiteBas
{
	background:url(../Images/cadreDroiteBas.gif) repeat-y;
}
.generalCadreBas 
{
	background:url(../Images/cadreBas.gif) repeat-x;
	height:6px;
}
.generalCadreCoinBG 
{
	background:url(../Images/cadreGauche.gif) no-repeat top right;
	height:6px;
}
.generalCadreCoinBD
{
	background:url(../Images/cadreCoinBasDroite.gif) no-repeat;
	height:6px;
}
.generalMenu 
{
	width:247px;
	height:150px;
	padding-left:5px;
	padding-bottom:27px;
	_padding-bottom:19px;
}

.generalTop 
{
	height:56px;
}

.generalBasLogo
{
	height:43px;
}

.cadreProduitsGauche 
{
	background:url(../Images/cadreProduitsGauche.gif) repeat-y;
	width:12px;
}
.cadreProduitsDroite 
{
	background:url(../Images/cadreProduitsDroite.gif) repeat-y;
	width:7px;
}

.cadreProduitsHaut
{
	background:url(../Images/cadreProduitsHaut.gif) no-repeat;
	width:136px;
	height:18px;
}

.cadreProduitsBas
{
	background:url(../Images/cadreProduitsBas.gif) no-repeat;
	width:136px;
	height:4px;
}
.cadreProduitsContenu 
{
	background-color:#8E8E8E;
	height:50px;
	WIDTH:100px;
	_WIDTH:120px;
}
.cadreProduitsEspaceDroite
{
	WIDTH:112px;
	_width:120px;
}





.titreEntreprise 
{
	font-variant:small-caps;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
	font-size:1.1em;
}

#listeProduits li 
{
	color:White;	
	margin-left:-20px;
}

#listeProduits a
{
	color:White;
	font-size:9pt;
	text-decoration:none;
	display:block;	
}

#listeProduits a:hover, #listeProduits .selected 
{
	font-weight:bold;
}

.visuelPageProduits 
{
	FLOAT:right;
	margin:5px;
	margin-left:10px;
	width:180px;
}

/* Fiche Produit */
.titreFicheProduit 
{
	font-weight:bold;
	font-size:1.1em;
	color:#DB2032;	
}

.imgLogo  
{
	width:210px;
}

.contenuFicheProduit 
{
	width:240px;
	padding:8px 0 0 3px;
	font-family:Arial;
	font-size:9px;
	text-align:justify
}

.visuelsProduit 
{
	padding:8px;
	text-align:center;
	vertical-align:top	
}

.visuelProduit 
{
	width:150px;	
}

#InfosTech, #infosTech td
{
	font-size:9px;
	padding:0;
	vertical-align:top;
	white-space:nowrap;
}

#InfosTech ul 
{
	margin-top:-5px;
}

#InfosTech li 
{
	margin-left:-40px;	
	list-style-type:none;
	padding-left:7px;
	background-repeat:no-repeat;
	background-position:0% 5px;
	background-image:url(../Images/puce.gif);
}

.valeurTech 
{
	color:#DB2032;
	width:20%;
	padding-left:2px;
		
}

.titreAccessoire 
{
	font-weight:bold;
	color:#737373;
	font-size:10px;	
}

.descAccessoire 
{
	font-size:9px;	
}

.imgAccessoire 
{
	height:80px;
	width:100px;	
}

.colonneImgAccressoire 
{
	width:110px;	
}


/* Cadre Actualite */
.tabActualite 
{
	width:197px;
}



.contenuCadreActualite 
{
	background-color:#E6E6E6;
	text-align:center;
	width:192px;
	font-size:8pt;
}
.topCadreActualite 
{
	width:197px;
	height:30px;
	background:url(../Images/topCadreActualites.gif) no-repeat bottom
}
.bottomCadreActualite 
{
	width:197px;
	height:3px;
	background:url(../Images/bottomCadreActualites.gif) no-repeat top
}
.leftCadreActualite 
{
	width:3px;
	background:url(../Images/leftCadreActualites.gif) repeat-y top left;
	background-color:#E6E6E6;
	
}
.rightCadreActualite 
{
	width:2px;
	background:url(../Images/rightCadreActualites.gif) repeat-y top right;
	background-color:#E6E6E6;
	
}
.dateCadreActualite 
{
	font-weight:bold;
	color:Red;	
	display:block;
	width:100%;
	text-align:left;
}
.titreCadreActualite
{
	color:Black;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	display:block;
	width:100%;
	text-align:left;
}
a.titreCadreActualite:hover 
{
	text-decoration:underline;
}

.detailCadreActualite 
{
	display:block;
	width:100%;
	text-align:left;
}

.imgCadreActualite 
{
	width:187px;
}


/* Formulaire */
.formContact 
{
	width:60%;
	margin-left:15px;
}

.formContact input, .formContact select
{
	width:180px;	
}

.libelle 
{
	vertical-align:middle;
	font-size:9px;
	width:67px;
}

.cellErreur 
{
	height:10px;
}

.adresseContact 
{
	float:right;
	font-size:8pt;
	padding:3px;
	margin-top:30px;
	width:150px;
	border:solid 1px #8E8E8E;
}

#introForm 
{
	display:block;
	padding-left:15px;
	margin-top:10px;
}

.boutonForm 
{
	cursor:hand;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	background-color: #B2B1A6;
	padding: 2px 5px 2px 5px;
	text-decoration:none;
	vertical-align:middle;	
}


.Erreur 
{
	font-size:8pt;
	color:Red;	
	
}



