/*style*/
* {
	margin: 0;
	outline: none;
	padding: 0;
}
h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.17em;
}

html, body {
	background: #000;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;	
}

a { text-decoration: underline; color: black ; }

a:hover { color: #cda15c; }

img {
	behavior: url("js/iepngfix.htc");
	border: none;
}

ul, li { list-style-type: none; }

th  {
        text-align: left;
        }



/**************************************************************************************** CLASSES **/
.cb {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.container {
	margin: auto;
	width: 1000px;
}

.no-bkg { background: none; }





/**************************************************************************************** BOUTONS **/
.ajout-photo {
	background: url(/images/buttons/ajouter.png) no-repeat left top;
	float: left;
	height: 42px;
	left: 0px;
	position: absolute;
	text-indent: -100000px;
	top: 60px;
	width: 160px;
	z-index: 99;
	border:none;
}
.ajout-photo:hover { background-position: left -42px; }


.change-decors {
	background: url(/images/buttons/changer.png) no-repeat left top;
	float: left;
	height: 42px;
	left: 0px;
	position: absolute;
	text-indent: -100000px;
	top: 14px;	
	width: 160px;
	z-index: 99;	
}
.change-decors:hover { background-position: left -42px; }

.retour {
	background: url(/images/buttons/retour.png) no-repeat left top;
	float: right;
	height: 42px;
	text-indent: -100000px;
	width: 160px;
	z-index: 99;	
}
.retour:hover { background-position: left -42px; }

.suivant {
	background: url(/images/buttons/suivant.png) no-repeat left top;
	float: left;
	height: 77px;
	position: absolute;
	text-indent: -100000px;	
	top: 14px;	
	right: 0;	
	width: 78px;
	z-index: 99;	
}
.suivant:hover { background-position: left -77px; }

.visiter {
	float: right;
	height: 42px;
	text-indent: -100000px;
	width: 160px;
	z-index: 99;
	background-image: url(/images/buttons/visiter-galeries.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.visiter:hover { background-position: left -42px; }

.zoom {
	background: url(/images/buttons/zoom.png) no-repeat left top;
	bottom: 1px;
	float: right;
	height: 42px;
	text-indent: -100000px;
	position: absolute;
	right: 7px;
	width: 84px;
}
.zoom:hover { background-position: left -42px; }

.aide {
    background: url(/images/buttons/aide.png) no-repeat left top;
    float: right;
    position: absolute;
    right: 40px;
    height: 44px;
    width: 86px; 		
}
		
.aide:hover { background-position: left -44px; }

.save-photo {
    background: url(/images/buttons/save-photo.png) no-repeat left top;
    height: 42px;
    /* float: left; */
    margin: 3px 0;  
    text-indent: -10000px;
    width: 201px;
    border:none;
    color:#FFF;
}
.save-photo:hover { background-position: left -42px; }

.ajout-fiche {
    background: url(/images/buttons/ajout-fiche.png) no-repeat left top;
    height: 42px;
    /* float: left; */
    margin: 3px 0;  
    text-indent: -10000px;
    width: 155px;
    border:none;
    color:#FFF;
}

.ajout-fiche:hover { background-position: left -42px; }


/**************************************************************************************** HEADER **/
#header {
	background-position: left top;
	background-repeat: repeat-x;
	height: 160px;
}

#header .logo {
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 160px;
	width: 223px;
}

#header .pub {
	float: left;
	height: 90px;
	margin: 37px 0 0 0; 
	text-align: center;
	width: 768px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}





/**************************************************************************************** CONTENU **/
#content {
	background-position: left bottom;
	background-repeat: repeat-x;
	height: 488px;
}

#content .container {
	height: 429px;
	position: relative;
}

#content .container .deco {
	background-position: left top;
	background-repeat: no-repeat;
	bottom: 0px;
	float: left;
	left: 0px;
	position: absolute;
}


#content .pub {
    padding: 20px 0;
    text-align: center;
	font-size: 9px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}

/**************************************************************************************** MENU **/
#menu {
	background: url(/images/bkg-menu.png) repeat-x left top;
	height: 59px;
	font-family: "Helvetica Neue";
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#menu .container {height: 59px; }

#menu .portrait-famille {
	background: url(/images/portrait-famille-menu.png) no-repeat left top;
	float: left;
	height: 52px;
	margin: 0 0 0 17px;
	width: 266px;
	color:black;
}

