/* ******************************************* CONTENEUR ******************************************* */
body {
	background 	: #e7e8e9 url(http://www.lesmainsouvertes.com/media/temoignages/entete-fond.png) repeat-x 0 0;
}

.entete {
	background 	: url(http://www.lesmainsouvertes.com/media/temoignages/fond_deco.jpg) no-repeat center top;
	height		: 337px;
	/*border:1px solid #000000;*/
}
.conteneur	{
	background-color: #ffffff;
}	
.page	{
	background-color: #ffffff;
}	

.couleur_pdp, .pied_page {
	background-color: #dec2e3;
}

.couleur_titre_pdp {
	color			: #bb3ed2;
}
.menu_droit	{
	background-color: #ffffff;
}

#pied_lien a {
 color:#e16c04;
}

menu_droit_bas	{
	background-color: #b3cfec;
}

.titre {
	color		: #d96bed;
}

.soustitre {
	color		: #e3b5eb;
}

h1 {
	color		: #e3b5eb;
}

.menu_d .menu_soustitre {
	color		: #e3b5eb;
}

.menu_d .menu_titre {
	color		: #d96bed;
}

/*  EN TETE -> LOGO  */
#logo	{
	background : url(http://www.lesmainsouvertes.com/media/accueil/logo.gif) no-repeat 0 0;
}
#absolute_img	{
	right		: 25px;
	Top			: 16px;
	position	: absolute;
	width		: 93px;
	height		: 139px;
	z-index		: 20;
	border		: 0px solid #000000;
}
#absolute_img2	{
	right		: -5px;
	Top			: 40px;
	position	: absolute;
	width		: 421px;
	height		: 111px;
	z-index		: 10;
}
/* ******************************************* Cadre Grand ******************************************* */
#cadre-grand	{ }
#cadre-grand #haut	{
	background : url(http://www.lesmainsouvertes.com/media/tous/cadre-haut.png) no-repeat 0 0;
}
#cadre-grand #info	{
	background-color: #FFFFFF;
}
#cadre-grand #bas	{
	background : url(http://www.lesmainsouvertes.com/media/tous/cadre-bas.png) no-repeat 0 0;
}
#cadre-grand #haut_duo	{
	background : url(http://www.lesmainsouvertes.com/media/tous/duo_haut.png) no-repeat 0 0;
}
#cadre-grand #info_duo	{
	background : url(http://www.lesmainsouvertes.com/media/tous/duo_milieu.png) repeat-y 0 0;
}
#cadre-grand #bas_duo	{
	background : url(http://www.lesmainsouvertes.com/media/tous/duo_bas.png) no-repeat 0 100%;
}
/* ******************************************* BOBOX  ********************************************** */
#bobox	{
	position	: relative;
	float		: right;
	z-index		: 10;
	width		: 282px;
	margin		: 0 0 0 0;
	padding		: 0 0 0 0;
}
#bobox	#bobox-menu {
	position		: absolute;	
	width			: 33px;
	top				: 275px;
	left			: 266px;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
}
#bobox_accueil	{
	position	: relative;
	margin		: 0 0 0 0;
	padding		: 0 0 0 0;
	background  : url(http://www.lesmainsouvertes.com/media/accueil/fond_bobox_accueil.png) no-repeat 0 0; 
	width		: 282px; 
	height		: 198px;
	border		: 0px solid #000000;
}
#bobox_accueil	#text {
	position	: absolute;
	width		: 237px;
	font-size	: 11px;
	text-align	: justify;
	border		: 0px solid #000000;
	margin		: 55px 0 0 21px;
	padding		: 0 0 0 0;
}
#infobulle {
	position	: relative; 
	z-index		: 24; 
	text-decoration : none;
}
a.info {
	z-index	: 25 ;
	width	: 32px;
	height 	: 33px;
	display : block;
	position:relative;
	margin 	: 0 0 5px 0;
	border	: 0px #000000 solid;
}
a.info:hover {
	z-index	: 25 ;
}
a.info span { display: none }
a.info:hover span { 
	display				: block; 
	position			: absolute;
	left				: -105px; 
	width				: 100px;
	line-height 		: 16px;
	top					: 0px;
	background-color	: #ffffff; 
	color				: #000000;
	text-align			: justify;
	padding				: 4px;
	text-transform		: uppercase;
	font-weight			: bold;
}
a.info:hover span#eleveurs{ 
	border		: 4px solid #b2b2b2;
	border-right: 0px;
	color		: #3d8788;
	font-size	: 9px;
}
a.info:hover span#accueil{ 
	border		: 4px solid #5ba355;
	border-right: 0px;
	color		: #3d8788;
	font-size	: 9px;
}
a.info:hover span#chiots{ 
	border		: 4px solid  #e7157a;
	border-right: 0px;
	color		: #e7157a;

}



