/* CSS pour la mise en page du site TCC par ptifou */

body { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
background-color: #09B1E1;
}
 
#header {        
height: 149px;                
background: url(images/header.jpg) no-repeat #08b3e1;            
}

#lienstcc {   
width: 1000px;
margin-top: 0px;
height: 17px;    
background: url(images/lienstcc.jpg) no-repeat;
text-align: right;
}
#lienstcc a{   
      color: #115E91;  
font-family: Arial;   
font-size:10pt;
}

#haut {
height: 44px;
background: url(images/fdmenu.jpg) repeat-x;
}
   
#conteneur {
width: 100%;
}
      
#centre {
margin-left: 270px;
width: 487px;
background-color: #ececec;
}

#centre p {
     padding: 1px 1px 1px 1px;
     border: 1px #171717 solid;
}
   
#gauche {
float: left;
width: 250px;
background-color: #171717;
color: #FFFFFF;
font-family: Arial;
font-size:10pt;
}
     
#gauche a {
color: #87B000; 
font-family: Arial;
font-size:10pt;   
}
    
#droite {
width: 201px; 
}
      
#droite a {
}

#communautee { 
margin-left: 270px;
margin-top: 10px;    
background: url(images/communautee.jpg);
height: 156px;
width: 487px; 
}
#communautee a{ 
    color:#115E91; 
}

h4  {
      height: 20px;
}

.h6 {
font: bold ;
    color:#115E91 ;
}

#site {
float: left;
margin-left:10px ;
width: 200px;
}

#forum {
  float: right;
margin-left:10px ;
width: 260px;
}

#pied { 
height: 30px;
padding: 5px;
font-size: x-small;
margin-top: 20px;
text-align: center; 
}



#title {
background: url(images/fdtitre.jpg) no-repeat #171717;   
font-size: x-small;
color: #FFFFFF;  
height: 45px;   
}



#title p {  
margin-left: 40px;
font-size: small; 
font-variant: small-caps; 
font-weight: bold;  
color: #ba1802;     
}
           
#title img {      
float:left;    
margin-left: 5px;  
}

#title span {   
float:right;   
}
              
#recrutement {   
margin-left: 270px; 
     width: 487px; 
}
            
#recrutement p {  
margin-left: 40px; 
font-size: small; 
color: #171717;  
}

#recrutement a {  
color: #FFFFFF;  
font-family: Arial; 
font-size:10pt; 
}



#recrutement img { 
float:right;     
margin-left: 5px; 
margin-right: 15px; 
}
       
.menuhaut {  
list-style-type: none;   
margin: 0;     
padding:3px 0 0 350px;   
height: 44px;     
background: url(images/menu.jpg) no-repeat; 
}



.menuhaut li {     
display: inline; 
}



.menuhaut a { 
margin: 0 20px;   
color: #000000;   
text-decoration: underline;          
}

.menuhaut a:hover { 
text-decoration: none;  
}



.menugauche {   
list-style-type: none;
margin: 0;    
padding:0;    
}

.menugauche li {  
margin-bottom: 5px;  
}

.menugauche a { 
margin: 0 2px;   
color: #000000;   
text-decoration: underline;  
}

.menugauche a:hover {
text-decoration: none; 
}



.menudroit {  
list-style-type: none;    
margin: 0;  
padding:0;   
}

.menudroit li {    
margin-bottom: 5px;   
}

.menudroit a {   
margin: 0 2px;    
color: #000000;   
text-decoration: underline; 
}

.menudroit a:hover {    
text-decoration: none;    
}



p {margin: 0 0 10px 0;}



.contacteznous { 
text-decoration: none; 
background: url(images/contacteznous.jpg) no-repeat;
width: 250px ;       
height: 41px;    
}

.forumt {   
text-decoration: none;  
background: url(images/forumt.jpg) no-repeat;  
width: 250px ; 
height: 57px;   
}
.forumb {   
text-decoration: none;
background: url(images/forumb.jpg) no-repeat;  
width: 250px ;    
height: 33px;     
}

.communication {   
text-decoration: none;
background: url(images/communication.jpg) no-repeat;  
width: 250px ;     
height: 76px;   
}



.tccinfo {

text-decoration: none;

background: url(images/tccinfo.jpg) no-repeat;

width: 250px ;

height: 48px;

}



.concevoir {

text-decoration: none;

background: url(images/concevoir.jpg) no-repeat;

width: 250px ;

height: 25px;

}



.forum {

text-decoration: none;

background: url(images/forum.jpg) no-repeat;

width: 201px ;

height: 59px;

}



.sondage {

text-decoration: none;

background: url(images/sondage.jpg) no-repeat;

width: 201px ;

height: 59px;

}



.pargauche {
padding-left: 30px;
padding-right: 10px;
}



.pardroite {
color: #278EC1;

font-family: Arial;

font-size:10pt;

width: 179px;

padding: 0 6px 0 5px;

margin-left: 60px;

margin-top: -10px;

font-size: x-small;

}



.choix_news {

background: url(images/choixnews2.jpg) no-repeat;

height: 30px;

}



.bleuor {

color: #00457C;

font: bold;

}



i {

font-style: italic;

}



table{

width: 487px;

padding: 2px 2px 2px 2px;

border: 0;

}



td{

color: #00457C;

font-size: 10pt;

}

.rss_box {
	 width: 201px;
	 padding-left: 30px;
padding-right: 10px;
}
              
.rss_title, rss_title a {
  font-size: medium;
  color: #115776;
	margin: 0px 0; 
	padding: 0;

}



.rss_items {

       list-style:none;

       margin:0;

	 padding-left: 10px;

}



.rss_item  {

  font-size:x-small;
  margin-bottom: 1em;

}



.rss_item a:link, .rss_item a:visited, .rss_item a:active {
  color: #29739B;


	}



.rss_item a:hover { 



	}

	

.rss_date {

	font-size: xx-small;

	}