/*
 * créé par Ricardo Collado
 */
 
body{
background-color:black;
overflow:auto;
margin:0;
font-family: 'sylfaen';
width:100.1%;
}
body::-webkit-scrollbar {
    width: 0 !important;
}
#fonds{
position:absolute;
background-color:black;
min-height:100%;
left:0;
min-width:100%;
top:0;
width:100%;
height:100%;
background-color:black;
position:absolute;
overflow:hidden;
}
audio{
width:100px;
right:0;
position:absolute;
z-index:1;
opacity:0.5;
display:none;
}

a{
/*color:rgba(255,255,255,.5);*/
margin:center;
font-family: 'sylfaen';
text-decoration:none;
}
#fondsIE789{
width:100%;
height:100%;
background-color:black;
position:absolute;
z-index:100;
}
#contenuIE789{
position:relative;
width:1000px;
margin-left:auto;
margin-right:auto;
background-color:black;
height:800px;
top:50%;
margin-top:-400px;
}
#centreIE789{
position:absolute;
width:500px;
margin-left:auto;
margin-right:auto;
height:300px;
top:50%;
margin-top:-150px;
border-radius:10px;
text-align:justify;
left:50%;
margin-left:-250px;
}

#titreIE789{
position:relative;
height:120px;
float:left;
width:500px;
color:#626262;
}
#GIE789{
position:relative;
height:70px;
float:left;
width:250px;
text-align:left;
}
#DIE789{
position:relative;
height:70px;
float:right;
width:250px;
text-align:right;
}
#texteIE789 {
float:left;
width:500px;
position:relative;
height:150px;
color:#626262;
font-family:'sylfaen';
letter-spacing:1pt;
font-size:12pt;
}
#fondsD{
width:1000px;
height:2000px;
/*background-color:black;*/
position:absolute;
margin-left:50%;
left:500px;
overflow:hidden;
}
#fondsG{
width:1000px;
height:2000px;
background-color:black;
position:absolute;
margin-right:50%;
right:500px;
overflow:hidden;
}
#fondsAccueilD{
width:1000px;
height:2000px;
background-color:linear-gradient(to left,rgba(0,0,0,1),rgba(134,78,84,1));
position:absolute;
margin-left:50%;
left:500px;
overflow:hidden;
}

#contenu{
position:absolute;
width:1000px;
left:50%;
margin-left:-500px;
height:800px;
top:50%;
margin-top:-400px;
/*border:1px solid rgba(255,255,255,.5);*/

}
#contenu-noir{
position:absolute;
width:1000px;
margin-left:-500px;
left:50%;
height:100%;
background-color:black;
}


#logo{
position:absolute;
height:120px;
width:300px;
overflow:hidden;
/*left:830px;
top:480px;*/
left:20px;
top:50px;
z-index:1;
background: url(../images/logo.png) no-repeat;
}

#titre_accueil{
position:absolute;
left:350px;
top:130px;
height:190px;
overflow:hidden;
width:500px;
z-index:1;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
#titre_accueil_infobulle{
position:absolute;
left:350px;
top:130px;
height:190px;
width:500px;
z-index:1;

}
#titre_accueil_infobulle span{
position:absolute;
margin-top:120px;
margin-left:50px;
padding:5px;
border-radius:3px;
width:390px;
background-color:rgba(255,255,255,.2);
/*box-shadow:0 0 2px rgba(0,0,0,.5);*/
transform:scale(0) rotate(-12deg);
transition:all .5s;
opacity:0;
font-size:14pt;
letter-spacing:1pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
#titre_accueil_infobulle:hover span{
transform:scale(1) rotate(0); 
opacity:1;
}
#titre_accueil_infobulle span::before{
content:'';
position:absolute;
top:-10px;
left:60px;
width:0;
height:0;
border-bottom:10px solid rgba(255,255,255,.2);
border-left:10px solid transparent;
border-right:10px solid transparent;
}
#titre_fresques{
position:absolute;
/*left:52px;*/
height:100px;
overflow:hidden;
width:420px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
text-align:center;
}
#titre_fresques2{
position:absolute;
left:420px;
height:130px;
overflow:hidden;
width:580px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
#titre_fresques3{
position:absolute;
height:2px;
overflow:hidden;
width:100%;
z-index:1;
top:100px;
/*background-color:#7E4D2F;*/
}

