/* Feuille de style */

/* Page */

#haute a{
	display : block;
	position : fixed;
	float: left;
	left: 10px;
	bottom: 15px;
	color: #A63E2B;
}


html {
	font-size: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: .8em; 
	line-height: 1.25; 
	background-color: #f2efdf;
	width: 900px;
}

/* Titres */

h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; 
}
h1 {
	font-size: 2.5em; 
	font-style: italic;
}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */
a, a:link {
	color: #1A1A1A;
	text-decoration: underline;
}

a:hover, a:focus, a:focus {
	color: #404040;
}
a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}

/*Layout*/
#global{
	background:transparent url("/fond3.png");
	background-repeat: repeat-y;
	border-top: #550000 5px solid;
	width: 900px;
	overflow: hidden;
	}
	
#entete{
		height: 120px;
		background:transparent url("/header.png");
		/*background-color: #C5E7F3;*/
		color: #efeacf;
		padding:15px;
		}
		
#colonne_gauche{
	width: 130px;
	/*background-color:	#6BB3CB;*/
	float: left;
	padding-left: 10px;
	}
	
#contenu{
	/*background-color: #FFFFFF;*/
	width: 530px;
	float: left;
	color: #505050;
	}
	
#colonne_droite{
	/*background-color:	#6BB3CB;*/
	width: 220px;
	color: #efeacf;
	float: left;
	padding-left: 10px;
		}
		
h1 a, h1 a:link, h1 a:hover, h1 a:visited{
text-decoration: none;
color: #efeacf;
margin-left: 130px;
}
	
p.sstitre{
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
		font-size: 1.4em;
		text-align: left;
		float: left;
		margin-top:0;
		font-weight: normal;
		margin-left: 130px;
		}	
							
.menu{
	margin: 0px;
	line-height: 2em;
	margin-top: 15px;
	}
	
.menu li{
	list-style: none;
	height: 30px;
	padding-bottom: 10px;
	}

.menu a, .menu a:link{
	color: white;
	text-decoration: none;
	font-size: 1.1em;
	padding: 5px;
	background-color: #b99766;
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.menu a:hover, .menu a:active, .menu a:focus{
	color: #A63E2B;
	text-decoration: none;
	font-size: 1.1em;
	padding: 5px;
	width: 117px;
	height: 30px;
	background-color: #efeacf;
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

p.texte{
			padding-left: 15px;
			padding-right: 15px;
				}
				
p.haut{
	text-align: right;
	padding-right: 10px;
	}
	
p.haut a{
color: #A63E2B;	
	}
				
#contenu h2 img{
width: 90px;
margin-left: 15px;
}	
		
#contenu h2 a{
text-decoration: none;
color: #550000;
padding-left: 15px;
		}
		
		p.date{
		display: inline-table;	
		width: 100px;
		padding-left: 15px;
		font-weight: bold;
			}
		p.titre{
			display: inline-table;
			width: 400px;
			padding-left: 0px;
			font-weight: bold;
				}

		#contenu ul{
		padding-left: 120px;
		padding-right: 15px;
			}
	

		
		#colonne_droite img.photo{
		        height: 100%;
		        margin-left: 40px;
			margin-top: 15px;
			width: 150px;
			border: 3px solid white;}
			
			#colonne_droite img.pdf{
			margin-left: 5px;
			margin-top: 15px;
			padding-right: 3px;
			width: 30px;
			border: none;
			vertical-align: -10px;
		}
		
			#colonne_droite img.viadeo{
			margin-left: 5px;
			margin-top: 15px;
			padding-right: 3px;
			width: 64px;
			border: none;
			vertical-align: -10px;
		}
			
		#colonne_droite h3{
			color: #efeacf;
			}
			
			

/*formulaire*/

label{
display: inline-table;
width: 105px;
padding-right: 15px;
font-weight: bold;
text-align: right;
	}

label.message {
display: inline-table;
padding-top:150px;
	}
	
input{
display: inline-table;
width: 300px;	
		}


textarea.style{
display: inline-table;
width: 300px;
height: 150px;
	}

	

	
input.bouton{
	width: 70px;
	margin-left: 120px;
	margin-bottom: 30px;
	}