html{
 font-size:100%;/* bug IE */
}
body{
 font-family:Arial,sans-serif;
 font-size:12px;
 margin:0;
 background:#7fcaed url(../images/fond.jpg) no-repeat right;
 padding-top:50px;
 padding-bottom:50px;
}
div#fond
{
 
 width:1024px;
 height:768px;
 
 margin:auto;
 
 padding:0;
 background:url(../images/ombres.png) no-repeat;
 border:1px transparent solid;
 aborder:1px red solid;
 padding-bottom:10px;
 padding-right:10px;
}
/* ---------------------------------------- */
a img{
 border:0;
}
form{
 margin:0;
 border:0;
 padding:0;
}
/* ---------------------------------------- */
ul.horiz,ul.horiz li,ul.horiz ul,ul.verti,ul.verti li,ul.verti ul{
 border:0;
 margin:0;
 padding:0;
}
ul.horiz,ul.horiz ul,ul.verti,ul.verti ul{
 list-style-type:none;
 overflow:auto;
}
ul.horiz li{
 float:left;
}
ul.horiz li a,ul.verti li a{
 text-decoration:none;
}

h1,h2,h3,h4,h5,p
{ margin:0;padding:0; }

div#conteneur
{
 width:1024px;
 height:768px;
 
 margin:auto; 
 
 position:relative;
background:white;
}

div#menu
{
 width:256px;
 height:728px;

 float:left;
}

div#header
{
 width:768px;
 height:102px;
 
 float:right;
 position:relative;
}

div#contenu
{
 float:right;
 width:768px;
 height:631px;
 overflow:hidden;
 position:relative;
}
div#content
{
 width:761px;
 height:542px;
 overflow-x:hidden;
 aoverflow-y:scroll;
 position:relative;
 margin:5px;
}
div#footer
{
 clear:both;
 width:1024px;
 height:40px;
}


div#header div#header_texte
{
 float:left;
 width:244px;
 height:52px;
 padding-right:12px;
 padding-top:50px;
 color:white;
 font-size:1.4em;
 background:url(../images/header_texte_bg.png) repeat-x 0 0;
 text-align:right;
 font-weight:bold;
}

div#header div#header_image_achat
{
 padding-left:27px;
 padding-top:28px;
 float:left;
}

div#header div#header_image_lien
{
 float:right;
 padding-right:14px;
 padding-top:43px;
}

img#header_maison_rouge
{
 position:absolute;
 top:68px;
 left:281px;
}

div#header a
{
 float:right;
 width:500px;
 height:100px;
 background:url(../images/header.png) no-repeat right bottom; 
}


ul.gras li,ul.gras li a,ul.gras li select{
 font-weight:bold;
}
div#menu img#logo
{ padding: 26px 26px 8px 30px; }

div#menu ul
{}
#menu ul li
{
 padding-left:15px;
 
 height:25px;
 line-height:24px;
 
 border-bottom:2px solid #e5e5e5;
 color:#747474;
 font-size:1.1em;
 text-transform:uppercase;
}
#menu ul li a
{ 
 color:#747474;
 font-weight:bold;
}
#menu ul li a:hover,#menu ul li a.sel
{ color:#182b84; }


div#menu img#carte
{ padding:8px 10px; }

div#menu div#menu_recherche ul li
{ border-bottom:1px solid #D8D9D9; }

#menu select
{
 border:none;
 color:#aa9;
 text-align:right;
 float:right;
 margin-right:30px !important;
 margin-right:18px;
 padding-top:3px;
 font-size:0.9em;
}
div#menu_recherche label
{ float:left; }

input#rechercher
{
 background:url(../images/submit_rech_nonactive.png) no-repeat;
 border:none;
 width:123px;
 height:42px;
 margin-left:55px;
 margin-top:22px;
 
 font-size: 0.01px;
 color:white;
 text-align: left;
}
input#rechercher_active
{
 background:url(../images/submit_rech_active.png) no-repeat;
 border:none;
 width:123px;
 height:42px;
 margin-left:55px;
 margin-top:22px;
 
 font-size: 0.01px;
 color:white;
 text-align: left;
}
input#btn_alerte_email{
 background:url(../images/btn_alerte_email_off.png) no-repeat;
 border:0;
 width:123px;
 height:42px;
 margin-left:55px;
 margin-top:12px;
}
input#btn_alerte_email:hover{
 background:url(../images/btn_alerte_email_on.png) no-repeat;
}