#titre_trompeloeil{
position:absolute;
height:100px;
overflow:hidden;
width:420px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
text-align:center;
}
#titre_tableaux{
position:absolute;
height:100px;
overflow:hidden;
width:420px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
text-align:center;
}

#pasarchives{
position:relative;
width:160px;
margin-left:auto;
margin-right:auto;
height:20px;
font-family:'sylfaen';
letter-spacing:2pt;
font-size:14pt;
color:rgba(255,255,255,.5);
top:50%;
margin-top:-10px;
}
#titre_archives{
position:absolute;
height:100px;
overflow:hidden;
width:420px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
text-align:center;
}
#fenetre_contact{
width:480px;
height:490px;
background-color:rgba(255,255,255,.2);
position:absolute;
z-index:1;
display:none;
}
#fenetre_boutique{
width:1000px;
height:490px;
background-color:rgba(255,255,255,.2);
position:absolute;
z-index:1;
display:none;
}

#fenetre_webmaster{
width:480px;
height:490px;
background-color:rgba(255,255,255,.2);
position:absolute;
z-index:1;
display:none;
}
#fenetre_commentaire{
width:480px;
height:490px;
background-color:rgba(255,255,255,.2);
position:absolute;
z-index:1;
display:none;
}
#fenetre_mentions{
width:480px;
height:490px;
background-color:rgba(255,255,255,.2);
position:absolute;
z-index:1;
display:none;
}
#fenetre_expo{
width:441px;
height:490px;
background-color:rgba(255,255,255,.2);
position:absolute;
z-index:1;
display:none;
}
#fenetre_facebook{
width:480px;
height:500px;
background-color:rgba(255,255,255,.2);
position:absolute;
z-index:1;
display:none;
}
#fenetre_connexion{
width:180px;
height:40px;
background-color:rgba(255,255,255,.2);
position:absolute;
z-index:1;
display:none;
}
#contacticone{
position:absolute;top:-8px;border:none;
}
#boutiqueicone{
position:absolute;top:-8px;border:none;
}
#expotexte {

padding:6px 14px;
color:black;
text-decoration:none;
}
#contacttexte {
position:absolute;
left:57px;
color:rgba(255,255,255,.4);
text-decoration:none;
}
#boutiquetexte {
position:absolute;
left:50px;
color:rgba(255,255,255,.4);
text-decoration:none;
}
#webmastertexte {
position:absolute;
left:15px;
top:11px;
color:#50676C;
text-decoration:none;
font-size:11pt;
letter-spacing:2pt;
}
#commentairetexte {
position:absolute;
left:15px;
top:11px;
color:rgba(255,255,255,.5);
text-decoration:none;
font-size:14pt;
letter-spacing:2pt;
}
#mentionstexte {
position:absolute;

top:11px;
color:#50676C;
text-decoration:none;
font-size:11pt;
letter-spacing:2pt;
}

#titre_accueil2  span{
	position:absolute;
     margin-top:23px;
     margin-left:-35px;
	 color:#09c;
     background:rgba(0,0,0,.9);
     padding:15px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
