#formulaireparrainage{
	 position: relative; top: 10px;  width: 500px; height:200px; float: right; clear: right; margin: 0;  display: block; background-color:#DADF44; padding:20px;font-size:12px; 
}




.bouton a { color: white; font-size: 12px; font-weight: bold; text-decoration: none; }
/*12 RIVE BLEUE --------------------------*/

#rivebleue {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #cdd7ee; float: left; clear: left; 
}
#rivebleue #titre{
font-size: 20px; color: white; background-color: #17479e; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#rivebleue #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdd7ee;
}
#rivebleue #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdd7ee;
}
#rivebleue #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#rivebleue #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#rivebleue #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(12/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; margin-bottom: 5px; padding: 0; border-style: none; display: block; }
/*13 ERG-----------------------------------*/

#erg {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #e2e7be; float: left; clear: left; 
}
#erg #titre{
font-size: 20px; color: white; background-color: #7f8183; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#erg #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e2e7be;
}
#erg #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e2e7be;
}
#erg #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#erg #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#erg #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(13/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }
/*14 CAMILLE-----------------------------------*/

#camille {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #cdbdb1; float: left; clear: left; 
}
#camille #titre{
font-size: 20px; color: white; background-color: #54373c; padding: 10px; width: 510px; position: relative; left: 0px; display: block; float:left; clear: left;
}
#camille #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdbdb1;
}
#camille #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdbdb1;
}
#camille #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#camille #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#camille #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(14/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*15 VIA DEL ARTE--------------------------*/
#via {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #d9d2d0; float: left; clear: left; 
}
#via #titre{
font-size: 20px; color: white; background-color: #a90432; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#via #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #d9d2d0;
}
#via #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #d9d2d0;
}
#via #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#via #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#via #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(15/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*16 ECRIN--------------------------*/
#ecrin {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #c8944c; float: left; clear: left; 
}
#ecrin #titre{
font-size: 20px; color: white; background-color: #3d2971; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#ecrin #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #c8944c;
}
#ecrin #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #c8944c;
}
#ecrin #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#ecrin #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#ecrin #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(16/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*17 VERT CALADE--------------------------*/
#calade {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #dadf44; float: left; clear: left; 
}
#calade #titre{
font-size: 20px; color: white; background-color: #b1c903; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#calade #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #dadf44;
}
#calade #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #dadf44;
}
#calade #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#calade #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#calade #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(17/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*18 MOONLIGHT--------------------------*/

#moonlight {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #cdbdb1; float: left; clear: left; 
}
#moonlight #titre{
font-size: 20px; color: white; background-color: #54373c; padding: 10px; width: 510px; position: relative; left: 0px; display: block; float:left; clear: left;
}
#moonlight #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdbdb1;
}
#moonlight #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdbdb1;
}
#moonlight #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#moonlight #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#moonlight #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(18/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*20 EPICURIALE--------------------------*/

#epicuriale {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #cbc9b8; float: left; clear: left; 
}
#epicuriale #titre{
font-size: 20px; color: white; background-color: #b31f38; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#epicuriale #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cbc9b8;
}
#epicuriale #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cbc9b8;
}
#epicuriale #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#epicuriale #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#epicuriale #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(20/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*21 PRIMA--------------------------*/
#prima {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #ddde5a; float: left; clear: left; 
}
#prima #titre{
font-size: 20px; color: white; background-color: #b52670; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#prima #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #ddde5a;
}
#prima #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #ddde5a;
}
#prima #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#prima #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#prima #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(21/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*22 MALAGA--------------------------*/
#malaga {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #b0c911; float: left; clear: left; 
}
#malaga #titre{
font-size: 20px; color: white; background-color: #0081b8; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#malaga #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b0c911;
}
#malaga #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b0c911;
}
#malaga #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#malaga #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#malaga #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(22/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*24 ARC EN CIEL--------------------------*/
#arc {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #a3b100; float: left; clear: left; 
}
#arc #titre{
font-size: 20px; color: white; background-color: #002053; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#arc #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #a3b100;
}
#arc #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #a3b100;
}
#arc #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#arc #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#arc #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(24/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*25 LATITUDE--------------------------*/
#latitude {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #ea6321; float: left; clear: left; 
}
#latitude #titre{
font-size: 20px; color: white; background-color: #9b1f23; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#latitude #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #ea6321;
}
#latitude #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #ea6321;
}
#latitude #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#latitude #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#latitude #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(25/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*27 CROISEE--------------------------*/
#croisee {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #e6e6e6; float: left; clear: left; 
}
#croisee #titre{
font-size: 20px; color: white; background-color: #8d2468; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#croisee #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#croisee #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#croisee #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#croisee #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#croisee #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(27/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*19 ARBOREAL--------------------------*/
#arboreal {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #edd3a8; float: left; clear: left; 
}
#arboreal #titre{
font-size: 20px; color: white; background-color: #b20044; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#arboreal #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#arboreal #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #edd3a8;
}
#arboreal #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#arboreal #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#arboreal #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(19/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*30 ALEZAN--------------------------*/
#alezan {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #eb691e; float: left; clear: left; 
}
#alezan #titre{
font-size: 20px; color: white; background-color: #b1c903; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#alezan #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#alezan #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #eb691e;
}
#alezan #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#alezan #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#alezan #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(30/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*31 ANTARES--------------------------*/
#antares {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #b1c903; float: left; clear: left; 
}
#antares #titre{
font-size: 20px; color: white; background-color: #00507f; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#antares #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#antares #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b1c903;
}
#antares #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#antares #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#antares #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(31/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }
/*32 DOCKLANDS 2 ---------------------*/
.bouton a { color: white; font-size: 12px; font-weight: bold; text-decoration: none; }
/*12 RIVE BLEUE --------------------------*/

