/* global */

*
{
margin : 0px;
padding : 0px;
}

h2
{
font-family: 'Sansation_Bold',Arial;
font-weight : bold;
}

 @font-face {  
 font-family:'Sansation_Regular';  
 src: url('Sansation_Regular.ttf') format("truetype");
 } 
 
  @font-face {  
 font-family:'Sansation_Bold';  
 src: url('Sansation_Bold.ttf') format("truetype"); 
 } 

body
{
text-align : center;
font-family: 'Sansation_Regular', Arial, "Bitstream vera sans","verdana";
font-size : 0.97em;
color : #000000;
background: #d3f8e9 url(graph/top.jpg) no-repeat 50% 0%;
background-attachment:fixed; 
margin-bottom : 60px;
}

.coin
{
position : absolute;
left : 100%;
margin-left : -300px;
text-align : right;
}

img
{
border : 0;
}

a
{
	color : black;
	outline: none;

}

.gras
{
font-family: 'Sansation_Bold', Arial, "Bitstream vera sans","verdana";
	font-weight : bolder;
}

strong
{
font-family: 'Sansation_Bold', Arial, "Bitstream vera sans","verdana";
	font-weight : bolder;
}

.grand
{
	font-size : 1.27em;
}

.tabg
{
float:left;
text-align : left;
height : 50px;
margin : 2px;
padding : 3px;
}

.tabd
{
float:right;
text-align : left;
margin : 2px;
height : 50px;
padding : 3px;
}



.encadre
{
	text-align : center;
	margin-left: auto;
	margin-right : auto;
	width : 800px;
	background: url(graph/cadretotal.png) repeat-y;		
}

.banniere
{
	margin-left: auto;
	margin-right : auto;
	height : 160px;
	width : 780px;
}

.ssbann
{
	margin-left: auto;
	margin-right : auto;
	height : 60px;
	width : 780px;
}

.menu
{
	margin-left: auto;
	margin-right : auto;
	height : 45px;
	width : 780px;
	background : white;
	padding-bottom : 0px;
	/*background : url(graph/menu2.png) no-repeat;*/
}

.contenu
{
	margin-left: auto;
	margin-right : auto;
	background : #FFFFFF url(graph/clavier.jpg) 95% 95% no-repeat;
	width : 740px;
	text-align : justify;
	padding : 20px;
	padding-top : 20px;
	padding-bottom : 5px;
	overflow : auto;
}

/*.fade:hover img
{
	opacity: 0;
	filter: alpha(opacity=0);
	cursor : pointer;
}*/

.ombre{
	margin-left: auto;
	margin-right : auto;
	background : #FFFFFF url(graph/ombre.png) repeat-x;
	height : 15px;
	width : 780px;
}

.news{
	float : right;
	width : 267px;
	margin-left : 20px;
	margin-right : -5px;
	margin-bottom : 27px;
	font-size : 0.87em;
	padding-top : 10px;
}

.top_news
{
	background :url(graph/cadre_news_top2.png);
	height : 44px;
	width : 267px;
}

.mid_news{
	background : transparent url(graph/cadre_news_mid.gif) repeat-y;
	width : 210px;
	padding : 10px;
	padding-left : 24px;
	padding-right : 24px;
}

.bot_news{
	background :url(graph/cadre_news_bot.gif);
	height : 21px;
	width : 267px;
}

.top_photo{
	background :url(graph/cadre_photo_top2.png);
	height : 50px;
	width : 267px;
}

.centre
{
	text-align : center;
	width:auto;
	display : block;
}

.green{
	color : #006F48;
	font-family: 'Sansation_Bold', Arial, "Bitstream vera sans","verdana";
	font-weight : bold;
}

.bas{
	height : 55px;
	width : 800px;
	background :url(graph/bas2.png);
	margin-left: auto;
	margin-right : auto;
}

.liste{
	margin-left : 50px;
	margin-right : 30px;
}

.lien{
	font-weight : bold;
	font-family: 'Sansation_Bold', Arial, "Bitstream vera sans","verdana";
	color : #006F48;
	text-decoration: none;
}

.lien:hover
{
	text-decoration: underline;
}

.lien:visited
{
	font-weight : bold;
}

.galerie
{
	float : left; 
	width : 33%;
	text-align : center;
	padding-bottom : 23px;
}

.form
{
color : #ee530f;	
background : url(graph/fondform.jpg);
font-family: Arial;
font-size : 13px;
}

table
{
	text-align:center;
	width : 100%;
}

.page{
	font-weight : bold;
	color : #ee530f;
	text-decoration: none;
}

.page:hover
{
	text-decoration: underline;
	background : url(graph/deg_page.jpg) repeat-x;
}

.page:visited
{
	font-weight : normal;
}

  #test2 {
        margin: 1em auto;
        margin-top : -1px;
        border: 0px solid #555;
        width: 200px;
        height: 130px;
        text-align : left;
        display : block;
      }
      
        
    .demo{ margin-bottom:50px; overflow:auto; clear:both;}
        
        
    /* MENU NOUVEAU !!*/    
	.demo a{
		display:block;
		height:59px;
		text-indent:-9999px;
		float:left;
		background-image:url(graph/menu3.png);
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
	.div1	{width:170px;}
	.div2	{width:128px;}  
  .div3	{width:136px;}  
  .div4	{width:123px;}
  .div5	{width:109px;}
  .div6	{width:114px;}
        
	#association{background-position:0 0;}
	#association:hover,#association.hover{background-position:0 -50px;}
        
	#ateliers{background-position:-170px 0;}
	#ateliers:hover,#ateliers.hover{background-position:-170px -50px;}
        
	#webmail{background-position:-298px 0;}
	#webmail:hover,#webmail.hover{background-position:-298px -50px;}
        
	#logiciels{background-position:-434px 0;}
	#logiciels:hover,#logiciels.hover{background-position:-434px -50px;}
        
	#links{background-position:-557px 0;}
	#links:hover,#links.hover{background-position:-557px -50px;}
        
	#forum{background-position:-666px 0;}
	#forum:hover,#forum.hover{background-position:-666px -50px;}