/*  [[[  PAR DEFAUT ]]]   */

a{text-decoration:none; color:#000; font-size:9pt}
a:hover{text-decoration:none; color:green; }

img{border:0;}
#image{float:left; padding:0px 15px 0px 0px;}

body {
	background: url(images/color_head.jpg) #000000 repeat; 
	background-repeat: repeat-x;
	background-color:#0099ff;
	width: 920px;
	margin:auto;
	text-align:center;
	color:#000;
	font: normal 10pt Tahoma, Verdana, sans-serif, Arial;
}

/*  [[[  HEADER ]]]   */

#header{  background: url(images/header.png) no-repeat;	text-align:center; width:920px; height:166px;}
.firstheader{  background: url(images/first_head.png) no-repeat; text-align:right; width:880px; height:21px; padding: 15px 0px 0px 0px;}

/*  [[[  MENU HEADER ]]]   */

#menu{width: 920px; height:34px;}

.Bouton_Accueil {float:left;  background: url('images/acceuil.png') no-repeat top left; width:146px; height:34px; display: inline-block;}
.Bouton_Accueil:hover {float:left;  background: url('images/acceuil_on.png') no-repeat top left; width:146px; height:34px; display: inline-block;}
.Bouton_Affilies {float:left;  background: url('images/affilies.png') no-repeat top left; width:136px; height:34px; display: inline-block;}
.Bouton_Affilies:hover {float:left;  background: url('images/affilies_on.png') no-repeat top left; width:136px; height:34px; display: inline-block;}
.Bouton_Inscription {float:left;  background: url('images/inscription.png') no-repeat top left; width:138px; height:34px; display: inline-block;}
.Bouton_Inscription:hover {float:left;  background: url('images/inscription_on.png') no-repeat top left; width:138px; height:34px; display: inline-block;}
.Bouton_Pack {float:left;  background: url('images/pack.png') no-repeat top left; width:132px; height:34px; display: inline-block;}
.Bouton_Pack:hover {float:left;  background: url('images/pack_on.png') no-repeat top left; width:132px; height:34px; display: inline-block;}
.Bouton_FAQ {float:left;  background: url('images/faq.png') no-repeat top left; width:138px; height:34px; display: inline-block;}
.Bouton_FAQ:hover {float:left;  background: url('images/faq_on.png') no-repeat top left; width:138px; height:34px; display: inline-block;}
.Bouton_Contact {float:left;  background: url('images/contact.png') no-repeat top left; width:134px; height:34px; display: inline-block;}
.Bouton_Contact:hover {float:left;  background: url('images/contact_on.png') no-repeat top left; width:134px; height:34px; display: inline-block;}
.Bouton_Fav {float:left;  background: url('images/fav.png') no-repeat top left; width:96px; height:34px; display: inline-block;}
.Bouton_Fav:hover {float:left;  background: url('images/fav_on.png') no-repeat top left; width:96px; height:34px; display: inline-block;}

#recherche{float:left; text-align:left; padding:64px 0px 0px 20px;}

.form{height:25px;width:380px;color:#046380;font-size:12px;border:0px; vertical-align:top; margin:0px 0px 0px 10px;}

.Bouton_s { padding:0px 0px 0px 0px; background: url('images/go.png') no-repeat top left; border:0px; width:400px; height:45px; display: inline-block;}
.Bouton_s:hover { padding:0px 0px 0px 0px; background: url('images/go_on.png') no-repeat top left; border:0px; width:400px; height:45px; display: inline-block;}


/*  [[[  CONTENEUR ]]]   */

#cadbody {float: left; width: 920px; margin:auto;}
#cadbodyhi {background: url(images/body_head.png) no-repeat left top; width: 920px; height: 12px;}
#cadbodyext {background: url(images/body_int.png); width: 900px; padding:0 0px 0px 20px; text-align: justify;}
#cadbodylo {background: url(images/body_foot.png) no-repeat left top; width: 920px; height: 10px;}

/*  [[[  MENU GENERAL ]]]   */

#compteur {float: left; background: url(images/count.png) no-repeat left top; text-align:left;  width: 117px; height:32px; margin-top:5px; padding:12px 0px 0px 40px; color:#FFF; font-weight:bold;}
#cadmenu {float: left; width: 157px; margin:auto;}
#cadmenu_part {background: url(images/menu_partenaire.png) no-repeat left top; width: 157px; height: 37px;}
#cadmenu_menu {background: url(images/menu_menu.png) no-repeat left top; width: 157px; height: 37px;}
#cadmenu_affilie {background: url(images/menu_affilie.png) no-repeat left top; width: 157px; height: 37px;}
#cadmenu_top {background: url(images/menu_top.png) no-repeat left top; width: 157px; height: 37px;}
#cadmenuext {background: url(images/menu_int.png); width: 139px; padding:0px 0px 0px 18px; text-align: justify;}
#cadmenulo {background: url(images/menu_foot.png) no-repeat left top; width: 157px; height: 39px;}

/*  [[[  CONTENEUR PAGE ]]]   */

#titre_conteneur {float: left; background: url(images/body_titre.png) no-repeat left top; text-align:left;  width: 697px; height:32px; margin:auto; padding:18px 0px 0px 50px; color:#FFF; font-weight:bold;}
#titre_page {float: left; background: url(images/titre_page.png) no-repeat left top; text-align:left;  width: 651px; height:39px; margin:0px 0px 0px -20px;  padding:10px 0px 0px 72px; color:#2D7BD4; font-weight:bold;}

#cadpage {float: left; width: 721px; margin:auto;}
#cadpagehi {background: url(images/page_head.png) no-repeat left top; width: 721px; height: 15px;}
#cadpageext {background: url(images/page_int.png); width: 681px; padding:0 20px 0px 20px; text-align: justify;}
#cadpagelo {background: url(images/page_foot.png) no-repeat left top; width: 721px; height: 22px;}
	
/*  [[[  FOOTER ]]]   */

#copyright{color:#FFF}
p.foot{ width:390px; text-align: left; color:#046380; }
	
#cadfoot {float: left; width: 920px; margin:auto;}
#cadfoothi {background: url(images/foot_head.png) no-repeat left top; width: 920px; height: 21px;}
#cadfootext {background: url(images/foot_int.png); width: 890px; padding:0 0px 0px 30px; text-align: justify;}
#cadfootlo {background: url(images/foot_foot.png) no-repeat left top; width: 920px; height: 28px;}




/*Mise en page de la boite corp du site*/

#conteneur{
width:681px; /*largeur du calque conteneur*/
height:auto; /* hauteur du conteneur. il est important de mettre ce paramètre sur auto pour que sa hauteur s'adapte au contenu*/
margin:center; /*permet de centrer ce claque au milieu de la page. Ce paramètre est optionnel*/
}
/* centrer le bloc conteneur sous IE7  car sinon il pose problème */
html* #conteneur{
position:absolute;
left:50%;
margin-left:-200px;
}

#design_top{
width:681px; /*largeur de l'image*/
height:58px; /*c'est la hauteur de l'image. A vous de vérifier la hauteur de votre image*/
background-image:url(http://www.paradise-recherche.com/images/boitehaut.png);/*lien de notre image du haut*/
}

#design_middle{
width:681px;
height:auto;/* hauteur du calque du milieu. c'est celui qui va s'agrandir en fonction du contenu*/
background-image:url(http://www.paradise-recherche.com/images/boitemilieu.png);/*lien de notre image du milieu*/
background-repeat:repeat-y; /*répétition de l'image sur l'axe des Y c'est à dire verticalement*/
}

#design_bottom{
width:681px;
height:58px;
background-image:url(http://www.paradise-recherche.com/images/boitebas.png);/*lien de notre image du bas*/
}




/* Blocs Colonne Centre */
.bloc {
width: 665px;
text-align: left;
color: inherit;
background-color: white;
border: 1px solid #b9b9b9;
/* top center bottom center */
padding: 0 5px 0 5px;
margin-bottom: 10px;
}
/* Hack pour IE */
* html .bloc {
width: 665px;
}


/* Blocs bannières 2*/
.bloc2{
width:550px;
height:110;
background-image:url(http://www.paradise-recherche.com/images/bloc2.png);
}


/* Blocs bannières 3*/
.bloc3{
width:961px;
height:97;
background-repeat: no-repeat;
background-position: center;
background-image:url(http://www.paradise-recherche.com/images/bloc3.png);
}





/*Mise en page de la boite pour les formulaires*/

#conteneurform{
width:681px; /*largeur du calque conteneur*/
height:auto; /* hauteur du conteneur. il est important de mettre ce paramètre sur auto pour que sa hauteur s'adapte au contenu*/
margin:center; /*permet de centrer ce claque au milieu de la page. Ce paramètre est optionnel*/
}
/* centrer le bloc conteneur sous IE7  car sinon il pose problème */
html* #conteneurform{
position:absolute;
left:50%;
margin-left:-200px;
}

#design_topform{
width:681px; /*largeur de l'image*/
height:171px; /*c'est la hauteur de l'image. A vous de vérifier la hauteur de votre image*/
background-image:url(http://www.paradise-recherche.com/images/INSCRIPTIONSHAUT.png);/*lien de notre image du haut*/
}

#design_middleform{
width:681px;
height:auto;/* hauteur du calque du milieu. c'est celui qui va s'agrandir en fonction du contenu*/
background-image:url(http://www.paradise-recherche.com/images/INSCRIPTIONSMILIEU.png);/*lien de notre image du milieu*/
background-repeat:repeat-y; /*répétition de l'image sur l'axe des Y c'est à dire verticalement*/
}

#design_bottomform{
width:681px;
height:93px;
background-image:url(http://www.paradise-recherche.com/images/INSCRIPTIONSBAS.png);/*lien de notre image du bas*/
}





/*Info bulle */

a.info {
position:relative;
background:none;
z-index:10;
}

a.info:hover {
z-index:20;
}

a.info span {
display:none;
}

a.info:hover>span {
background-image:url(http://www.paradise-recherche.com/images/bulle.png);
}

a.info:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.paradise-recherche.com/images/bulle.png",
sizingMethod="crop");
}


a.info:hover span {
display:block;
position:absolute;
top:18px;
left:10px;
padding-left:25px;
padding-top:24px;
padding-bottom:5px;
padding-right:8px;
width:205px;
height:45px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:bold;
font-size:10px;
color:#000000;
text-decoration:none;
text-align:justify;
}




/*Boutons référencement Allopass*/

.barre_ref_allopass{ padding:0px 0px 0px 0px; background: url('images/barre_ref_allopass.png') no-repeat top left; border:0px; width:500px; height:40px; display: inline-block;}
.barre_ref_allopass:hover { padding:0px 0px 0px 0px; background: url('images/barre_ref_allopassover.png') no-repeat top left; border:0px; width:500px; height:40px; display: inline-block;}

/*box3annonceurs*/

#box3annonceurs{
width:681px;
height:622px;
background-image:url(http://www.paradise-recherche.com/images/box3annonceurs.png);
}