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

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

body {
 height: 100%;
 overflow:auto;
 background: #F8F8F8;
 color:#282828;
 font-family: 'MyriadWebPro','Arial';
 font-size: 14px;
 margin:0;
 
 
}

a:link{color:#000 ; text-decoration: none ;}
a:visited {color: #000 ; text-decoration: none ;}
a:hover { color: #333 ; 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:#818181 ; text-decoration: none ;}
a.blanc:visited {color: #818181  ; text-decoration: none ;}
a.blanc:hover { color: #FFFFFF ; text-decoration: none ; }

a.accueil:link{color:#292929 ; text-decoration: none ;}
a.accueil:visited {color: #292929  ; text-decoration: none ;}
a.accueil:hover { color: #ff983a ; text-decoration: none ; }

a.accueilNews:link{color:#888888 ; text-decoration: none ;}
a.accueilNews:visited {color: #888888  ; text-decoration: none ;}
a.accueilNews:hover { color: #ff983a ; text-decoration: none ; }

a.services:link{color:#2d659e ; text-decoration: none ;}
a.services:visited {color: #2d659e  ; text-decoration: none ;}
a.services:hover { color: #2d659e ; text-decoration: underline ; }

a.contact:link{color:#e42551 ; text-decoration: underline ;}
a.contact:visited {color: #e42551  ; text-decoration: underline ;}
a.contact:hover { color: #b52042 ; text-decoration: underline ; }





      h1
{	
	font-style: normal;
	font-weight: normal;
 }
 
       h2
{	
	font-style: normal;
	font-weight: normal;
-
	
 }
 
       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   */
	
 }
 
         .fade
{	
	
	opacity:1;
	
	-webkit-transition: visibility 0s linear 0.5s,opacity 0.4s linear;
	-moz-transition: visibility 0s linear 0.5s,opacity 0.4s linear;
	-o-transition: visibility 0s linear 0.5s,opacity 0.4s linear;
	-ms-transition: visibility 0s linear 0.5s,opacity 0.4s linear;
	transition: visibility 0s linear 0.5s,opacity 0.4s linear;
	
 }