@charset "utf-8";
* {
	margin:0;
	padding:0;
}
html, body {
	font-size: 100%;
	height: 100%;
}
body {
	background-color: #fff;
	font-family: "Source Sans Pro", "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1em; 
	line-height: 1.2;
 }
@media screen{ 
body>header{
   position:fixed;
}
body>aside {
   position:fixed;
}
 * html body{
  overflow:hidden !important;
} 
 * html div#contenu{
	margin-top: 200px;
	padding-bottom: 30px;
	overflow:auto;
	height: 100%;
}
#contenu  {
	width: 700px;
	margin-left: 320px;
	margin-bottom: 1em;
	height: 100%;
}
header{
	position: absolute;
 	top:0;
 	left:0;
	width:600%;
	height: 106px;
	background: url(../../img/bkg_header.png) repeat-x;
	border-radius:3px;
	box-shadow:0 0 15px #999;
	z-index: 1000;
}
/*************   L I E N S  *************
*****************************************/	
a {
	color: rgb(155, 0, 0);
	text-decoration: none;
}
a:hover, a:focus {
	color: #000;
}
a.lien_ext {	
}
/**********   N A V I G A T I O N   **********
**********************************************/
nav  {
	float: left;
	margin-top: 10px;
	margin-left: 250px;
	width: 1000px;
	font: small-caps bold 1.3em Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}
nav ul {
	margin-top: 5px;
	margin-bottom: 10px;
}
li  {
	list-style-type: none;
	list-style-image: none;
}
nav li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	line-height: 30px;
}
nav li.carre  {
	list-style-type: none;
	background: url(../../img/carre-rouge.png) no-repeat ;
	background-position: 0 0.48em;
	padding-left: 45px;
}
nav a {
	color: rgb(102, 102, 102);
	transition: color 0.2s linear 0s;
	text-shadow: 1px 1px 0 #FFFFFF;
}
nav li a:hover  {
	color: rgb(220, 38, 10);
	text-decoration: none;
	text-shadow: 1px 1px 0 #000;
}
/************ A C C U E I L    *********
****************************************/
#accueil  {
	background-color: #bbb;
}
#home { 
	position:absolute;
	background-color: #fff;
	left: 50%;  
	top: 50%;
	width: 980px; 
	height: 600px; 
	margin-top: -300px;
	margin-left: -500px;
	background-image: url(../../img/bkg-accueil.jpg) ;
}
#acc_english {
	position: relative;
	left: 241px;
	top: 45px;
	width: 35px;
	height: 125px;
}
a.english  {
	display: block;
	background-image: url(../../img/acc_eng.png);
}
#acc_francais {
	position: relative;
	left: 241px;
	top: 295px;
	width: 35px;
	height: 138px;
}
a.francais  {
	display: block;
	background-image: url(../../img/acc_fra.png);
}
a.english:hover, a.francais:hover  {
	background-color: #bbb;
}
h1.accueil  {
	display: none;
}
.biofirst {
	font-size: small;
	display: none;
}
/************ M E N U    ***************
****************************************/

aside {
	position: absolute;
	top: 140px;
	left: 0; 
	width: 290px;
}
aside ul {
	margin-left: 15px;
	height: auto;
	border-left: solid 2px rgb(171, 171, 171);
}
aside li  {
	margin-left: 12px;
	list-style-type: none;
	list-style-image: none;
	font: 1em "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.05em ;
	letter-spacing: .01em;
	margin-bottom: .10em;
}
.navigation .toggle, .navigation .fixe {
	display: block;
}
.navigation ul  {
	border-left: none;
	margin-left: -5px;
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
/*	color: rgb(120, 0, 0);*/
}
.sub li, .ouvert li {
	margin-bottom: -3px;
	font-size: 1em ;
/*	line-height: 1.3em;*/
	padding-left: 5px;
}
/*.navigation li.inter  {
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: -10px;
	padding-top: 5px;
	padding-left: 8px;
}*/
.navigation ul.trait  {
	margin-left: 2px;
	border-left: solid 1px rgb(171, 171, 171);
}
.navigation li.sous  {
/*	font-size: 0.9em;*/
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 10px;
}
/*********  T A B   A L P H A   ********
****************************************/