a.info:hover span#purina{ 

	border		: 4px solid  #000000;

	border-right: 0px;

	color		: #000000;

}



a.info:hover span#videos{ 

	border		: 4px solid  #a08049;

	border-right: 0px;

	color		: #a08049;

}



a.info:hover span#photos{ 

	border		: 4px solid  #5882a6;

	border-right: 0px;

	color		: #5882a6;

}



a.info:hover span#chiens{ 

	border		: 4px solid  #5eb259;

	border-right: 0px;

	color		: #5eb259;

}



a.info:hover span#autour{ 

	border		: 4px solid  #de7739;

	border-right: 0px;

	color		: #de7739;

	font-size	: 9px;

}





/* ****************************************  VIDEOS  ***************************************** */

#video_content {

	border	: 0px solid #000000; 

	float	: right; 

	width	: 355px; 

	margin	: 2px 0 0 0;

	border	: 0px solid #000000;

}



#video_content #video_solo {

	float		: left;

	width		: 167px;

	height		: 40px;

	margin  	: 0 4px 0 5px;

	padding 	: 0 0 0 0;

}



#video_content #titre {

	color		: #dd8f0d;

	font-size	: 10px;

	font-weight	: bold;

	margin		: 5px 0 0 0;

}



#video_content #commentaire {

	font-size	: 9px;

	text-align  : justify;

	margin		: 5px 0 0 0;

}



#video_content #affixe {

	margin		: 0 0 0 0;

}



#video_content #affixe a {

	color			: #666666;

	text-decoration : underline;

	font-size		: 9px;

}



/* ****************************************  FOOTER  ***************************************** */

#pied-gauche	{

	background : url(http://www.lesmainsouvertes.com/media/accueil/fond-pdp.jpg) no-repeat 0 0;

}



#pied-droit	{

	background : url(http://www.lesmainsouvertes.com/media/accueil/fond-pdp-bobox.jpg) no-repeat 0 0;

	

}



/* ****************************************  TITRE  ***************************************** */

#box_titre {

	margin 	: 10px 0 0 14px;

	border	: 0px solid #000000;

}



/* ****************************************  PICES  ***************************************** */

#pics {

	 position 	: absolute;

	 z-index	: 60;

}



/* ***************************************  DERNIERS CHIOTS  ************************************ */

#derniers_chiots_content {

	float		:	left;

	width		:	230px;

	margin-bottom	:	6px;

	padding		: 	2px 2px 2px 2px ;

}



#box_img_chiots {

	width		: 60px; 

	float		: left; 

	display		: block;

	padding		: 2px;

	border		: 1px solid #cccccc;

}



#derniers_chiots_content  .affixe { 

	float 			: left;

	margin			: 0 0 0 5px;

	width			: 158px;

}



#derniers_chiots_content  .affixe a {	

	/* text-transform	: uppercase; */

	font-weight		: bold;

	font-size		: 9px;

	color			: #c2345f;	

}



#derniers_chiots_content  .race {

	float 			: left;

	margin			: 0 0 0 5px;

	width			: 158px;

}



#derniers_chiots_content  .race a {	

	text-transform	: uppercase;

	font-weight		: bold;

	font-size		: 9px;

}



#derniers_chiots_content  .voir {

	float 			: left;

	margin			: 0 0 0 5px;

	width			: 158px;

}



#derniers_chiots_content  .voir a {	

	font-size		: 9px;

	color			: #267ab5;

	text-decoration : underline;

}



/* ***************************************  BOBOX VIDEOS  ************************************ */



#derniers_videos_content {

	float			: left;

	width			: 238px;

	padding-top		: 10px;

	margin			: 0 0 6px 10px; 

	background : url(http://www.lesmainsouvertes.com/media/accueil/fond_video_bobox.png) no-repeat 0 0;

}	



#derniers_videos_content  .titre { 

	float 			: left;

	margin			: 0 0 0 5px;

	width			: 228px;

}



#derniers_videos_content  .titre a {	

	text-transform	: uppercase;

	font-weight		: bold;

	font-size		: 9px;

	color			: #e18100;	

}



#derniers_videos_content  .commentaire {

	float 			: left;

	margin			: 0 0 0 5px;

	width			: 228px;

}



#derniers_videos_content  .commentaire a {	

	font-size		: 9px;

}



#derniers_videos_content  .voir {

	float 			: left;

	margin			: 0 0 5px 5px;

	width			: 228px;

	text-align		: right;

}



#derniers_videos_content  .voir a {	

	font-size		: 9px;

	color			: #9b6012;

	text-decoration : underline;

}



