/* DOCUMENT CSS */

/* ***** BLOC  D INFORMATIONS ET DE LICENCE *****
 * Projet COMPETENCE PLUS
 * Ce document fait partie integrante d un projet realise par le Mushi Crew.
 * http://www.mushicrew.com  ou  http://www.mushi-crew.com
 * Copyright (c) 2005 Gabriel Baude et toutes personnes ayant contribue au projet. 
 * Tous droits reserves. Contact : gabriel.b@mushi-crew.com
 * Ce document est cree et distribue en open source, vous pouvez le modifier 
 * et/ou le redistribuer sous les termes et condition de la licence GNU 
 * (General Public License) 
 * Ce document est cree dans le cadre d un projet specifique, sorti de ce cadre 
 * sa reutilisation est SANS AUCUNES GARANTIES de portabilites, de VALEUR
 * MARCHANDE ni meme de FORME STRUCTURELLE DANS UN BUT 
 * COMMERCIAL ET /OU PARTICULIER. 
 * Veuillez vous reporter dans tous les cas a la licence GNU pour plus de details.
 * Les textes de la licence GNU (General Public License) sont accessibles
 * sur le site de la Free Software Foundation : http://www.gnu.org/ 
 * Free Software Foundation, Inc., 59 Temple Place, Suite 330, 
 * Boston, MA  02111-1307  USA
 * * ***** FIN DU BLOC D INFORMATIONS ET DE LICENCE *****
 * * Credit (s): 	Gabriel BAUDE
 * 				Romain MENETRIER 		
 */

/* Ce fichier definit le style graphique et visuel des differents elements du site.
 * Dans l ordre, vous trouverez les regles qui definissent l apparence pour:
 * - le pied de page
 * - la barre de navigation
 * - le formatage du fichier html par default
 * - le formatage des calques de structuration des donnees
 * - les styles et le formatage du texte courant
 * - les styles et le formatage de la colonne de droite
 * - les styles des actualitees de la colonne de droite
 *
 * L agencement des blocs est defini dans ce fichier "layout.css"
 *
**************  ****************  **************  ****************  */




 /* ************** ********************** ************** */  
 /* ************** APPEL DES CSS EXTERNES ************** */ 
 /* ************** ********************** ************** */ 
  
 
@import url(footer.css); 		
/*  pour le pied de page  */

@import url(navigation.css);	
/*  pour la barre de navigation  */


 /* ************** ***************************** ************** */  
 /* ************** FORMATAGE DU HTML PAR DEFAULT ************** */ 
 /* ************** ***************************** ************** */ 
 
body {
	margin: 0px;
	padding: 0px;
	background: #FFCCFF url(../images/background.jpg) scroll repeat-x;
	}
	
abbr, acronym {
	cursor: help;
	font-style: normal;
	border-bottom: 1px dotted;
	}

code {
	color: #f63;
	}

hr {
	display: none;
	}

img {
	border: none;
	}
/* ------------------------------ */
/* ----------- Liens ------------ */
/* ------------------------------ */
a:link {
  color: #EC5100;
  }

a:visited {
  color: #EC5100;
  }

a:hover {
  color: #EC5100;
  }

a:active {
  color: #EC5100;
  text-decoration: none;
  }
	
 /* ************** ******************************* ************** */  
 /* ************** FORMATAGE DES CALQUES DE DONEES ************** */ 
 /* ************** ******************************* ************** */ 

#menu {
	width: 96%;
	height: 29px;
	margin: 2em auto 0px auto;
	font: 11px/28px Helvetica, Arial, sans-serif;
	/*background: url(../images/logo.gif) no-repeat 90% 0px;*/
	}
	
#sous_menu {
	text-align:right;
	display:block;
	position : relative;
	background :#E2E2E2;
	width: 96%;
/*	height: 29px; */
	height: 32px;	
	margin: 0px auto 0px auto;
	font: 11px/28px Helvetica, Arial, sans-serif;
	border-bottom : 1px solid #A9A9A9;
	}

#masthead {
	position: relative;
	padding: 0;
	height: 150px;
	width:766px;
	}	

#logo {
margin: 0 0 0 10px;
	height: 160px;
	width: 200px;
	/*z-index: 5;*/
	background: transparent url(../images/logocpfr2.jpg) no-repeat 0px 0px;
	}
	
#container {
	width: 96%;
	margin-left: auto;
	margin-right: auto;	
	font-size:12px;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	background:#FFF url(../images/bg_container.gif)  repeat-y;
	}
		
#main-content {
	float: left;
  	width: 65%;
  	margin: 20px 0 0 0;
  	padding: 0;
  	line-height: 1.5em;
  	}

.sidebar {
  	width: 240px;
	padding: 20px 10px 10px 10px;
	border: 0px;
	margin: 0px;
	float: right;
	display: inline;
	height: 100%;
	font-size: 88%;
  	line-height: 1.4em;
	color: #333;
	/*background: #F6F6F6 url(../images/logo.gif) no-repeat 95% 95%;*/
	/*background: #F6F6F6 url(../images/logocpfr2.jpg) no-repeat 0 0;*/
	background: #F6F6F6
	}
  
.actus {
	margin: 0px;
	padding: 5px;
	}

 /* ************** ************************* ************** */  
 /* ************** FORMATAGE DU TEXTE COURANT ************** */ 
 /* ************** ************************* ************** */ 
   	
blockquote {
font-size:88%;
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  color: #5F5F5F;
  background: url(../images/quotes.gif) no-repeat top left;

  }

blockquote p {
 	margin-top: 0;
	background: url(../images/end_quotes.gif) no-repeat bottom right;
  	}
  
