/*
 * Copyright (c) 2006 Cedweb.ch - All rights reserved.
 */

/* Ce fichier définit les styles HTML en général */

body {
	padding:0;
	margin:0;
	background-color: #001B2F;
	color: #00202F;
	font-size: 0.9em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}

/* Some extra fun for Gecko and WebCore */
::-moz-selection { background:#001B2F; color:#E4E4E4 }
::selection      { background:#001B2F; color:#E4E4E4 }

a{
	color: #494949;
	text-decoration: underline;
}

a:focus{
	color: #E4E4E4;
}
a:visited:focus{
	color: #E4E4E4;
}
a:visited{
	color: #494949;
	text-decoration: underline;
}

a:hover{
	color: #E4E4E4;
	text-decoration: underline;
}

,h2,h3,h4,h5,h6 {
	color: #47576E;
    font-family: "Trebuchet MS", sans-serif;
}
{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: 1px solid #999;
}

label{
	cursor: pointer;
	cursor: hand;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

label {
	display: block;
	float: left;
	width: 150px;
	clear: left;
	margin-right: 3px;
	text-align: left;
}

div {
	margin: 0;
	padding: 0;
}

img {
	border: 2px solid #494949;
}



/* Ce fichier définit la mise en page des div */

/* div de la page sans le bottom */
#divbody {
	position:relative;
	margin:0 auto;
	padding:0;
	width:800px;
}

#top {
	margin: -10px 0 10px 0;
	padding: 0;
}

#main h1 {
	margin: 0;
	padding: 0;
	font-size: 250%;
	color: #001B2F;
}
#main h3 {
	line-height: 20px;
	margin: 0;
	padding: 0;
	font-size: 120%;
	color: #E5E5E5;
}


/* ******* */
/* CONTENT */
/* ******* */
#main {
	margin:0;
	padding:0;
	float:right;
	width:640px;
	text-align: justify;
}



/* ****** */
/* SIDE   */
/* ****** */
#side {
	float: left;
}

#neweSideCol {
	float: left;
	clear: left;
	width: 152px;
	margin: 0 0 10px 0;
}


/* ****** */
/* FOOTER */
/* ****** */

#footer {
	font-size: 80%;
	clear:both;
	text-align: center;
	color: #7B858A;
}


/* SNIPPETS */

ul.LSM_0 {
	margin:0;
	padding:0 0 0 20px;
	font-weight: bold;
}
ul.LSM_0 ul{
	margin:0;
	line-height: 120%;
	padding:0 0 0 10px;
	font-size:90%;
	font-weight: normal;
}
ul.LSM_0 li {
	margin:0;
	padding:0;
	text-indent: 0;
	list-style-image:url("images/puce_menu.gif");
}



#etoNotice {display:none;}

.error {
	color: #C11C1C;
}

div.news {
	border-top: 1px solid #CCCCCC;
	padding: 4px;
	padding-top: 16px;
	margin-top: 20px;
}

div.news h3 {
	margin: 0;
	padding: 0;
}

div.news h3 a {
	color: #47576E;
	text-decoration: none;
}

p.postedBy {
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #AAAAAA
}


/*
Bords ronds
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('images/corners1440x20.gif'); /* CHANGE: path and name of your image */
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -10px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -10px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -10px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 2px solid #CCD1D5; /* YCC: color & properties of the left-borderline */
	border-right: 2px solid #CCD1D5;/* YCC: color & properties of the right-borderline */
	background-color: #B1B6B9;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap {
	margin-top: 0;
	font-size: 120%;
	font-weight: bold;
	color: #001B2F;
}    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */


#scrollingContainer{
	width:100%;	/* 170 pixels in width */
	height:150px;	/* Height of box */
	float:left;	/* I want the text to wrap around the box */
	overflow:hidden;	/* Hide overflow content */
}

table.galerie {
	width: 100%;
}

table.galerie tr td {
	text-align: center;
	padding: 20px;
}

table.galerie tr td {
	text-align: center;
}
table.galerie tr td a img {
	border: 2px solid #494949;
}

table.galerie tr td a:visited img {
	border: 2px solid #494949;
}

table.galerie tr td a:hover img {
	border: 2px solid #E4E4E4;
}

div.galerie_boutons {
	margin-top: 20px;
	text-align: center;
}