@charset "utf-8";

/*

	SFABE.COM by DOMINIQUE RADISSON
	http://www.dreewee.com
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   2.GENERAL
	   3.LAYOUT
	   4.GENERAL
	   5.HEADINGS
	   6.LINKS
	   7.IMAGES
	   8.BRANDING / HEADER
	   9.NAVIGATION
	   10.SITE INFO / FOOTER
	   10.HOME PAGE
	   12.BOARD & INFORMATIONS
	   13.LISTS
	   14.GALERIE
	   15.VIDEOS
	   16.LIENS
	   17.AGENDA
	   18.PERSONNA
	   19.TEMOIGNAGES
	   20.PAGER
	   
    -------------------
	COLORS
	rouge			#900
	orange			#F90
	vert			#CF3
	gris			#333
	
*/



@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */
@import url(debug.css); /* FORMS CSS */



/* 1.BODY
---------------------------------------------------------------------- */

body { font: 12px Georgia, Verdana, Geneva, sans-serif; background-color:#333; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */


p,ul,dl,ol {
color:#333;
line-height:140%;
margin-bottom:14px;
}

abbr {
border-bottom:1px solid #ccc;
cursor:help;
}

abbr:hover {
border-color:#999;
}

del {
color:#999;
}

strong {
font-weight:700;
}

sup {
font-size:0.75em;
position:relative;
top:-3px;
}

em { 
font-style:italic;
}


/* 3.LAYOUT
---------------------------------------------------------------------- */

#container {
margin:0 auto;
width:814px;
}

#content,#header,#footer {
padding:0 114px;
width:586px;
}

div#header {
background:url(../images/bg-header.png) repeat-y;
height:235px;
padding-top:10px;
position:relative;
}

div#content {
background:url(../images/bg-content.png) repeat-y;
padding-bottom:50px;
padding-top:50px;
}

div#footer {
background:url(../images/bg-footer.png) repeat-y;
height:157px;
}

#clear,.clear {
display:block;clear:both;
}



/* 4.GENERAL
---------------------------------------------------------------------- */



/* 5.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
font-weight:700;
}

h1 {
font-size:180%;
}

h2 {
font-size:160%;
margin:0 0 5px;
}

h3 {
color:#900;
font-size:130%;
margin:20px 0;
}

h4 {
color:#444;
font-size:115%;
margin:10px 0;
}



/* 6.LINKS
---------------------------------------------------------------------- */

a:link,a:visited {
color:#000;
}

a:hover,a:focus {
color:#333;
}



/* 7.IMAGES
---------------------------------------------------------------------- */


img {
max-width:630px;
}

img.vignette,img.vignette-h,img.vignette-v {
float:left;
max-height:120px;
max-width:120px;
}


/* 8.BRANDING / HEADER
---------------------------------------------------------------------- */

div#header table {
left:27px;
position:absolute;
top:10px;
width:760px;
}

div#header table td {
height:190px;
width:190px;
}

div#header h1 {
background:url(../images/bg-id.png) no-repeat;
display:block;
height:190px;
left:27px;
position:absolute;
text-indent:-9999px;
width:760px;
z-index:10;
}

div#header cite {
display:none;
}


/* 9.NAVIGATION
---------------------------------------------------------------------- */

ul#nav_pri,ul#nav_sec {
font-family:Arial, Helvetica, sans-serif;
}

ul#nav_pri li,ul#nav_sec li {
display:inline;
list-style:none;
}

ul#nav_pri {
background-color:#e7e7e7;
border-bottom:1px solid #dbdbdb;
border-top:1px solid #dbdbdb;
color:#666;
font:900 0.75em Arial, Helvetica, sans-serif;
height:36px;
left:27px;
position:absolute;
text-align:center;
text-transform:uppercase;
top:202px;
width:760px;
}

ul#nav_sec {
font:900 0.74em Arial, Helvetica, sans-serif;
height:20px;
left:-86px;
line-height:20px;
padding-left:81px;
position:relative;
text-align:left;
text-transform:uppercase;
top:11px;
width:674px;
}

ul#nav_pri li a:link,ul#nav_pri li a:hover,ul#nav_pri li a:visited,ul#nav_pri li a:focus {
color:#111;
display:inline-block;
height:36px;
line-height:36px;
padding:0 4px;
text-decoration:none;
}

ul#nav_sec li a:link,ul#nav_sec li a:hover,ul#nav_sec li a:visited,ul#nav_sec li a:focus {
color:#666;
padding:0 3px;
text-decoration:none;
}

ul#nav_pri li.selected a,ul#nav_pri li.selected-first a,ul#nav_pri li.selected-end a {
background-color:#F90;
color:#FFF;
}

ul#nav_sec li.selected a,ul#nav_sec li.selected-first a,ul#nav_sec li.selected-end a {
color:#F90;
}

ul#nav_pri .first,ul#nav_pri .active-first,ul#nav_sec .first,ul#nav_sec .active-first {
margin-left:0;
padding-left:0;
}

