@charset "utf-8";
/* CSS Celibest | Okus Pokus */


div#contents {
	position: relative;
	width: 640px;
	padding: 0 0 0 19px;
}
div#main_ctn {
	width: 630px;
	position: relative;
	padding: 10px 10px 20px 20px;
}


/*================================================= Fiche détaillée =================================================*/

div.paginationtop {
	height: 60px;
	background: url(/media/_img/02_recherche/pag-top_bg.png) bottom left no-repeat;
}
div.paginationtop ul {
	padding-top: 5px;
}
div.paginationtop ul li {
	float: left;
	color: #fff;
	margin: 0 5px 0 0;
}
div.paginationtop ul li.first {
	margin: 0 5px 0 10px;
}
div.paginationtop h1 {
	clear: left;
	margin: 0 8px;
	font-size: 20px;
	font-weight: bold;
	color: white;
}
/*div.paginationtop a {
	font-size: 0.9em;
	height: 20px;
	display: block;
}
div.paginationtop a.back {
	float: left;
	padding: 0 0 0 11px;
	margin: 5px 0 0 12px;
	background: url(/media/_img/_general/fleches_gauche-2.png) 0 6px no-repeat;
}
div.paginationtop a.prev,
div.paginationtop a.prev-off {
	float: right;
	padding: 5px 10px 0 26px;
	margin: 0 10px 0 0;
	border-right: 1px solid #b15fa1;
}
div.paginationtop a.prev {
	background: url(/media/_img/_general/puce_flecheprev.png) top left no-repeat;
}
div.paginationtop a.prev-off {
	background: url(/media/_img/_general/puce_flecheprev-off.png) top left no-repeat;
}
div.paginationtop a.next,
div.paginationtop a.next-off {
	float: right;
	margin: 0 10px 0 0;
	padding: 5px 26px 0 0;
}
div.paginationtop a.next {
	background: url(/media/_img/_general/puce_flechenext.png) top right no-repeat;
}
div.paginationtop a.next-off {
	background: url(/media/_img/_general/puce_flechenext-off.png) top right no-repeat;
}*/

div.pg-src-detail a.btn_mail {
	float: right;
	font-size: 0.9em;
	margin: 10px 0 10px 0;
}



div.colG {
	clear: both;
	width: 125px;
	float: left;
	padding: 0 0 0 15px;
}
div.colG span.infos {
	font-weight: bold;
	display: block;
	color: #828282;
	font-size: 0.9em;
	margin: 10px 0 0 10px;
}
div.colG ul.infos {
	list-style-type: none;
	color: #828282;
	font-size: 0.9em;
	margin: 0 0 0 10px;
}
div.colG ul.infos li {
	padding: 0 0 0 8px;
	background: url(/media/_img/_general/puce_fleche.png) 2px 6px no-repeat;
}



ul.shortcuts {
	list-style-type: none;
	margin: 15px 0 0 0;
}
ul.shortcuts li {
	margin: 0 0 3px 0;
}
ul.shortcuts li a {
	display: block;
	width: 116px;
	height: 33px;
}
ul.shortcuts li a#sc_mail {
	background: url(/media/_img/02_recherche/sc_mail.png) top left no-repeat;
}
ul.shortcuts li a#sc_flashelle {
	background: url(/media/_img/02_recherche/sc_flash-elle.png) top left no-repeat;
}
ul.shortcuts li a#sc_flashlui {
	background: url(/media/_img/02_recherche/sc_flash-lui.png) top left no-repeat;
}
ul.shortcuts li a#sc_carnet {
	background: url(/media/_img/02_recherche/sc_carnet.png) top left no-repeat;
}
ul.shortcuts li a#sc_anniv {
	background: url(/media/_img/02_recherche/sc_anniv.png) top left no-repeat;
}