/* *************************************** DERNIERS ELEVEURS ************************************ */

#cadre-accueil-eleveurs	{

	float			: left;

	position		: relative;

	z-index			: 10;

	background : url(http://www.lesmainsouvertes.com/media/accueil/fond-accueil-eleveurs.png) no-repeat 0 0;

	width			: 669px;

	height			: 521px;

	margin			: 0 0 0 0;

	padding			: 0 0 0 0;

}



#cadre-accueil-eleveurs #box-conteneur	{

	float		: right;

	width		: 660px;

/*	height		: 320px;*/

	margin		: 10px 0 0 0;

	padding		: 0 0 0 0;

	border		: 0px solid #000000;

}



#cadre-accueil-eleveurs #box-overflow	{

	float		: right;

	width		: 660px;

	height		: 450px;

	margin		: 17px 0 0 0;

	padding		: 0 0 0 0;

	overflow	: auto;

}



#cadre-accueil-eleveurs #box-eleveurs	{

	float		: left;

	width		: 395px;

	margin		: 0 0 0 0;

	padding		: 0 0 0 0;

}



#cadre-accueil-eleveurs #box-chiots	{

	float		: left;

	width		: 240px;

	height		: 187px;

	margin		: 0 0 0 0;

	padding		: 0 0 0 0;

}



#font-accueil-titre	{

	font-size		: 11px;

	color			: #105786;

	text-transform	: uppercase; 

	font-weight		: bold;		

}



#font-accueil-soustitre	{

	font-size	: 9px;

	color		: #8a8a8a;

}



#font-accueil-titre-noir	{

	font-size		: 11px;

	color			: #000000;

	text-transform	: uppercase; 

	font-weight		: bold;		

}



#font-accueil-soustitre-noir	{

	font-size	: 9px;

	color		: #000000;

}



#font-accueil-titre-chiots	{

	font-size		: 11px;

	color			: #8d1e4a;

	text-transform	: uppercase; 

	font-weight		: bold;		

}



#font-accueil-titre-videos	{

	font-size		: 11px;

	color			: #000000;

	text-transform	: uppercase; 

	font-weight		: bold;		

}



#font-accueil-soustitre	a {

	color		: #2e99df;

}



#derniers_content {

	float		:	left;

	width		:	190px;

	height		:	55px;

	margin-bottom	:	6px;

	margin-right:	2px;

	padding		: 	2px 2px 2px 2px ;

}



#derniers_content_etalons {

	float		:	left;

	width		:	180px;

	height		:	45px;

	margin-top	:	6px;

	margin-right:	2px;

	margin-left	:	10px;

	padding		: 	2px 2px 2px 2px ;

	border		: 	1px solid #cfcfcf;  

}



#derniers_content a:hover {

	text-decoration		:	none;

}



#derniers_box_img {

	float			:	left;

	padding			: 	2px 2px 2px 2px;

	border			: 	0px solid #256263;

}



#derniers_fiche {

	float			:	right;

	width			:	135px;

	margin-left		: 	0px;

	border			: 	0px solid #000000;

}



#derniers_fiche  p.affixe{

	color   		: black;

	font-size		: 9px;

	font-weight		: bold;

}



#derniers_fiche  p.race{

	color   		: #858585;

	font-size		: 9px;

}



#derniers_fiche  p.ville{

	color   		: black;

	font-size		: 9px;

}



/* ******************************************* SAILLIES *************************************** */

#cadre-accueil-saillie {

	width	: 280px;

	float	: left;

	margin	: 4px 0 0 10px;

}



#box_saillie {

	width	: 270px;

	margin	: 0 0 8px 5px;

}



#box_saillie #img {

	background-color : #FFFFFF;

	float	: left;

	width	: 35px;

	border	: 1px solid #000000;

	padding	: 1px 1px 1px 1px;

	margin	: 2px 4px 0 0;

}



#box_saillie #cont {

	float	: left;

	width	: 210px;

}



#box_saillie #cont #race {

	color	: #e7157a;

}



#box_saillie #cont #pere a {

	color	: #4476b3;

}



#box_saillie #cont #mere a {

	color	: #b34488;

	text-align:right;

}



/* ******************************************* ANNONCES **************************************** */

/* ******** BOX ANNONCES ********** */

#box_acc {

   position		: relative;

   width		: 260px;

   float		: left;

   margin		: 0 0 10px 0;

   padding		: 0 0 0 0;

   border:1px solid #000000; 

   }



#box_acc_petit {

	float				: right;

	width				: 70px;

	height				: 19px;

	line-height			: 19px;

	background			: url(http://www.lesmainsouvertes.com/media/charte/chiots/box_male_petit_fond.png) repeat-x 0 0;

	background-position	: bottom;

	text-align			: center;

	vertical-align		: middle;

	margin-right		: 5px;

	border				: 1px solid #c8c8c8;

}

   