a.link-back {
background:url(../manager/css/images/back.png) no-repeat;
color:#000;
display:block;
height:40px;
margin-bottom:10px;
padding:5px 0 0 40px;
width:40px;
}


/* 10.SITE INFO / FOOTER
---------------------------------------------------------------------- */

p.copyright {
color:#666;
font:0.74em/34px Arial, Helvetica, sans-serif;
margin:0 auto;
padding-top:10px;
text-transform:uppercase;
width:930px;
}

p.copyright span {
letter-spacing:normal;
text-transform:none;
}

p.copyright span.name {
display:none;
}

p.copyright a {
color:#444;
text-decoration:none;
}

p.copyright a:hover {
color:#111;
text-decoration:underline;
}



/* 11.HOME PAGE
---------------------------------------------------------------------- */


/* 12.BOARD & INFORMATIONS
---------------------------------------------------------------------- */

span.board,span.board-blank {
display:block;
margin:20px 0;
text-align:left;
}

span.board {
background:url(../images/bg-pattern-light.png) repeat;
}

span.intro {
display:block;
min-height:1px;
overflow:visible;
}


/* 13.LISTS
---------------------------------------------------------------------- */

#content_pri ul { list-style-type:disc; list-style-position:outside; margin-left:25px;}

ul.publications li,
ul.therapeutes li,
ul.videos li,
ul.agenda li,
ul.temoignages li,
ul.liens li {
border-bottom:2px dotted #CCC;
padding:25px 0 10px;
list-style:none;
}

#content_pri ul li.last,
#content_pri ul li.last-retrait,
#content_pri ul li.gauche-last,
#content_pri ul li.droite-last {
border-bottom:none !important;
}

ul.categories {
display:inline;
}

ul.categories li {
display:inline;
margin-right:5px;
}

ul.links-more {
height:50px;
margin:0px!important;
width:100%;
padding:0; display:inline-block;
}

ul.links-more li {
float:left;
border:none;
text-indent:-9999px;
}

ul.links-more li a {
display:block;
height:38px;
width:38px;
}

ul.links-more li a.more-details {
background:url(../images/zoom_in-xsmall.png) no-repeat;
}


/* 14.PUBLICATIONS
---------------------------------------------------------------------- */


ul.publications li {
min-height:130px;
}

ul.publications li p.titre {
color:#900;
font-size:126%;
font-weight:700;
margin-bottom:20px;
}

ul.publications li .contenu p {
margin-top:1em;
}

ul.publications li p.date {
display:none;
}

.publications li.-retrait p,.publications li.first-retrait p,.publications li.last-retrait p, .publications ul.links-more {
padding-left:130px;
}

.publications li.-retrait img,.publications li.first-retrait img,.publications li.last-retrait img {
float:left;
}

.publications ul img.vignette-h {
position:relative;
top:18px;
}

.publications ul img.vignette,.publications ul img.vignette-v {
position:relative;
top:5px;
}


/* 15.THERAPEUTES
---------------------------------------------------------------------- */


.therapeutes #content_pri h4 {
color:#900;
margin-top:34px;
}

ul.therapeutes {
margin:0!important;
}

ul.therapeutes li {
margin:8px 0px 10px 0px;
padding:0 0 10px;
}

ul.therapeutes li p {
margin:0;
padding:0;
}

ul.therapeutes li p.nom {
display:inline;
font-weight:700;
padding-left:5px;
}

ul.therapeutes li p.prenom {
display:inline;
font-weight:700;
}

ul.therapeutes li p.titre {
color:#900;
font-weight:700;
margin-bottom:20px;
}

ul.therapeutes li p.contenu,ul.therapeutes li div.description {
margin-top:0;
}

ul.therapeutes li p.adresse {
margin-top:4px;
}

ul.therapeutes li p.cp {
display:inline;
}

ul.therapeutes li p.ville {
display:inline;
text-transform:uppercase;
}

ul.therapeutes li p.pj,ul.therapeutes li p.date,ul.therapeutes li p.video,ul.therapeutes li p.sexe {
display:none;
}

ul.therapeutes li img {
float:left;
}

ul.therapeutes li.-retrait,ul.therapeutes li.first-retrait,ul.therapeutes li.last-retrait {
padding-left:140px;
}

ul.therapeutes li.-retrait img,ul.therapeutes li.first-retrait img,ul.therapeutes li.last-retrait img {
margin-left:-140px;
width:120px;
}

.therapeutes ul #content_pri ul img.vignette-h {
position:relative;
top:18px;
}

.therapeutes ul #content_pri ul img.vignette,.therapeutes ul #content_pri ul img.vignette-v {
position:relative;
top:5px;
}



/* 17.AGENDA
---------------------------------------------------------------------- */

/*.home div#agenda { position:relative; left:-3px;
	width:550px; height:200px; 
	padding:5px 32px 12px 22px;
	margin:12px 0px 0px 0px;
	font-size:0.9em;
	background: url(../images/bg-agenda-home.png) no-repeat;
}*/