transform:scale(0) rotate(-12deg);
transition:all .25s;
opacity:0;

}
#titre_accueil 2:hover span{
transform:scale(1) rotate(0); 
opacity:1;
}
.commentairefenetre img{
opacity:0.6;}
.commentairefenetre img:hover{
opacity:1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.contactfenetre img{
opacity:0.6;}
.contactfenetre img:hover{
opacity:1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.boutiquefenetre img{
opacity:0.6;}
.boutiquefenetre img:hover{
opacity:1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.facebookfenetre img{
opacity:0.6;}
.facebookfenetre img:hover{
opacity:1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.connexionfenetre img{
opacity:0.4;}
.connexionfenetre img:hover{
opacity:1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#contacttexte:hover,#facebooktexte:hover,#connexiontexte:hover,#boutiquetexte:hover,#expotexte:hover{
color:white;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#webmastertexte:hover,#mentionstexte:hover{
color:#AFC1C5;;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#commentairetexte:hover{
color:white;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#facebooktexte {
position:absolute;
left:50px;
color:rgba(255,255,255,.4);
text-decoration:none;
}
#connexiontexte {
position:absolute;
left:50px;
color:rgba(255,255,255,.4);
text-decoration:none;
}

#expofenetre{
height:130px;
overflow:hidden;
width:500px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
text-decoration:none;
}
#langue{
z-index:1;
font-size:15pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
text-decoration:none;
background-color:rgba(255,255,255,0.4);border-radius:10px;
width:60px;
position:absolute;right:20px;top:70px;
}
.menu {
	text-align: center;
}

.menu .categorie {

}

.menu .categorie ul {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	
	
}

.menu .categorie:hover ul {
	display: block;
	left:15px;
}
.menu h3{
		padding-top:6px;
color:black;
font-weight:normal;
	margin: 0;
	/*padding: .5em 1.5em;*/
	text-align:center;
	font-size: 15pt;
	text-decoration: none;
	box-sizing: border-box;
	height:40px;
}

.menu a {
	
	color:rgba(255,255,255,0.4);
	text-decoration:none;
	margin: 0;
	/*padding: .5em 1.5em;*/
	text-align:center;
	font-size: inherit;
	box-sizing: border-box;
	height:40px;
}

.menu .categorie:hover h3 {
}

.menu a:hover {
	color:white;
}
.contactfenetre{
position:absolute;
left:40px;
height:130px;
overflow:hidden;
width:500px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
.boutiquefenetre{
position:absolute;
left:40px;
height:130px;
overflow:hidden;
width:500px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
.webmasterfenetre{
position:absolute;
left:40px;
height:35px;
overflow:hidden;
width:110px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
.commentairefenetre{
position:absolute;
left:40px;
height:35px;
overflow:hidden;
width:110px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
.mentionsfenetre{
position:absolute;
left:40px;
height:35px;
overflow:hidden;
width:160px;
z-index:1;
}
.facebookfenetre{
position:absolute;
left:40px;
height:130px;
overflow:hidden;
width:500px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
.connexionfenetre{
position:absolute;
left:40px;
height:35px;
overflow:hidden;
width:180px;
z-index:5;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}
.titre2{
position:absolute;
width:580px;
left:420px;
height:100px;
overflow:hidden;
text-align:center;
z-index:1;
top:20px;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
}

.titre{
position:absolute;
left:40px;
height:130px;
overflow:hidden;
width:500px;
z-index:1;
font-size:39pt;
font-family:'sylfaen';
color:rgba(255,255,255,.5);
border:1px solid red;
}
#prenom{
top:-40px;
position:absolute;
letter-spacing:7pt;}

#nom{
top:-40px;
position:absolute;
left:252px;
letter-spacing:7pt;}

#description_titre{
position:absolute;
font-size:20pt;
font-family:'sylfaen';
top:40px;
letter-spacing:19pt;
color:white;
left:3px;
}

#contact{
position:absolute;
font-size:13pt;
font-family:'sylfaen';
top:100px;
height:50px;
letter-spacing:1pt;
}

#lettre{
position:absolute;
top:98px;
width:20px;
height:15px;
left:140px;
}
.lettre_titre{
font-size:50pt;
}

#couleur_titre{
position:absolute;
height:2px;
top:140px;
width:100%;
}

#toile{
background: url(../images/bordflou.png);
position:absolute;
/*height:650px;
width:500px;*/
height:800px;
width:615px;
left:385px;
}
#toile img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


@keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
30% {
opacity:1;
}
40% {
opacity:0.7;
}
60% {
opacity:0.3;
}
70% {
opacity:0;
}
100% {
opacity:0;
}
}

#toile img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 20s;
animation-direction: alternate;
}
#slogan{
position:absolute;
height:30px;
width:400px;
left:400px;
top:0px;
animation:myslogan 5s linear 1s forwards;
/* Safari and Chrome: */
-webkit-animation:myslogan 5s linear 1s forwards;
color:#50676C;
font-style: italic;
font-size:16pt;
opacity:0;
letter-spacing:3pt;
font-family:'sylfaen';
text-decoration:none;
}
#slogan a{
float:right;
}
@keyframes myslogan
{
0%   {opacity:0;}
100%   {opacity:1;}
}
#container2{
/* overflow:hidden; */
}
#container3{
/* overflow:hidden; */
}
#container4{
/* overflow:hidden; */
}
#container5{

}

