/*
Theme Name: JECPJ France
Theme URI: http://www.jecpj-france.org/
Description: Thème du site JECPJ France
Version: 07 2008
Author: Jean-Luc Barts-Andreetto
Creation Theme by Jean-Luc Barts-Andreetto || http://www.tika-editions.com
*/

//div {border: 1px solid red;}

html {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	padding: 0;
	margin:0;
	background: #535353;
}

body { 
	height : 100%;
}

h1, h2 {
	color: #D34000;
	font-weight: bold;
}

h1 {
	font-size: 1.3em;

}

h2 {
	font-size: 1.2em;

}

h3 {
	font-size: 1.1em;
	color: #32100D;
}


a {
	color : #592500;
	text-decoration: none;
	font-size: 0.9em;
}

a:hover {
	text-decoration: underline;}
	
	

		/* PAGE */
	
#page {
	width: 800px;
	margin: 0 auto 0 auto;
	background: #fff;
	border: 1px solid #32100D;
}


	/* EN-TETE */

#entete {
	float: left;
    background: #ffffff url(images/fond-entete.png) no-repeat;
    width: 100%;
    height: 170px;
}

#menu {
	float: left;
	width : 785px;
	height : 18px;
	background: #49150D;
	padding-left : 15px;
}

#menu a, #menu a:hover {
	font-size: 0.9em;
	color: #fff;
}


	/* AUTRES PAGES */
	
#contenu {
	min-height: 300px;
	padding-left: 80px;
	padding-right : 30px;
	background: #ffffff;
}

#titre-page {
	color: #D34000;
	font-size: 1.2em;
	border-bottom: 1.5px solid #D34000;
	padding-bottom : 10px;
	padding-top : 10px;
	font-weight: bold;
}

#contenu h1 {
	font-size: 1.4em;
	color: #D34000;
	text-transform: uppercase ;
	/*padding-left : 25px;*/
	padding-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #D34000;
}

#contenu h2 {
	font-size: 1.2em;
	color: #32100D;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	/*text-transform: uppercase ;*/
}

#contenu h3 {
	color: #32100D;
	font-weight: bold;
}

#contenu p {
	text-align: justify;
	padding-left: 20px;
}

#contenu .date {
	font-size: 0.8em;
	text-align: right;
}

#texte {
	padding-top : 20px;
}



	/* HOME */
	
#contenu-home {
	min-height: 500px;
}


#col1 {
	float: left;
	width: 180px;
	padding-left: 15px;
}

#col1 h2 a {
	margin: 0 5px 0 5px;
	display: block;
	font-size: 1em;
	color: #D34000;
	font-weight: bold;
	border-bottom: 1px solid #D34000;
}

#col1 h2 a:hover {
	text-decoration: none;
	color : #592500;
	border-bottom: 1px solid #592500;	
}


#col2 {
	float:left;
	width:400px;
	background: #DCD4D2;
	border-top : 2px solid #D43000;
	border-bottom : 2px solid #D43000;
	margin-left: 10px;
	margin-right: 10px;
}

#col3 {
	width: 180px;
	float:left;
}

#theme {
	border-bottom: 1px dotted;
	padding : 4px 10px 4px 10px;
	
}

#theme h2 {
	text-align: center;
}

#theme a {
	display: block;
	font-size: 0.8em;
	text-align: center;
}

#theme p {
	text-align: justify;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
}

#prog-regions {
	font-size: 0.8em;
	padding : 10px;
}


#prog-regions h2 {
	color: #32100D;
	text-align: center;
	line-height: 0.9em;
}

*+html #prog-regions h2 {
	line-height: 0.4em;
	margin-top: 0;
}

*html #prog-regions h2 {
	line-height: 0.4em;
	margin-top: 0;
}

#prog-regions p {
	text-align: center;
	}

#prog-regions li {
	line-height: 3.5em;
	list-style: none;
	border-bottom: 1px solid #535353;
	margin-left: -20px;
	margin-right: 20px;
	}
	
*html #prog-regions li {
	line-height: 3.3em;
}


#prog-regions li a {
	border-bottom: 1px;
	font-size: 1.4em;
	font-weight: bold;
	padding-right : 10px;
}

#prog-regions li a:hover {
	text-decoration: none;
	color: #D34000;
}

	/* MODULES */


.module {
	padding-left: 5px;
	padding-right : 5px;
	margin-bottom: 15px;
}

.module h2 {
	border-bottom: 1px solid #D34000;
}

.module-texte {
	height : 150px;
	overflow: hidden;
	border-left : 1px dotted #DCD4D2;
	border-right : 1px dotted #DCD4D2;
	border-bottom : 1px dotted #DCD4D2;
	margin-bottom : 5px;
	padding : 3px;
}

.module li {
	padding-bottom: 10px;
	list-style-type: none;
	margin-left: -40px;
	font-size: 0.9em;
}

	/* PIED */

#pied {
	text-align: right;
	height : 30px;
	width: 780px;
	background: #32100D;
    padding-right: 20px;
}

#pied p, #pied a, #pied a:hover {
	font-size: 9px;
	color: #ffffff;
	padding-top: 10px;
}