/* 2009 */


div#home_texte p.hometxt_1,div#home_texte p.hometxt_2,div#home_texte p.hometxt_3{
 color:white;
 font-size:11px;
}
div#home_texte p.hometxt_1{
 font-weight:bold;
 text-transform:uppercase;
 font-size:14px;
 margin-bottom:15px;
}
div#home_texte p.hometxt_2{
 margin-bottom:20px;
}

/* OLD */

#num_tel,
#num_tel_2
{
 width:213px;
 height:45px;
 padding-top:38px;
 padding-left:43px;
 background:#7fcaed url(../images/telephone.png) no-repeat 3px 40px;
 color:white;
 font-size:2.5em;
 float:left; 
 margin-bottom:5px;
}

#home_image_rappel
{ float:left;margin-bottom:4px;margin-left:7px;cursor:pointer; }

div#home_texte
{
 width:235px;
 height:315px;
 float:left;
 background:url(../images/home_texte_bg.jpg) no-repeat;
 padding-top:6px;
 padding-left:8px;
 padding-right:13px;
 overflow:hidden;
 
}
div#home_texte a
{ color:white; }
div#contenu div#home_texte h2
{
 color:white;
 width:145px;
 font-size:1.1em;
 padding-bottom:8px;
}
div#home_texte p
{
 padding-top:3px;
 padding-left:3px;
 color:white;
 /*text-align:justify;*/
}
div#home_texte img
{
 float:right;
 padding-right:4px;
 padding-bottom:4px;
}

#home_image_my_agence
{
 width:500px;
 height:312px;
 
 float:right;
 padding-right:7px;
 z-index: 300;
}
#home_image_my_agence .mask{
 width:500px;
 height:312px;
 
 overflow:hidden;
 position:relative;
}
#box { position:absolute; }
#box div{ float:left; }
/*#paragraphe_home{
 list-style-type:none;
 margin:0;
 padding:0;
 width:33%;
 float:right;
}
#paragraphe_home li{
 margin-bottom:10px;
}
#paragraphe_home a,#news_home ul a{
 color:#000;
 text-decoration:none;
}
#paragraphe_home p,#news_home p{
 margin-top:10px;
 margin-bottom:10px;
}
#paragraphe_home a:hover,#news_home ul a:hover{
 color:#999;
}
#news_home{
 float:right;
 width:33%;
 clear:right;
}
#news_home ul{
 list-style-type:none;
 margin:0;
 padding:0;
}
#img_home{
 float:left;
 margin-top:200px;
 margin-left:100px;
 border:1px solid #000;
}
*/


/* 2009 */

div#qsn{
 float:left;
 width:240px;
 color:#747474;
 margin-left:-18px;
}
div#qsn_gauche{
 margin-top:15px;
 text-align:justify;
}
div#qsn_gauche p{
 margin-bottom:17px;
 font-size:12px;
 line-height:18px;
}
div#qsn_droite{
 width:419px;
 float:right;
 margin-right:23px;
}
div#qsn_droite p.sepa{
 display:block;
 width:419px;
 height:29px;
 line-height:29px;
 overflow:hidden;
 color:white;
 font-size:16px;
 background:#0E236A;
 text-align:center;
 font-weight:bold;
}
div#qsn_droite ul{
 margin:0;
 padding:0;
 list-style:none;
 margin-bottom:7px;
}
div#qsn_droite ul li{
 margin:0;
 padding:0;
 height:23px;
 line-height:23px;
 overflow:hidden;
 color:#0E236A;
 font-size:14px;
 display:block;
 text-align:center;
 font-weight:bold;
}

div#ar{
 position:absolute;
 top:20px;
 left:0px;
 width:100%;
}
div#ar p.titre{
 height:45px;
 font-size:30px;
 color:#0E236A;
 letter-spacing:1px;
 font-weight:bold;
}
div#ar div.content p{
 float:left;
 width:244px;
 text-align:justify;
 font-size:13px;
 line-height:23px;
 color:#878787;
 margin-bottom:10px;
}
div#ar p.fin{
 margin-top:3px;
 height:28px;
 font-size:28px;
 color:#0E236A;
 letter-spacing:1px;
 font-weight:bold;
}
div#ar p.fin span{
 display:block;
 height:57px;
 float:left;
 line-height:57px;
 overflow:hidden;
}
div#ar p.fin img{
 float:left;
}
div#ar div#agenceimg{
 float:right;
 padding-right:40px;
}
div#garantie_intro{
 width:751px;
 position:relative;
 margin-top:10px; 
}
div#garantie_intro div#sub{
 z-index:1;
}
div#garantie_intro div#sub span{
 display:block;
 height:57px;
 float:left;
 line-height:57px;
 overflow:hidden;
 font-size:33px;
 color:#0E236A;
 letter-spacing:1px;
 font-weight:bold;
}
div#garantie_intro div#sub a{
 text-decoration:none;
}
div#garantie_intro div#sub img{
 float:left;
}
div#cover{
 height:529px;
 width:751px;
 position:absolute;
 top:0;
 left:0;
 z-index:100;
 background:url('../images/2009/spacer.gif') repeat top left;
}
div#cover a{
 display:block;
 height:529px;
 width:751px;
 color:transparent;
}
/* OLD */