#menu ul {
	float: left;
	height: 52px;
	margin: 0 0 0 105px;
}

#menu ul li {
	float: left;
	height: 52px;
	margin: 0 0 0 0;
}

#menu ul li a {
	background-position: left 0;
	background-repeat: no-repeat;
	color: #fff;
	float: left;
	font-size: 0;	
	height: 10px;
	margin: 21px 20px 21px 0;	
}
#menu ul li a:hover { background-position: left -10px; }

#menu ul li a.shopping {
	background-image: url(/images/buttons/menu-shopping.png);
	margin-right: 24px;
	width: 56px;
}

#menu ul li a.ambiance {
	background-image: url(/images/buttons/menu-ambiance.png);
	width: 67px;	
}

#menu ul li a.carte {
	background-image: url(/images/buttons/menu-carte.png);
	width: 104px;	
}

#menu ul li a.recherche {
	background-image: url(/images/buttons/menu-recherche.png);
	width: 66px;	
}

#menu ul li a.news {
	background-image: url(/images/buttons/menu-news.png);
	width: 57px;	
}

#menu ul li a.galerie {
	background-image: url(/images/buttons/menu-galerie.png);
	margin-right: 0;
	width: 68px;	
}

#menu ul li a.visite {
background-image: url(/images/buttons/menu-visite.png);
width: 35px;
}


/**************************************************************************************** FOOTER **/
#footer {
    background: #000;
    color: #898989;
    font-size: 11px;
    height: 100px;
    padding: 30px 0 0 0;
    text-align: center;
}

#footer a {
	color: #898989;
	margin: 0 7px 0 4px;
	text-decoration: none;	
}
#footer a:hover { color: #cda15c; }


/**************************************************************************************** FICHE > COLONNE PHOTO **/
.col-photo {
	float: left;
	height: 344px;
	margin: 12px 0 0 0;
	position: relative;
	width: 340px;
}

.col-photo .photo {
	height: 307px;
	position: relative;
	width: 338px;
}


/**************************************************************************************** FICHE > COLONNE FICHE **/
.col-fiche {
	background: url(/images/bkg-fiche.png) no-repeat left top;
	float: left;
	height: 320px;
	margin: 15px 0 0 29px;
	padding: 24px 41px 0 43px;
	width: 357px;
}

.col-fiche h2 {
	font-family: "Helvetica Neue", Helvetica;
	margin: 0 0 5px 1px;
	text-transform: uppercase;
}

.col-fiche p { line-height: 18px; }

