* {
    margin: 0;
    padding: 0;
    }

body {
	font-size: 12px;
	color: black;
	background-image:url("images/background.jpg");
	background-repeat: repeat-x;
	font-family: arial;
	background-color: #eaf0ff;
}

html, body {
    height: 100%;
    }   

#page {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    padding: 0px;
    top: 0px;
    width: 1000px;
    }
    
/*HEADER*/

#header {
	position: absolute;
	top:0px;
	left: 0px;
	}

/* RECHERCHE HAEDER*/

    
#webcamImg {
    position: absolute;
    top:33px;
    left: 291px;
}   


#recherche {
    position: absolute;
    top:0px;
    left: 0px;
    background: url('images/background_recherche.gif');
    width: 300px;
    height: 259px;
    } 
    
#recherche_form  {
    position: absolute;
    left: 10px;
    }  
    
#nbResult {
    position: absolute;
    left: 32px;
    top:215px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    }     
    
#recherche_resultat {
	position: absolute;
    left: 65px;
    top:217px;
	}
		
/*IMG BANNIERE*/

#ban1 {
    position: absolute;
    left: 300px;
    top:33px;
    }
    
#ban2 {
    position: absolute;
    left: 444px;
    top:33px;
    }
    
#ban3 {
    position: absolute;
    left: 590px;
    top:33px;
    }  
    
#logo {
	position: absolute;
    left: 700px;
    top:33px;
	}
	
/*VIDEO HEADER*/

#headerVideo {
   position: absolute;
    top:113px;
    left: 700px;
    background: url('images/backgroundHeaderWebcam.jpg');
    width: 300px;
    height: 146px;
	}
	
#headerVideo iframe {
   position: absolute;
   top:12px;
   left: 67px;
    }	
    
#headerVideo #suiteLogo {
   position: absolute;
   top:11px;
   left: 66px;
   }
   
/*CONTENT*/

#content {
	position: absolute;
	top:259px;
	left:0px;
	width: 640px;
    background: url('images/backgroundContent.gif');
    background-repeat: no-repeat;
    padding-top: 22px;
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
	} 
	
/*CONTENT ACCUEIL */	      
	
#content_accueil {
    background: url('images/background_accueil_content.gif');
    background-repeat: no-repeat;
    background-position:bottom;
    width: 640px;
    margin-bottom: 15px;
    padding: 10px;
    height: 287px;
	}
	
#content_accueil #content_accueil_img {
	float: left;
	}	
	
#content_accueil #content_accueil_content {
	float: right;
	width: 380px;
	}	
	
#content_accueil #content_accueil_content ul  {
    margin-left: 20px;
    }  
    
#content_accueil #content_accueil_content ul li  {
    list-style:none;
    background-image: url('images/puce_bleu.gif');
    background-repeat:no-repeat;
    background-position: left 5px;
    padding-left: 8px;
    }  
    
#content_accueil #content_accueil_content strong  {
    color: #fc6b00;
    }  
    
#content_accueil a#content_accueil_content_btn {
	display: block;
	height: 30px;
	width: 310px;
    background-image: url('images/btn_messenger.gif');
    background-repeat:no-repeat;
    margin-right: 10px;
    font-size: 18px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding-top: 22px;
    padding-left: 60px;
    margin-top: 10px;
	} 
	
#content_accueil a#content_accueil_content_btn:hover {
    color: #FC6B00;
    } 	             	
	
	  


/*MENU PAGE*/
   
#menuHaut {
    position: absolute;
    top:0px;
    left: 300px;
    background-image:url("images/backgroundTopMenu.jpg");
    background-repeat: no-repeat;
    width: 700px;
    height: 33px;
    padding-left: 15px;
    }       
    