aside table {
/*	margin-left: 5px;	*/
	width: 145px;
	border-collapse: collapse;
}
aside td  {
	font: bold 15px "Source Sans Pro", "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	border: solid 1px rgb(171, 171, 171);
	width: 28px;
	height: 28px;
}
.hh, .gh, .dh  {
	border-top: none;
}
.gg, .bg, .gh {
	border-left: none;
}
.bg, .bb, .bd  {
	border-bottom: none;	
}
.bd, .dd, .dh {
	border-right: none;
}
.sans  {
	color: rgb(171, 171, 171);
}
aside .voir {
	text-align: left;
	height: 45px;
	margin: 20px 205px auto -1px; 
}
.titre, .titre-en  {
	margin: 0 0;
	height: 400px;
	width: 150px;
}
#utils {
	text-align: center;
	top: 95px;
	left: 950px;
	position: fixed;
	width: 150px;
	height: 20px;
}
#utils a {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*********   P A G E S   ***********
***********************************/
section   {
	background: url(../../img/bkg_page.png) repeat;
	border: solid 2px rgb(171, 171, 171);
	border-radius:2px;
	box-shadow:3px 3px 12px #999;
	margin-top: 40px;
	padding-bottom: 2em;
	width: 700px;
}
#fiche  {
	margin-top: 150px;
}
/*#pop  {
	width: 90%;
	margin: 30px;
	padding-bottom: 1em;
}*/
section a  {
	text-decoration: underline;
}
/*************  T Y P O G R A P H I E  ***********
*************************************************/
h2, h3, h4, h5 {
	color: rgb(102, 102, 102);
}
h1 {
	font-size: 1.6em;
	font-variant: small-caps;
	color: rgb(155, 0, 0);
	letter-spacing: 1px;
	text-align: center;
	margin: 5em auto -1em auto;
	alignment-baseline: baseline;
}
h1 span  {
	font-size: .9em;
}
#fiche h1 {
	font-size: 1.3em;
	margin: 1.3em auto 1em 2em;
	text-align: left;
}
h2 {
	font-size: 1.3em;
	margin: 1.2em 4.5em .5px 3.4em;
	text-indent: -0.7em;
}
h2:before {
	content: url(../../img/pucer.gif);
}
h3 {
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 2em 4.5em 0 4.1em;
}
h3 span  {
	font-size: 0.9em;
	letter-spacing: normal;
	font-weight: normal;
}
h4  {
	font: bold 0.9em/1.3 Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	margin: 1.3em 4.5em 4px 5em;
}
#fiche h4 {
	margin-left: 5em;
	margin-bottom: -15px;
}
h5   {
	font-size: 1.1em;
	margin : .8em 4.5em -0.8em 4.1em;
	text-indent: -.9em;
}
h5:before {
	content: url(../../img/flecher.gif);
}
h5 span  {
	font-size: .9em;
	color: rgb(102, 102, 102)
}
strong  {
	color: rgb(102, 102, 102);
	font-weight: bold;
}
em {
	font-style: italic;
}
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
    top: -0.5em;
}
hr  {
	display: block;
	border: 0;
	height: 2px;
	border-top: 2px solid rgb(171, 171, 171);
	margin: 1.5em 4.5em 0 4.5em;
}
img  {
	border: none;
    -ms-interpolation-mode: bicubic;
}
p, blockquote {
	text-align: justify;
}
p {
	margin: 0.8em 4.5em 0 4.5em;
}
p.notes  {
	font-size: .9em;
	margin-left: 6em;
	margin-top: 4px;
	line-height: 1.1;
}
p.notes-txt  {
	text-align: center;
	font-size: .9em;
	line-height: 1.1;
}
.first  {
	margin-top: 2em;
}
blockquote   {
	margin: 0 6em .8em 3em;
}
blockquote p  {
	font-size: 0.938em;
}
#actus   {
 	background: url(../../img/bkg-actus.jpg) top left no-repeat fixed;
}
#actus .titre  {
	background: url(../../img/titr-actus.png) bottom left no-repeat ;
}
#actus .titre-en  {
	background: url(../../img_en/titr-news.png) bottom left no-repeat ;
}
#archi  {
	background: url(../../img/bkg-archi.jpg) top left no-repeat fixed;
}
#archi .titre {
	background: url(../../img/titr-archi.png) bottom left no-repeat ;		
}
#archi .titre-en {
	background: url(../../img_en/titr-archi.png) bottom left no-repeat ;		
}
#asso  {
	background: url(../../img/bkg-asso.jpg) top left no-repeat fixed;
}
#asso .titre{
	background: url(../../img/titr-asso.png) bottom left no-repeat ;	
}
#asso .titre-en{
	background: url(../../img_en/titr-friends.png) bottom left no-repeat ;	
}
#bio  {
	background: url(../../img/bkg-bio.jpg) top left no-repeat fixed;
}
#bio .titre  {
	background: url(../../img/titr-bio.png) bottom left no-repeat ;	
}
#bio .titre-en  {
	background: url(../../img_en/titr-biography.png) bottom left no-repeat ;	
}
#oeuvre  {
	background: url(../../img/bkg-oeuvre.jpg) top left no-repeat fixed;
}
#oeuvre .titre  {
	background: url(../../img/titr-oeuvre.png) bottom left no-repeat ;
}
#oeuvre .titre-en  {
	background: url(../../img_en/titr-works.png) bottom left no-repeat ;
}
#ecouter  {
	background: url(../../img/bkg-ecouter.jpg) top left no-repeat fixed;;
}
#ecouter .titre  {
	background: url(../../img/titr-ecouter.png) bottom left no-repeat ;
}
#ecouter .titre-en  {
	background: url(../../img_en/titr-listen.png) bottom left no-repeat ;
}
#ecrits   {
	background: url(../../img/bkg-ecrits.jpg) top left no-repeat fixed;
}
#ecrits .titre  {
	background: url(../../img/titr-ecrits.png) bottom left no-repeat ;	
}
#ecrits .titre-en  {
	background: url(../../img_en/titr-writing.png) bottom left no-repeat ;	
}
#lire  {
	background: url(../../img/bkg-lire.jpg) top left no-repeat fixed;
}
#lire .titre{
	background: url(../../img/titr-lire.png) bottom left no-repeat ;	
}
#lire .titre-en{
	background: url(../../img_en/titr-read.png) bottom left no-repeat ;	
}
#regarder  {
	background: url(../../img/bkg-regarder.jpg) top left no-repeat fixed;
}
#regarder .titre  {
	background: url(../../img/titr-regarder.png) bottom left no-repeat ;
}
#regarder .titre-en  {
	background: url(../../img_en/titr-look.png) bottom left no-repeat ;
}
/*#contbio, #contactu, #contbiblio, #contasso, #contdisks, #contecrits {
	text-align: left;
	width: 700px;
}*/

