.info_debug { color:black; background:yellow; text-align:center; }

body {
	background: #fff;
	color: #111;
	font-family: Verdana,Helvetica,Sans-Serif;
	font-size:13px;
	letter-spacing:5px;	
	width: 900px;
	margin:0 auto;
	line-height: 140%;		
	}

input, textarea {
	font-family: Verdana,Helvetica,Sans-Serif;
	letter-spacing:3px;	
	font-size:13px;
	border: 1px solid #bfbfbf;
	color: #404040;
	background: #fff;
	padding: 2px 5px;
	}
	
input:hover, textarea:hover {
	border: 1px solid #111;
	}	
	
input:focus, textarea:focus {
	border: 1px solid #111;
	background: #bfbfbf;
	}		

input.invalid, textarea.invalid { border: 2px solid red; }
#messageInvalid {color:red;}

span {cursor:default;}

.float_reset {clear:both;}

a
{
 outline:none;
}

	
#bloc_header {
	position:relative;
	height: 105px;
	border-bottom:1px solid #808080;
	/*background: url(15px_b.png) left bottom no-repeat;*/
	}

#bloc_content {	
	/*background: url(15px_b.png) left repeat-y;*/
	padding:0 30px 30px 30px;
	display:block;
	}
	
	
#bloc_content h1 {
	font-size:150%;
	margin: 40px 0 30px 0;
	text-decoration: underline;
	}
	
#bloc_content h2 {
	font-size:120%;
	margin: 20px 0 ;
	}	

#bloc_content h3 {
	font-size:115%;
	margin: 10px 10px ;
	}	
	
#bloc_content div.signature {
	width:150px;
	height:23px;
	margin: 50px 0 0 auto;	
	text-indent:-100000px;
	background: transparent url(signature_b.png) 0 0 no-repeat;
	}	
	
#bloc_content #princ_contact {
	width:840px;
	overflow:hidden;
	}	
	
#bloc_content #princ_contact_move {
	width:3360px;
	}

#bloc_content div.bio {
	margin:0 120px;
	width:600px;
	float:left;
	}
	
	
#bloc_content div.bio p {
	font-size:100%;
	margin:20px;
	}	
	
#bloc_content #div_contact form	{
	margin:auto;
	width:515px;
	}
	
#bloc_content #div_contact span {
	width:150px;
	font-size:100%;
	margin: 5px 0;
	display:block;
	float:left;
	}	
	
#bloc_content #div_contact input {
	width: 150px;
	margin: 5px 0;	
	}	
	
#bloc_content #div_contact input.mail {
	width: 350px;
	}
	
#bloc_content #div_contact input.submit {
	margin-left:362px;
	
	}
	
#bloc_content #div_contact textarea {
	width: 500px;
	height: 185px;
	margin: 5px 0 20px 0;
	}	

	
#bloc_content  li {	
	font-size:100%;
	margin:20px 20px;
	line-height:150%;
	padding-left:30px;
	background: transparent url(minipuce_spirale_b.png) 0 50% no-repeat;
	}
	
#bloc_content #liste_galerie li, 
#bloc_content ul.thumb li, 
#bloc_content div.div_imagecontact li,
#bloc_content #ul_diapo li,
#leftright li
 {background: none; margin:0; padding:0; line-height:auto;}
	
	
#bloc_content .div_imagecontact {
	width: 600px;
	height: 342px;
	margin: 40px auto;
	background: transparent url(anais_marshall_b.jpg) 0 0 no-repeat;	
	text-align:center;
	font-size:130%;
	}	
	
#bloc_content .div_imagecontact:hover {
	background: transparent url(anais_marshall_b.jpg) 0 -342px no-repeat;		
	font-size:150%;
	}	

#bloc_content .div_imagecontact ul { padding-top:100px; 	}	
#bloc_content .div_imagecontact:hover ul { 	padding-top:75px; 		}
	
#bloc_content .div_imagecontact ul li { padding:7px; }
#bloc_content .div_imagecontact:hover ul li { padding:15px; }

#bloc_content .div_imagecontact a { color: #fff; text-decoration:none; }
#bloc_content .div_imagecontact:hover a {color: #404040; }

#bloc_content .div_imagecontact a:hover {color: #111; border-bottom: 2px solid #404040;}


#designby {
	text-align:center;
	margin-top:200px;
	font-size: 80%;
	padding:10px; 
	background-color: #bfbfbf;
	border: 1px solid #404040;
	color:#404040 ;
	}

#designby a { color: #404040 ; text-decoration:none;}
#designby a:hover {  color: #111 ; text-decoration:underline;}



#bloc_footer {
	position:relative;
	height: 55px;
	border-top:1px solid #808080;
	/*background: url(15px_b.png) left top no-repeat;*/
	text-align:right;
	}
	

/*  HEADER  */
	
#bloc_header #titre a{
	
	text-indent:-1000000px; 
	display:block;
	position:absolute;
	left:15px;
	top:25px;
	background: url(logo_b.png) left top no-repeat;
	}	
	