#box_acc_petit a {

   color: #000000;

   font-size: 9px;

   }

   

#box_acc_txt {

	margin		: 0 0 0 5px;

	float		: left;

	width		: 250px;

	font-size	: 9px;

}

   

#box_acc_txt p#nom {

	   font-weight		: bold;

	   font-size		: 9px;

	   color			: #878787;

   }

   

#box_acc_txt p#affixe {

   font-weight		: bold;

   font-size		: 10px;

   color			: #780d85;

}



/* ******************************************* ACTUALITE *************************************** */



#annonce_cdf {

	border	: 3px solid #d6d6d6;

	padding	: 5px 5px 5px 5px;

	margin	: 0 0 13px 0;

}



#cadre-accueil-actu {

	width	: 280px;

	float	: left;

	margin	: 2px 0 0 10px;

}



#cadre-accueil-actu #box_actu_conteneur {

	width	: 265px;

	float	: left;

	margin	: 0 0 10px 8px;

}



#cadre-accueil-actu #box_actu_conteneur #img{

	float 			: left;

	width			: 50px;

	padding			: 2px 2px 2px 2px;

	border			: 1px solid #285d84;

	margin-top		: 2px;

}



#cadre-accueil-actu #box_actu_conteneur #affixe { 

	width			: 265px;

	float 			: left;

	margin			: 0 0 0 0;

	font-size		: 9px;

	color			: #999999;	

}



#cadre-accueil-actu #box_actu_conteneur #titre {

	width			: 265px;

	float 			: left;

	margin			: 0 0 0 0;

}



#cadre-accueil-actu #box_actu_conteneur #titre a {	

	font-weight		: bold;

	text-transform	: uppercase;

	font-size		: 10px;

	color			: #147dc8;	

}



#cadre-accueil-actu #box_actu_conteneur #text{

	width			: 204px;

	float 			: right;

	text-align		: justify;

	text-transform 	: lowercase;

	margin			: 0 0 0 0;

	border			: 0px solid #000000;

}



#cadre-accueil-actu #box_actu_conteneur #text a {

	font-size		: 9px;

	color			: #000000;

}



/* ******************************************* BOBOX ACTU *************************************** */



#bobox_actu_conteneur {

	width	: 240px;

	float	: left;

	margin	: 0 0 15px 10px;

	border	: 0px solid #000000;

}



#bobox_actu_conteneur #titre {

	width	: 240px;

	margin	: 0 0 0 0;

}



#bobox_actu_conteneur #titre a {

	text-transform:uppercase;

	font-weight		: bold;

	font-size		: 9px;

	color			: #147dc8;	

}



#bobox_actu_conteneur #text {

	width			: 165px;

	text-align:justify;

	float 			: left;

	text-transform 	: lowercase;

	margin			: 4px 0 0 0;

	border			: 0px solid #000000;

}



#bobox_actu_conteneur #text a {

	font-size		: 9px;

	color			: #000000;

}



#bobox_actu_conteneur #img {

	float 		: left;

	width		: 60px;

	margin		: 4px 4px 0 0;

	padding		: 0 0 0 0;

	border		: 1px solid #5789c1; 

}



/* ******************************************* BOBOX OVERFLOW *************************************** */

#bobox_overflow {

	overflow	: auto; 

	height		: 470px;

}


.image_galerie {
margin:auto;
}
.rogne img {position: relative;left: -30px;top: -20px;}
.rogne p {width: 50px;height: 50px;overflow: hidden;border: 1px solid #666666;}

a.menu_galerie {
font-weight:bold;
font-size:12px;
color:#aa3f76;
}

.cel_link {
}


.cel_link a:hover {
width:115px;
color:#FFFFFF;
border:1px solide #ffffff;
background:#aa3f76;
cursor:pointer;
display:block;
text-align:center;
}

.cel_link a {
width:115px;
height:25px;
line-height:25px;
background:#f7e8ef;
display:block;
text-align:center;
}




/************************************/
.cadre_galerie {
margin:auto;
padding: 2px 2px 2px 2px;
text-align:center;
border: 1px solid #c0c0c0;
background:#ffffff;
margin:3px;
text-shadow: 1px 1px 1px #53564c;
}
.text_sarla {
margin:auto;
padding:1px;
text-align:justify;
border: 1px solid #d167e5;
background:#ffffff;
margin:3px;
}

.rognes {overflow: hidden; width: 70px; height: 70px;border: 1px solid #cdcdcd; cursor:pointer;}
.rognes img { margin: -5px 0 0 -15px}