#contactu ul, #contecrits ul, #catalogue ul, #biblio ul {
	margin: .3em 6em 1em 6em;
}
#contactu li, #contecrits li, #catalogue li, #biblio li  {
	display: list-item;
	list-style-position: outside;
	padding-bottom: 5px;
	list-style-image:	url(../../img/puce.png);
}
#contecrits li.mf  {
	font: small-caps bold 1.1em "Source Sans Pro", "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
#contecrits li.mf p {
	font: normal 0.9em "Source Sans Pro", "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin-top: -1px; 
	margin-left: 10px;
}
#contecrits h3  {
	margin: 1em auto -0.6em 3.5em;
	font-size: 1.4em;
	color: rgb(88, 88, 88);
	letter-spacing: 1px;
}
p.titr  {
	margin: 0.8em 4.4em 0 4.4em;
	line-height: 1.1;
	font-size: 1.1em;
	text-align: justify;
}
p.titr:before  {
/*	content: url(../../img/flecher.gif);*/
}
#biblio p.titr  {
	margin: 0.8em 4.4em 0 4.4em;
	line-height: 1;
	font-size: 1.1em;
	text-align: justify;
}
#biblio p.first {
	margin-top: 2em;
}
#biblio a {
	font: bold 0.8em verdana;
	text-decoration: none;
}
p.titr span{
	font-weight: bold;
	color: rgb(102, 102, 102);
}
.comm   {
	margin: 0.08em 6.5em 0 6.5em;
	text-align: justify;
	font-size: 1em;
	line-height: 1;
}
#contecrits .txt   {
	text-align: justify;
	margin-left: 51px;
}
/*****  BIOGRAPHIE  CHRONOLOGIE  **********
*******************************************/
#biographie p  {
	font-size: 1em;
	margin: 0.5em 4.5em -.2em 5em;
	line-height: 1.1em;
}
#biographie h3  {
	font-size: 1.2em;
	letter-spacing: 1px;
	margin: 1em 4.5em -.4em 4.1em;
}
#biographie .note  {
	margin: 0.5em 6em -.2em 6.3em;

}
/*****  CATALOGUE  NOTICES  DISQUES *******
*******************************************/
#catalogue p  {
	font-size: 1.1em;
}
#catalogue h2 {
	margin: 1.2em 4.5em -1em 4.6em;
}
#catalogue dl, #contdisks dl  {
	margin: 2em 4.5em 0 6em;
}
#catalogue dd, #contdisks dd  {
	margin-bottom: 0.6em;
	line-height: 1em;
}
#catalogue a, #contdisks a {
	font-size: 1.1em;
	text-decoration: none;
}
#catalogue dd span, #contdisks dd span  {
	font-size: 0.9em;
}
#contdisks ul, #fiche ul  {
	margin: 1.8em 4.5em 0 4.5em;
}
#contdisks li, #fiche li  {
	list-style-image: url(../../img/disque.png);  
	margin-top: 15px;
	font-size: 1.1em;
}
#notice  {
	margin-top: 100px;
}
.lecteur  {
	float: left;
	margin: 1em 2em 0.5em 5em;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	text-align: center;
}
.notice_extrait  {
	margin-left: 20px;
}