#bloc_header #titre a,#bloc_header #titre{	cursor:pointer;
	width:300px;
	height:45px;
	}
	
#bloc_header ul#ul1 {
	position:absolute;
		bottom:5px;
	right:0px;
	text-align:center;
	}
	
#bloc_header ul#ul2 {
	position:absolute;	
	top:20px;
	right:20px;
	text-align:center;
	}

	
#bloc_header ul.menu li {
	//display: inline ;
	float:left;
	height:24px;
	padding:0 15px;
	//width:140px;
	}

#bloc_header ul.menu li a {
	color:#808080;	
	margin: 5px 0px;
	padding: 2px 5px;
	text-decoration:none;
	font-size:120%;
	line-height:20px;
	cursor:pointer;	
	width:400px;
	}

#bloc_header ul.menu li a:hover {	
	/*font-size:120%;
	letter-spacing:8px;*/
	border-bottom: 2px solid #bfbfbf;
	color:#111;	
	}
	
#bloc_header ul.menu li a:active {	
	background-color: #111;
	color: #fff;
	border-bottom: 2px solid #111;
	}	


#mail_envoye {
	margin:40px auto;
	background: transparent url(merci.jpg) 0 0 no-repeat;	
	width:600px;
	padding-top:410px;
	font-style:italic;
	text-align:right;	
	}
	

		
/*  FOOTER  */

a#copyright {
	color:#808080;
	position:absolute;
	right:60px;
	top:0;
	text-decoration:none;
	font-size:70%;		

	}
	
a#copyright:active{
	color: #fff;
	background-color: #111;
	}	


ul.style_switcher li a
{
	display: block ;
	float:right;
	margin: 0 ;	
	margin-right: 10px ;	
	padding: 0 ;
	width:36px;		
	height:22px;
	background:  transparent url(stylesw_b.png) 0 0 no-repeat;
	border-right:1px solid #808080;
	border-left:1px solid #808080;
	border-bottom:1px solid #808080;	
	text-indent:1000000px; 
	overflow:hidden;
}

ul.style_switcher li a:hover , ul.style_switcher li a.hover
{
	background:  transparent url(stylesw_b.png) 0 -22px no-repeat;
}

ul.style_switcher li a:active
{
	background:  transparent url(stylesw_b.png) 0 0 no-repeat;	
}
/*
ul.sw_bd
{	float:right;
	margin: 0 ;	
	margin-right: 10px ;	
	padding: 0 ;
}

ul.sw_bd  li a {
	margin: 0  ;
	
}
*/



/*  CONTENT  */


#lang_change {
	float:left;
	padding:0;
	margin:0 11px;
	white-space:nowrap;
	letter-spacing:1px;	
	height:22px;
	z-index:10000;
	}


#lang_change li {
	display:inline;		
	}	

#lang_change li a{
	margin:-1px;
	background:#fff;
	color:transparent;
	text-decoration:none;
	float:left;
	font-size: 0px;
	border:1px solid #808080;
	height:10px;
	width:10px;
	line-height:1px;	
	text-align:center;
	}	
	
#lang_change li a:hover, #lang_change li a.hover{
	color:#111;
	font-size: 13px;
	line-height:19px;	
	height:22px;
	width:22px;
	margin-right:0;	
	}	
	
#lang_change li a.selected:hover{
	font-weight:bold;
	}	
	
#fil_ariane {
	margin:5px 0;
	}


#fil_ariane span,#fil_ariane a{
	padding:0 5px;
	text-decoration:none;
	font-size:110%;
	color: #808080;
	}
#fil_ariane a:active{
	color: #fff;
	background-color: #111;
	}	




/* liste_galerie */

#liste_galerie  {
	margin:20px auto;
	
	}
	
#liste_galerie li {
	display:block;
	}	
	
#liste_galerie a {	
	display:block;
	margin: 10px auto;
	line-height:150px;
	text-align:center;
	padding:0;
	border:1px solid #808080;
	color:#fff;
	text-decoration:none;
	width:600px;
	height:150px;
	background-color: #bfbfbf;
	background-position: 0 0;
	font-size:130%;
	text-decoration:none;
	}
	
#liste_galerie a:hover {	
	border:1px solid #808080;
	color:#111;
	font-size:180%;
	background-position: 0 100%;
	text-decoration:none;
	}	

#liste_galerie a:active {	
	border:1px solid #111;
	background-color: #404040;
	color:#fff;
	background-position: 0 -100% ;
	text-decoration:underline;
	}		
	
#liste_galerie h1{
	text-align:center;
	font-size:120%;
	text-decoration:underline;
	line-height:20px;
	margin:20px;
	}	



#liste_galerie div{
	width:120px;
	height:120px;
	padding:0;
	text-align:center;
	float:left;
	margin:0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}
	
/* vignette */


#div_thumb {
	width:270px;
	height:430px;
	overflow:hidden;
	padding:0;
	margin:0;
	float:left;
}