#menuHaut li {
    float: left;
    display: inline;
    padding: 0;
    margin: 0;
    list-style: none; 

    }
    
 #menuHaut li a {
    font-size: 14px;
    font-weight:bold;
    text-decoration: none;
    color: white;
    display: block;
    background: url('images/separationMenuHaut.gif');
    background-repeat:no-repeat;
    background-position: right;
    padding: 0 10px;
    line-height: 33px;
    } 
    
 #menuHaut li a:hover {
    color:#2e406e;
    }    
    
#logoPanel {
    position: absolute;
    top:33px;
    left: 0px;
	}       
	
a img {
	border: 0px;
	}	             
    	

	
/*BLOC ANNONCE*/

#content .post {
    width:640px;
    float: left;
    padding-bottom: 15px;
    
    }
    
#content .post .post_header {
    width:640px;
	} 
	
#content .post .post_header .leftColumn {
    width:507px;
    float: left;
    }  	
    
#content .post .post_header .rightColumn {
    width:133px;
    float: right;
    }    
    
#content .post .post_header .titlePost {
    background: url('images/post_title.gif');
    background-repeat:no-repeat;
    width: 507px;
    height: 28px;
	}
	
#content .post .post_header .titlePost h2 {
    text-align: left;
    }	
	
#content .post .post_header .titlePost h2 a {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: white;
    line-height: 28px;
    padding: 0 8px;
    text-decoration: none;
    text-align: left;
    }
    
#content .post .post_header .titlePost h2 a:hover {
    color:#fc6b00;
    } 
    
#content .post .post_header .btnDetailPost {
    width: 133px;
    height: 28px;
    }    
    
#content .post .post_header .btnDetailPost a {
    background: url('images/post_btn_detail.gif');
    width: 108px;
    height: 28px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 28px;
    padding-left: 25px;
    color: white;
    }
    
#content .post .post_header .btnDetailPost a:hover {
    color:#fc6b00;
    }           
    
#content .post .post_header .btnDialPost {    
    width: 133px;
    height: 27px;
    background: url('images/post_btn_dial.gif');
    }
    
#content .post .post_header .btnDialPost .txt_btn {    
    float: left;
    width: 80px;
    }    
    
#content .post .post_header .btnDialPost .txt_btn a {    
    width: 80px;
    height: 27px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 27px;
    padding-left: 25px;
    color: white;
    }
    
#content .post .post_header .btnDialPost .img_btn {
	float: right;
	width: 27px;
    }   
    
#content .post .post_header .btnDialPost .txt_btn a:hover {    
    color: #2e406e;
    }
    
#content .post .post_header .categoryPost {    
    width: 493px;
    background-color: #e5e5e5;
    height: 22px;
    padding: 5px 8px 0px 5px;
    border-left: 1px solid #b9b9b9;
    }
    
#content .post .post_header .categoryPost a {    
    color: black;
    }    
    
#content .post .post_content {
	width: 622px;
	background-color: #e5e5e5;
	float: left;
	padding: 8px;
	padding-top: 5px;
	border: 1px solid #b9b9b9;
	border-top: 0px solid #b9b9b9;
	}         	   

#content .post .alignleft {
	display:inline;
	float:left;
	}
   
/* SIDEBAR*/

#sidebar {
    position: absolute;
    width:316px;
    top:259px;
    left:680px;
    border-left: 4px solid #c3c3c3;
    background-color: #adbff1;
    } 
   
#liveTitle {
	position:absolute;
	left:0px;
	top:0px;
    width:246px;
    background: url('images/background_title_bleu.gif');
    background-repeat: repeat-x;
    height: 39px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 39px;
    padding-left: 70px;  
}

#liveTitle img {
    position:absolute;
    left:20px;
    top:0px;
}

#liveContent {
	position:absolute;
    left:0px;
    top:39px;
    width:314px;
    background-color: #adbff1;
    padding-left: 2px;
    height: 145px;
	}

#webcamTitle {
    position:absolute;
    left:0px;
    top:184px;
    width:246px;
    background: url('images/background_title_orange.gif');
    background-repeat: repeat-x;
    height: 39px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 39px;
    padding-left: 70px;  
	}
	