/******  A S S O C I A T I O N  **********
******************************************/
#contasso ul {
	margin: 15px auto 15px 50px;
}
#contasso li {
	display: list-item;
	list-style-position: outside;
	padding-bottom: 3px;
	list-style-image: url(../../img/carre-puce.png);
}
#contasso a  {
	font-weight: bold;
}
#box_asso_1, #box_asso_2 {
	margin:0 5px 2em 50px;
	padding: 0;
	float:left;
	width:270px;
}
#box_1, #box_2 {
	margin:0 5px 2em 85px;
	padding:8px;
	float:left;
	width:230px;
}
.c2 {
	margin-top: 35px;
	margin-left: 1px;
}
.c3 {
	background-color: #ccc;
	font-size: 0.90em;
	line-height: 1;
	margin-left: 1px;
	margin-top: -5px;
	width: 228px;
	height: 75px;
	padding: 6px;
}
fieldset {
	border: none;
	margin-left: 1em;
}
/******  A R C H I  **********************
******************************************/
.vignette {
	width: 241px;
	margin: 30px 0 10px 73px;
	float: left;
}
.a1 {
/*	margin-top: 20px;*/
	margin-left: 1px;
}
.a2  {
	background-color: #ccc;
	font-size: 0.90em;
	line-height: 1;
	margin-left: 1px;
	margin-top: -5px;
	width: 228px;
	height: 75px;
	padding: 6px;
}