img.home_image_rappel,
div#num_tel
{
 position:absolute;
 bottom:0;
 margin-bottom:0;
}
img.home_image_rappel
{ right:0; }


div#contenu div.pagination
{
 text-align:center;
 font-weight:bold;
 
 position:absolute;
 right:0;
 bottom:90px;
 width:550px; 
}
div#contenu div.pagination a
{ color:#172983;text-decoration:none;font-weight:normal; }

div#contenu ul#liste_biens li
{ padding-top:8px;padding-right:100px; }

div#contenu ul#liste_biens li img
{ float:left; }

div#contenu h2 
{
 font-size:1em;
 color:#d385bb;
 text-transform:uppercase;
 font-weight:normal;
 padding-bottom:3px;
 margin-left:-2px;
}
div#contenu #liste_biens h2 {
 background:transparent url(../images/liste_annonce_bg.png) no-repeat scroll 265px 2px;
 padding-left:280px;
}
div#contenu h2 a
{ color:#d385bb;text-decoration:none; }
div#contenu h2 a.lien_carte
{ font-size:0.8em; }

div#contenu #liste_biens p
{ padding-left:265px;color:#949596; }
div#contenu #liste_biens p a
{ color:#949596; }

div#contenu p.sous-titre
{ padding-bottom:3px;font-size: 1.03em; }

p.sous-titre span.prix
{ color:#409dc4;font-size:1.1em; }


div#img_principale
{
 margin-top:70px !important;
 margin-top:35px;
 float:left;
 position:relative;
 width:415px;
 height:320px;
 background:#ebebeb;
}
div#img_principale a
{ padding-right:8px; }
div#img_principale a.bouton_maison
{ 
 position:absolute;
 right:0;
 padding:0;
}

div#img_principale ul
{
 position:absolute;
 bottom:-40px;
 height:40px;
 width:415px;
 background:white;
}

#contenu ul#liste_photos
{
 width:298px;
 
 float:left;
 padding-right:55px;
 margin-top:70px !important;
 margin-top:35px;
}

ul#liste_photos li
{
 padding-left:8px;
 padding-bottom:6px;
 cursor:pointer;
}

div#img_principale div div#div_a_cacher
{
 position:absolute;
 top:0;
 left:0;
 background:#ebebeb;
 width:415px;
 height:320px;
 overflow:hidden;
 text-align:center;
}
div#img_principale div div#div_a_cacher img
{
 max-width:100%;
 max-height:100%;
 
}

#texte_bien
{
 float:right;
 width:310px;
 padding-right:35px;
}
#texte_bien h2
{
 padding:0;margin:0;
 padding-left:15px;
 background:url(../images/liste_annonce_bg.png) no-repeat 0 2px; 
}

div#GGmap
{
 position:absolute;
 top:0;
 left:0;
 width:415px;
 height:320px;
}

img.home_image_rappel
{ margin-bottom:0;margin-right:20px; }


#contenu h1
{
 margin-top:3px; 
 color:white;
 font-size:2.3em;
 text-align:center;
 padding-top:5px;
 height:55px;
 background:#182B84;
}

#contenu div.associe2
{
 float:left;
 width:330px;
 margin-top:5px;
}
#contenu div.associe3
{
 float:left;
 width:196px;
}

#contenu div.paragraphe{
 padding:15px;
 margin:5px;
}

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

#contenu ul.images,
#contenu ul.images_gauche,
#contenu ul.images_droite,
#contenu ul.galerie_photo
{
 margin:0;
 padding:0;
 border:0;
 list-style-type:none;
 text-align:center;
}

#contenu ul.images_gauche,.float_left{
 float:left;
}
#contenu ul.images_droite,.float_right{
 float:right;
}
#contenu ul.images_gauche img{
 margin-right:10px;
 float:none;
}
#contenu ul.images_droite img{
 margin-left:10px;
 float:none;
}
#contenu ul.galerie_photo li{
 float:left;
}
#contenu ul.galerie_photo li img{
 margin-left:10px;
}
#contenu img.img_principale_galerie{
 margin:10px;
}
#contenu ul.lien,#contenu ul.document{
 clear:both;
}
ul.lien,ul.document{
 padding:0;
 margin:0;
 margin-top:10px;
 list-style-type:none;
}
ul.lien li a,ul.document li a,#contenu p.principal a{
 color:#000;
}
ul.lien li a,ul.document li a{
 font-weight:bold;
}
ul.document li a.vignette{
 float:left;
 margin-right:10px;
 margin-bottom:10px;
}

