body{ margin:0px; padding:0px; background:url(../img/BGmain.jpg) repeat-x;}
form{ margin:0px; padding:0px;}
ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 0;}
a {outline: none;}
a:focus{-moz-outline-style: none;}
/********************************************************************************/
/* CONTENT
/********************************************************************************/
#main{ margin:0 auto 0 auto; width:946px; }

#content{float:left; width:946px; background:url(../img/bg_content.jpg) repeat-y top left; }
#content .left{ float:left; width:729px; padding:0 0 0 0; border-left:1px solid #B71220; background:url(../img/bg_top_right.jpg) no-repeat top right #FFFFFF; }
#content .right{ float:left; width:181px; padding:0 0 0 12px;}
#content .footer{ float:left; width:923px; background:url(../img/bg_bottom.jpg) no-repeat top left #FFFFFF; padding:26px 0 0 0; text-align:center;}
/********************************************************************************/
/* MENU
/********************************************************************************/
#menu{ float:left;}
#menu li{ float:left;}
#menu .top{background:url(../img/bandeau.jpg) no-repeat bottom left; width:900px; height:135px;}
#menu .top a{ float:left; width:280px; height:100px; margin:20px 0 0 0;}
#menu .a{ float:left; background:url(../img/btn_a.jpg) no-repeat top left; width:143px; height:23px; margin:0 0 0 1px;}
#menu .b{ float:left; background:url(../img/btn_b.jpg) no-repeat top left; width:94px; height:23px;}
#menu .c{ float:left; background:url(../img/btn_c.jpg) no-repeat top left; width:136px; height:23px;}
#menu .d{ float:left; background:url(../img/btn_d.jpg) no-repeat top left; width:130px; height:23px;}
#menu .e{ float:left; background:url(../img/btn_e.jpg) no-repeat top left; width:113px; height:23px;}
#menu a:hover{ background-position:0 -23px;}
#menu .on{ background-position:0 -23px;}
/********************************************************************************/
/* RIGHT
/********************************************************************************/
.pub{ float:left; margin:20px 0 0 0;}
.pub img{ float:left; border:0px;}

.inauguration{float:left; width:171px; padding:44px 0  0 10px; height:87px; background:url(../img/inauguration.jpg) no-repeat; margin:12px 0 0 0;}
.inauguration li {float:left; width:160px; font-size:0px; background:url(../img/puce.jpg) no-repeat top left; padding:0 0 0 20px;}
.inauguration a{ display:block; height:20px;}
.inauguration .a{ background:url(../img/lin_a.jpg) no-repeat top left;}
.inauguration .b{ background:url(../img/lin_b.jpg) no-repeat top left;}
.inauguration .c{ background:url(../img/lin_c.jpg) no-repeat top left;}
.inauguration .d{ background:url(../img/lin_d.jpg) no-repeat top left;}
.inauguration a:hover{ background-position:4px 0;}

/********************************************************************************/
/* FOOTER
/********************************************************************************/
.footer{ font:10px Arial; color:#CCCCCC;}
.footer a{ font:10px Arial; color:#CCCCCC; text-decoration:none;}
.footer a:hover{ text-decoration:underline; color:#666666;}

/********************************************************************************/
/* TEXTE
/********************************************************************************/
.texte{ font:13px Arial; color:#222222; padding:20px 20px 20px 20px; text-align:justify;}
.texte a{color:#222222; text-decoration:underline;}
.texte a:hover{ color:#B2101D;}
.texte .titre{font:18px Arial; font-weight:bold; padding:0 0 5px 0;}
.texte .r{color:#B2101D;  padding:20px 0 5px 0;}
.texte .stitre{font:15px Arial; font-weight:bold; padding:0 0 3px 0; color:#B2101D;}
.texte .text{ padding:0 0 10px 0; line-height:18px;}

.texte .photo{ padding:0 0 10px 0;}

.texte .list ul li{ padding:0 0 0 10px; line-height:20px; background:url(../img/pucea.jpg) no-repeat; background-position:0 6px;}

.texte .list2 a{ color:#FF0000;}
.texte .list2 ul li{ padding:0 0 0 0; line-height:18px;}
.texte .list2 ul .link{padding:0 0 10px 0;}
.texte .list2 ul li a{ padding:0 0 0 10px; line-height:20px; background:url(../img/pucea.jpg) no-repeat; background-position:0 6px;}
.texte .list2 ul li a:hover{ text-decoration:none;}

.texte .centrer{ text-align:center;}

/********************************************************************************/
/* DIAPORAMA
/********************************************************************************/
.diapo{ float:left; text-align:center; width:729px;}
.diapo .titre{ font:18px Arial; font-weight:bold; padding:20px 0 20px 0;}

/********************************************************************************/
/* CONTACT
/********************************************************************************/
/*form*/
#form{ float:left; width:670px; font:13px Arial; color:#333333;}

/*champs*/
#form ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 0; float:left; }
#form ul li {line-height:24px; clear:both; float:left; width:670px; padding:0 0 0 0; background:none;}
#form ul li label{ width:80px; float:left; }
#form ul li input{ height:16px; font:13px Arial; color:#333333; width:214px; border:1px solid #CCCCCC; float:left; margin:4px 0 0 0;}
#form ul li textarea{ height:86px; font:13px Arial; color:#333333; width:587px; .width:585px; border:1px solid #CCCCCC; float:left; margin:4px 0 0 0;}
/*message erreur*/
#form ul li .message{font:10px Tahoma; color:#999999; float:left; margin:10px 0 0 80px; width:500px;}
#form ul li .erreur{ color:#FF3300;}
/*boutton*/
#form ul li .submit{display:block; float:right; background-color:#000000; padding:4px 10px 4px 10px; margin:10px 0 0 0; color:#FFFFFF}
#form ul li .submit:hover{background-position:0 -30px;}
/*message ok*/
#form p{padding:0 0 0 0; margin:0 0 0 0; font:13px Arial; color:#333333;}