/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
/* RESET CSS */
body {
	padding:0;
	margin:0;
	font-family: 'Lucida Grande', LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8A8A8A;
	background-color:#FFFFFF;
	line-height:1.7em;
	letter-spacing:0.02em;
	/*background-image:url(../images/bg_gris.gif);
	background-repeat:repeat-x;*/
}
a {
color:#20af56;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img {
border:0;
}
.cb {
clear:both;
font-size:1px;
height:10px;
}
h1{
font-size:1em;
color:#999999;
font-family: 'Lucida Grande', LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:0.4em 0 0.4em 0;
margin:0;

}

h1#title{
font-size:8em;
position:relative;
padding:0.15em 0 0.3em 0;
/*border-top:1px solid #F2F2F2;*/
}
h1#title a{
padding-left:5px;
}
h1 .mention {
text-transform:uppercase;
font-size:0.15em;
position:absolute;
display:block;
top:26px;
line-height:1em;
left:105px;
font-family:  'Lucida Grande', LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
}
h1 a:hover.mention {
text-decoration : line-through;
}
blockquote {
font-size:2em;
line-height:1.29em;
color:#B3B3B3;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding:0.6em;
}
h2 {
font-size:1.9em;
line-height:1.2em;
color:#B3B3B3;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
padding:0.3em 0 0 0;
}
blockquote .author{
font-size:0.5em;
display:block;
text-align:right;
font-family:  'Lucida Grande', LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
}
.txt {
/*border-bottom:1px solid #CCCCCC;*/
float:left;
font-size:1.9em;
height:220px;
overflow:hidden;
padding:10px;
padding-left:0px;
position:relative;
width:685px;
line-height:1.6em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin-right:20px;
}
.txtinfosup{
font-size:0.5em;
font-family:Verdana, Geneva, sans-serif;
line-height:1.5em;
font-style:normal;
}

.lienspe {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color:#20AF56;
	font-style:italic;
	padding:0;
	margin:0;
	padding-top:3px;
	padding-bottom:5px;
}

.txt a.flag {
position:absolute;
width:35px;
height:10px;
overflow:hidden;
background-image:url(../images/flag.gif);
top:5px;
right:5px;
text-indent:-500px;
}
a#f_fr {
background-position:0 -10px;
}
a#f_en {
background-position:0 0;
}


/* --------------------- TOP --------------------- */
.top{
/*border:2px #0099FF solid;
height:20px;*/
}
.page ul.ulalphabet{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top:#CCCCCC 1px solid;
  padding-bottom:30px;
  padding-top:5px;
  display:block;
  width:940px;
  height:50px;
  font-style:normal;
  font-family:  'Lucida Grande', LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
}
.page ul.ulalphabet li.lilettre{
font-size:1em;
float:left;
margin-right:5px;
width:15px;
}
.page ul.ulalphabet li.lilettre ul{
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom:30px;
  padding-top:5px;
  display:inline;
}
.page ul.ulalphabet li.lilettre ul li{
font-size:1em;
margin-right:20px;
}
.page ul.ulalphabet li.lilien{
font-size:1em;
float:left;
margin-right:5px;
width:65px;
}
.page ul.ulalphabet li.lilien ul{
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom:30px;
  padding-top:5px;
  display:inline;
}


.page ul.ulalphabet li.lilien ul li{
font-size:1em;
margin-right:0px;
}
.top ul li span{
position:absolute;
z-index:100;
font-weight:bold;
}

a.link {
/*float:right;*/
font-family:Georgia, "Times New Roman", Times, serif;

font-variant:small-caps;
font-style:italic;
display:block;
width:12px;
font-size:0.9em;
text-align:left;
padding-top:10px;
padding-left:3px;
padding-right:2px;
height:15px;
z-index:1200;
background-color:#FFF;
border-right:#F2F2F2 solid 1px;
overflow: hidden;
}
a.link#selected {
color:#20AF56;
background-color:#F2F2F2;
}
a.link.spe {
color:#CCC;
background-color:#FFF;
border-right:#F2F2F2 solid 1px;
}

.top #a1{
  width: 50px;
}