#contenu p,#contenu ul{
 margin:0;
 padding:0;
 color:#444;
}
#contenu p,#contenu ul.editeur,#contenu ol.editeur{
 font-size:1em;
}
#contenu table.tableau{
 border-collapse:collapse;
 border-bottom:5px solid #7BC6EA;
}
#contenu table.tableau th{
 background-color:#7BC6EA;
 color:#fff;
 border-right:1px solid #fff;
}
#contenu table.tableau td{
 color:#5e5962;
 border-right:1px solid #e9e9e9;
}
#contenu table.tableau td.dernier{
 border-right:0;
}
#contenu table.tableau th.premier{
 background:url('../images/coin_tableau_hg.png') top left no-repeat #7BC6EA;
}
#contenu table.tableau th.dernier{
 background:url('../images/coin_tableau_hd.png') top right no-repeat #7BC6EA;
 border-right:0;
}
#contenu table.tableau td,#contenu table.tableau th{
 /*border:1px solid #444;*/
 padding:3px 10px;
}
#contenu table.tableau tr.impair{
 background-color:#e9e9e9;
}

.images_bas
{
 padding-right:30px;
}
.images_bas li
{
 width:220px;
 text-align:center;
}

.images_bas li img
{
 height:100px;
}

.couleur_1
{ border:1px solid #7f7f7f; }


/*** FOOTER ***/
div#footer div#footer_langues
{
 float:left;
 margin-left:256px !important;
 margin-left:128px;
 width:220px;
 padding-top:20px;
 font-size:0.8em;
}

div#footer div#footer_langues a
{ text-decoration:none;color:#172983; }

div#footer div#footer_texte
{
 float:right;
 line-height:10px;
 padding-top:20px;
 padding-right:12px;
 font-weight:bold;
}

div#footer, div#footer a
{ color:#aa9; }

div#contenu form#alerte-email{
 margin-left:20px;
}
div#contenu form#alerte-email label{
 color:#747474;
 width:170px;
 float:left;
 clear:left;
 text-align:right;
 margin-right:10px;
 line-height:18px;
 height:18px;
}
div#contenu form#alerte-email input.text,div#contenu form#alerte-email select{
 margin-bottom:5px;
 border:1px solid #ddd;
 width:150px;
 color:#747474;
}
div#contenu form#alerte-email select{
 width:152px;
}
div#contenu form#alerte-email input.valider{
 border:1px solid #ddd;
 width:150px;
 color:#747474;
}
div#contenu h3.titre_pushmail{
 font-size:1em;
 color:#d385bb;
 text-transform:uppercase;
 font-weight:normal;
 padding-bottom:3px;
 margin:10px 0px;
 border-bottom:1px solid #d8d9d9;
 width:400px;
}
div#contenu ul#liste_recherche_pushmail{
 list-style-type:none;
 margin:0;
 padding:0;
}
div#contenu p.confirm_pushmail{
 padding:10px;
 border:1px solid #ddd;
 color:#747474;
 font-weight:bold;
 margin:20px;
}




/* SLIMBOX */

#lbOverlay {
 position: absolute;
 z-index: 9999;
 left: 0;
 width: 100%;
 background-color: #000;
 cursor: pointer;
}

#lbCenter, #lbBottomContainer {
 position: absolute;
 z-index: 9999;
 left: 50%;
 overflow: hidden;
 background-color: #fff;
}

.lbLoading {
 background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
 position: absolute;
 left: 0;
 top: 0;
 border: 10px solid #fff;
 background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
 display: block;
 position: absolute;
 top: 0;
 width: 50%;
 outline: none;
}

