@charset "utf-8";
/* CSS Document */
body
{
	color: #373737;
	background: #373737;
}

.fond {
	position:absolute;
	left:85px;
	top:234px;
	width:1135px;
	height:639px;
	z-index:1;
}

.trame {
	position:absolute;
	left:300px;
	top:241px;
	width:600px;
	height:636px;
	 
	z-index:1;
}
.tramea {
	position:absolute;
	left:105px;
	top:241px;
	width:210px;
	height:150px;
	 
	z-index:4;
}
.trameb {
	position:absolute;
	left:905px;
	top:260px;
	width:290px;
	height:530px;
	 
	z-index:1;
}


.trame2 {
	position:absolute;
	left:100px;
	top:20px;
	width:370px;
	height:150px;
	
	z-index:2;
}
.trame3 {
	position:absolute;
	left:100px;
	top:12px;
	width:1135px;
	height:180px;
	opacity:0.8;
	z-index:1;
}

.logo {
	position:absolute;
	left:110px;
	top:20px;
	width:420px;
	height:270px;
	z-index:3;
}


a:link, a:visited
{
	color: #FF0;
	text-decoration: none;
}
a:hover, a:active
{
	color : #666;
	text-decoration: underline;
}
p, td, li
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
}
h1
{
	font-family: arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}	
h2
{
	font-family: arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	margin:0 -5px 0 -5px;
	padding:2px 5px 2px 5px;	
}
h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
#main
{
	width:500px;
	position:absolute;
	left:155px;
	top:280px;
	padding:0;
	margin:0 0 0 210px;
	height:550px;
	z-index:3;
	overflow:auto;
}

#cadre_agenda
{
	border: 3px solid #333;
	background-image:url(../images/fondcal.png);
	background-size:200px 205px;
	background-repeat:no-repeat;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 1px 10px 0px 10px ;
	width:170px;
	position:absolute; 
	left: 114px; 
	top:520px;
	z-index:2;
}
#cadre_menu 
{
	border: 3px solid #333;
	background-image:url(../images/fondcal.png);
	background-size:180px 95px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:0 3px 3px 3px;
	width:170px;
	position:absolute; 
	left: 900px;
	top:290px;
	z-index:19;

}


#cadre_recherche 
{
border: 3px solid #333;
	background-image:url(../images/fondcal.png);
	background-size:200px 205px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	padding:0 3px 3px 3px;
	width:160px;
	position:absolute;
	left: 900px;
	top:420px;
	z-index:19;
}


#cadre_filtre
{
border: 3px solid #333;
	background-image:url(../images/fondcal.png);
	background-size:180px 160px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	padding:0 3px 3px 3px ;
	width:170px;
	position:absolute;
	left: 900px;
	top:420px;
	z-index:19;
}
#page
{
	width:700px;
	margin:0;
	padding:0;
	height:700px;
	
}

#myslides {
	position:absolute;
	top:20px;
	left:110px;
	width: 1100px;
	height: 150px;
    padding: 0;  
    margin:  0 auto; 
	z-index:1;
} 
 
#myslides img {  
    
       
    width: 1100px;
    height: 150px;
    top:  20px; 
    left: 110px;
	z-index:1;
}

#pub {
	position:absolute;
	top:300px;
	left:925px;
	width: 250px;
	height: 450px;
    padding: 0;  
    margin:  0 auto; 
	z-index:1;
} 
 
#pub img {  
    
       
    width: 250px;
    height: 450px;
    top:  300px; 
    left: 925px;
	z-index:1;
}



#txnews {
	position:absolute;
	left:350px;
	top:300px;
	width:530px;
	height:560px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	overflow:auto;
	z-index:2;
}

.menu{
    width:800px;
    height:52px;
    position:absolute;
    top:178px;
    left:250px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
	z-index:4;
}
.item{
    position:relative;
    background-color: #666;
    float:right;
    width:52px;
    margin:0px 5px;
    height:52px;
    border:2px solid #666;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    -moz-box-shadow:1px 1px 3px #555;
    -webkit-box-shadow:1px 1px 3px #555;
    box-shadow:1px 1px 3px #555;
    cursor:pointer;
    overflow:hidden;
}

.link{
    left:2px;
    top:2px;
    position:absolute;
    width:48px;
    height:48px;
}


	
.icon_home{
    background:transparent url(menu2/images/icone/accueil.png) no-repeat top left;
}
.icon_mail{
    background:transparent url(menu2/images/icone/email.png) no-repeat top left;
}
.icon_forum{
    background:transparent url(menu2/images/icone/forum.png) no-repeat top left;
}
.icon_membre{
    background:transparent url(menu2/images/icone/membre.png) no-repeat top left;
}
.icon_photos{
    background:transparent url(menu2/images/icone/photo.png) no-repeat top left;
}
.icon_jeux{
    background:transparent url(menu2/images/icone/jeux.png) no-repeat top left;
}

.item_content{
    position:absolute;
    height:52px;
    width:220px;
    overflow:hidden;
    left:56px;
    top:7px;
    background:transparent;
    display:none;
}
.item_content h2{
    color:#ffffff;
    text-shadow: 1px 1px 1px #000000;
    background-color:transparent;
    font-size:14px;
}
.item_content a{
    background-color:transparent;
    float:left;
    margin-right:7px;
    margin-top:3px;
    color:#ffffff;
    text-shadow: 1px 1px 1px #000000;
    text-decoration:none;
    font-size:12px;
}
.item_content a:hover{
	color:#333;
}
.item_content p {
    background-color:transparent;
    display:none;
}
.item_content p input{
    border:1px solid #ccc;
    padding:1px;
    width:155px;
    float:left;
    margin-right:5px;
}


h9
{
	font-family: arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}	

#txmembre {
	position:absolute;
	left:360px;
	top:316px;
	width:508px;
	height:134px;
	z-index:12;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	visibility: visible;
}
#txmembre p strong {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:underline;
}

#txmembre  #LMTxtBodyText2 div {
	font-size: 13px;
	color: #000000;
}

#ordi {
	position:absolute;
	left:690px;
	top:490px;
	width:210px;
	height:166px;
	z-index:50;
}
#txaccueil {
	position:absolute;
	left:362px;
	top:250px;
	width:250px;
	height:32px;
	z-index:3;
	visibility: visible;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}

#contact {
	position:absolute;
	left:353px;
	top:300px;
	width:500px;
	height:559px;
	z-index:21;
}
#banniere {
	position:absolute;
	left:10px;
	top:10px;
	width:240px;
	height:200px;
	visibility: visible;
	z-index:21;
}