.container{
position:absolute;
height:580px;
width:580px;
left:420px;
top:150px;
font-family:'sylfaen';
/* overflow:hidden; */
overflow-y:auto;
overflow-x:hidden;
}
.container::-webkit-scrollbar{
background-color:black;
width:10px;
}

.container:-webkit-scrollbar-thumb{
background-color:transparent;
border:1px solid #757575;
}

.container::-webkit-scrollbar {
    width: 0 !important;
}
.container img{
opacity:0.6;}
.container img:hover{
opacity:1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

.texte{
position:absolute;
/*border-bottom:1px solid #7E4D2F;*/
color:rgba(98,98,98,.2);
left:50px;
top:210px;
height:200px;
width:280px;
font-family:'sylfaen';
letter-spacing:3pt;
text-align:justify;
font-size:12pt;
font-weight:normal;
overflow:hidden;
color:rgba(255,255,255,.5);
}

#tabs{
position:relative;
top:550px;
height:80px;
margin-bottom:90px;
}
#menu-fonds{
position:absolute;
background-color:black;
filter:alpha(opacity=60);	
background-color: rgba(0,0,0,.6);
height:80px;
width:1000px;
z-index:1;
}

#accueil{
font-size:18pt;
width:126px;
position:relative;
margin-top:5px;
margin-left:15px;
float:left;
background-color:black;
z-index:1;
letter-spacing:1pt;
}

#fresques{
font-size:18pt;
width:218px;
position:relative;
margin-left:15px;
margin-top:5px;
float:left;
letter-spacing:1pt;
z-index:1;
}

#trompeloeil{
font-size:18pt;
width:208px;
position:relative;
margin-left:15px;
margin-top:5px;
float:left;
letter-spacing:1pt;
z-index:1;
}

#tableaux{
font-size:18pt;
width:208px;
position:relative;
margin-left:15px;
margin-top:5px;
float:left;
letter-spacing:1pt;
z-index:1;
}
#archives{
font-size:18pt;
width:154px;
position:relative;
margin-left:15px;
margin-top:5px;
float:left;
letter-spacing:1pt;
z-index:1;
}
.dateblog{
font-family:'sylfaen';
letter-spacing:1pt;
font-size:12pt;
color:rgba(255,255,255,.5);
width:150px;
height:20px;
position:absolute;
}

.nomblog{
font-family:'sylfaen';
letter-spacing:1pt;
font-size:12pt;
color:rgba(255,255,255,.5);
width:376px;
height:20px;
left:200px;
position:absolute;
}
.libellemessageblog{
font-family:'sylfaen';
letter-spacing:1pt;
font-size:12pt;
color:rgba(255,255,255,.5);
width:65px;
height:20px;
position:absolute;
padding:5px;
background:#57601A;
border-radius:5px 5px 0 0;
}
.messageblog{
position:absolute;
font-family:'sylfaen';
letter-spacing:1pt;
font-size:12pt;
color:rgba(255,255,255,.5);
width:564px;
height:50px;
border:2px solid #57601A;
border-radius:0 5px 5px 5px;
padding:5px;
background:rgba(255,255,255,.2);
}
#lettre_accueil{
color:#864E54;
font-weight:bold;
}

#couleur_accueil{
position:absolute;
height:5px;
top:70px;
width:100%;
background-color:#864E54;
}
#accueil a:hover,
#accueil :focus {
top: -5px;
background-color:#864E54;
filter:alpha(opacity=40);
background-color:rgba(134,78,84,.4);
height:80px;	
}

