/* ELEMENTS GENERAUX ***********************************************************************************************************************/
* { margin:0; padding:0; }
BODY { background:#27372B; font-family:Tahoma, Verdana, serif; font-size:13px; color:#537300; }

IMG { border:none; }

/* HEADER / CONTENEURS / MENU ***************************************************************************************************************/
#content { position:absolute; left:50%; width:1030px; margin-left:-515px; background:#fff; }
#general { width:990px; background:#FFF url(../pics/charte/bg-content.jpg) top left repeat-y; padding:0 14px 0 26px; float:left; }
#header { position:relative; width:965px; height:120px; background:#FFF url(../pics/charte/bg-header.gif) top left no-repeat; padding:0 0 0 15px; }
#menu { width:950px; background:url(../pics/charte/bg-menu.jpg) top left no-repeat; margin:0 0 0 15px; height:85px; text-transform:uppercase; color:#FFF; list-style:none; position:relative; z-index:89; }
#menu LI { display:block; float:left; font-weight:bold; height:33px; font-size:12px; background:url(../pics/charte/bg-li-menu.jpg) top right no-repeat; }
#menu A { display:block; float:left; width:auto; height:16px; color:#FFF; text-decoration:none; padding:9px 19px 8px 19px; }
#menu A:hover { /*color:#FC1F56;*/ text-decoration:underline; }
.last { background:none !important; }
.hover { /*color:#FC1F56!important;*/ text-decoration:underline!important; }

/* sous menu */
#menu UL { position:absolute; top:33px; left:19px; z-index:1000; height:35px; width:912px; text-transform:none; background:url(../pics/charte/bg-ssmenu.jpg) top left no-repeat; }
#menu UL LI { width:auto!important; background:none!important; height:27px; padding:0!important; float:left; }
#menu UL LI A { background:url(../pics/charte/bg-ssmenu-li.gif) top right no-repeat; }

/* login extranet */
#loginExtranet { position:absolute; top:6px; right:10px; width:130px; text-align:right; }
#loginExtranet P { margin:0 0 4px 0; font-size:11px; }
#loginExtranet A { color:#FC1F56; text-decoration:none; }
#loginExtranetForm INPUT { width:100px; height:12px; padding:2px; background:#fff; border:1px solid #D4D0C8; border-top:1px solid #9F9F9F; border-left:1px solid #9F9F9F; font-family:Tahoma, Verdana, serif; font-size:11px; color:#000; }
#loginExtranetForm INPUT.btn { width:106px; height:auto; padding:0; border:none; color:#fff; line-height:14px; cursor:pointer; background:url(../pics/charte/bg-menu.jpg) center center no-repeat; }

#passwordForm P.nolabel { padding:0 0 0 150px; }
#passwordForm LABEL { display:block; float:left; width:150px; }
#passwordForm INPUT { width:200px; height:12px; padding:2px; background:#fff; border:1px solid #D4D0C8; border-top:1px solid #9F9F9F; border-left:1px solid #9F9F9F; font-family:Tahoma, Verdana, serif; font-size:11px; color:#000; }
#passwordForm INPUT.btn { width:auto; height:auto; margin:0 0 0 8px; padding:0 2px 0 2px; border:none; color:#fff; font-weight:bold; line-height:14px; cursor:pointer; background:url(../pics/charte/bg-menu.jpg) center center no-repeat; }



/* ARTICLE **********************************************************************************************************************************/
#article    { float:left; width:665px; margin:0 0 20px 25px; background:#fff; }
HTML>BODY>#content #article { float:left; width:665px; margin:0 0 20px 33px; }
#article P  { margin:0 0 10px 0; text-align:justify; }
#article H1 { margin:10px 0 15px 0; font-weight:bold; color:#FC1F56; font-size:18px; }
#article H2 { margin:10px 0 5px 0; font-weight:bold; color:#FC1F56; font-size:13px; clear:both; }
#article H3 { margin:10px 0 5px 0; font-weight:bold; font-size:13px; clear:both; }
#article UL { margin:5px 0 15px 35px; }
#article A  { color:#FC1F56; text-decoration:none; }
#article A:hover { text-decoration:underline;  }
.sep        { line-height:1px; border-bottom:1px solid #537300; width:280px; margin:20px 0 15px 100px !important; }
.petit      { font-size:10px !important; }
.imgG       { float:left; padding:0 10px 30px 0; }
.imgD       { float:right; padding:0 0 30px 10px; }

#article TABLE { width:100%; margin:10px 0 10px 0; border:1px solid #537300; border-right:none; border-bottom:none; }
#article TD { padding:5px; border-right:1px solid #537300; border-bottom:1px solid #537300; }

.cadre { margin:0 0 20px 0; padding:5px 20px 10px 20px; background:url(../pics/charte/bg-div-home.gif) top left repeat-y; }

#col { float:left; width:240px; margin:0 0 20px 28px; }
#col H2 { margin:10px 0 5px 15px; font-weight:bold; color:#FC1F56; font-size:18px; }
#sousmenu { width:230px; padding:16px 0 0 10px; background:#FF3D74 url(../pics/charte/bg-sousmenu.jpg) top left no-repeat; list-style:none; }
#sousmenu LI { display:block; }
#sousmenu A { color:#FFF; text-decoration:none; background:url(../pics/charte/bg-li-soumenu.jpg) bottom left no-repeat; padding:6px 0 8px 20px; display:block; }
#sousmenu A:hover { background:url(../pics/charte/bg-li-sousmenu-on.jpg) bottom left no-repeat; font-weight:bold; }
.actif { background:url(../pics/charte/bg-li-sousmenu-on.jpg) bottom left no-repeat !important; font-weight:bold; }
.end-sousmenu { margin:0 0 10px 0; }

/* Actualites */
SPAN.date { font-weight:normal; color:#FC1F56; font-size:11px; }

#lastActu { margin:15px 0 15px 0; padding:10px; border:1px solid #FF3C74; font-size:11px; line-height:14px; }
#lastActu H3 { color:#FC1F56; font-size:12px; }
#lastActu UL { margin:10px 0 0 0; list-style:none inside; }
#lastActu UL LI { padding:2px 0 2px 0; }
#lastActu A { color:#FC1F56; text-decoration:none; }
#lastActu A:hover { text-decoration:underline; }

/* Contact */
#contactForm P.nolabel { padding:0 0 0 200px; }
#contactForm LABEL { display:block; float:left; width:200px; }
#contactForm INPUT { width:200px; height:16px; padding:2px; background:url(../pics/charte/bg-div-home.gif) top left no-repeat; border:1px solid #D4D0C8; border-top:1px solid #9F9F9F; border-left:1px solid #9F9F9F; font-family:Tahoma, Verdana, serif; font-size:13px; color:#000; }
#contactForm INPUT.file { height:auto; padding:0; }
#contactForm INPUT.btn { width:206px; height:auto; padding:0; border:none; color:#fff; line-height:14px; cursor:pointer; background:url(../pics/charte/bg-menu.jpg) center center no-repeat; }
#contactForm SELECT { width:207px; height:20px; background:url(../pics/charte/bg-div-home.gif) top left no-repeat; border:1px solid #D4D0C8; border-top:1px solid #9F9F9F; border-left:1px solid #9F9F9F; font-family:Tahoma, Verdana, serif; font-size:13px; }
#contactForm TEXTAREA { width:250px; height:100px; padding:2px; background:url(../pics/charte/bg-div-home.gif) top left repeat; border:1px solid #D4D0C8; border-top:1px solid #9F9F9F; border-left:1px solid #9F9F9F; font-family:Tahoma, Verdana, serif; font-size:13px; color:#000; }

/* home */
.home1 { float:left; width:322px; height:202px; margin:0 0 10px 10px; background:url(../pics/charte/bg-home-1.png) top left no-repeat; }
.home1 H2 { height:50px; margin:0 0 8px 0!important; padding:0 0 0 172px; font-size:24px!important; font-weight:normal!important; line-height:48px; }
.home1 UL { list-style:none outside; margin:0 0 0 0!important; padding:0 0 0 0!important; }
.home1 UL LI { margin:0 0 0 16px!important; padding:0 0 0 16px!important; line-height:20px; background:url(../pics/charte/fleche.png) 0 6px no-repeat; }
.home1 UL LI A { color:#000!important; }

.home2 { float:left; width:322px; height:147px; margin:0 0 20px 10px; background:url(../pics/charte/bg-home-2.png) top left no-repeat; }
.home2 H2 { height:50px; margin:0 0 8px 0!important; padding:0 0 0 172px; font-size:24px!important; font-weight:normal!important; line-height:48px; }
.home2 UL { list-style:none outside; margin:0 0 0 0!important; padding:0 0 0 0!important; }
.home2 UL LI { margin:0 0 0 16px!important; padding:0 0 0 16px!important; line-height:20px; background:url(../pics/charte/fleche.png) 0 6px no-repeat; }
.home2 UL LI A { color:#000!important; }


#brochures { margin:15px 0 15px 0; padding:10px; border:1px solid #FF3C74; font-size:11px; line-height:14px; }
#brochures H3 { color:#FC1F56; font-size:12px; }
#brochures UL { list-style:none outside; margin:10px 0 0 0!important; padding:0 0 0 0!important; }
#brochures UL LI { margin:0 0 0 4px!important; padding:0 0 0 16px!important; line-height:20px; background:url(../pics/charte/fleche.png) 0 7px no-repeat; }
#brochures A { color:#000; text-decoration:none; }
#brochures A:hover { text-decoration:underline; }

.diaporama IMG { border:1px solid #FC1F56; }

/* FOOTER ***************************************************************************************************************************************/
#footer         { background:url(../pics/charte/bg-footer.jpg) top left no-repeat; clear:both; height:46px; margin:0 0 0 -10px;font-size:11px; text-align:center; padding:4px 0 0 0; color:#FFF; }
#footer A       { color:#FFF; text-decoration:none; }
#footer A:hover { text-decoration:underline; }

.center { text-align:center!important; }
.spacer { clear:both; }