/* CSS Document */

.divPos{
	position:relative;
	left: 20px;
	top: 20px;
}

.titrePrincipal{
	size: 20px;
	color: #33CC33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
}

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

.texteIntro{
	color:#4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

.texteFormulaire{
	color:#4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	border-bottom:2px solid #FFA748;
}

.lien{
	color:#FF5D20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

.tableau{
	position:relative; 
	left:30px;
}

.divTrait{
	width:800px;
	border-bottom:1px solid #2B2B2B;
	border-left:1px solid #CCCACA;
	border-right:1px solid #2B2B2B;
	border-top:1px solid #CCCACA;
}

.asterix{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF5A16;
}

.legende{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
}

.titreDemo{
	font-family: Arial, Helvetica, sans-serif;
	color:#808080;
	font-size: 18px;
}

.titreDemo2{
	font-family: Arial, Helvetica, sans-serif;
	color:#B2B2B2;
	font-size: 18px;
}

.styleTableau{
	font-family: Arial, Helvetica, sans-serif;
	color:#339933;
	font-size: 14px;
	font-weight:bold;
}

.styleTableau2{
	font-family: Arial, Helvetica, sans-serif;
	color:#B2B2B2;
	font-size: 14px;
	font-weight:bold;
}

.listeVert{
	font-family: Arial, Helvetica, sans-serif;
	color:#339933;
	font-size: 14px;
}

.listeGris{
	font-family: Arial, Helvetica, sans-serif;
	color:#B2B2B2;
	font-size: 14px;
}

.divTableau{
	height:400px;
	width:250px;
	border-bottom:1px solid #2B2B2B;
	border-left:1px solid #CCCACA;
	border-right:1px solid #2B2B2B;
	border-top:1px solid #CCCACA;
}

.titreEtape1{
	font-family: Arial, Helvetica, sans-serif;
	color:#FF33CC;
	font-size: 18px;
}

.titreEtape2{
	font-family: Arial, Helvetica, sans-serif;
	color:#B2B2B2;
	font-size: 16px;
}

.choixCharte{
	height:200px;
	width:150px;
	border-bottom:1px solid #2B2B2B;
	border-left:1px solid #CCCACA;
	border-right:1px solid #2B2B2B;
	border-top:1px solid #CCCACA;
}

.photoCharte{
	position: absolute;
	top: 180px;
}

.legendePhoto{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	color:#B2B2B2;
	font-size: 16px;
	top: 275px;
}

.formEtape2{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 14px;
}

.champFormEtape2{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFCCFF;
	font-weight:bold;
}

.divFormPerso{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCFF99; 
	font-weight:bold;
	color:#000000;
}

.gauche{
	font-family: Arial, Helvetica, sans-serif;
	color:#A50021;
	font-weight: bold;
	font-size: 20px;
}

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

.tarif1{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

.tarif2{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: bold;
	font-size: 20px;
	background-color: #FFCCFF;
}

.produit{
    font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: bold;
	font-size: 14px;
}

.offreTarifaire{
	font-family: Arial, Helvetica, sans-serif;
	color:#0B5506;
	font-size: 12px;
	font-weight: bold;
}

.titreMarque{
	font-family: Arial, Helvetica, sans-serif;
	color:#0B5506;
	font-size: 20px;
	font-weight: bold;
}

.numeroProduit{
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 18px;
	font-weight: bold;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.designationProduit{
	font-family: Arial, Helvetica, sans-serif;
	color:#EC008C;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.cellulePrixProduit{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align:center;
	vertical-align:middle;
}

.prixProduit{
	width: 70px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 20px;
	font-weight: bold;
	background-color:#EC008C;
	text-align:center;
}

.imageProduit{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.euroProduit{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 20px;
	font-weight: bold;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}