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

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

body {
 height: 100%;
 overflow:auto;

 color:#282828;
 font-family: '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:"Cicle"; src:  url("font/CicleFina.eot") } 
@font-face { font-family:"Cicle"; font-weight: bold;  src:  url("font/CicleGordita.eot") format("TrueType"); } 
@font-face { font-family:"Cicle"; font-style: italic; src:  url("font/CicleFina_Italic.eot") format("TrueType"); } 

@font-face { font-family:"Cicle"; src:  url("font/CicleFina.ttf") format("TrueType"); } 
@font-face { font-family:"Cicle"; font-weight: bold;  src:  url("font/CicleGordita.ttf") format("TrueType"); } 
@font-face { font-family:"Cicle"; font-style: italic; src:  url("font/CicleFin_Italic.ttf") format("TrueType"); } 

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

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

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

a.vert2:link{color:#9bbb1d ; text-decoration: none ;}
a.vert2:visited {color: #9bbb1d  ; text-decoration: none ;}
a.vert2:hover { color: #9bbb1d ; text-decoration: none ; }

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

a.gris2:link{color:#282828 ; text-decoration: none ;}
a.gris2:visited {color: #282828  ; text-decoration: none ;}
a.gris2:hover { color: #9bbb1d ; text-decoration: none ; }

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




      h1
{	
	color:#52c9d1;
	font-size:32px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.0em;
	
 }
 
       h2
{	
	color:#282828;
	font-size:32px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.0em;
 }
 
       h3
{	
	
	font-size:15px;
	font-style:normal;
	font-weight: normal;
	font-family: "Trebuchet_MS";
 }


       div#contener
{	
	width:1000px ;
	height:600px;
	color:#282828;
		z-index: 0;
 }