/* Start of CMSMS style sheet 'jlc_styles' */
body {
font-family: Arial, sans-serif;
text-align: center;
background-image: url(uploads/images/fond_page.png);
background-repeat: repeat-x;
background-position: top;
font-size: 0.8em;
color: #02395B;
}

* {
border: 0;
margin: 0;
padding: 0;
}

img {
display: block;
}


#header {
position: relative;
width: 816px;
height: 96px;
margin-left: auto;
margin-right: auto;
background-image: url(uploads/images/fotos.png);
background-repeat: no-repeat;
background-position: right top;
text-align: left;
}


#barSup {
position: relative;
width: 816px;
height: 45px;
margin-left: auto;
margin-right: auto;
background-image: url(uploads/images/bar_sup.png);
background-repeat: no-repeat;
background-position: center;
}
#barSup h1 {
font-size: 1.8em;
font-weight: normal;
}




/* CORPS DE PAGE */
#page {
position: relative;
width: 816px;
margin-left: auto;
margin-right: auto;
}


/* MENU */
#barMenu {
background-image: url(uploads/images/fond_menu.png);
background-repeat: no-repeat;
background-position: left top;
width: 270px;
height: 448px;
float: left;
position: relative;

text-align: left;
}
#barMenu #menu {
margin-left: 40px;
list-style-type: none;
margin-top: 30px;
}
#barMenu #menu li {
margin-top: 20px;
}
#barMenu #menu a{
color: #0265AF;
text-decoration: none;
font-size: 1.4em;
font-weight: normal;
}
#barMenu #menu a:hover{
color: #06A0FF;
}



#barMenu #contact {
color: #02395B;
position: absolute;
left: 22px;
bottom: 16px;
text-align: center;
font-weight: bold;
}
#barMenu #contact a {
color: #02395B;
font-size: 1.2em;
text-decoration: none;
}
#barMenu #contact a:hover {
color: #fff;
}
#barMenu #contact #tel {
font-size: 1.4em;
color: #d63500;
}



/* CONTENU */
#contenu {
background-image: url(uploads/images/fond_contenu.png);
background-repeat: no-repeat;
background-position: right top;
width: 546px;
height: 448px;
float: right;
text-align: left;
position: relative;
}
#contenu h2 {
margin: 1em 1.2em 1.2em 0.3em;
z-index: 10;
text-align: center;
font-size: 2em;
border-top: 1px solid #02395B;
border-bottom: 1px solid #02395B;
}
#contenu h3 {
z-index: 10;
text-align: center;
font-size: 1.2em;
}
#contenu h3 img {
display: inline;
}
#contenu p {
margin: 1.8em 2em 1.2em 0.3em;
z-index: 10;
text-align: justify;
}
#contenu p img {
margin: 0 1em 1em 0;
float: left;
}
#contenu ul {
margin: 0.4em 1.2em 1.2em 0.3em;
z-index: 11;
list-style-type: square;
list-style-position: inside;
}
#contenu ul li {
margin: 0.4em 0 0 0;
font-size: 1.2em;
color: #0265AF;
z-index: inherit;
}


#contenu blockquote {
text-align: center;
color: #ff3f00;
font-weight: bolder;
font-size: 1.3em;
z-index: 10;
clear: both;

}

#contenu #newsletter {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
}

#contenu #colGch {
float: left;
width: 48%;
margin: 1.8em 0 1.2em 0.3em;
}
#contenu #colDrt {
float: right;
width: 48%;
margin: 1.8em 1.2em 1.2em 0;
}
#contenu #colGch ul, #contenu #colDrt ul {
font-size: 0.7em;
}




/* PIED DE PAGE */
#footer {
position: relative;
width: 816px;
margin-left: auto;
margin-right: auto;
background-image: url(uploads/images/bar_inf.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 1.6em;
font-size: 0.8em;
color: #000;
clear: both;
text-align: left;
}
#footer #gch {
font-weight: bolder;
margin-left: 0.7em;
font-size: 1.1em;
}
#footer #drt {
position: absolute;
right: 0;
margin-right: 0.7em;
}


/* End of 'jlc_styles' */