div.fiche {
	width: 460px;
	float: right;
	padding: 0 18px 0 0;
}
div.fiche h2 {
	float: left;
	font-weight: normal;
	font-size: 1.3em;
}
div.fiche h2 strong {
	font-size: 1.4em;
}
div.fiche span.online {
	float: right;
	margin: 8px 0 0 0;
}
div.fiche p.message {
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.2em;
	padding: 0 0 0 13px;
	margin: 6px 0 25px 0;
	background: url(/media/_img/_general/puce_guill-1.png) top left no-repeat;
}
div.fiche dl dt {
	border-top: 1px dotted #ccc;
	padding: 4px 0 3px 0;
	margin: 10px 0 0 0;
	font-weight: bold;
}
div.fiche dl dd {
	margin: 0 0 8px 0;
}
div.fiche dl dd ul {
	list-style-type: none;
}




div.paginationbottom {
	clear: both;
	margin: 0 0 10px 0;
}
div.paginationbottom a {
	font-size: 0.9em;
	height: 20px;
	display: block;
}
div.paginationbottom a.back {
	float: left;
	padding: 0 0 0 11px;
	margin: 5px 0 0 12px;
	background: url(/media/_img/_general/fleches_gauche-2.png) 0 6px no-repeat;
}
div.paginationbottom a.prev,
div.paginationbottom a.prev-off {
	float: right;
	padding: 5px 10px 0 26px;
	margin: 0 10px 0 0;
	border-right: 1px solid #e2c3db;
}
div.paginationbottom a.prev {
	background: url(/media/_img/_general/puce_flecheprev.png) top left no-repeat;
}
div.paginationbottom a.prev-off {
	background: url(/media/_img/_general/puce_flecheprev-off.png) top left no-repeat;
}
div.paginationbottom a.next,
div.paginationbottom a.next-off {
	float: right;
	margin: 0 10px 0 0;
	padding: 5px 26px 0 0;
}
div.paginationbottom a.next {
	background: url(/media/_img/_general/puce_flechenext.png) top right no-repeat;
}
div.paginationbottom a.next-off {
	background: url(/media/_img/_general/puce_flechenext-off.png) top right no-repeat;
}


/* header */
div#header div#logo a {
	display: block;
	position: absolute;
	top: 18px;
	left: 50px;
	width: 174px;
	height: 83px;
	background: url(/media/_img/_general/logo_celinord.png) top left no-repeat;
}

div#header div.txtzero {
	display: block;
	position: absolute;
	top: 61px;
	left: 291px;
	width: 352px;
	height: 15px;
	background: url(/media/_img/_general/slogan.png) top left no-repeat;
}
/* fiche */
div.fiche h1.mauve {
	float:left;
	font-size: 1.3em;
	font-weight: normal; 
}
div.fiche h1.mauve strong{
	font-size: 1.4em;
}
/* Panel complet */
div#panelD {
	float: right;
	witdh: 300px;
	position: relative;
	height: auto;
	padding-right: 70px;
	margin-top: 50px;
}
/* Contenant du panel */
div#panelDcontent { 
	text-align: justify;
	width: 200px;
	height: 475px;
}