#rivebleue {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #cdd7ee; float: left; clear: left; 
}
#rivebleue #titre{
font-size: 20px; color: white; background-color: #17479e; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#rivebleue #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdd7ee;
}
#rivebleue #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdd7ee;
}
#rivebleue #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#rivebleue #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#rivebleue #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(12/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; margin-bottom: 5px; padding: 0; border-style: none; display: block; }
/*13 ERG-----------------------------------*/

#erg {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #e2e7be; float: left; clear: left; 
}
#erg #titre{
font-size: 20px; color: white; background-color: #7f8183; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#erg #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e2e7be;
}
#erg #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e2e7be;
}
#erg #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#erg #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#erg #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(13/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }
/*14 CAMILLE-----------------------------------*/

#camille {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #cdbdb1; float: left; clear: left; 
}
#camille #titre{
font-size: 20px; color: white; background-color: #54373c; padding: 10px; width: 510px; position: relative; left: 0px; display: block; float:left; clear: left;
}
#camille #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdbdb1;
}
#camille #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdbdb1;
}
#camille #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#camille #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#camille #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(14/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*15 VIA DEL ARTE--------------------------*/
#via {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #d9d2d0; float: left; clear: left; 
}
#via #titre{
font-size: 20px; color: white; background-color: #a90432; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#via #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #d9d2d0;
}
#via #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #d9d2d0;
}
#via #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#via #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#via #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(15/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*16 ECRIN--------------------------*/
#ecrin {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #c8944c; float: left; clear: left; 
}
#ecrin #titre{
font-size: 20px; color: white; background-color: #3d2971; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#ecrin #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #c8944c;
}
#ecrin #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #c8944c;
}
#ecrin #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#ecrin #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#ecrin #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(16/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*17 VERT CALADE--------------------------*/
#calade {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #dadf44; float: left; clear: left; 
}
#calade #titre{
font-size: 20px; color: white; background-color: #b1c903; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#calade #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #dadf44;
}
#calade #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #dadf44;
}
#calade #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#calade #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#calade #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(17/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*18 MOONLIGHT--------------------------*/

#moonlight {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #cdbdb1; float: left; clear: left; 
}
#moonlight #titre{
font-size: 20px; color: white; background-color: #54373c; padding: 10px; width: 510px; position: relative; left: 0px; display: block; float:left; clear: left;
}
#moonlight #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdbdb1;
}
#moonlight #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cdbdb1;
}
#moonlight #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#moonlight #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#moonlight #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(18/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*20 EPICURIALE--------------------------*/