.top ul li p{
  font-variant:normal;
  margin: 0;
  font-style:italic;
  padding: 0;
  width: 30px;
  display: block;
  margin-left: 15px;
}

ul#nav_top {
float:left;
height:35px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0;
}
#jutitre {
float:left;
height:35px;
margin:0;
padding:0 0 0;
padding-right:35px;
line-height:1.4em;
}
#anchor_menu.page {
padding:35px 0;
}

ul#nav_top li {
display:block;
float:left;
}
ul#nav_top li a {
border-left:1px solid #DDDDDD;
display:inline-block;
height:25px;
overflow:hidden;
padding-left:10px;
padding-right:8px;
text-align:left;
color:#8A8A8A;
padding-top: 10px;
}

ul#nav_top li a#selected {
color:#20AF56;
background-image:url(../images/bg_rayure.png);
background-repeat:repeat;
}

ul#nav_top li a:hover {

background-image:url(../images/bg_rayure.png);
background-repeat:repeat;

text-decoration:none;
}

ul#nav_top li#li_home a {
text-indent:-1000px;
overflow:hidden;
background-image:url(../images/home_icon.gif);
background-repeat:no-repeat;
background-position: center center;
padding-left:8px;
padding-right:6px;
width:20px;
}
ul#nav_top li#li_home a:hover {
background-image:url(../images/home_selected.gif);
}

ul#nav_top li#li_home a#selected {
background-image:url(../images/home_selected.gif);
}

/* --------------------- END TOP --------------------- */


/* --------------------- LISTE GENERALITE --------------------- */

.b_quatre_col{
width:96%;
margin-top:10px;
margin-bottom:30px;
padding:0px;
}
.b_trois_col{
float:left;
width:700px;
margin-top:10px;
padding:0px;
}
.b_deux_col{
float:left;
width:460px;
margin-top:10px;
padding:0px;
}
.b_deux_col_plus{
float:left;
width:460px;
margin-left:20px;
margin-top:10px;
padding:0px;
}
.b_une_col{
float:left;
width:220px;
margin-left:20px;
margin-top:10px;
padding:0px;
}
.b_une_col_plus{
float:left;
width:220px;
margin:0;
padding:0px;
margin-top:10px;
}
.b_une_col h2 span{
visibility:hidden
}
.titre_repertoire{
border-bottom:1px solid #DDD;
color:#B3B3B3;
margin-bottom:5px;
padding-top:1px;
padding-bottom:4px;
}


/* --------------------- LISTE END --------------------- */

/* --------------------- INDEX WORKS ---------------------  */
.works {
padding:0;
}
.works h2 {
/* padding-bottom:5px;
border-bottom:1px dashed #CCCCCC; */
}
.works h4 {
	padding-bottom:9px;
border-bottom:1px dotted #CCCCCC;
}

.works div {
margin:0 0 10px 10px;
padding:0;
width:220px;
}

#main .works div {
margin:0 20px 40px 0;
padding:0;
}
#main .works div.end {
margin:0;
}
a.w_pic {
display:block;
width:220px;
height:123px;
padding:0;
margin:0;
padding-bottom:10px;
}

h3 {
font-size:1em;
color:#B3B3B3;
padding:0 0 0.3em 0;
}
h4 {
font-size:1em;
font-weight:normal;
padding:0;
margin:0;
margin-top:3px;
}
p {
padding:0 0 0.6em 0;
}

.esp {
font-family: Baskerville, Palatino Linotype, Georgia, Times New Roman, serif; 
}

.page, .list, .listwork {
margin-left:35px;
}

.page {
padding:10px 10px 0 10px;
width:940px;
}



.page_txt_about {
padding:0;
width:700px;
float:left;
margin-top:10px;
margin-left:20px;
}

h4 a, #workpage #col_infos h4 {
font-size:1em;
background-image:url(../images/fch.gif);
padding-left:12px;
background-repeat:no-repeat;
background-position:left center;
color:#20AF56;
}
#workpage #col_infos h4 {
margin-bottom:10px;
}
.list {
padding:10px 0 0 0;
width:940px;
padding-top:20px;
}