#webcamTitle img {
    position:absolute;
    left:20px;
    top:0px;
}

#webcamContent {
    position:absolute;
    left:0px;
    top:223px;
    width:314px;
    background-color: #fac285;
    padding-left: 2px;
    height: 145px;
    }
    
#partenaireTitle {
    position:absolute;
    left:0px;
    top:368px;
    width:246px;
    background: url('images/background_title_bleu.gif');
    background-repeat: repeat-x;
    height: 39px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding-left: 70px;  
    line-height: 39px;
}

#partenaireTitle img {
    position:absolute;
    left:20px;
    top:0px;
}

#partenaireContent {
    margin-top:407px;
    background-color: #adbff1;
    padding-left: 2px;
    padding: 10px;
    }

  
/*FOOTER*/
   
   
 #footer {
    position: absolute;
    top:600px;
    left: 0px;
    width: 1000px;
    height: 30px;
    background: url('images/background_bottom.gif');
    background-repeat: no-repeat;
    visibility: hidden;
    } 
    
ul.footerNav {
	margin: 0;
	padding: 0;
	position: absolute;
	top:10px;
	left: 300px;
	}    
	
ul.footerNav li {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    list-style: none;
    display: block;
    color: white;
    font-size: 12px;
    line-height: normal;
    padding: 0 10px;
    border-right: 1px solid white;
    } 

ul.footerNav li a  {
    display: block;
    color: white;
    font-size: 12px;
    line-height: normal;
    }
    
/*NAIVIGATION*/

.navigation {
	width: 640px;
	height: 22px;
	}    
	
.navigation .alignleft {
	float: left;
	width: 280px;
    height: 22px;
    background-image: url("images/background_pagination_left.gif");
    color: white;
    padding-left: 30px;
    line-height: 21px;
	}
	
.navigation .alignright {
    float: right;
    width: 280px;
    height: 22px;
    background-image: url("images/background_pagination_right.gif");
    padding-right: 30px;
    line-height: 22px;
    text-align: right;
    }
    
.navigation .alignleft a,.navigation .alignright a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    }
    
.navigation .alignleft a:hover,.navigation .alignright a:hover {
    color: #2E406E;
    text-decoration: none;
    } 
    
/*REPONSE*/

#respond {
    margin-top: 20px;
    float: left;
    }

#respond .title_reply {
    background: url('images/background_title_replay.gif');
    background-repeat:no-repeat;
    width: 640px;
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    line-height: 28px;
    padding: 0 8px;
    text-decoration: none;
    }
    
#commentform p {
    margin: 10px 0px;
    }
    
#commentform p textarea#comment {
    width:630px;
    height: 100px;
    }
    
#commentform p #submit {
	margin:0;
    margin-top: 0px;
    margin-bottom: 10px;
    }     
    
   
/*COMMENTAIRE*/
 
 .commentlist {
    width:630px;
    float: left;
 }   
 
 .commentlist li.comment {
   background-color: white;
   margin: 10px 0px;
   padding: 10px;
   border:1px solid #fac285;
   background-color: #ffdbb4;
   list-style:  none;
 }
 
  .commentlist .avatar {
    display: none;
 }


  .commentlist .comment-author,   .commentlist .comment-author a {
  font-size: 16px;
  font-weight: bold;
  color: #2E406E;
  text-decoration: none;
  font-style: normal;
  }
  
   .commentlist .comment-meta,   .commentlist .comment-meta a {
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: normal;
  color: gray;
  font-style:italic;
  text-decoration: none;
  } 
  
  #comment_h3_2 {
    width:482px;
    height: 22px;
    background: url('images/background_title_red.gif');
    background-repeat:repeat-x;
 }
 
  #comment_h3_2 h3 {
    text-align: center;
    color: white;
    line-height: 20px;
 } 
 
/* ARCHIVE */

#content h2 {
	text-align: center;
	color: #FC6B00;
	margin-bottom: 15px;
	}