.col-fiche a {
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}
.col-fiche a:hover { color: #cda15c; }

.col-fiche a.mail {
	background: url(/images/icons/mail-blanc.png) no-repeat left top;
	float: left;
	height: 45px;
	line-height: 12px;
	margin: 10px 38px 0 0;
	padding: 1px 0 0 54px;
	width: 100px;
}


.col-fiche-ecard {
	float: left;
	height: auto;
	width: 390px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 29px;
	padding-top: 24px;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 23px;
	background-image: url(/images/bkg-fiche-ecard.png);
	background-repeat: repeat;
	background-position: left top;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.col-fiche-ecard h2 {
	font-family: "Helvetica Neue", Helvetica;
	margin: 0 0 5px 1px;
	text-transform: uppercase;
}

.col-fiche-ecard p { line-height: 18px; }

.col-fiche-ecard a {
	color: #000;
	font-size: 10px;
	text-decoration: underline;
}


.col-fiche a.galerie {
	background: url(/images/icons/galerie.png) no-repeat left 2px;
	float: left;
	height: 47px;
	line-height: 12px;	
	margin: 10px 0 0 0;	
	padding: 1px 0 0 62px;	
	width: 100px;
}

.col-fiche .spacer {
	border-top: 1px solid #898989;
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 17px 0 14px 0;
}

.col-fiche .notation b { float: left; }

.col-fiche .notation a {
	float: right;
	margin: 1px 0 0 0;
}

.col-fiche .note {
	float: left;
	height: 20px;
	margin: -1px 3px 0 5px;
	position: relative;
	width: 100px;
}

.col-fiche .note .stars {
	background: url(/images/icons/star.png) repeat-x left center;
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	text-indent: -100000px;
}



/**************************************************************************************** FICHE > COLONNE ACTIONS **/
.col-actions {
	float: left;
	margin: 15px 0 0 21px;
	width: 164px;
}

.col-actions a {
	color: #fff;
	text-decoration: underline;
}
.col-actions a:hover { color: #cda15c; }

.col-actions .box-envoyer {
	background: url(/images/bkg-envoyer.png) no-repeat left top;
	height: 114px;
	margin: 14px 0 0 0;
	padding: 19px 20px 0 19px;
	width: 125px
}

.col-actions .box-envoyer .mail {
	background: url(/images/icons/mail-noir.png) no-repeat left top;
	display: block;
	height: 44px;
	padding: 2px 20px 0 52px;
}

.col-actions .box-envoyer .carte {
	background: url(/images/icons/carte.png) no-repeat left 2px;
	display: block;
	height: 46px;
	padding: 0 0 0 52px;	
}

.col-actions .box-prevenir {
	background: url(/images/bkg-prevenir.png) no-repeat left top;
	color: #898989;
	height: 137px;
	margin: 7px 0 0 0;	
	padding: 12px 0 0 20px;
	width: 144px;
}

.col-actions .box-envoyer .photo {
	background: url(/images/icons/envoiphoto.gif) no-repeat left top;
	display: block;
	height: 48px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 60px;
}

.col-actions .box-envoyer .galerie {
	background: url(/images/icons/envoigalerie.png) no-repeat left 2px;
	display: block;
	height: 48px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}

.col-actions .box-prevenir ul {	margin: 6px 10px 0 10px; }

.col-actions .box-prevenir ul li {
	list-style-type: disc;
	margin-bottom: 12px;
}

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

a.arrow, a.send, a.delete, a.add {
    color: black;
    text-decoration: underline;
    padding-left: 23px;
    line-height:17px;
}

a.arrow:hover, a.send:hover, a.delete:hover, a.add:hover {
    color: #cda15c;
}

a.arrow {
    background: url(/images/icons/arrow.png) no-repeat scroll 0 50% ; 
}

a.send {
    background: url(/images/icons/mail.png) no-repeat scroll 0 0 ; 
}

a.delete {
    background: url(/images/icons/del.png) no-repeat scroll 0 0 ; 
}

a.add {
    background: url(/images/icons/add.png) no-repeat scroll 0 0 ; 
}

/* ********************** VIGNETTES **************************** */

.vignette {
  float:left;
  height:140px;
  margin-bottom:10px;
  margin-left:3px;
  margin-right:3px;
  margin-top:10px;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  position:relative;
  width:140px;
}

.vignette p {
    text-align:center;
    padding:5px;
    width:140px;
}

.vignette a {
       text-decoration: none;
}


#content .container h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin: 15px 0 10px 0;
}

#content .help p { margin: 0 0 10px 0; }

.help ul {
	list-style-image:url(/images/icons/arrow.png);
	list-style-position:inside;
	text-indent:30px;
}

/**************************************************************************************** onglet recherche **/
#recherche {
	position: relative;
	top: -7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 57px;
	background-image: url(/images/bkg-recherche.png);
	background-repeat: no-repeat;
	background-position: center;
}

#content #recherche .container {
	height: 30px;
	width: 945px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	top: 15px;
}

#tri {
	position: relative;
	top: -7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
}
#content #tri .container {
	height: 30px;
	width: 945px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	top: 5px;
}

/* Formulaires de création/édition photo (express ou normale) */

 #upload_indicator {
   position:absolute;
   display:none;
   text-align:center;
   padding:30px;
   border:1px solid grey;
   background-color: #ffffdd;
   top:150px;
   left: 300px;
   width: 400px;
   opacity: 0.9 ; 
 }
 
 #upload_indicator span {
    font-size: 20px;
    font-weight: bold;
 }

/*other*/
table.list {
		border-spacing: 0px;
		border-collapse: collapse;
}

table.list td {
		border: 0px solid grey;
		margin: 0;
		padding: 8px;
}

table.list th {
        padding: 8px; 		
}


table.list tr.even {
        background-color: #f2ecd4;
}

.ecard_submit {
		background-color: lightgrey;
		color: white;
		font-size: 1.5em;
		padding: 8px;
		margin: 10px;
}

#flash-notice {
		height: 100px;
}

#flash-error {
		background-color: lightyellow;
		border: 1px solid red; 
		color: red;
		height: 80px;
}

ul.error_list li {
		color: red;
		background-color: lightyellow;
		padding: 5px;
		margin: 5px 0px;
}

a.envoi-ami {
		background: url(/images/buttons/envoi-ami.png) no-repeat left top;
		height: 42px;
		float: left;
		margin: 3px 0;
		text-indent: -10000px;
		width: 150px;
}