#lbPrevLink {
 left: 0;
}

#lbPrevLink:hover {
 background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
 right: 0;
}

#lbNextLink:hover {
 background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 10px;
 color: #666;
 line-height: 1.4em;
 text-align: left;
 border: 10px solid #fff;
 border-top-style: none;
}

#lbCloseLink {
 display: block;
 float: right;
 width: 66px;
 height: 22px;
 background: transparent url(../images/closelabel.gif) no-repeat center;
 margin: 5px 0;
 outline: none;
}

#lbCaption, #lbNumber {
 margin-right: 71px;
}

#lbCaption {
 font-weight: bold;
}


a.config
{
 position:absolute;
 left:256px;
 
 width:150px;
 height:38px;
 
 padding-top:5px;
 padding-left:8px;
 
 background:url(../images/btn_config.gif) no-repeat 0 0;
 opacity:0.9;
 text-decoration:none;
 color:white;
}
#config_gen
{ top:10px; }
#config_page
{ top:55px; }
#config_gen_2,
#config_gen_3
{ top:10px;left:610px; }

#config_page_2,
#config_page_3
{ top:55px;left:610px; }

div#conteneur_meta,
div#conteneur_open_barre
{
 position:absolute;
 left:256px;
 top:0;
 
 display:none;
}

div#conteneur_meta div,
div#conteneur_open_barre div
{
 position:absolute;
 top:0;
 left:0;
 height:900px;
 z-index:4;
}

div#conteneur_meta div div,
div#conteneur_open_barre div div
{
 position: static;
 width:550px;
 height:auto;
}

div#conteneur_meta #content_meta,
div#conteneur_open_barre #content_open_barre{
 position:absolute;
 width:900px;
 left:0;
}
div#conteneur_meta #meta,
div#conteneur_open_barre #open_barre{
 position:absolute;
 top:10px;
 left:0;
 background-color:#999;
 width:575px;
 min-height:200px;
 padding:20px;
}


#fond_open_barre{
 position:absolute;
 left:0px;
 top:0px;
 display:none;
 opacity:0.3;
 filter : alpha(opacity=30);
 background-color:#666;
 width:50%;
 height:50%; 
}


#open_barre h2{
 color:#000;
 margin-bottom:10px;
}


form.form_admin_ob label
{
 display:block;
 width:200px;
 float:left;
 text-align:right;
 padding-right:5px;
 line-height:15px;
 color:black;
}

form.form_admin_ob input.text
{ width:200px; }
form.form_admin_ob input.nbr
{ width:20px;text-align:center; }

#open_barre h3,
#open_barre h2
{
 margin:0;
 padding:10px 0 5px 0; 
}

textarea#itpl_footer_perso
{
 width:320px;
}


body #contenu div.couleur_form{
 margin:0;
 padding-top:0;
 padding-bottom:0;
}
.form_contenu input,.form_contenu textarea{
 border:1px solid #DDDDDD;
 display:block;
 margin:3px 10px;
 padding:5px;
 width:630px;
}
.form_contenu textarea{
 height:100px;
}
.form_contenu label{
 color:#003366;
 display:block;
 font-size:1em;
 font-weight:bold;
 margin:10px 2px 0;
 padding:2px;
}
.form_contenu input.envoyer{
 margin-left:25px;
 width:640px;
}
#contenu div.paragraphe{
 padding-top:0px;
}
#mail_envoye{
 background:url('../picto/mail-forward.png') top left no-repeat;
 line-height:22px;
 padding-left:25px;
 font-size:1.2em;
 display:block;
 font-weight:bold;
}
#msg_erreur{
 font-weight:bold;
 color:#ff0000;
}


#clic_tel
{
 position:absolute;
 top:280px;
 left:385px;
 z-index:30;
 width:500px;
 
}
#contenu .clic_tel_contenu
{
 top:590px;
 left:385px;
}
#clic_tel input.input
{
 width:180px;
 margin-right:7px;
}

#clic_tel input
{
 border:1px solid #dddddd;
}




/***
 * - mooRainbow: defaultCSS
 * author: w00fz <w00fzIT@gmail.com>
 */

#mooRainbow { font-size: 11px; color: #000; }

