@charset "utf-8";

body{
	background-image:url(../images/fond2.jpg);
	background-repeat:repeat;
	padding:0;
	margin:0;
	color:#4e4840;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	color: #272727;
	margin:0;
	padding:0 0 10px 0;
}

.txtorange{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	color: #f06939;
	margin:0;
	padding:0 0 10px 0;}

h2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	color: #f06939;
	margin:0;
	padding:0 0 10px 0;
}

h3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #5A544C;
	margin:0;
	padding:0 0 10px 0;
}

#fondBeige{
	background-image:url(../images/fond_grisBeige.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	background-color:#CAC4B3;
}
#menu{
padding:24px 0 24px;
text-align:right;
}
.BarreO{
color:#f06939;
margin-left:15px;
margin-right:15px;
}
.BarreO2{
color:#f06939;
margin-left:15px;
}

#menu a:link, #menu a:visited , #menu a:focus, #menu a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
#menu a:hover{
	color: #f06939;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}


.fondBlanc{
background-color:#FFFFFF;
width:740px;
padding:10px;}

#photo{
padding:4px;
border:#f0ede4 solid 1px;

}
#coordonnee{
float:right;
background-image:url(../images/fondGris.jpg);
background-color:#f7f5f0;
background-repeat:repeat-x;
padding:15px 10px 10px 10px;
border:#f0ede4 solid 1px;
width:190px;
height:222px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}

#coordonnee a:link, #coordonnee a:visited , #coordonnee a:focus, #coordonnee a:active { color: #f06939;text-decoration: underline;}
#coordonnee a:hover{color: #5c5752;text-decoration: underline;}

#page { 
	width:760px;
	margin:0 auto;
}
#logo{
padding-left:10px;
	position: absolute;
}

.espace_bouton{
padding-top:8px;}

.colonneGauche{
	clear:both;
	FLOAT: left;
	MARGIN: 2px 10px 0 0;
}

#colonne{
padding:20px 10px 0 10px;
font-size:14px;
text-align:justify;
}

#colonne a:link, #colonne a:visited , #colonne a:focus, #colonne a:active {color: #f06939;	text-decoration: underline;}

#colonne a:hover{color: #5c5752;text-decoration: underline;}


#colonne1{
padding:20px 0 0 10px;
text-align:justify;

width:510px;
float:left;
font-size:14px;
}

#colonne1 a:link, #colonne1 a:visited , #colonne1 a:focus, #colonne1 a:active {color: #f06939;	text-decoration: underline;}

#colonne1 a:hover{color: #5c5752;text-decoration: underline;}


#colonne2{
padding:20px 0;
width:202px;
float:right;

}


#colonne2 a:link, #colonne2 a:visited , #colonne2 a:focus, #colonne2 a:active {
	color: #f06939;
	text-decoration: underline;
	background-image: url(../images/trombone.gif);
	background-repeat:no-repeat;
	background-position: left 0;
	display:block;
	padding:0 0 14px 21px;
	
}
#colonne2 a:hover{
	color: #5c5752;
	text-decoration: underline;
	background-image: url(../images/trombone.gif);
	background-repeat:no-repeat;
	background-position: left 0;
	display:block;
	padding:0 0 14px 21px;
}

#copyright1{
padding:8px 0 0 10px;
color:#f06939;
float:left;}

#copyright2{
	padding:8px 10px 0 0;
	color:#bcb9af;
	text-align: right;
	width:202px;
	float:right;
}

#copyright2 a:link, #copyright2 a:visited , #copyright2 a:focus, #copyright2 a:active { color: #bcb9af;text-decoration: underline;}
#copyright2 a:hover{color: #f06939;text-decoration: underline;}


.ImageGauche {
	clear:both;
	FLOAT: left;
	MARGIN: 2px 10px 0 0;
	border:#f0ede4 solid 1px;
	padding: 4px;
	
	
}

.ImageDroite {
	clear:both;
	FLOAT: right;
	MARGIN: 2px 0 0 10px;
	border:#f0ede4 solid 1px;
	padding: 4px;
	
}

.CadreImage {
	border:#f0ede4 solid 1px;
	padding: 4px;
	
}