a:hover .envoi-ami {
		background-position: left -42px;
}

a.back {
		background: url(/images/buttons/back.png) no-repeat left top;
		height: 42px;
		float: left;
		margin: 3px 0;
		text-indent: -10000px;
		width: 92px;
}

a:hover .back {
		background-position: left -42px;
}

.suite {
		background: url(/images/buttons/suite.png) no-repeat left top;
		text-indent: -10000px;
		width: 92px;
		height: 42px;
		float:left;
}
		
.suite:hover {
		background-position: left -42px;
}

.creer-compte {
    background: url(/images/buttons/createacc.png) no-repeat left top; 
    width: 168px;
    height: 42px;   
    position: absolute;
    font-size: 0px; /* masquer le texte du bouton  */
    margin-top: 15px; 
    border: none;  
}

.creer-compte:hover {
	background-position : left -42px;	
}

/* *********************** Module E-Card **************************** */

#ecard h3,#ecard .ecard_footer {
		height: 52px;
		background-color: black;
		color: white;
		text-align: right;
		font-weight: normal;
}

#ecard h3 span {
		vertical-align: 120%;
		padding-bottom: 40px;
}

.ecard_footer {
		padding: 10px;
}

.ecard_body {
		padding: 10px;
}

#ecard .ecard_footer {
		text-align: center;
		height: 100%;
}

.ecard_content .ecard_content_top {
		background: transparent url(/images/bkg-fiche.png) no-repeat scroll 0
				top;
		height: 30px;
}

.ecard_content .ecard_content_bottom {
		background: transparent url(/images/bkg-fiche.png) no-repeat scroll 0
				bottom;
		height: 30px;
}

.ecard_content .ecard_content_middle {
		background: transparent url(/images/bkg-fiche-middle.png) repeat-y
				scroll 0 0;
		width: inherit;
		padding: 10px 25px;
		text-align: left;
		color: #000;
}

.ecard_content {
		width: 441px;
		margin-top: 20px;
}

#recherche {
		width: 965px;
}

#breadcrumb {
		margin: 15px 0px 0px 0px;
}

.jqmWindow {
		display: none;
		border: 2px solid black;
		width: 600px;
		padding: 10px;
		margin: 10px;
		left:28%;
		top: 40%;
		position: fixed;
		text-align: center;
		font-size:14px;
}

.captcha {
        vertical-align: middle;
}

.facebook {
    width: 150px;
    position: absolute;
    left: 643px;
    top: 39px;
}

a.ecard-send {
    background: transparent url(/images/buttons/envoyer-message.png) repeat-y scroll 0 0;	
    width: 172px;
    height: 42px;
    float: left;
    margin: 10px;
    text-indent: -10000px;    	
}