.post {
	margin: 0 0 1.5em 0;
	padding: 0 0 1.5em 14px;  
	color:#333333;
	}
  
.post img {
	float: left;
  	margin: 0 10px 0 0;
  	padding: 4px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background: #fff;
  	}
.post p {
	padding: 6px;
	}

.post h5 {
  margin-top: 0;
  font-family: trebuchet MS, trebuchet, verdana, arial, sans-serif;
  font-size: 100%;
  font-weight:bold;
  color: #333;
  }
  
  
.post h4 {
	margin-top: 0;
	font-family: trebuchet MS, trebuchet, verdana, arial, sans-serif;
	font-size: 170%;
	color: #EC5100;
	}
  
.post h3 {
	margin-top: 0;
	padding-left: 14px;
	font-size: 150%;
	color: #8C0087;
	background: url(../images/title.gif) no-repeat 0 50%;
	}
  
.post h2 {
	margin-top: 0;
	padding-left: 1.6em;
	font-size: 90%;
	color: #8C0087;
	background: url(../images/trackback.gif) no-repeat 0 50%;
	}

h2.link{
    margin: 4px 0 0 0;
  	padding: 0 10px 1em 60px;
 	color: #999;
	font-size: 90%;
 	background: url(../images/comment_arrow.gif) no-repeat 44px 2px;
  	}
  
.post ol, ul {
	list-style:none;
	font-size: 88%;
	margin: 0;
	padding: 5px 20px 1em 20px;
	}

.post ol li {
	color: #EC5100;
	padding-left: 1.5em;
	background: url(../images/link.gif) no-repeat 0 2px;
	}

.post ul li {
	padding-left: 1.4em;
	background: url(../images/list.gif) no-repeat 0 2px;
	}  

.post-footer {
	padding-left: 15px;
	font-size: 88%;
	color: #828282;
	border-bottom: 1px dotted #ddd;
	}
  
.post img {
	padding: 6px;
	background-color: #E2E2E2;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	}
  
.post em{
  	color:#9B9B9B;
  	font-style:italic;
	}
  
.post a{
    color: #EC5100;
	}
  
.post a:hover{
    color: #EC5100;
	text-decoration:underline;
	}

 .content a{
	font-weight: normal;
	color: #4B4F4D;
	text-decoration: none;
	font-size: 90%;
	}    

 /* ************** **************************** ************** */  
 /* ************** STYLE DE LA COLONE DE DROITE ************** */ 
 /* ************** **************************** ************** */ 	 
  
h2.sidebar-title{
	margin: 0 0 0 0;
	padding: 5px 0 0 30px;
	font-family: "Lucida Grande", "Trebuchet MS";
	font-size: 130%;
	color: #666;
	height: 32px;
	background: url(../images/filed.gif) no-repeat 15px 5px;
	height: 32px !important; /* for most browsers */
	height /**/:57px; /* for IE5/Win */
	}   

.sidebar ul {
	list-style: none;
	margin: 0 0 10px 30px;
	padding: 0;
	}

.sidebar li {
	list-style: none;
	padding-left: 15px;
	margin-bottom: 3px;
	background: url(../images/arrow.gif) no-repeat 0 0px;
	}
  
 /* ************** ******************************* ************** */  
 /* ************** STYLES DES ACTUALITES DE COLONE ************** */ 
 /* ************** ******************************* ************** */ 
 
.actus h1 {
  	font-size: 115%;
  	padding:8px 0px 0px 0px;
  	margin:0;
  	color: #666;
  	font-weight:100;
	}
 
.actus img {
	float: left;
  	margin: 0 10px 0 0;
  	padding: 4px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background: #fff;
  	}
  
.actus p {
	padding: 4px;
 	}
	
.actus a{
    color: #EC5100;
  	}
  
.actus a:hover{
    color: #EC5100;
	text-decoration:underline;
  	}
  
h2.more{
	display:block;
	padding:0 0 1.4em 15px;
	color: #999;
	font-size: 90%;
	border-bottom: 1px dotted #666;
	background: url(../images/comment_1.gif) no-repeat 0 2px;
  	}

p#powered-by {
  	margin-top: 1em;
  	border: none;
  	text-align:center;
  	}

/* homepage only */

.homepage_1 { 
	width: 19%;
	float:left;
	padding: 5px;
	margin:0px;
	/*background-color: #EBD7ED;*/
}
		
.homepage_2 { 
	width: 18%;	
	float:left;
	padding: 5px;
	margin:0px;
	/*background-color:#FDE5D8;*/
	}
		
.homepage_3 {
	width: 19%;	
	float:left;
	padding: 5px;
	margin:0px;
	/*background-color: #FDEED8;*/
	}
	
.homepage_4 {
	width: 18%;	
	float:left;
	padding: 5px;
	margin:0px;
	/*background-color: #ECF6D7;*/
	}
	
.homepage_5 {
	width: 19%;	
	float:left;
	padding: 5px;
	margin:0px;
	/*background-color: #D6EFF4;*/
	}
	
#masthead_home {
	position: relative;
	padding: 0;
	height: 16px;
	width:766px;
	background: #FFF url(../images/top.gif) repeat-y;
	}	
	
#container_home {
	width: 766px;
	margin: 0px auto auto auto;
	font-size:12px;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	background: #FFF url(../images/bg.gif)  repeat-y;
	}

#logo_home { 
	position: relative;
	padding-left: 0;
	height: 134px;
	width:766px;
	background: #FFF url(../images/logo_small.gif) no-repeat 10px 2px;
	}