#lettre_fresques{
color:#7E4D2F;
font-weight:bold;
}
#couleur_fresques{
position:absolute;
height:5px;
top:70px;
width:100%;
background-color:#7E4D2F;
}
#fresques a:hover,
#fresques :focus {
top: -5px;
background-color:#7E4D2F;
filter:alpha(opacity=40);
background-color:rgba(126,77,47,.4);
height:80px;
}
#lettre_trompeloeil{
color:#50676C;
}
#couleur_trompeloeil{
position:absolute;
height:5px;
top:70px;
width:100%;
background-color:#50676C;
}
#trompeloeil a:hover,
#trompeloeil :focus {
top: -5px;
background-color:#50676C;
filter:alpha(opacity=40);
background-color:rgba(80,103,108,.4);
height:80px;
}
#lettre_tableaux{
color:#958370;
}
#couleur_tableaux{
position:absolute;
height:5px;
top:70px;
width:100%;
background-color:#958370;
}
#tableaux a:hover,
#tableaux :focus {
top: -5px;
background-color:#958370;
filter:alpha(opacity=40);
background-color:rgba(149,131,112,.4);
height:80px;
}
#lettre_archives{
color:#57601A;
}
#couleur_archives{
position:absolute;
height:5px;
top:70px;
width:100%;
background-color:#57601A;
}
#archives a:hover,
#archives :focus {
top: -5px;
background-color:#57601A;
filter:alpha(opacity=40);
background-color:rgba(87,96,26,.4);
position:relative;
height:80px;
}
li {
display: inline;
}
li a {
position:relative;
display: inline-block;
height: 80px;
width: 100%;
z-index:4;
text-align: center;
/*background: black;*/
color: #626262;/*#615334;*/
/*text-decoration: none;*/	
line-height: 3em;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#tabs_container {
/*overflow-x:scroll;*/
}
#tabs a {
position: relative;
top: 0;
text-decoration:none;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;	
}
#tabs a:before {
content: ' ';
position: absolute;
bottom: -1px; left: 0;
width: 100%;
height: 6px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

#tabs a:hover:before,
#tabs a:focus:before {
bottom: -11px;
left: -3px;
width: 106%;
height: 4px;
}
#pied_gauche{
top:765px;
width:500px;
text-align:left;
/*margin-left:15px;*/
height:35px;
position:absolute;
font-size:11pt;
letter-spacing:2pt;
}
#pied_droit1{
top:765px;
left:725px;
width:110px;
height:35px;
position:absolute;
font-size:11pt;
letter-spacing:2pt;
}

#pied_droit2{
top:765px;
left:840px;
width:10px;
height:35px;
position:absolute;
font-size:11pt;
letter-spacing:2pt;
}
#pied_droit3{
top:765px;
left:850px;
width:150px;
height:35px;
position:absolute;
font-size:11pt;
letter-spacing:2pt;
}

#pied_droit1 a,#pied_droit3 a{
color:#50676C;
}

#pied_droit1 a:hover,#pied_droit3 a:hover{
color:#AFC1C5;
}
#tabs  li,#tabs2 li,#tabs3 li,#tabs4 li,#tabs5 li {
/*float:left;*/
/*margin-right: 2px;*/
display : inline;

}

#tabs  li a,#tabs2 li a,#tabs3 li a,#tabs4 li a,#tabs5 li a {
	/*display: block;*/
	display: inline-block;
	/*padding: 17px 30px;*/
	/*background: #544f6b;*/
/*	height:125px;
	width:125px;
	margin-top:5px;*/
}

#tabs  li a:hover,#tabs3 li a:hover,#tabs4 li a:hover,#tabs5 li a:hover {
	/*background: rgb(78, 74, 99);*/

}
#tabs2 li a:hover{
color:white;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#tabs_container {
	/*overflow: hidden;*/
	position: relative;
	color:white;
	width:1000px;
	height:800px;
	top:-635px;
	float:right;
	right:0;
	font-family:'sylfaen';
}

