body {
background-color: #F3F3F3;
margin:0px;
padding:0px;
font: 11px  verdana, arial, helvetica;
color: #2d3c39;
background:url(images/fond.png);
}
h1{
font-size:16px;
font-weight:bold;
font-family:Arial;
color:#2d3c39;
padding:8px 0 8px 0;
margin:0px;

}
h2{
font-size:12px;
font-weight:bold;
font-family:Arial;
color:#2d3c39;
padding:3px 0 8px 0;
margin:0px;
}
h3{
font-size:14px;
font-weight:bold;
font-family:Arial;
color:#2d3c39;
padding:8px 0 8px 0;
margin:0px;
}
h4{
font-size:13px;
font-weight:bold;
font-family:Arial;
color:#63151e;
padding:4px 0 8px 0;
margin:0px;
}
p{
text-align:justify;
padding:0px;
margin:0px;
}
p.date{
text-align:justify;
padding:0px;
margin:0px;
color:#4DA8DF;
font-size:11px;
}
p.bonjour_pseudo {
text-align:justify;
padding:8px;
margin:0px;
color:#ffffff;
font-size:11px;
float:right;
}
p.panel{
text-align:left;
padding:0px;
margin:0 0 0 0;
color:#2d3c39;
font-size:10px;
}
p.panel1{
text-align:left;
padding:0px;
margin:36px 0 0 0;
color:#2d3c39;
font-size:10px;
}

.partenaires a {
font-weight:normal;
font-family:Arial;
color:#2d3c39;
text-decoration:none;
}
.partenaires a:hover {
font-weight:bold;
font-family:Arial;
color:#6e827e;
text-decoration:none;
}
.deconnexion_header a{
font-weight:bold;
font-family:Arial;
color:#6e827e;
text-decoration:none;
padding:8px;
float:right;
font-size:11px;
}
.deconnexion_header a:hover{
color:#acbeba;
}

.auteur_sujets{
color:#acbeba;
}

img.left_img{
float:left;
padding:3px;
margin:0px 10px 10px 0;
border:1px #CCCCCC solid;
}
a.left_img_link {
float:left;
padding:3px;
margin:0px 10px 10px 0;
border:1px #CCCCCC solid;
}
a.left_img_link:hover {
float:left;
padding:3px;
margin:0px 10px 10px 0;
border:1px #666666 solid;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#header{
width:900px;
height:110px;
background:url(images/header_bg.png) no-repeat center;
}
.logo{
padding:29px 0 0 47px;
}
.don{
float:right;
padding:0px 50px 0 90px;
margin : -80px 40px 0 0px;
}
/*----------------------menu-------------------------*/
#menu{
width:900px;
height:29px;
background-color:#273639;
}
#menu ul{
list-style:none;padding:0px 0px 0px 20px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;height:29px;padding:0px;line-height:28px;
}
#menu ul li a{
height:29px;float:left;text-decoration:none;padding:0px 11px 0 11px;font-size:11px;color:#FFFFFF;
}
#menu ul li a:hover{
width:auto;height:29px;text-decoration:none;background:url(images/bt_bg.jpg) no-repeat center;background-position:50% 50%;
}
#menu ul li a.current{
height:29px;float:left;text-decoration:none;padding:0px 11px 0 11px;font-size:11px;color:#FFFFFF;background:url(images/bt_bg.jpg) no-repeat center;background-position:50% 50%;
}