#epicuriale {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #cbc9b8; float: left; clear: left; 
}
#epicuriale #titre{
font-size: 20px; color: white; background-color: #b31f38; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#epicuriale #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cbc9b8;
}
#epicuriale #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cbc9b8;
}
#epicuriale #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#epicuriale #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#epicuriale #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(20/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*21 PRIMA--------------------------*/
#prima {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #ddde5a; float: left; clear: left; 
}
#prima #titre{
font-size: 20px; color: white; background-color: #b52670; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#prima #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #ddde5a;
}
#prima #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #ddde5a;
}
#prima #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#prima #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#prima #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(21/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*22 MALAGA--------------------------*/
#malaga {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #b0c911; float: left; clear: left; 
}
#malaga #titre{
font-size: 20px; color: white; background-color: #0081b8; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#malaga #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b0c911;
}
#malaga #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b0c911;
}
#malaga #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#malaga #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#malaga #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(22/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*24 ARC EN CIEL--------------------------*/
#arc {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #a3b100; float: left; clear: left; 
}
#arc #titre{
font-size: 20px; color: white; background-color: #002053; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#arc #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #a3b100;
}
#arc #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #a3b100;
}
#arc #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#arc #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#arc #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(24/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*25 LATITUDE--------------------------*/
#latitude {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #ea6321; float: left; clear: left; 
}
#latitude #titre{
font-size: 20px; color: white; background-color: #9b1f23; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#latitude #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #ea6321;
}
#latitude #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #ea6321;
}
#latitude #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#latitude #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#latitude #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(25/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*27 CROISEE--------------------------*/
#croisee {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #e6e6e6; float: left; clear: left; 
}
#croisee #titre{
font-size: 20px; color: white; background-color: #8d2468; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#croisee #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#croisee #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#croisee #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#croisee #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#croisee #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(27/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*19 ARBOREAL--------------------------*/
#arboreal {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #edd3a8; float: left; clear: left; 
}
#arboreal #titre{
font-size: 20px; color: white; background-color: #b20044; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#arboreal #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#arboreal #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #edd3a8;
}
#arboreal #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#arboreal #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#arboreal #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(19/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*30 ALEZAN--------------------------*/
#alezan {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #eb691e; float: left; clear: left; 
}
#alezan #titre{
font-size: 20px; color: white; background-color: #b1c903; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#alezan #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#alezan #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #eb691e;
}
#alezan #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#alezan #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#alezan #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(30/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*31 ANTARES--------------------------*/
#docklands2 {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color: #b1c903; float: left; clear: left; 
}
#docklands2 #titre{
font-size: 20px; color: white; background-color: #00507f; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#docklands2 #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #e6e6e6;
}
#docklands2 #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b1c903;
}
#docklands2 #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#docklands2 #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#docklands2 #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(31/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }

/*36 VOIE LACTEE--------------------------*/
#voie_lactee {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color:#a3a4a6 ; float: left; clear: left; 
}
#voie_lactee #titre{
font-size: 20px; color: white; background-color: #005093; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#voie_lactee #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b0c911;
}
#voie_lactee #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b0c911;
}
#voie_lactee #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#voie_lactee #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#voie_lactee #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(36/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }


/*37 LE PASSAGE--------------------------*/
#passage {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color:#b3bed7 ; float: left; clear: left; 
}
#passage #titre{
font-size: 20px; color: white; background-color: #264a9f; padding: 10px; width: 510px; position: relative; left: 0; display: block; float:left; clear: left;
}
#passage #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b3bed7;
}
#passage #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #b3bed7;
}
#passage #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#passage #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#passage #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(37/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }



/*38 CARAT MONPLAISIR--------------------------*/
#carat {
position: relative; right: 0; top: 0; width: 530px; padding: 10px; background-color:#cac5c7 ; float: left; clear: left; 
}
#carat #titre{
font-size: 20px; color: white; background-color: #1e0b10; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; width: 510px; position: relative; left: 0; display: block; float:left; background-image:url(38/_img_intro/fond_titre.jpg);
background-repeat:repeat-x;
}
#carat #visu{
position: relative; left: 0; width: 100%; display: block; clear: both; background-color: #cac5c7;
}
#carat #content{
position: relative; left: 0; width: 100%; display: block; clear: both; background-image:url(38/_img_intro/fond_bas.jpg);
background-repeat:no-repeat; height:210px;
}
#carat #content #gauche{
padding-top: 10px; padding-bottom: 10px; position: relative; left: 0; top: 0; width: 280px; float: left; clear: left;
}
#carat #content #droite{
padding-top: 10px; padding-bottom: 10px; position: relative; right: 0; top: 0; width: 220px; float: right; clear: right;
}
#carat #content #droite .bouton { line-height: 22px; background-color: transparent; background-image: url(38/_img_intro/bouton.gif); background-repeat: no-repeat; text-indent: 15px; display: block; margin-bottom: 5px; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 25px; float: left; clear: both; border-style: none; }