#tabs_container div {
	/*margin-right: 40px;*/
}

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.tabulous_active {
	/*background: white !important;*/
	/*color: #655c89 !important;*/
	
}
.tabulous_active_blog{
	/*background: white !important;*/
	/*color: #655c89 !important;*/
	color:white;
}
.tabulousclear {
	display: block;
	clear: both;
}
#flechebas{
width:180px;
height:15px;
border:red solid 1px;
position:absolute;
left:620px;
top:750px;
}
#nbretoiles2{
width:180px;
height:15px;
position:absolute;
left:810px;
top:130px;
text-align:right;
text-decoration:none;
font-family:'sylfaen';
font-size:10pt;
color:rgba(255,255,255,.5);
letter-spacing:2pt
}
#nbretoiles3{
width:180px;
height:15px;
position:absolute;
left:810px;
top:130px;
text-align:right;
text-decoration:none;
font-family:'sylfaen';
font-size:10pt;
color:rgba(255,255,255,.5);
letter-spacing:2pt
}
#nbretoiles4{
width:180px;
height:15px;
position:absolute;
left:810px;
top:130px;
text-align:right;
text-decoration:none;
font-family:'sylfaen';
font-size:10pt;
color:rgba(255,255,255,.5);
letter-spacing:2pt
}
#nbretoiles5{
width:180px;
height:15px;
position:absolute;
left:810px;
top:130px;
text-align:right;
text-decoration:none;
font-family:'sylfaen';
font-size:10pt;
color:rgba(255,255,255,.5);
letter-spacing:2pt
}
#fleches{
position:absolute;
left:620px;
top:735px;
width:180px;
height:15px;
}
.fleche_haut {
width:0;
height:0;
left:57.5px;
position:absolute;
border-left: 15px solid transparent;
border-right: 15px solid transparent;     
border-bottom: 15px solid;
opacity:0.6;
}
.fleche_bas {
width:0;
height:0;
left:97.5px;
position:absolute;
border-left: 15px solid transparent;
border-right: 15px solid transparent;     
border-top: 15px solid;
opacity:0.6;
}
.fleche_haut:hover {
/*border-top: 15px solid rgba(255,255,255,1);*/
opacity:1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.fleche_bas:hover {
/*border-top: 15px solid rgba(255,255,255,1);*/
opacity:1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media screen and (max-width:500px){
	body{margin:0;background-color:white;}
	#titre{position:absolute;left:10px;top:10px;font-size:24pt;width:500px;height:100px;background:none;}
	#prenom{}
	#nom{left:85px;}
	#description_titre{font-size:8pt;top:22px;letter-spacing:4pt;left:1px;}
	#contact{font-size:10pt;top:5px;left:310px;}
	#lettre{top:2px;left:430px;width:15px;height:11px;}
	.lettre_titre{font-size:24pt;}
	#fonds{}
	#contenu{background-color:black;width:500px;margin-left:auto;margin-right:auto;top:0;margin-top:0;height:100%;}
	#toiles{background:url(toile1.jpg) no-repeat;width:500px;}
	#menu{top:490px;}
	#tabs_container{width:500px;}
	#menu-fonds{width:100%;height:53px;}
	#accueil{width:63px;height:50px;margin-top:5px;margin-left:7.5px;}
	#apprentissage{width:109px;height:50px;margin-top:5px;margin-left:7.5px;}
	#oeuvre{width:104px;height:50px;margin-top:5px;margin-left:7.5px;}
	#archive{width:104px;height:50px;margin-top:5px;margin-left:7.5px;}
	#blog{width:76px;height:50px;margin-top:5px;margin-left:7.5px;}
	#couleur_accueil{top:45px;height:3px;}
	#couleur_apprentissage{top:45px;height:3px;}
	#couleur_oeuvres{top:45px;height:3px;}
	#couleur_archives{top:45px;height:3px;}
	#couleur_blog{top:45px;height:3px;}
	#accueil a:hover,#accueil :focus {height:50px}
	#apprentissage a:hover,#apprentissage :focus {height:50px}
	#oeuvre a:hover,#oeuvre :focus {height:50px}	
	#archive a:hover,#archive :focus {height:50px}	
	#blog a:hover,#blog :focus {height:50px}
	a{font-size:11pt;}
}
@media screen and (max-height:800px) {
body{overflow:auto;width:1000px;height:800px;}
#fonds{width:1000px;height:800px;}
#contenu{/*position:relative;width:1000px;margin-left:auto;margin-right:auto;height:800px;top:0;margin-top:0px;*/}
}
@media screen and (max-width:1000px) {
body{overflow:auto;width:1000px;height:800px;}
#fonds{width:1000px;height:800px;}
#contenu{/*position:absolute;height:800px;top:50%;margin-top:-400px;*/}
}