/* CSS Document */

#global {
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 1009px;
     text-align: left;
     background-color:#ffffff;}

body {

	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 95%;
	text-align:left;
	background-color:#00CCFF;}


/* Début des tranches */


.prospesctus{
bakground-image: url(ssmenu2.jpg);
	width: 128px;
	height: 199px;
	position: absolute; top: 468px; left: 10px; }


.lien{
background-image: url(site_05.jpg);
	width: 200px;
	height: 27px;
	position: absolute; top: 37px; left: 405px; }
	.lien10{
	
	width: 37px;
	height: 27px;
	position: absolute; top: 766px; left: 295px; }
	
	.bleu{
	background-image: url(bleu.jpg);
	width: 264px;
	height: 36px;
	position: absolute; top: 760px; left: 376px; }
	.bleu1{
	background-image: url(bleu.jpg);
	width: 264px;
	height: 36px;
	position: absolute; top: 2658px; left: 399px; }
	
	.parade{
background-image: url(sie_05.jpg);
	width: 90px;
	height: 20px;
	position: absolute; top: 5px; left: 1px; }
	
	
	.meilleur{
background-image: url(sie_05.jpg);
	width: 100px;
	height: 27px;
	position: absolute; top: 0px; left: 92px; }
	
/* tranches haut */
.leblocheader {
	width:1009px;
	height:128px;
	background-image: url(headerazur.gif);
	position: absolute; 
	top: 0px;
	left: 0px;}

.bandeau{
	background-image: url(bandeau.gif);
	width: 541px;
	height:18px;
	text-indent:8px;
	position: absolute; 
	top: 0px;
	 left: 0px;
	 font-size:14px;}
	 
	 .particulier{
	width: 510px;
	height:747px;
	text-indent:px;
	position: absolute; 
	top: -190px;
	 left: -205px;
	 font-size:14px;}
	 
	 
	 	 .pro{
	;
	width: 510px;
	height:747px;
	text-indent:px;
	position: absolute; 
	top: -190px;
	 left: 305px;
	 font-size:14px;}
	 
	 .bandeauindex{
	background-image: url(bandeau.gif);
	width: 639px;
	height:18px;
	text-indent:8px;
	position: absolute; 
	top: 0px;
	 left: 0px;
	 font-size:14px;}
	 
	 .bandeaupart{
	background-image: url(bandeau.gif);
	width: 753px;
	height:18px;
	text-indent:8px;
	position: absolute; 
	top: 0px;
	 left: 0px;
	 font-size:14px;}
	 
.leblocmenuheader {
	background-image: url(site_301.jpg);
	width: 1009px;
	height: 38px;
	color:#FFFFFF;
	font-size:20px;
	text-align:left;
	text-indent:8px;/*retrait du texte*/
	position: absolute; top: 128px; left: 0px;} 

.barrederoulante {
	width: 223px;
	height: 19px;
	position: absolute; top: 138px; left: 160px;  color: black; font-size: large;}


/* Bloc contenu */
.lebloccontenu {
	
	width: 539px;
	height: 485px;
	position: absolute;
	left: 205px;
	top: 190px; 
	font-size: 12px;
font-family: "arial"; }
	
	.lebloccontenuindex {
	
	width: 638px;
	height: 251px;
	position: absolute;
	left: 156px;
	top: 418px;  }
	
	
	.descriptif{
	
	width: 563px;
	height: 315px;
	position: absolute;
	left: 154px;
	top: 410px;  }
	
	
	.descriptifpromo{
	
	width: 563px;
	height: 315px;
	position: absolute;
	left: 189px;
	top: 447px;  }
	
	.lebloccontenu2 {
	
	width: 539px;
	height: 414px;
	position: absolute;
	left: 202px;
	top: 189px;  }
	
	.lebloccontenupart {
	
	width: 780px;
	height: 415px;
	position: absolute;
	left: 202px;
	top: 189px;  }


/* Bloc droite */
.blocca{
	border: 0px solid #000000;
	
	width: 150px;
	height: 175px; /* cette ligne indique la hauteur du bloc contenu */
	position: absolute;
	top: 200px;
	left: 821px;}
	
	.bloccasavedata{
	border: 0px solid #000000;	
	width: 150px;
	height: 175px; /* cette ligne indique la hauteur du bloc contenu */
	position: absolute;
	top: 200px;
	left: 821px;}


.blocborloo{

border: 0px solid #000000;
padding-left: 2px;
padding-right: 2px;
margin:5px;
width: 168px;
height: 178px; /* cette ligne indique la hauteur du bloc contenu */
position: absolute; top: 468px; left: 814px; }

.blocdroite1 {
border: 0px solid #000000;
margin:5px;
width: 163px;
height: 203px; /* cette ligne indique la hauteur du bloc contenu */
position: absolute; top: 169px; left: 149px; }




/* bloc du bas */
.blocbas {
background-image: url(site_231.jpg);
width: 1009px;
height: 25px;
position: absolute; top: 704px; left: 0px;  }

.blocfinal {
background-image: url(site_05.jpg);
width: 1009px;
height:83px;
position: absolute; top: 727px; left: 0px; }

.blocbas2 {
background-image: url(site_231.jpg);
width: 1009px;
height: 25px;
position: absolute; top: 2600px; left: 0px;  }

.blocfinal2 {
background-image: url(site_05.jpg);
width: 1009px;
height:70px;
position: absolute; top: 2624px; left: 0px; }

.barregauche {
	width: 140px;
	height:211px;
	position: absolute;
	top: 200px;
	left: 8px;
	background-image: url(ssmenu.gif);
}

.Style53 {font-size: 11px;
font-family: "arial";}

.Style54 {font-size: 80%; }

.soutien {
width: 13px;
height:745px;
top: 163px; left: 0px;  }

.soutien2 {
width: 13px;
height:2650px;
top: 163px; left: 0px;  }




/* Le MENU */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {         /*ok*/
	position: absolute;
	top: 36px;
	left: 0px;
	height: 178px;
	color:#ffffff;    /*couleur de l'elemen tarif*/
	width: 140px;  /*inutile*/
text-indent:15px;}  /*indique le retrait des sous menus*/


#menu dt {
	cursor: pointer;
	margin: 0px ;
	height: 22px;   /*hauteur de chaque case du menu)*/
	line-height: 22px; /*hauteur d'élément principaux séléctioné (différent des sous éléments)*/
	font-weight: 400;  /*épaisseur de la police*/
	
	
	text-indent:10px;}  /*retrait du texte*/