.moor-box {
 width: 390px; 
 height: 310px; 
 border: 1px solid #636163; 
 background-color: #f9f9f9;
}
.moor-overlayBox {
 width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
 height: 256px; 
 margin-top: 9px; 
 margin-left: 9px;
 border: 1px solid #000;
}
.moor-slider {
 border: 1px solid #000;
 margin-top: 9px; 
 margin-left: 280px;
 width: 19px; /* if you want a bigger or smaller slider... */
 height: 256px;
}
.moor-colorBox {
 border: 1px solid #000; 
 width: 59px; 
 height: 68px; 
 margin-top: 20px; 
 margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
 margin-top: 55px; 
 margin-left: 316px; 
 width: 59px; 
 height: 34px;
}
.moor-okButton {
 font-family: Tahoma;
 font-weight: bold;
 font-size: 11px;
 margin-top: 278px;
 margin-left: 8px;
 background: #e6e6e6;
 height: 23px;
 border: 1px solid #d6d6d6;
 border-left-color: #f5f5f5;
 border-top-color: #f5f5f5;
}
#mooRainbow label {
 font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
 margin-top: 100px;
 margin-left: 315px;
}
.moor-gLabel {
 margin-top: 125px;
 margin-left: 315px;
}
.moor-bLabel {
 margin-top: 150px;
 margin-left: 315px;
}
.moor-HueLabel {
 margin-top: 190px;
 margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
 margin-top: 190px;
 margin-left: 370px;
}
.moor-SatuLabel {
 margin-top: 215px;
 margin-left: 315px;
}
.moor-BrighLabel {
 margin-top: 240px;
 margin-left: 315px;
}
.moor-hexLabel {
 margin-top: 275px;
 margin-left: 280px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
 width: 30px;
}
.moor-hexInput {
 width: 55px;
}
.moor-cursor {
 background-image:url(../images/moor_cursor.gif);
 background-repeat:no-repeat; 
 width: 12px;
 height: 12px;
}
.moor-arrows {
 background-image:url(../images/moor_arrows.gif);
 background-repeat:no-repeat;
 top: 9px; 
 left: 270px;
 width: 41px;
 height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
 margin-top: 21px; 
 margin-left: 316px; 
 width: 59px; 
 height: 34px;
}


.galerie{
 /*padding:20px 30px;*/
 margin:4px 0 0 0;
/* border:1px solid #e1e1e1;*/
 position:relative;
 height:400px;
 width:400px;
}

.ns_mask,
.box span
{
 width:400px;
 height:300px;
}
.ns_mask{
 position:absolute;
 overflow:hidden;
}

.box{
 position:absolute;
}
.box span{
 display:block;
 float:left;
 width:400px;
 height:300px;
 vertical-align:middle;
}

.box span img{
 margin:auto;
}

.box_thumbs{
 position:absolute;
 width:400px;
 clear:both;
 height:41px;
 overflow:hidden;
 margin:auto; 
 top:325px;
 left:0;
 padding:0; 
}
.box_thumbs .thumbs, 
.thumbs_handles, 
.thumbs_mask{
 position:absolute;
 top:0;
 width:100%;
 height:41px;
}
.box_thumbs .thumbs div, 
.thumbs_handles span{
 display:block;
 width:50px;
 height:41px;
 margin:0;
 float:left;
 cursor:pointer;
 overflow:hidden;
}
.box_thumbs .thumbs div img{
 width:54px;
 float:right;
}
.thumbs_handles span{
 background:url(../images/thumb_invisible.gif) no-repeat;
}
.thumbs_mask{
 width:1200px;
 background:url(../images/thumbs_mask.gif) no-repeat center top;
}

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

.thumbs{
 width:50px;
}
.thumbs div{
 display:block;
 width:50px;
 height:41px;
 margin:3px 0;
 cursor:pointer;
}

.thumbs div img{
 display:block;
 width:100%;
 height:100%;
 border:none
}


span img{
 display:block;
 border:none;
}

.buttons
{
 text-align:center;
}

.buttons span
{
 margin-right:20px;
 cursor:pointer;
}


#contenu .paragraphe .info{
 width:400px;
 height:50px;
 background:#000;
 position:absolute;
 bottom:0;
}
#contenu .paragraphe .info p,
#contenu .paragraphe .info h4{
 margin:0; 
 color:#fff;
 padding:3px 8px;
 font-family:Arial;
}
#contenu .paragraphe .info h4{
 font-size:14px;
}
#contenu .paragraphe .info h4 a{
 float:right;
 background:#fff;
 color:#000;
 font-size:10px;
 padding:0 3px;
 text-decoration:none
}