/* *********************************** Photos en mode Zoom (jqModal) ************************* */

 .modalHeader {
    background: url(/images/capsule-zoom.png) no-repeat scroll 0 0 ;
    color: white; 
    height: 27px;
    width: 668px;
    padding: 0px 0px 20px;
    font-size:18px;
    font-weight: bold;
 }
 
 .modalHeader span {
    font-size: 11px;
    font-weight: normal;
 }
 
  .modalDiv {
   display: none;
   position:absolute;
   top: 30px;
   left:50%;
   width:800px;
   margin-left:-400px;
   text-align:center;
 }
 
 .jqmOverlay { background-color: #000; }
 
 .modalLegende {
    width: 530px;
    height: 100px;
    background-color: #FFF; 
    border: 1px solid #FFF;
    text-align: justify;
    padding: 10px 15px;
    font-size: 11px;
 }
 
 .modalFooter {
    width: 530px;
    padding: 10px;
    background-color: #ffd;
    border: 1px solid #000;
    margin-top: 15px;
    font-size: 11px;
 }

/* ************************************ Modules de recherche ************************************* */

 #themes {
    width: 151px;
    padding: 15px;
    background-color: #CDA05C;
    float:left;
 }

 #themes ul li a:hover, #themes p a:hover { color: white ; }

 #themes p { margin: 0px !important; }
 
   span.pagination
  {
   display:none;
  }
  a.pagination, .pagenav a, .page-actuelle {
    color: white;
    padding:6px;
    text-decoration:none;
  }
  a.pagination
  {
    background-color:lightgrey;
  }
  .pagenav a {
    background-color: black;
  }
  .page-actuelle {
    background-color:#CDA05C ;
  }
  .pagenav a:hover, a.pagination:hover { color: #CDA05C; }

/*boutons*/
/**************************************************************************************** SOUS MENU **/
a.back {
	background: url(/images/buttons/back.png) no-repeat left top;
	height: 42px;
	float: left;
	margin: 3px 0;
	text-indent: -10000px;
	width: 92px;
}
a:hover.back { background-position: left -42px; }

a.sortir {
    background: url(/images/buttons/sortir.png) no-repeat left top;
    height: 42px;
    float: left;
    margin: 3px 0;
    text-indent: -10000px;
    width: 92px;
}
a:hover.sortir { background-position: left -42px; }

a.ajout-1-photo {
	background: url(/images/buttons/ajout-photo.png) no-repeat left top;
	height: 42px;
	float: left;
	margin: 3px 0;	
	text-indent: -10000px;
	width: 150px;
}

a:hover.ajout-1-photo { background-position: left -42px; }

a.ajout-2-photo {
	height: 42px;
	float: left;
	text-indent: -10000px;
	width: 160px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	background-image: url(/images/buttons/ajouter.png);
	background-repeat: no-repeat;
	background-position: left top;
}

a:hover.ajout-2-photo {
	background-position: left -42px;
}

a.choisir-1-photo {
	background: url(/images/buttons/choisir-photo.png) no-repeat left top;
	height: 42px;
	float: left;
	margin: 3px 0;	
	text-indent: -10000px;
	width: 150px;}

a:hover.choisir-1-photo { background-position: left -42px; }

a.ajout-galerie, .ajout-galerie {
	height: 42px;
	float: left;
	margin: 3px 0;
	text-indent: -10000px;
	width: 168px;
	background-image: url(/images/buttons/ajout-galerie.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
}

a:hover.ajout-galerie, .ajout-galerie:hover { background-position: left -42px; }

a.photo-express {
	height: 46px;
	width: 180px;
	margin: 3px 0;
	float: left;
	background-image: url(/images/buttons/photo-express.png);
	background-repeat: no-repeat;
	background-position: left top;
}

a.save-photo {
	background: url(/images/buttons/save-photo.png) no-repeat left top;
	height: 42px;
	float: left;
	margin: 3px 0;	
	text-indent: -10000px;
	width: 201px;
}
a:hover.save-photo { background-position: left -42px; }

a.ajout-fiche {
	background: url(/images/buttons/ajout-fiche.png) no-repeat left top;
	height: 42px;
	float: left;
	margin: 3px 0;	
	text-indent: -10000px;
	width: 155px;
}
a:hover.ajout-fiche { background-position: left -42px; }

a.envoi-ami {
	background: url(/images/buttons/envoi-ami.png) no-repeat left top;
	height: 42px;
	float: left;
	margin: 3px 0;	
	text-indent: -10000px;
	width: 150px;
}
a:hover.envoi-ami { background-position: left -42px; }

a.aide {
	background: url(/images/buttons/aide.png) no-repeat left top;
	height: 44px;
	float: left;
	margin: 3px 0;	
	text-indent: -10000px;
	position: absolute;
	right: 95px;
	top: 25px;
	width: 86px;
}

a:hover.aide { background-position: left -44px; }

a.next {
	height: 42px;
	float: left;
	margin: 3px 0;
	text-indent: -10000px;
	width: 92px;
	background-image: url(/images/buttons/suite.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.next {
	background-position: left -42px;
}

.save {
	height: 42px;
	float: left;
	text-indent: -10000px;
	width: 120px;
	background-image: url(/images/buttons/save.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	border: none; 
}

* html .save {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/buttons/save.png", sizingMethod="scale");
		
}
		
.save:hover {
	background-position: left -42px;
}

.btn_delete {
	height: 42px;
	float: left;
	text-indent: -10000px;
	width: 111px;
	background-image: url(/images/buttons/delete.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
.btn_delete:hover {
	background-position: left -42px;
}
a.cancel {
	height: 42px;
	float: left;
	text-indent: -10000px;
	width: 83px;
	background-image: url(/images/buttons/cancel.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	border: medium;
}
a:hover.cancel, .cancel:hover {
	background-position: left -42px;
}
a.createacc {
	height: 42px;
	float: left;
	text-indent: -10000px;
	width: 168px;
	background-image: url(/images/buttons/createacc.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
a:hover.createacc {
	background-position: left -42px;
}
.envoyer-message {
	height: 42px;
	float: left;
	text-indent: -10000px;
	color: transparent;
	text-transform: capitalize;
	border: medium none;
	width: 172px;
	background-image: url(/images/buttons/envoyer-message.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
.envoyer-message:hover {
	background-position: left -42px;
}
.invitation {
	height: 42px;
	float: left;
	text-indent: -10000px;
	color:transparent;
	text-transform: capitalize;
	width: 167px;
	background-image: url(/images/buttons/invitation.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	border:none;
}
.invitation:hover {
	background-position: left -42px;
}
.ok {
	height: 42px;
	float: left;
	width: 59px;
	background-image: url(/images/buttons/ok.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	border: none;
	text-indent: -2000px;
	color: transparent;
	text-transform: capitalize;
}
.ok:hover {
	background-position: left -42px;
}

.previsualiser {
    height: 42px;
    float: left;
    text-indent: -10000px;
    width: 212px;
    background-image: url(/images/buttons/previsualiser.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0;
    border: medium none;     		
}

.previsualiser:hover {
    background-position: left -42px;
}

.acheter_cadre {
    height: 42px;
    float: right;
    text-indent: -10000px;
    width: 160px;
    background-image: url(/images/buttons/acheter-cadre.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin: -6px 95px; 
    border: medium none; 		
}

.acheter_cadre:hover {
	background-position: left -42px;	
}

.btn_img {
    float: left;		
}

.annuaire-galerie {
    height: 42px;
    width: 181px;
    background-image: url(/images/buttons/annuaire-galerie.png);
    background-repeat: no-repeat;
    background-position: left top;	
    float: left;	
}

.annuaire-galerie:hover {
    background-position: left -41px;		
}

.flaner {
	height: 42px;
	width: 108px;
	background-image: url(/images/buttons/flaner.png);
	background-repeat: no-repeat;
    background-position: left top;  
    position: absolute;	
}

.flaner:hover {
    background-position: left -42px;		
}

.meme-auteur {
    height: 50px;
    width: 78px;
    background-image: url(/images/buttons/meme-auteur.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;	
}

.meme-auteur:hover {
    background-position: left -50px; 		
}

.sens-visite {
    height: 50px;
    width: 78px;
    background-image: url(/images/buttons/sens-visite.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;         		
}

.sens-visite:hover {
    background-position: left -50px; 		
}

/*/media/css/junior.css*/
/**************************************************************************************** HEADER **/
#header { background-image: url(/media/images/junior/bkg-header.png) }

#header .logo { background-image: url(/media/images/junior/logo.png); }





/**************************************************************************************** CONTENU **/
#content { background-image: url(/media/images/junior/bkg.png); }

#content .container .deco {
	background-image: url(/media/images/junior/deco.png);	
	height: 435px;
	width: 919px;
	left: -31px;
}

#content .container .deco .deco-chien {
	background: url(/media/images/junior/deco-chien.png) no-repeat left top;
	bottom: 0;
	height: 122px;
	position: absolute;
	right: 106px;
	width: 180px;
}

/*
#content .container .deco .deco-chat {
	background: url(/media/images/junior/deco-chat.png) no-repeat left top;
	bottom: 0;
	height: 93px;
	right: 98px;
	position: absolute;
	width: 58px;	
}
*/



/**************************************************************************************** POSITIONNEMENT DES CADRES **/
#content .container .cadre {
	display: block;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0;
	width: 100%;
}

#content .container .cadre1 {
	
	height: 130px;
	left: 33px;
	position: absolute;
	top: 123px;
	width: 135px;
}

#content .container .cadre2 {
	
	height: 233px;
	left: 186px;	
	position: absolute;
	top: 50px;
	width: 205px;
}

#content .container .cadre3 {
	
	height: 183px;
	left: 404px;
	position: absolute;
	top: 11px;
	width: 190px;
}

#content .container .cadre4 {
	
	height: 183px;
	left: 404px;	
	position: absolute;
	top: 200px;
	width: 190px;
}

#content .container .cadre5 {
	
	height: 183px;
	position: absolute;
	right: 196px;	
	top: 115px;
	width: 190px;
}

#content .container .cadre6 {
	
	height: 121px;
	position: absolute;
	right: -31px;
	top: 128px;
	width: 198px;
}

#content .container .cadre7 {
	
	height: 121px;
	position: absolute;
	right: -31px;
	top: 260px;
	width: 198px;
}