/*--------------------------center_content--------------*/
#center_content{
width:900px;
clear:both;
height:auto;
background:url(images/center_top_bg.jpg) no-repeat top center;
}
.text_box{
width:410px;
float:left;
padding:15px 25px 10px 15px;
}
.text_box_center{
width:410px;
float:none;
padding:15px 25px 10px 15px;
margin: 0 140px;
}
.text_box_videos{
width:410px;
float:left;
padding:15px 25px 10px 15px;

}
.text_box_videos_espace{

padding:40px 25px 10px 15px;

}
p.text_box{
color: #660000;
float:left;
padding:0 25px 10px 15px;
}
.link_bt_video{
width:auto;
float:right;
padding:0 5px 0 0;

}
.proposition_video{
width:auto;
float:left;
margin:0px 20px 0 0;

}
.link_bt_video a{
width:130px;
height:35px;
display:block;
text-decoration:none;
color: #2d3c39;
background:url(images/link_bt_videos.png) no-repeat center;
text-align:center;
line-height:23px;
}
.link_bt_video a:hover{
text-decoration:underline;
background:url(images/link_bt_videos_hover.png) no-repeat center;
}
.link{
width:110px;float:right;padding:5px 25px 0 0;
}
.link a{
text-decoration:none;color: #fff;text-align:center;line-height:23px;
}
.link a:hover{
text-decoration:underline;
}
.wide_content{
clear:both;
width:855px;
height:auto;
margin:auto;
}
.box_content{
width:135px;
padding:5px 0 10px 20px;
}
.box1{
width:264px;height:151px;padding:10px;float:left;margin:0px;background:url(images/panel1.png) no-repeat center;
}
.box2{
width:264px;height:151px;padding:10px;float:left;margin:0px;background:url(images/panel2.png) no-repeat center;
}
.box3{
width:264px;height:151px;padding:10px;float:left;margin:0px;background:url(images/panel3.png) no-repeat center;
}
.select_jeux
{ 
font-size: 8pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:210px;
	height:auto;
   font-weight: normal ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px; 
	margin-top: 3px; 
}
.champ_ajout_jeux
{ 
font-size: 8pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:100px;
	height:auto;
   font-weight: normal ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px; 
	margin-top: 3px; 
}
.champ_lien_video
{ 
font-size: 8pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:100%;
	height:auto;
   font-weight: normal ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px; 
	margin-top: 3px; 
}
.champ_login_header
{ 
font-size: 9pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:70px;
	height:auto;
   font-weight: normal ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px;
   margin: 3px 6px  0 0;
float:right;
text-align:center;

     
}
.champ_login_header_ok
{ 
font-size: 8pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:40px;
	height:auto;
   font-weight: bold ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px;
   margin: 3px   12px 0 12px;
float:right;
text-align:center;
     
}
.champ_rejoindre
{ 
font-size: 8pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:70px;
	height:auto;
   font-weight: bold ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px;
   margin: 3px   12px 0 12px;
float:right;
text-align:center;
     
}
.champ_envoyer_ajout_serveur
{ 
font-size: 8pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:70px;
	height:auto;
   font-weight: bold ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px;
   margin: 3px   12px 0 12px;

text-align:center;
     
}
.textarea_pub
{ 
font-size: 10px ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:360px;
	height:56px;
   font-weight: bold ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px;
   margin: -1px   12px 0 12px;

text-align:left;
     
}
.textarea_contact
{ 
font-size: 11px ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:360px;
	height:65px;
   font-weight: bold ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;

   margin: 0px  0px 0 5px;

text-align:left;
     
}
.champ_ajoutvideo
{ 
font-size: 9pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:100px;
	height:auto;
   font-weight: normal ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px;
   margin: 3px 6px  0 0;
float:left;
text-align:center;

     
}
.champ_ajoutvideo_ok
{ 
font-size: 8pt ; 
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", sans-serif; 
   background-color: #d8dcd8 ; 
	width:40px;
	height:auto;
   font-weight: bold ; 
   border: #60695d ;  
   color : #60695d; 
   border-style: solid ; 
   border-top-width: 1px ; 
   border-right-width: 1px ; 
   border-bottom-width: 1px ; 
   border-left-width: 1px ;  
   margin-bottom: 5px;
   margin-left: 5px;
   margin: 3px   12px 0 12px;
float:left;
text-align:center;
     
}

/*--------------------services_list---------------------*/
.services_list{
width:380px;
height:auto;
float:left;
padding-bottom:20px;
}
.services_list ul{
list-style:none;
display:block;
margin:0px;
padding:0px;
}
.services_list ul li{
width:380px;
height:30px;
line-height:28px;
padding:2px 0 2px 0;
}
.services_list ul li a{
width:350px;
height:30px;
display:block;
color:#000000;
text-decoration:none;
padding-left:30px;
background:url(images/services_bullet.gif) no-repeat left #e3e8ea;
background-position:5px 50%;
}
.services_list ul li a:hover{
background:url(images/services_bullet.gif) no-repeat left #d7dcde;
background-position:5px 50%;
}

.latest_news{
width:440px;
height:auto;
float:left;
padding:0 10px 20px 20px;
}
.client_test{
width:380px;
height:auto;
float:left;
padding:20px;
}
.news_box{
padding-bottom:5px;
border-bottom:1px #E6E6E6 solid;
margin-bottom:8px;
float:left;
}
.pages_videos{
text-decoration:none;
color: #666666;
}

.pages_videos a:hover{
text-decoration:none;
color: #666666;
   font-weight: bold ;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:50px;
color: #999999;
background:url(images/footer_logo.png) no-repeat left #e3e8ea;
background-position:0px 50%;
}
.copyright{
float:left;
padding-left:50px;
padding-top:15px;
}
.footer_links{
float:right;
padding-right:10px;
padding-top:15px;
}
.footer_links a{
text-decoration:none;
color: #999999;
}
.footer_links a:hover{
text-decoration:underline;
color: #666666;
}
.hs a{
font-size: 7pt ;
text-decoration:none;
color: #800000;
}
/*--------------acordion style---------------*/

.accordion_headings{
width:468px;
height:26px;
padding:10px 0 0 10px;
background:url(images/tab_bg.gif) no-repeat center;
color:#8c7589;
cursor:pointer;
font-weight:bold;
margin:0 0 4px 0;
}
.accordion_headings:hover{
color:#4b2e47;
}
.accordion_child{
padding:0px;
}
.header_highlight{
color:#4b2e47;
}