#main .list {
width:96%;
oveflow:hidden;
}

.listwork{
padding:0 0 0 0;
width:940px;
}

#main .works div, .about .in div.txt_about , .about .in div.txt_contact, .about .in div#pic {
float:left;
}

/* INDEX ABOUT */
.about div.in {
width:940px;
margin-left:auto;
margin-right:auto;
position:relative;
}
div.about, div.about .in {
background-color:#E4E6E7;
}
.about blockquote {
width:440px;
padding:0 10px 5px 10px;
color:#8A8A8A;
text-align:left;
}
.txt_about a {
color:#8A8A8A;
text-decoration:underline;
}
.about .in div.txt_contact {
width:220px;
padding:0 20px 0 20px;
}


#textOver {
position:absolute;
top:0;
left:470px;
width:240px;
height:269px;
background-color:#FFF;
z-index:32;
}
#textOver div {
padding: 0 10px 0 10px;
height:269px;
background-image:url(../i/fch_b.gif);
background-position:center bottom;
background-repeat:no-repeat;
}
#textOver h3 {
border-top:1px dotted #222;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:2em;
font-weight:normal;
padding-top:0.7em;
}
#textOver h3 a {
color:#8A8A8A;
}
#textOver div span {
text-transform:uppercase; font-size:0.85em;
display:block;
text-align:right;
}
#textOver ul li {
padding:0 0 4px 0;
}
#textOver ul li#menu_top {
text-align:center;
border-bottom:1px dotted #222;
border-top:1px dotted #222;
display:block;
padding:0.5em 0 0.5em 0;
margin-bottom:0.5em;
}


div.txt_contact  ul#tracklist {
padding-bottom:8px;
}
ul#tracklist {
	padding-top:8px;
}
div.txt_about .txt {
padding:9px;
width:440px;
background-color:#CCCCCC;
border:1px solid #CCCCCC;
height:110px;
}
div.txt_about .txt #txt_en {
display:none;
}
.about div#pic  {
background-image:url(../images/juliettechampain2.jpg);
padding:0;
height:220px;
width:220px;
}

div#pic  {
background-image:url(../images/juliettechampain2.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
height:220px;
width:220px;
float:left;
}

div.txt_about .txt #txt_en, .page_txt_about .txt #txt_en {
display:none;
}

#pic img, .about div.about_show {
visibility:hidden;
}
li#photos {
background-color:#FFF;
margin-top:5px;
}
li#photos a {
display:inline-block;
background-image:url(../images/fch-juliette.gif);
background-position:5px center;
background-repeat:no-repeat;
padding:3px 0 3px 18px;
}

/* NEWS */

#news .works {
width:230px;
/*border-left :1px solid #222;*/
float:right;
}
#news .newslist {
width:690px;
float:left;
}
#news .newslist h1 {
font-size:2.5em;
border-top:none;
display:inline-block;
float:left
}
.news_el.impair h1 {
color:#CCC;
}
.news_el {
border-bottom :1px solid #CCCCCC;/
margin-bottom:0px;
padding:10px;
padding-top:0px;
padding-bottom:0px;
background-color:#FFFFFF;
}
.news_el span {
font-style:italic;
}
.news_el.impair {
background-color:#FFFFFF;
}
.infonews{
	clear:both;
	width:560px;
}
.datanews{
	float:right;
	padding-top:20px;
}
.cartouche{
	background-color:#CCC;
	color:#333;
	font-size:0.9em;
	padding-left:2px;
	width:40px;
	font-weight:bold;
	padding-top:4px;
	text-align:center;
	padding-right:2px;
	float:right;
	margin-left:4px;
	display:inline-block;
	
}
#workpage .cartouche{
	width:46px;
}
#around .cartouche{
	width:50px;
}

.filet{
	border-bottom:1px solid #F2F2F2;
}





/* WORKS */
#work_container {
border-bottom:1px solid #F2F2F2;
padding-bottom:15px;
}