#div_thumbmove {
	width:9999999px;
	height:340px;
	//margin-left:-280px;
}


ul.thumb {
	margin:0px 10px;
	float:left;	
	width:255px;
	}

ul.thumb li {
	background: transparent;
	display: inline ;
	border: 2px solid transparent;
	float:left;
	padding:5px;
	margin:5px;
	}
	
ul.thumb li:hover {
	border: 2px solid #808080;
	}	
	
ul.thumb li:active {
	border: 2px solid #111;
	background: #111;
	}	
	
ul.thumb a {
	background-position: 0 -60px;
	background-repeat: no-repeat;
	width:60px;
	height:60px;
	display:block;
	opacity:1;
	text-indent:-1000000px; 
	}


	
	
	
	ul.thumb a:active {
	background-position: 0 0;	
	opacity:1;
	filter: alpha(opacity=100);
	}		
	
ul.thumb a:visited {
	background-position: 0 -120px;	
	opacity:0.5;
	filter: alpha(opacity=50);
	}	

	
ul.thumb a:hover {
	background-position: 0 0;	
	opacity:1;
	filter: alpha(opacity=100);
	}	
	
ul.thumb li.selected {
	border: 2px solid  #111;
	
	}
	

ul.thumb li.selected a {
	background-position: 0 0px;	
	opacity:1;
	filter: alpha(opacity=100);
	cursor:default;
	}

/* fleches */

#leftright {
	width:250px;
	margin:15px auto;
	}

#leftright li {
	display: inline ;
	float:left;
	}
#leftright li a{	
	width:125px;
	height:30px;
	display:block;	
	text-indent:-1000000px; 
	}
	
#leftright li.left a{
	background:  transparent url(left_b.png) 0 0 no-repeat;	
	}
	
#leftright li.left a:hover{
	background:  transparent url(left_b.png) 0 -30px no-repeat;	
	}	
	
#leftright li.left a:active{
	background:  transparent url(left_b.png) 0 -60px no-repeat;	
	}	
	
#leftright li.right a{
	background:  transparent url(right_b.png) 100% 0 no-repeat;	
	}	
	
#leftright li.right a:hover{
	background:  transparent url(right_b.png) 100% -30px no-repeat;	
	}
	
#leftright li.right a:active{
	background:  transparent url(right_b.png) 100% -60px no-repeat;	
	}	

/* image */

#image {
	float:right;
	text-align:center;	
	width:550px;
	display:block;	
	margin:15px 0;
	}
	
#photo {
	display:block;
	margin:auto;
	}	
	
#askmeplease {
	position:relative;
	display:block;
	cursor:pointer;
	margin:auto;
	}	
	
		
#info_photo {
	margin: 25px 5px 5px 5px;
	padding:10px 20px;
	border: 1px solid  #111;	
	//background:  #bfbfbf url(fond-gal-b.png) 99% 5% no-repeat;
	background:  #bfbfbf;
	position:relative;
	}

#info_photo h1 {	
	font-size:120%;
	letter-spacing:8px;
	margin: 10px auto;
	color:#111;
	}	
	
#info_photo p {	
	text-align:left;
	font-size:100%;
	margin-top:30px;
	color:#404040;
	}
	
#info_photo a {		
	color:#111;
	text-decoration:none;
	border-bottom: 1px dashed #111;
	}	
	
#info_photo a:hover {		
	border-bottom: 1px solid #111;
	}	
	
#info_photo a:active {		
	background: #111;
	color:#fff;
	}	

#info_photo #close {
	width:16px;
	height:15px;
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	background: transparent url(close_b.gif) 0 0 no-repeat;
	border-bottom: none;
	}	


/* DIAPORAMA */

#diaporama {
	width:400px;
	height: 400px;
	text-align:center;
	margin-left:50px;	
	display:block;
	overflow:hidden;
	}
	
#diaporama div {
	width:100%;
	height:100%;
	margin:0;
	}
	
#ul_diapo {
		width:200px;
		position:relative;
		top:-310px;
		left:520px;
		margin-bottom:-150px;
}

#ul_diapo li a{
		color:#808080;
		text-decoration:none;
		font-size:140%;
		line-height:30px;
		height:30px;
		display: block;
		padding-left:50px;
		margin:20px 0;
		background: transparent url(puce_spirale_b.png) 0 0 no-repeat;
	}
	
#ul_diapo li a:hover{
		color:#111;
		background: transparent url(puce_spirale_b.png) 0 -30px no-repeat;
	}	


/* TIPS */
.tip {	
	z-index: 13000;
	background: #fff;
	text-align:center;
	border: 1px solid  #404040;
	padding: 10px 15px;	
	max-width:400px;
}
 
.tip-title {
	font-weight: bold;
	font-size:100%;
	letter-spacing:8px;
	color: #404040;
	padding-bottom:5px;
	
}
 
.tip-text {
	font-size:80%;
}