.home div#agenda {
background-color:#EFEFEF;
border:1px solid #CCC;
font-size:0.9em;
height:200px;
margin:12px 0 20px;
padding:5px 32px 5px 22px;
width:545px;
}

.home div#agenda p,.home div#agenda * {
color:#330;
margin:0;
}

.home div#agenda img {
left:0;
margin-right:10px;
position:relative;
}

.home div#agenda h3 {
background:url(../images/bookmark.png) no-repeat;
display:block;
font-size:1.5em;
height:32px;
margin:0;
padding:10px 0 0 33px;
width:400px;
}

.home div#agenda p.titre {
color:#900;
font-weight:700;
}

.home div#agenda p.lieu {
color:#666;
font-weight:700;
}

.agenda ul.agenda li {
display:block; position:relative; padding-top:10px;
}

.agenda ul.links-more {
height:50px;
margin:0px!important;
width:120px;
padding:0; 
position:absolute;
top:170px;
}

ul.agenda li p {
margin:0;
padding:0;
}

ul.agenda li p.titre {
color:#900;
font-size:126%;
font-weight:700;
margin-bottom:6px;
}
ul.agenda li p.lieu {
color:#999;
font-weight:700;
}

ul.agenda li p.pj,ul.agenda li p.video {
display:none;
}

ul.agenda li.-retrait p,ul.agenda li.first-retrait p,ul.agenda li.last-retrait p {
padding-left:140px;
}

ul.agenda li.-retrait img,ul.agenda li.first-retrait img,ul.agenda li.last-retrait img {
float:left;
width:120px;
max-height:160px;
}

ul.agenda img.vignette-h {
position:relative;
top:18px;
}

.home div#agenda p.contenu,ul.agenda li p.contenu,ul.agenda li div.description {
margin-top:14px;
}

.home div#agenda p.date,ul.agenda li p.date {
font-weight:700;
margin-bottom:4px;
}

ul.agenda img.vignette,ul.agenda img.vignette-v {
position:relative;
top:5px;
}

ul.agenda ol {
	border:none;
	padding:0px 0px 0px 140px;
	list-style: disc inside;
}

.agenda p.url a {
	color:#900;
	font-size:100%;
	margin:5px 0 0 0;
	font-weight:bold;
}


/* 16.LIENS
---------------------------------------------------------------------- */

ul.liens li p.titre a {
color:#900;
font-size:126%;
font-weight:700;
text-decoration:none;
}

ul.liens li img {
float:left;
margin:0 16px 12px 2px;
max-height:60px;
max-width:120px;
}

ul.liens li.-retrait p,ul.liens li.first-retrait p,ul.liens li.last-retrait p {
padding-left:140px;
}

ul.liens li.-retrait img,ul.liens li.first-retrait img,ul.liens li.last-retrait img {
float:left;
max-width:120px;
}

ul.liens img.vignette-h {
position:relative;
top:18px;
}



/* 18.PERSONA
---------------------------------------------------------------------- */

.persona div#content_pri { }
.persona div#content_sec { }


ul.persona li { }

ul.persona li.first,
ul.persona li.gauche-first,
ul.persona li.droite-first {  }

ul.persona li.last,
ul.persona li.gauche-last,
ul.persona li.droite-last { }

ul.persona li a:link,
ul.persona li a:visited { }
ul.persona li a:hover,
ul.persona li a:focus { }
ul.persona li img { }

ul.persona p { }
ul.persona p.date { }



/* 19.TEMOIGNAGES
---------------------------------------------------------------------- */

.temoignages div#content_pri { }
.temoignages div#content_sec { }


ul.temoignages li { }

ul.temoignages li.first,
ul.temoignages li.gauche-first,
ul.temoignages li.droite-first {  }

ul.temoignages li.last,
ul.temoignages li.gauche-last,
ul.temoignages li.droite-last { }

ul.temoignages li a:link,
ul.temoignages li a:visited { }
ul.temoignages li a:hover,
ul.temoignages li a:focus { }
ul.temoignages li img {  }

ul.temoignages p { }
ul.temoignages p.date { }



/* 20.CONTACT
---------------------------------------------------------------------- */

body.contact span.intro { position:absolute; margin-left:280px; width:300px; height:140px; }


/* 21.PAGER
---------------------------------------------------------------------- */

#pager {
font-size:9px;
margin-top:40px;
text-align:center;
width:100%;
}

#pager li {
display:inline;
list-style:none;
padding:5px;
}

#pager li a {
padding:5px;
text-decoration:none;
}

#pager li a.current {
border:1px solid #000;
color:#000;
}

#pager li.previous a,#pager li.next a {
border:none;
color:#000;
}

#pager a:link,#pager a:visited {
border:1px solid grey;
color:grey;
}

#pager a:hover,#pager a:focus {
border:1px solid #333;
color:#333;
}