#col_infos {
width:300px;
float:left;
padding:0 0 10px 0;
/*border-bottom: 1px solid #8A8A8A;*/
}
#col_infos p {
padding:0.6em 0;
}
#col_infos blockquote {
/*border:1px solid #333333;*/
margin:0.3em 0 0.3em 0;
background-color:#fff;
font-size:1.6em;
line-height:1.5em;
}
#col_img {
float:left;
width:620px;
padding:0 0 0 18px;
position:relative;
}

.blockcartouche{
border-bottom:1px dotted #DDDDDD;
border-top:1px solid #DDDDDD;
color:#B3B3B3;
margin-bottom:35px;
margin-top:35px;
height:35px;


}



a.nav_project {

height:35px;
background-color:#FFF;

overflow:hidden;
margin-right:1px;
cursor:pointer;
display:block;

}

a.nav_project.next {
	float:right;
	width:468px;
}	
a.nav_project.next img{
	float:right;
}	
a.nav_project.prev {
	float:left;
	width:468px;
	border-right:1px dotted #DDDDDD;
}	
a.nav_project:hover, .legend a:hover {
background-image:url(../images/bg_rayure.png);
background-repeat:repeat;
}

h1.worktitle{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:4em;
	color:#20AF56;
	font-style:italic;
	width:300px;
	line-height:1em;
	padding-bottom:0;
	padding-top:0;
}

#legende {
padding:5px 7px;
background-color:#CCCCCC;

z-index:1001;
position:absolute;
left:30px;
top:20px;
display:none;
/*opacity:0.7;*/
/*filter: alpha(opacity = 70);*/
zoom: 1
}
#legende h3 {
padding:0;
font-weight:normal;
font-size:10px;
color:#FFFFFF;
}

#pics img {
border:1px solid #F2F2F2;
height:auto;

}

#nav {
background-color:#F2F2F2;
position:absolute;
top:-15px;
left:30px;
padding:3px;
z-index:60;

}
#nav a.activeSlide { 
background: #CCCCCC;
color : #FFFFFF;
}
#nav a:focus { outline: none; }

#nav a {
color:#20af56;
display:inline-block;
padding:3px 5px;
}
/* AROUND */

#around .list div.img {
float:left;
width:460px;
background-repeat:no-repeat;
height:307px;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
}
/* INFORMATION */


#information {
margin-left:25px;
padding:10px 0 0 0;
padding-left:10px;
width:960px;
background-image:url(../images/bg_rayure.png);
background-repeat:repeat;
}



/* BOTTOM */
.list2 {
margin-left:35px;
padding:10px 0 0 0;
padding-bottom:15px;
width:940px;
}

#bottom {
font-size:1em;
color:#666;
padding: 15px 0 10px 0;
/*background-image:url(../images/bg_top.gif);
background-repeat:repeat-x;*/
background-position:left bottom;
}

/* CONTACT */
#champs_form h3 {
	margin:0;
	padding-bottom:0;
}
.champ {
	border:1px solid #FFFFFF;
	width:400px;
	padding:3px;
	font-size:11px;
	background-color:#F2F2F2;
}

.bt {
	background-color:#20af56;
	display:inline-block;
	margin-top:5px;
	border:none;
	color:#FFFFFF;
	font-size:11px;
	padding:3px;
	text-align:center;
	width:62px;
	margin-right:5px;
}
.bt_annule {
	background-color:#CCCCCC;
	margin-top:5px;
	border:none;
	color:#333333;
	font-size:11px;
	padding:3px;
	text-align:center;
	width:62px;
	margin-right:5px;
}

.msg {
padding:20px;
background-color:#CCCCCC;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
}
.msg h2{
	color:#FFF;
}



/* LINKS */
#links_container {
padding:0px;
margin:8px 0;
float:left;
width:700px;
padding-right:10px;
}

#links_container h3 {
padding:0;
text-align:right;
}

#links_container ul li a {
color:#8A8A8A;

text-decoration:none;
}
#links_container ul li a:hover {
text-decoration:underline;
}

ul.col {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
padding-right:30px
}

/* ------- CAROUSSEL --------- */

#caroussel {
margin:0;
height:269x;
overflow:hidden;
}
#caroussel div {
height:auto;
cursor:pointer;
}