.titreRubrique H1
{
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: 0px;
  line-height: 20px;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top:0px;
  margin-left:85px;
}

.titreRubrique H2
{
  font-size:14px;
  font-weight:bold;
  font-family:Verdana;
}

.panelBleu
{
  background-image: url(../images/neoresto/panel_bleu.jpg);
}

.panelMauve
{
  background-image: url(../images/neoresto/panel_mauve.jpg);
}

.panelPrune
{
  background-image: url(../images/neoresto/panel_prune.jpg);
  margin-top:20px;
}

.panelRouge
{
  background-image: url(../images/neoresto/panel_rouge.jpg);
  margin-top:20px;
}

.panelBleu, .panelMauve, .panelPrune, .panelRouge
{
  background-position: left top;
  background-repeat: no-repeat;
  height: 290px;
  padding-top: 20px;
}

H3
{
  font-variant: small-caps;
  font-style: ;
  font-weight:bold;
}

.panelBleu H3
{
  font-size:15px;
  letter-spacing:1px;
}

.panelMauve H3, .panelPrune H3, .panelRouge H3
{
  font-size:15px;
  letter-spacing: 0.5px;
}

.panelBleu H3, .panelMauve H3, .panelPrune H3, .panelRouge H3
{
  color:#FFFFFF;
  height:15px;
  text-indent:55px;
}

.divGeneral
{
  margin-top:18px;
}

.fonctionGeneraleBleue, .fonctionGeneralePocket
{
  background-image: url(../images/neoresto/puceBleue.jpg);
}

.fonctionGeneraleMauve
{
  background-image: url(../images/neoresto/puceMauve.jpg);
}

.fonctionGeneralePrune
{
  background-image: url(../images/neoresto/pucePrune.jpg);
}

.fonctionGeneraleRouge
{
  background-image: url(../images/neoresto/puceRouge.jpg);
}

.fonctionGeneraleDistant
{
  background-image: url(../images/neoresto/puceOr.jpg);
  margin-bottom:5px;
}

.fonctionGeneraleBleue, .fonctionGeneralePocket, .fonctionGeneraleMauve, .fonctionGeneralePrune, .fonctionGeneraleRouge, .fonctionGeneraleDistant
{
  background-position: left top;
  background-repeat: no-repeat;
  font-size:13px;
  font-weight:bold;
  color:#444444;
  height:18px;
  line-height:12px;
  text-indent:25px;
}

.fonctionGeneraleBleue, .fonctionGeneraleMauve, .fonctionGeneralePrune, .fonctionGeneraleRouge
{
  margin-left:70px;
}

.fonctionGeneralePocket
{
  margin-left:20px;
}

.rangeePhotos
{
  height: 100px;
  margin-top: 5px;
  margin-left:70px;
}

.photo
{
  float: left;
  margin-right: 15px;
}

.divDivers
{
  margin-left: 70px;
  margin-top: 15px;
  height: 65px;
}

.colonneGauche
{
  float:left;
  width:235px;
  height:65px;
}

.colonneCentre
{
  float:left;
  width:235px;
  height:65px;
}

.colonneDroite
{
  float:left;
  width:235px;
  height:65px;
}

.fonctionDiversBleue
{
  background-image: url(../images/neoresto/cocheBleue.jpg);
}

.fonctionDiversMauve
{
  background-image: url(../images/neoresto/cocheMauve.jpg);
}

.fonctionDiversPrune
{
  background-image: url(../images/neoresto/cochePrune.jpg);
}

.fonctionDiversRouge
{
  background-image: url(../images/neoresto/cocheRouge.jpg);
}

.fonctionDiversBleue, .fonctionDiversMauve, .fonctionDiversPrune, .fonctionDiversRouge
{
  background-position: left bottom;
  background-repeat: no-repeat;
  font-size:13px;
  line-height: 13px;
  font-weight: none;
  text-indent: 15px;
  height:13px;
  color:#444444;
  font-family: Arial;
  font-style:none;
  letter-spacing: 0.15px;
}

.panelPocket
{
  background-position: right top;
  background-image: url(../images/neoresto/panel_pocket.jpg);
}



.panelPocket
{
  background-repeat: no-repeat;
  height:160px;
  width: 825px;
}

/* [DEBUT] PANEL DISTANT */
.panelDistant
{
  background-position: left top;
  background-image: url(../images/neoresto/panel_distant.jpg);
  background-repeat: no-repeat;
  height:160px;
  width: 775px;
  padding-top:17px;
  margin-left:10px;
}

.colonneGaucheDistant
{
  padding-top:15px;
  width:420px;
  float:left;
} 

.colonneDroiteDistant
{
  float:left;
  width:285px;
}

.titreRubriqueDistant
{
  width: 700px;
  font-size: 15px;
  line-height: 25px;
  color: #FFFFFF;
  font-weight: bold;
  font-style: none;
  text-align:left;
  margin-left:50px;
}

.legendeDistant
{
  font-size: 12px;
  line-height: 17px;
  color: #777777;
  font-weight: normal;
  font-style: italic;
  text-align:right;
  width:755px;
  height:20px;
}

.photoDistant
{
  float: left;
  margin-right: 5px;
  margin-top:3px;
}
/* [FIN]   PANEL DISTANT */

.colonneDroitePocket
{
  float:left;
  width:400px;
  height:99px;
}

.colonneGauchePocket
{
  float:left;
  margin-top:15px;
}

.titreRubriquePocket
{
  margin-top:22px;
  font-size: 15px;
  line-height: 16px;
  color: #FFFFFF;
  font-weight: bold;
  font-style: italic;
  text-align:center;
  text-indent:20px;
}

.photoPocket
{
  float: left;
  margin-right: 5px;
}

.flash
{
  width: 500px;              
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 35px;
}

.messageFin
{
  margin: 35px 15px 5px 20px;
  font-weight: bold;
}

.spacer
{
  height: 5px;
}

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

#box{
	position:relative;
}
#box div{
	width:580px;
}
#box .buttons{
	text-align:left
}
#box .next{
	float:right
}
.sample .buttons{
	text-align:center;
	clear:both;
}
.sample .mask1{
	border-top:1px solid #ccc;
	border-bottom:0px solid #ccc;
}
.mask{
	position:relative;
	width:580px;  
	height:510px;
	overflow:hidden;
}   
span img{
	display:block;
	border:none;
}
.captures img {width:360px;height:270px;}

.cont{background:#666;font-family:'Lucida Sans Unicode',Arial,sans-serif;color:#333;text-align:center;}


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

.finPage
{
  font-size:14px;
  width:750px;
  font-weight: normal;
  margin: auto;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:35px;
}

.finPage a
{
  text-decoration: underline;
  font-size:14px;
}