/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 04
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #fff;
	background:#fdfdfd;
}

/*#entete {
	background:url(img/lyon-safore.gif) no-repeat right center;*//*LYON-03.gif*/
	/*border: 1px solid red;*/
/*}*/
/* Navigation entete */
#entete a {
font-size: .9em;
color: #e64317;
font-weight:bold;
}
#entete a:hover, #entete a:focus {
font-size: .9em;
color:#ede200;
font-weight:bold;
background: #e64317;
}
/* lien fiche entete */
#entete-fiche a {
font-size: .9em;
color: #e64317;
text-decoration:none;
}
#entete-fiche a:hover, #entete-fiche a:focus {
font-size: .9em;
text-decoration:underline;
}
/* Navigation */
#navigation {
background:url(img/fond-menu2.gif) no-repeat left center;
}
#navigation ul {
	/*color:red;/*qui etes-vous ?*/
}
#navigation ul li{
	/*color:green;*/
	
}
/*caractere avant les listes*/
#navigation a:before {
content: " \00BB  ";/*2B c'est pas mal aussi +*/
color: #e64317;
}
/*fin*/
#navigation a {
font-size: .9em;
	color: #e64317;
	font-weight:bold;
}
#navigation a:hover, #navigation a:focus {
font-size: .9em;
	color: #ede200;
	font-weight:bold;
	background: #e64317;
}

/* Contenu principal */
#contenu, #breve {
	color: #4e2215;
	font-size: .8em;
}
/* lien visible */
#contenu a.lienvisible {
	color: #e64317;
	text-decoration: underline;
	font-weight:bold;
}
#contenu a.lienvisible:hover, #contenu a.lienvisible:focus {
	color: #332510;
	text-decoration: underline;
	font-weight:bold;
}
#contenu a {
	color: #332510;
	text-decoration: none;
}
#contenu a:hover, #contenu a:focus {
	color: #e64317;
	text-decoration: underline;
}


/*fiches*/

#fiche {
	color: #363B29;
}
#fiche a {
	color: #332510;
	text-decoration: none;
}
#fiche a:hover, #fiche a:focus {
	color: #6E5122;
	text-decoration: none;
}
#fiche strong {
	color: #e64317;
	font-weight: 500;
	line-height:1.8em;
	font-size:1.2em;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-style: italic;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 0px; /* Voir -> Note 1 ci-dessous */
}
#global {
	width: 100%;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
#global-fiche {
	width: 90%;
	max-width: 1024px;
	min-width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
}
/* En-tête */
#entete {
	padding: 10px 0;
	height:165px;
}
#entete h1 {
	margin:0;
}
#entete h1 img {
	float: left;
	margin: 7px 60px 0px 0;
}
/*entete fiche*/
#entete-fiche {
	padding: 0;
	height:100px;
	text-align:right;
color:#666;
font-size: .8em;
}
#entete-fiche h1 {
	margin: 0;
	text-align:center;
}
/* Menu d entete */
/*caractere avant les listes*/
#entete ul li:before {
content: " \00BB  ";/*2B c'est pas mal aussi +*/
color: #e64317;
}
/*fin*/
#entete ul {
	margin: 10px 0px 0px 0px;
	padding: 10px 10px;
	list-style: none;
	font-size:1em;
	
	
}
#entete ul li a {
	height: 1%; /* -> 3 */
	padding: 6px 6px 6px 10px;
	line-height: 2em;
	text-decoration: none;
}
/* Menu de navigation */
#navigation {
	width: 20%;
	clear:both;
	float: left; /* -> 2 */
	margin:0;
	border:0px solid #e64317;
}
#navigation ul {
	margin: 0;
	padding: 10px 10px 17px 5px;
	list-style: none;
}
#navigation ul li a {
	display: block;
	height: 1%; /* -> 3 */
	padding: 6px 6px 6px 10px;
	line-height: 1.5em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	margin-left:20%; /* -> 4 */
	margin-bottom: 20px;
	padding: 10px 0px 10px 20px;
	border:0px solid #e64317;
}
#breve {
	margin-left:2%; /* -> 4 */
	margin-bottom: 0px;
	padding: 10px 0px 0px 20px;
	border:0px solid #e64317;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu li {
	line-height: 2.5em;
}
#contenu p img {
	border: 0px solid #ede200;
}

/*fiche*/
/* Contenu */
#fiche {
	margin: 0; /* -> 4 */
	margin-bottom: 20px;
	padding: 10px 20px;
}
#fiche > :first-child {
	margin-top: 10px;
}
#fiche p, #fiche li {
	line-height: 2.5em;
}
#fiche h1{
	margin:3em 0 1em 0;
	
}
#fiche p img {
	border: 1px solid #ede200;
}
#fiche ul li {
list-style: square;
}
/* Mention de paternité */
#copyright {
	margin-left: 22%;
}
#copyright-breve {
	margin-left:2%;
	padding:0px;
}


/*formulaire*/
#container{	
	margin:0;
	background:#fff;
	width:350px;
	padding:0px;
	text-align:left;
	color:#e64317;
	}
/* form 1 */

	#form1{
		margin:0.5em 0;
		padding-top:10px;
		background:url(img/form_top0.gif) no-repeat 0 0;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:0;	
		float:left;
		display:inline;
		width:150px;
		margin-left:12px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0; font-size:1.1em;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:130px;
		border:1px solid #ccc;
		background:#fff url(img/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		background:url(img/form_bottom0.gif) no-repeat 0 100%;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(img/form_button-.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				

/* // form 1 */