/*cadre arrondi etirable*/

.Style50 {font-size: 11px}



/*SOUS ELEMENT*/	
#menu li {
	text-align: left;
	background: #00ccff;  /*couleur d'arriere plan du sous élément*/}

#menu dt a {
	color:#000000;    /*couleur des polices ds menu*/
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%; /*hauteur de tout éléments ds le menu y compris sous menu*/
	}
#menu li a {    /*description des sous élément du menu*/
color:#ffffff;
text-decoration: none;
}

#menu li a:hover,  #menu dt a:hover {
background: #00ccff;}  /*couleur d'élément séléctioné*/ 


 	
a {
	color: #000000;
	text-decoration: none;}
	
a:hover {
	color: #000000;
	text-decoration: underline;}





/* Le reste */
.tel{
	width: 133px;
	height:53px;
	position: absolute; 
	top: 180px;
	 left: 7px;
	 font-size:14px;
	 }

.tailletexte 
	{
	width: 205px;
	height:16px;
	position: absolute; 
	top: 22px;
	 left: 52px;
	 font-size:10px;
	}
	
		 
	 .nouveauhaut{
	width: 612px;
	height:33px;
	position: absolute; 
	top: 184px;
	 left: 170px;
	 font-size:14px;
	 background-image: url(annoce.gif);}
	 

.titre {
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	font-size:14px;}
.texte {    /*déstiné au contenu*/
	text-align: left;
	height:340px;
	overflow:visible;
	padding-left:10px;
	padding-right:10px;
	font-size:10pt;}
	
	.Style3 {font-size: 10px}
	.Style44 {font-size: 12px}
	.Style4{font-size: 12px}
	.Stylenouveauhaut{font-size: 12px}
	

