/* CSS Document */


HTML {
   padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
   margin: 0px; height: 100%
}

BODY {
   padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
   margin: 0px; height: 100%;
   background: url(../images/bgall.jpg);
   font-size: 0.8em;
   font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;
   text-align:center
}

.conteneur {
   background: url(../images/centre.jpg);
   margin-left:auto;
   margin-right:auto;
   width: 777px;
   height:100%;
   text-align:left
}
HTML > BODY .conteneur {
   min-height: 100%; height: auto
}

.haut {
   background:url(../images/haut.jpg) no-repeat; margin-left: 25px; width: 725px; height: 215px; text-align:left
}
HTML > BODY .haut {
   width: 725px
}

.centre {
   background: #000; margin-left: 26px; width: 725px; text-align: left
}
HTML > BODY .centre {
   margin-left: 25px; width: 725px
}

.haut_intro {
   margin-top: 10px; margin-left: 5px; float: left; width: 300px; text-align: left
}

.droite {
	MARGIN-TOP: 20px; BACKGROUND: url(../images/bdroit.jpg) #fff no-repeat 50% bottom; FLOAT: left; PADDING-BOTTOM: 70px; MARGIN-LEFT: 15px; WIDTH: 234px; COLOR: #6a6f78
}
HTML > BODY .droite {
	MARGIN-LEFT: 30px
}

.coldroite {
	MARGIN-TOP: 40px; BACKGROUND: url(../images/bgcoldroite.jpg) #fff no-repeat 50% bottom; FLOAT: left; PADDING-BOTTOM: 70px; MARGIN-LEFT: 10px; WIDTH: 234px; COLOR: #6a6f78
}
HTML > BODY .coldroite {
	MARGIN-LEFT: 20px
}



.gauche {
	MARGIN-TOP: 20px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 30px; MARGIN-LEFT: 20px; WIDTH: 450px
}
HTML > BODY .gauche {
	MARGIN-LEFT: 20px
}

.pcolgauche {
	MARGIN-TOP: 20px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 30px; MARGIN-LEFT: 10px; WIDTH: 450px
}
HTML > BODY .pcolgauche {
	MARGIN-LEFT: 20px
}.pcoldroite {
	MARGIN-TOP: 20px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 30px; MARGIN-LEFT: 10px; WIDTH: 200px
}
HTML > BODY .pcoldroite {
	MARGIN-LEFT: 0px
}

.pimggauche {
	MARGIN-TOP: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 20px; MARGIN-LEFT: 30px; WIDTH: 150px
}
HTML > BODY .pimggauche {
	MARGIN-LEFT: 40px
}.ptxtdroite {
	MARGIN-TOP: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 30px; MARGIN-LEFT: 5px; WIDTH: 500px
}
HTML > BODY .ptxtdroite {
	MARGIN-LEFT: 5px
}


.txtpage {
	MARGIN-TOP: 20px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 30px; MARGIN-LEFT: 20px; WIDTH: 700px
}
HTML > BODY .txtpage {
	MARGIN-LEFT: 20px
}

.bas {
	BACKGROUND:url(../images/bas.jpg) no-repeat;
	MARGIN-LEFT: 26px;
	WIDTH: 725px;
	height: 35px;
	TEXT-ALIGN: center;
	font-size:10px;
	color:#FFFFFF
}

HTML > BODY .bas {
	WIDTH: 725px
}

P {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 30px;
	PADDING-TOP: 10px;
	color: #000000;
	
}

.ptitre {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 20px;
	PADDING-TOP: 10px;
	color: #000000;
	font-weight:bold
}

.pcolonne {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 15px;
	PADDING-TOP: 10px;
	color: #000000;

}
.plegende {
	color:#000;
	font-size:11px
}

.para_edito {
   font-weight: bold; color:#FF6F36; letter-spacing:0.2em
}