/* Chaque blocs*/
div.mod_xsmall {
	background: url(/media/_img/_general/bg_mod_xsmall.png) top left no-repeat;
	width: 240px;
	height: 200px;
}
div div a {color:black; text-decoration:none;}
div div a:hover {color:#9D3688; text-decoration:underline;}
/*feinte molle pour le lien retour*/
/*div div a.back:hover{color:white;}*/
div div a.back{margin-left: 40px;}
/* Bloc Tchat */
div.livetchat {margin-top: 50px; height: 140px;}
div.gray {border-bottom: 1px dotted gray; margin-bottom: 1px; height:48px;}
div.gray img {width: 45px; height: 45px; float: left; margin-right: 5px;}
img.livetchat {height: 41px; width: 41px; margin-right: 3px; vertical-align: middle; float: left;}
div.long {height: 300px;}
div.mod_xsmall h2 {color: #f9b0ea; font-size: 1em; padding: 8px 0 0 14px; white-space: nowrap;}
div.mod_xsmall h2 strong {color: white; font-size: 1.2em;}
div.mod_xsmall div.container {padding: 10px;}
div.mod_xsmall div.container div.list0 {width: 110px; float: left; clear: left;}
div.mod_xsmall div.container div.list1 {width: 110px; float: right; clear: right;}
div.mod_xsmall div.container div.list {width: 220px;}
div.mod_xsmall div.clear {clear: both;}
div.mod_xsmall div.temp, div.mod_large div.temp {font-style: italic; text-align: right; font-size: 0.8em;}
div.photoprofil {text-align: justify; margin: 10px 0;}
div.photoprofil img {margin: 4px 15px 1px 10px; float: left; width: 300px; height: 300px;}
div.paginationtop {height: 60px;}
div.paginationtop h1.white {float:left; font-size: 1.3em; font-weight: normal; margin: 5px 15px;}
div.paginationtop h1.white strong {font-size: 1.4em;}
div.paginationtop h2.white {float:left; font-size: 1.2em; font-weight: normal; margin: 5px 15px;}
div.paginationtop h2.white strong {font-size: 1.3em;}
div.paginationtop div.white {color: white;margin: 0 15px;font-size: 1.2em;clear: both;}
div.paginationtop a {color: white;}
div.paginationtop a:hover {color: white;}
div.hMin {float: left; width: 0px; height: 400px;}
div.liste {padding: 0 0 0 100px;}
div.liste ul.dpt {margin: 0 0 10px 20px;}
div.titre h2 {margin: 10px 15px 0 15px; font-weight: normal; font-size: 1.2em;}
div.titre h2 strong {font-size: 1.3em;}
div.listeV {padding: 0 0 0 50px; float: left;}
div.listeV li.l0, div.listeV li.l1, div.listeV li.l0L, div.listeV li.l1L {float: left; width: 270px; height: 165px; padding: 0 5px; margin: 0 10px; text-align: justify;}
div.listeV li.l0, div.listeV li.l1{background:url("/media/_img/_general/fond_liste.png") no-repeat scroll right bottom transparent;}
div.listeV li.l0, div.listeV li.l0L {clear: left; margin-left: 0px;}
div.listeV img {margin: 0 5px; float: left;}
div.listeV div.pseudo {font-weight: bold; font-size: 1.3em; display: block; text-align: center; margin: 0 0 0 117px; color: #f39604;}
div.listeV div.abstract {float: left; width: 145px;}
div.listeV a.orange {color: #f39604;}
div.listeV a.orange:hover {color: #f39604; text-decoration: underline;}

/* Dernieres inscriptions */
div.mod_large {
	width: 584px;
	background: url(/media/_img/01_home/bg_mod_large.png) top left no-repeat;
	position: relative;
	margin: 0 0 6px 30px;
	background-color: #f9f9f9 !important;
}
div.mod_large h2 {color: #f9b0ea; font-size: 1em; padding: 8px 0 0 14px;}
div.mod_large h2 strong {color:white; font-size: 1,2em;}

div#lastreg ul {
	list-style-type: none;
	width: 550px;
	height: 130px;
	padding: 14px 0 0 25px;
}
div#lastreg ul li {
	float: left;
	height: 130px;
	padding: 0 15px 0 10px;
}
div#lastreg ul li a {
	text-decoration: none;
}
div#lastreg ul li span {
	display: block;
	font-size: 0.85em;
	line-height: 1.2em;
	text-decoration: none;
}
div#lastreg ul li span.pseudo {
	font-weight: bold;
}
div#lastreg ul li span.ville {
	color: black;
}

div#inscription{
	float: right;
	margin: 20px 30px 0 0;
}

div#footer {
	background: url(/media/_img/_general/bg_footer_celinord.png) top left no-repeat;
}

div#homefooter {
	position: relative;
	width: 960px;
	height: 40px;
	margin-top: 20px;
	padding-top: 20px;
	clear: both;
	/*background: url(/media/_img/_general/bg_homefooter.png) top left no-repeat;*/
}