/* PACK ESSENTIEL */



/*
 * CSS de personnalisation
 * (les règles propres à ce site)
 */



/* Elements Html */

html {
margin:0; padding:0;
background:#4db3a0 url(html_bg.png) top repeat-x;
}

body {
margin:0; padding:0;
font-size:12px;
font-family:Arial,serif;
color:#292d3a;
line-height:1.5em;
}

table {
font-size:10pt;
line-height:1.4em;
font-family:Arial,serif;
}

h1 {
font-size:25px;
margin:0;
margin-bottom:0.5em;
color:#213063;
font-family:"Comic sans MS";
height:31px;
}

h2,
form h2 label {
font-size:20px;
margin:0;
color:#ff6600;
font-family:"Comic sans MS";
font-weight:normal;
height:26px;
margin:5px 0 -5px 0;
}

h3 {
font-size:16px;
margin:0;
color:#ff6600;
font-family:"Comic sans MS";
font-weight:normal;
height:23px;
margin:5px 0 -5px 0;
}

a {
color:#213063;
}

a:hover {
text-decoration:none;
}

a img {
border:0;
}

form p,
form label {
color:#555555;
}


/* Elements conteneurs */

div#container {
background:transparent url(container_bg.gif) center repeat-y;
}

div#container2 {
background:transparent url(container2_bg.gif) top center no-repeat;
}

div#site {
margin:0 auto; padding:0;
width:980px;
background:transparent url(site_bg.png) top center repeat-y;
}

#banniere {
height:219px;
background:transparent url(banniere_bg.png) top center no-repeat;
}

#banniere img#banniere_vide {
width:530px;
height:219px;
}

#animationdiv {
padding-top:62px;
}

#left {
float:left;
width:250px;
background:transparent url(left_bg.png) top right no-repeat;
}

#contenu {
clear:none;
float:right;
width:650px;
margin-right:30px;
padding:25px;
display:inline;
}

#map {
width:648px;
height:300px;
border:1px solid #213063;
margin:5px 0;
}

#footer {
margin:0 auto; padding:0;
height:50px;
background:#4db3a0 url(footer_bg.png) top center no-repeat;
color:#d6ede9;
}

#footer p {
margin:0 auto;
padding-top:12px;
width:980px;
}

#footer a {
color:#ffffff;
text-decoration:none;
font-weight:normal;
}

#footer a:hover {
text-decoration:underline;
}



/* Menu */

ul#menu {
margin:0; padding:10px 0;
width:250px;
overflow:hidden;
}

#menu_padding {
display:none;
}

#menu li {
margin:0;
padding:15px 0 0px 20px; 
}

#menu li a  {
margin:0; padding:0;
text-decoration:none;
font-size:17px;
font-weight:bold;
font-family:"Comic sans Ms";
color:#213063;
display:block;
cursor:pointer;
}

#menu li a span {
margin:0; padding:0;
display:block;
width:230px;
height:30px;
}

#menu li a.menuselection {
background:transparent url(menuselection_bg.png) top left no-repeat;
padding-left:40px;
color:#ff6600;
}

#menu li a.menuselection span {
width:190px;
}

#menu li a:hover {
}

/* Menu avec sous-menu */

							#menu li.affichessmenu ul { display:none; }


#menu li ul {
}

#menu li ul li {
background-color:gray;
border-bottom:1px solid #4B4B4B;
}

#menu li ul li a  {
color:#ffffff;
text-decoration:none;
text-align:center;
font-weight:normal;
font-size:9pt;
}


/* Divers */

td label  {
padding-left:0;
}

#newsletter_smallform {
padding:30px 20px;
color:#292d3a;
}

#newsletter_smallform  #newsletter_email {
border:1px solid #213063;
margin:5px 0;
padding:2px 4px;
width:150px;
}

#newsletter_smallform  #newsletter_submit {
margin:5px 0;
width:30px;
}


/* Articles */
.article {
clear:both;
padding:15px 0;
}

.article p {
margin:0;
font-style:italic;
}

.article div {
margin-top:10px;
}

.article .image_link {
float:left;
margin:0 10px 10px 0;
}

.article .file_link {
clear:both;
}

.article img {
background-color:#FFFFFF;
border:1px solid #DCDAB8;
padding:3px;
}


/* Galerie */
.galerie_cat { 
background-color:#F8F8F8; 
border:1px solid #DDDDDD; 
cursor:pointer; 
margin:20px 0;
padding-right:10px;
}
.galerie_cat table {
float:left;
margin-right:15px;
}
.galerie_cat table td {
text-align:center;
}
.galerie_cat h3 {
margin:20px 0;
text-align:center;
float:right;
width:460px;
}
.galerie_cat p {
}


.galerie_img {
background-color:#F8F8F8;
border:1px solid #DDDDDD;
float:left;
margin:15px 20px;
}
.galerie_img table td {
text-align:center;
padding:5px;
}
.galerie_img table img {
border:1px solid #666666;
}