footer {
	margin-left: 4em;
	margin-bottom: 1.5em;
	font-size: .9em;
}
input {
	border: dotted 1ps #ddd;
}
textarea {
	border: dotted 1ps #ddd;
	height: 150px;
	width: 300px;
}
input[type=submit] {
	background-color: #ddd;
}
input[type=submit]:hover {
	background-color: #fff;
}
.error-messge  {
	color: rgb(220, 38, 10);
}
/*********Divers*******/
.scroll {
	bottom: 50px;
	float: right;
	margin-left: 750px;
	position: fixed;
	width: 100px;
	height: 150px;
}
#share {
	text-align: center;
	margin: .8em 9em .8em 9em;
	clear: both;
}
.shareaholic-canvas    {
	text-align: center;
}
/***** Formulaire contact  ***********/
form#FormulaireContactSimple fildset {
	border: 0; 
}
form#FormulaireContactSimple{
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	width:86%;
}
form#FormulaireContactSimple label{
	display: block;
	margin-left: 12px !important;
	margin-bottom: -25px;
 	color: rgb(100, 100, 100);
	font-weight: bold;
}
#FormulaireContactSimple input[type="text"], textarea{
	color:#444;
	border:1px solid #ccc;
	padding:5px 10px;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius:4px;
	margin:10px 10px;
	width:50%;
	text-align:left;
	font: normal 16px/20px "Source Sans Pro", "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
#FormulaireContactSimple textarea{
	color:#444;
	border:1px solid #ccc;
	padding:5px 10px;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius:4px;
	margin:10px 10px;
	width:70%;
	height:150px;
	overflow:auto
	font: normal 16px/20px "Source Sans Pro", "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
#FormulaireContactSimple input:hover, textarea:hover{
	background-color:#f1f1f1
}
#FormulaireContactSimple input[type="button"], input[type="reset"] {
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	background: -moz-linear-gradient(100% 100% 90deg, #d5d5d5, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#d5d5d5));
	background: -webkit-linear-gradient(#eee, #d5d5d5);
	background: -o-linear-gradient(#eee, #d5d5d5);
	color:#232d3d;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	margin:15px 0px 10px 10px;
	text-shadow:0px 1px 0px #fff;
	cursor:pointer;
	box-shadow:0px 1px 2px #ccc;
	-moz-box-shadow:0px 1px 2px #ccc;
	-webkit-box-shadow:0px 1px 2px #ccc;
}
.FormulaireContactSimpleRequis   {
	background:#ef7971;
	color:#fff;
	border:1px solid #e63125;
	box-shadow:inset 0px 1px 0px #f4a49f;
	text-shadow:0px -1px 0px #e63125;
	font-weight:bold;
	margin:5px;
	padding:5px
}
.FormulaireContactSimpleOk   {
	background:#B5E655;
	color:#000;
	border:1px solid #96CA2D;
	box-shadow:inset 0px 1px 0px #ffffff;
	text-shadow:0px -1px 0px #96CA2D;
	font-weight:bold;
	margin:5px;
	padding:5px
}
/*******! fancyBox v2.1.4 fancyapps.com ***** */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../../img/fancybox_sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
	overflow: hidden;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
	visibility: hidden;
/*	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
#formulaire {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	width:530px;
	margin-left:auto;
	margin-right:auto;
}
#formulaire input, #formulaire textarea {
	width:100%;
	font-family:inherit;
	padding:5px;
	border:1px solid #09F;
}
#formulaire textarea {
	height:100px;
	border:1px solid #09F;
}
#send_message {
	width:200px !important;
	font-variant: small-caps;
	border:1px solid #09F;
	cursor:pointer;
	cursor:hand;
}
#cf_submit_p {
	text-align:right;
}
.error {
	display: none;
	padding:5px;
	margin-bottom:2px;
	color: #D8000C;
	font-size:12px;
	background-color: #FFBABA;
	border:1px solid #F00;
	width:530px;	
}
.success {
	display: none;
	padding:5px;
	color: #044406;
	font-size:12px;
	background-color: #B7FBB9;
	width:530px;	
}
#contact_logo {
	vertical-align: middle;
}
.error img {
	vertical-align:top;
}
}