/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
   Atelier graphique caminArt 
   
   classes communes à tout le site :
   		Container
  	 	En tête
   		Barre de navigation   
   		Pied
   		Copyright
   ============================================== */
   

body {
	color: #F0E39E; 
	background:  #404040;/*#F6AD3A;#FCC672;#554155;#4D314D;#2C2F22;#F29D14*/
	padding: 0px;
}

#container {
	width: 950px;
	margin: 0 auto;	
	padding: 20px;
}

#entete {
	background-image:url("../images/b1_1.jpg");
	background-repeat:no-repeat;
	background-position:left top;
}
#entete h1 {
	margin-left: 20px;
	font-weight:normal;
	font-family:Verdana;
	font-size:4.0em;
	font-style:normal;
	color: purple;
}
#entete h2 {
	margin-left :180px;
	margin-top:5px;
	font-size:3.0em;
	font-style:italic;
	color:orange;
}
#entete img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .titre {
	font-size : 3.7em;
	font-weight:normal;
	font-family:georgia;
	color:#DEB1FB;	
	margin : 0px 0px 10px 10px /* 4px 0 15px 0 */;
}

/*============================== */
/*      barre de navigation      */

#navigation {
	padding-top:135px ;
	padding-bottom:0px; 
}
#navigation ul {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	float: left;
	color: #000000;	
	display: block;
	padding: 3px;	
}

#navigation ul li a {
	/* background: #181A12; */
	padding:0.5em;	
	width:100%;
	text-align:center;
	font-weight:bold;	
	font-size: 1.2em;
		color: white;/* #FD3B07; #FF6533; */
	text-decoration: none;	
}

#navigation ul li a:hover, #navigation ul li  a:focus {
	color : #FD3B07; /* #CBD888 ; background-color:#FFF;*/	
}

/*============================== */
/*     Pied de page              */

#pied {
	border-top: 1px solid #808080;
	margin: 10px;
	padding: 2px 26px 10px 20px;
	font-size: 1.0em;
	color:white;
}


/*============================== */
/*     copyright                 */

#copyright {
	margin: 20px 0;
	font-size: .9em;
	text-align: center;
}

/*============================== */
/*   divers : redéfinitions      */

a {
	color: #F9B127;
}
a:hover, a:focus {
	color: #F75977;
	font-weight:bold;
}
strong {
	color: #A1B55D;
}

a.more {
	color:#0033CC;
	background-color:#FFCC66;
	text-decoration: none;
}
a.more:hover {
	color:#ff0000;
	text-decoration: none;
	background-color:#FFCC66;
}