/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
}

/* general styles */
html, body {width:100%;margin:0;height: 100%;}

body {
 height: 100%;
 overflow:auto;
 background: #1B1B1B;

 font-family: 'MyriadWebPro', 'Arial';
 font-size: 14px;
 margin:0;
 
 
}

a:link{color:#FFF ; text-decoration: underline ;}
a:visited {color: #FFF ; text-decoration: underline ;}
a:hover { color: #DDD ; text-decoration: none ; }
a:link img {border: 0}
a:hover img {border: 0}
a:visited img {border: 0}
a:active img {border: 0}

@font-face { font-family:"MyriadWebPro"; src:  url("font/myriadwebpro-webfont.eot") } 
@font-face { font-family:"MyriadWebPro"; font-weight: bold;  src:  url("font/myriadwebpro-bold-webfont.oet") ; } 
@font-face { font-family:"MyriadWebPro"; font-style: italic; src:  url("font/myriadwebpro-italic-webfont.oet") ; } 

@font-face { font-family:"MyriadWebPro"; src:  url("font/myriadwebpro-webfont.ttf") format("TrueType"); } 
@font-face { font-family:"MyriadWebPro"; font-weight: bold;  src:  url("font/myriadwebpro-bold-webfont.ttf") format("TrueType"); } 
@font-face { font-family:"MyriadWebPro"; font-style: italic; src:  url("font/myriadwebpro-italic-webfont.ttf") format("TrueType"); } 

a.blanc:link{color:#FFFFFF ; text-decoration: none ;}
a.blanc:visited {color: #FFFFFF  ; text-decoration: none ;}
a.blanc:hover { color: #DDDDDD ; text-decoration: none ; }

a.noir:link{color:#282828 ; text-decoration: none ;}
a.noir:visited {color: #282828  ; text-decoration: none ;}
a.noir:hover { color: #000000 ; text-decoration: none ; }

a.contact:link{color:#977444 ; text-decoration: underline ;}
a.contact:visited {color: #977444  ; text-decoration: underline ;}
a.contact:hover { color: #7f6643 ; text-decoration: underline ; }

a.mention:link{color:#f0c283 ; text-decoration: none ;}
a.mention:visited {color: #f0c283  ; text-decoration: none ;}
a.mention:hover { color: #f8e0bf ; text-decoration: none ; }

a.email:link{color:#f8d137 ; text-decoration: none ;}
a.email:visited {color: #f8d137  ; text-decoration: none ;}
a.email:hover { color: #f8d137 ; text-decoration: underline ; }




      h1
{	
	color:#282828;
	font-size:40px;
	font-style: normal;
	font-weight: bold;
	font-family: "Arial";
 }
 
       h2
{	
	font-size:25px;
	font-style: normal;
	font-weight: bold;
	font-family: "Cicle";
	text-transform: uppercase; 
	text-shadow: 1px 1px 0px #777777;
	
 }
 
       h3
{	
	color:#FFFFFF;
	font-size:12px;
	font-style:normal;
	font-weight: bold;
	font-family: "Arial";
 }

       h4
{	
	color:#FFFFFF;
	font-size:13px;
	font-style:normal;
	font-weight: normal;
	font-family: "Caviar Dreams";
 }


       div#contener
{	
	width:960px ;
	
	position:absolute;
	top:30px;
	left:50%;
	margin-left: -480px;
	z-index: 0;
 }
 
        div#transition exemple
{	
	color:red;
	

	-webkit-transition: all 5s ease 0s;
	-moz-transition: all 5s ease 0s;
	-o-transition: all 5s ease 0s;
	-ms-transition: all 5s ease 0s;
	transition: all 5s ease 0s;
	/* Assoier a une classe pour les liens : etat normale et etat hov   */
	
 }
 
         .point
{	
	
	opacity:0;
	
	-webkit-transition: visibility 0s linear 1.5s,opacity 0.4s linear;
	-moz-transition: visibility 0s linear 1.5s,opacity 0.4s linear;
	-o-transition: visibility 0s linear 1.5s,opacity 0.4s linear;
	-ms-transition: visibility 0s linear 1.5s,opacity 0.4s linear;
	transition: visibility 0s linear 1.5s,opacity 0.4s linear;
	
 }
 
          .annime
{	
	
	opacity:1;
	
	-webkit-transition:  0.5s linear;
	-moz-transition:  0.5s linear;
	-o-transition:  0.5s linear;
	-ms-transition:  0.5s linear;
	transition:  0.5s linear;
	
 }