.notop {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 20px; PADDING-TOP: 0px
}
.para_nomargin {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.spacer {
	CLEAR: both; HEIGHT: 13px
}
.spacer2 {
	CLEAR: both; HEIGHT: 13px; BACKGROUND-COLOR: #000
}


A {
   color: #FFF; text-decoration: none
}

A:hover {
   color: #FFF; text-decoration: none
}
A.class1 {
	DISPLAY: block; FONT-WEIGHT: bold; PADDING-BOTTOM: 20px; COLOR: #000; TEXT-DECORATION: underline
}
A.class1:hover {
	COLOR: #000; TEXT-DECORATION: underline
}
A.class3 {
	COLOR: #FFF; TEXT-DECORATION: none
}
A.class3:hover {
	COLOR: #000; TEXT-DECORATION: none;
}
A.class4 {
	FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none
}
A.class4:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
INPUT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

.image_droite {
   margin-top: 10px; margin-left: 5px; float: right; width: 150px; text-align: left
}

.imagegauche {
	FLOAT: left
}
.imagegauche2 {
	MARGIN-TOP: 12px; FLOAT: left; MARGIN-LEFT: 6px
}
.newsletter {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; BACKGROUND-COLOR: transparent
}
DIV.hr {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/point.gif) repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100px; PADDING-TOP: 0px; HEIGHT: 13px
}
DIV.hr HR {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
FORM {
	MARGIN-TOP: 20px; MARGIN-LEFT: 0px
}
.para_form_envoyer {
	MARGIN-TOP: 20px
}



















/* Menus de navigation */

UL {
   padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
   margin: 0px; list-style-type: none
}
LI {
   padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
   margin: 0px; list-style-type: none
}
#menu {
   font-weight: bold; font-size: 11px; background: url(../images/menu_fd.gif) #333;
   overflow: hidden; width: 725px; height: 28px; color: #FFF
}
#menu LI {
   background:url(../images/menu_separateur.gif) no-repeat 78px 2px; float: left;
   margin-left: 0px; width: 80px; height: 28px; text-align: center; padding-top: 5px
}
LI.box A {
   width: 80px; height: 25px;
   margin-top: -5px; padding-top: 5px;
   display: block; float: left;
   text-align: center
}
LI.box A:hover {
   background:url(../images/menu_orange.gif)
}
LI.box_on A {
   background: url(../images/menu_orange.gif);
   width: 80px; height: 25px;
   margin-top:  -5px; padding-top: 5px;
   display: block; float: left;
   text-align: center
}
LI.box_on A:hover {
}









H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 22px; PADDING-BOTTOM: 0px; MARGIN: 30px 30px 0px 20px; TEXT-TRANSFORM: uppercase; COLOR: #993300; PADDING-TOP: 0px; FONT-STYLE: italic; HEIGHT: 50px
}
H2 {
	FONT-SIZE: 10px; BACKGROUND: url(../images/htdroite.jpg) #fff no-repeat; MARGIN: 0px 0px 0px 0px; COLOR: #000; TEXT-INDENT: 30px; HEIGHT: 35px
}
H3 {
	FONT-SIZE: 12px; BACKGROUND: #006600 no-repeat 6px 5px; MARGIN: 5px 0px 0px; COLOR: #fff; TEXT-INDENT: 10px; PADDING-TOP: 2px; HEIGHT: 20px
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 10px 0px 0px 20px; COLOR: #e1771e
}
H5 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN: 10px 0px 0px 20px; COLOR: #e1771e; TEXT-DECORATION: underline
}
H6 {
	FONT-SIZE: 12px; BACKGROUND: #006600 no-repeat 6px 5px; MARGIN: 0px 0px 0px; COLOR: #fff; TEXT-INDENT: 10px; PADDING-TOP: 2px; HEIGHT: 20px
}


.haut_gauche {
	BACKGROUND: url(images/box_mail2.gif) no-repeat; HEIGHT: 45px
}
A.class1 {
	DISPLAY: block; FONT-WEIGHT: bold; PADDING-BOTTOM: 20px; COLOR: #000; TEXT-DECORATION: underline
}
A.class1:hover {
	COLOR: #000; TEXT-DECORATION: underline
}
A.class3 {
	COLOR: #e1771e; TEXT-DECORATION: none
}
A.class3:hover {
	COLOR: #e1771e; TEXT-DECORATION: underline
}
A.class4 {
	FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none
}
A.class4:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
INPUT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.imagegauche {
	FLOAT: left
}
.imagegauche2 {
	MARGIN-TOP: 12px; FLOAT: left; MARGIN-LEFT: 6px
}
.newsletter {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; BACKGROUND-COLOR: transparent
}
DIV.hr {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/point.gif) repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100px; PADDING-TOP: 0px; HEIGHT: 13px
}
DIV.hr HR {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.copyr_body {
	background-color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.copyr_p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.copyr_t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}

FORM {
	MARGIN-TOP: 20px; MARGIN-LEFT: 0px
}
.para_form_envoyer {
	MARGIN-TOP: 20px
}