/* elements généraux*/
body {
color: #000;
background: #E9E9E9;
font: 90% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
body, html, h1, h2, h3, p, ul, li, div, span {
margin: 0;
padding: 0;
}
a {
color: #fff;
font-weight: normal;
background: transparent;
}
a:visited {
color: #000;
background: transparent;
}
a:hover {
text-decoration: underline;
color: #900;
background: transparent;
}

a acronym {
border: 0 none;
}
ul, li{
	list-style-type: circle;
}

/* divs et classes */

#container {
position: relative;
display: block;
width: 770px;
margin: 0px auto 0 auto;
text-align: left;
color: #000;
background: transparent;
border-left: 1px solid #545D64;
border-right: 1px solid #545D64;
}
#logo {
position: absolute;
top :0;
color: #000;
background: transparent;
 left: 0px;
}

#supportingText {
display: block;
width: 750px;
color: #000;
background: #B5BB7D;
border-bottom: 20px solid #B62814;
}

/* paragraphes */

#paragraphe1, #paragraphe2, #paragraphe3, #paragraphe4{
color: #000;
width: 750px;
}
#paragraphe1 {
background: #FFFFCD url(images/reservation.jpg) 100% 20px no-repeat;
}
#paragraphe2 {
background: #FAC46C url(images/site.jpg) 100% 20px no-repeat;
}
#paragraphe3 {
background: #FFFFCD url(images/look.jpg) 100% 20px no-repeat;
}
#paragraphe4 {
background: #B5BB7D url(images/ifca.jpg) 100% 20px no-repeat;
}
#paragraphe1 p, #paragraphe2 p,#paragraphe3 p, #paragraphe4 p {
/*width: 440px;*/
font-size: 0.9em;
line-height: 140%;
color: #000;
background: #FAC46C;
}
#paragraphe1 h1, #paragraphe2 h1, #paragraphe3 h1, #paragraphe4 h1{
font-size: 110%;
color: #545D64;
background: #FAC46C  url(images/puce2.jpg) no-repeat 3% 50%;
width: 340px;
padding: 5px 20px 0px 80px;
border-bottom: thin solid #666666;
}
#paragraphe2 h1,#paragraphe4 h1{
	background: #B5BB7D url(images/puce1.jpg) no-repeat 3% 50%;
	}
.p1 {
width: 340px;
padding: 25px 20px 5px 80px;
}
.p2 {
width: 340px;
padding: 10px 20px 20px 80px;
margin-top: -2px;
}

#paragraphe2 p {
color: #000;
background: #B5BB7D;
}
#zone4 {    /* la zone de lien */
position: relative;
float: right;
width : 250px;
height: 200px;
margin-right: 10px;
margin-top: 30px;
}
#zone3 {    /* la zone de lien */
position: relative;
float: right;
width : 250px;
height: 200px;
margin-right: 10px;
margin-top: 30px;
}
#zone2 {    /* la zone de lien */
position: relative;
float: right;
width : 250px;
height: 200px;
margin-right: 10px;
margin-top: 30px;
}

/* menu haut */
#lresources {
color: #fff;
background: #B62814;
display: block;
/*height: 2.9em;*/
height: 80px;
}
#lresources ul {
list-style: none;
margin: 0 10px 0 5px;
}
#lresources li {
display: inline;
}
#lresources a {
padding: 0 25px 3px 8px;
color: #fff;
border: 1px solid #600 ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 2.8em ;
background: transparent url(images/arrow_navigation.png) no-repeat 100% 0;
text-decoration: none;
}
#lresources a:link, #lresources a:visited {
color: #fff;
}
#lresources a:hover, #lresources a:active {
color: #fff;
background: #666666 url(images/arrow_navigation_page.png) no-repeat 100% 0%;
}