body {
	margin: 0;
	padding: 0;
	background-color: #000000;
}

img {
	border: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	padding: 20px 0 0 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #dddddd;
	background-image: url(images/fond-h2.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffbbbb;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

/*----------------------------------------------------------------------------------Conteneur general-------*/

#conteneur {
	position: relative;
	width: 950px;
	margin: 0 auto;
	background-image: url(images/fond-global.jpg);
	background-repeat: repeat-y;
}

/*----------------------------------------------------------------------------------Entetes-------*/
#entete {
	height: 184px;
	/*background-image: url(images/bandeau-caradec.jpg);
	background-repeat: no-repeat;*/
}

/*----------------------------------------------------------------------------------Menu principal-------*/

#menu {
	background-image: url(images/fond-menu.jpg);
	background-repeat: no-repeat;
	color: #991b1e;
	margin: 0px;
	height: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

#sommaire {
	margin: 0;
	padding: 0 20px 0 270px;
}

#sommaire a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
}

#sommaire a:hover{
	color: #991b1e;
}

#contact {
	position: absolute;
	right: 20px;
	top: 184px;
}

#contact a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#contact a:hover{
	color: #ffffff;
	text-align: center;
}

/*----------------------------------------------------------------------------------Divers encarts-------*/

#marge-gauche {
	position: absolute;
	margin: 0;
	left: 0;
	width: 235px;
	padding-top: 32px;
	padding-left: 11px;
	top: 215px;
}

#sionenparlait {
	position: absolute;
	width: 235px;
	height: 28px;
	padding: 0;
	margin: 0;
	top: 184px;
	left: 10px;
}

#marge-gauche p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

.caradec {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #991b1e;
}
#marge-gauche h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bbbbbb;
}

#marge-gauche a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
	font-weight:bold;
}

#marge-gauche a:hover {
	text-decoration: none;
	color: #900;
}

/*----------------------------------------------------------------------------------Contenu-------*/

#contenu {
	background-image: url(images/fond-contenu.jpg);
	background-repeat: no-repeat;
	margin: 0;
	background-position: top;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 280px;
	min-height: 390px
}

#contenu ul {
	white-space: normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#contenu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 0;
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 4px;
}

#contenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #eeeeff;
	text-decoration: underline;
}

#contenu a:hover {
	color:#ffee00;
	text-decoration: none;
}

/*----------------------------------------------------------------------------------Pied de page-------*/

#pied {
	height: 47px;
	background-image: url(images/fond-pied-de-page.jpg);
	background-repeat: no-repeat;
	margin: 0;
}

#sousmenu {
	margin: 0;
	padding: 16px 12px 0 0;
	text-align:right;
}

#sousmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

#sousmenu a:hover {
	color: #991b1e;
	text-decoration: underline;
}

/*----------------------------------------------------------------------------------CLASS-------*/

.formulaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	padding-left: 6px;
	border: 1px solid #336666;
	background-image: url(images/fond-formulaire.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
}

.formulairetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

.tablorouge {
	border: 1px solid #990033;
}
.tablodegrade {
	background-image: url(marge-gauche-940/images/fond-tablo.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.tablovert {
	border: 1px solid #339900;
}

.gauche{
float:left;
padding-right: 5px;
}
.droite{
float:right;
padding-left: 5px;
}
.popuphtml{
	position: absolute;
	height: 65px;
	width: 200px;
	top: 350px;
	left: 550px;
	background-color: #CCCCCC;
	border: thin solid #999999;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}