/*
Theme Name: UFCA 2010
Theme URI: http://www.ufca.fr
Description: Thème réalisé pour UFCA
Version: 1.0
Author: Jean-Brice Gachot
Author URI: http://www.tlconseil.com 
Intégration et développement : Prakash Manet & Serveaux Jean-michel
*/


/*****************************************************************************************************/
/*                                       Initialisation & helper                                     */
/*****************************************************************************************************/
* { margin: 0; padding: 0; outline: none; }
img { border:0; }
.spacer { clear: both; }
.center { text-align:center; }

/*****************************************************************************************************/
/*                                       Template du site                                            */
/*****************************************************************************************************/
body{
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #F7F7F7;
font-family: Arial, Verdana;
font-size: 12px;
line-height: 1.8em;
color: #666666;
}

	/*Choses de bases*/
	a{
	color: #3D4B65;
	text-decoration: none;
	}
	a:hover{color: #252D3D;}
	
	/*Conteneur global de la page*/
	#page {
	width:950px;
	
	margin:auto;
	}
	
		#header {
	width: 950px;
	margin: auto;
	height:170px;
	background-image: url(images/titre-site.jpg);
	background-repeat: no-repeat;
	background-position: 200px 0px;
		}
			h1{
			width: 180px;
			float:left;
			margin:15px;
			

			}

			
		#middle { 
		margin-top: 53px;background-color:#f7f7f7;
		}
			/*Zone contenu du template*/
			#content { width: 680px; float:right;margin-right:32px;}
			
			/*Sidebar*/
			#sidebar { width: 219px; margin-left:9px; }
			
				#photo-president { text-align: center; margin:5px;}
				#sidebar a { text-decoration:none; color:#3d4b65; }
				#sidebar h6 {
				font-size:16px;
				font-weight:normal;
				background-image: url('images/encart-categorie.png');
				background-repeat:no-repeat;
				height:32px;
				padding:8px 0 0 34px;
				}
				
				#sidebar ul{
				list-style-type: none;
				}
				#sidebar li{ 
				margin-bottom: 20px; 
				background-color:#dadada; 
				padding-bottom:15px; 
				-moz-border-radius: 10px; 
				-webkit-border-radius: 10px; 
				border-radius: 10px;
				}
					#sidebar ul ul { list-style-image: url(images/fleche.png); margin-left:24px; margin:9px 0px 0px 32px; }
						#sidebar ul ul li { padding-left:13px; margin-bottom: 0px; padding-bottom:0px; }
						
			#partenairesItem div{
				margin:5px auto;
				width:180px;
			}
		
		/*Pied de page*/
		#footer {
	background-image: url('images/fond-footer.jpg');
	height:51px;
	repeat:x;
	width:100%;
	margin:auto;
	position: absolute;
	left: 0px;
}
		#footer p { text-align: center; font-size: 10px; color: #3d4b65; line-height:14px; padding:10px 0; height:30px; }
		#footer a {
	text-decoration:none;
	color:#252781;
}
	
	
	/*Bock vers lex réseaux sociaux*/
	#socialtags{
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: 300px;
	background-image: url(images/socials.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 125px;
	text-align:center;
	display:none;
	}
		#socialtags a{
		display: inline-block;
		margin-top: 4px;
		margin-right: 3px;
		margin-bottom: 2px;
		margin-left: 3px;
		}


/*****************************************************************************************************/
/*                                         Formatage des post                                        */
/*                       (séparé car utilisé dans plusieur template de wordpress)                    */
/*****************************************************************************************************/
.post { background-color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
border:1px solid grey; padding:10px; margin-bottom:30px; }
.bgdate { background:none repeat scroll 0 0 #8f9cb6; float:left; height:44px; margin:0 10px 10px 0; width:43px; }
.postdate { background:url("images/calendrier.png") no-repeat scroll 0 0 transparent; display:block; float:left; 
font-family:Arial; height:50px; margin:-3px 10px 0 0; width:45px; }
.month { color:white; font-weight:bold; padding-right:1px; text-align:center; text-transform:uppercase; }
.day { color:black; font-size:1.5em; text-align:center; margin-top:-4px; }
.year { color:#AEAEAE; text-align:center; font-size:0.9em; margin-top:-9px;}

.post h2 {
	color:#4a5261;
	font-size:14px;
	background-image: url('images/encart-article.jpg');
	background-repeat: repeat-x;
	min-height:36px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:600px;
	margin-top:4px;
	background-color:#EECE80;
	padding-left: 10px;
}
	h2 .titre-post{ width:500px; display: inline-block; margin:8px 0 0 10px; }
	h2 a{color:#4a5261;}
	h2 a:hover{color:#121418;}

	.entry { margin-top:24px; text-align:justify; }
	.entry h3 { margin:10px 0px 10px 0px }
	.entry ul li { list-style-image:url("images/fleche.png"); margin-left:31px; }
	.entry ul li a, .publication a, .entry a { color:#f2bb45; text-decoration:none; }
	.publication { margin-top:5px; }
	.bandeau { color:#4a5261; font-size:12px; background-image: url('images/encart-article.jpg'); background-repeat: repeat-x; min-height:36px; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin:19px 0px 25px 0px; background-color:#EECE80; }
	.bandeau a { text-decoration:none; color:#3e4b65; }
	.contenu-bandeau { line-height:15px; font-style:italic; display:inline-block; margin:2px 0 0 10px; }
	
	#other-posts{
		
	margin-bottom:15px;}
	
	/*Les tableaux par défaut dans les post*/
	.post table{
	width:600px;
	margin:auto;
	font-size:11px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(border-radius.htc); 
	border:1px solid #AFB8C9;
	}
		.post th{
		background-color: #DADADA;
		text-align: center;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-khtml-border-radius: 5px; 
		border-radius: 5px; 
		behavior: url(border-radius.htc); 
		}
		.post td{
		background-color: #F7F7F7;
		padding:2px 5px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-khtml-border-radius: 5px; 
		border-radius: 5px; 
		behavior: url(border-radius.htc); 
		}
		.post tr:hover td{
		background-color: #DDD;
		}
	
	/**
	* Commentaires dans les articles
	*/	
	#commentform{
	background-color: #F0F0F0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
	padding:5px;
	}
		#commentform textarea{
		width: 637px;
		margin:10px;
		padding:5px;
		height:100px;
		border: 1px solid #49565E;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-khtml-border-radius: 5px; 
		border-radius: 5px; 
		behavior: url(border-radius.htc); 
		}



/*****************************************************************************************************/
/*                                         Template index.php                                        */
/*****************************************************************************************************/
#edito { margin-bottom:30px;background-color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid grey; padding:10px; }
#edito h2 {margin-bottom:20px;}
	#edito a { color:#efb642; font-size:14px; margin-bottom:20px;}
	#edito ul{
	list-style-type: none;
}
	#edito .signature { text-align: right; }
	
/*****************************************************************************************************/
/*                                         page formation.php                                        */
/*****************************************************************************************************/
#federation-table{
	
}
	#federation-table tr:hover td{
	background-color: #F7F7F7;
	}