/* -------------------------------------------- Default ----------------------------------------- */

body { margin:auto; margin-top: 10px; margin-bottom: 20px; padding:0px; background:#002a55; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px;}



H1 {font-size: 24px; font-weight: bold; color:#304590; margin-top:0;}
H2 {font-size: 16px;color: #a14920;font-weight: bold; text-align:left;}
H3 {font-size: 12px;color: #00F;font-weight: bold; line-height:12px}
strong { font-size: 14px; color:#a14920;}
.centre {text-align:center;}
.arrow { background:url(images/a1.gif) top left no-repeat; padding:0px 0px 0px 21px; list-style: none; }
.arrow2:before { content: url("images/a1.gif"); padding-right:5px; }
.arrow2 { text-align:justify; }
.link_arrow { color:#a14920; background:url(images/a1.gif) center left no-repeat; padding:0px 0px 0px 21px;}
.bold {font-size: 12px;color: #00F;font-weight: bold; line-height:12px}
.pop { POSITION: absolute; DISPLAY: none }

a { color:#ffffff;}

img {border:0;text-align: center;}  


/* -------------------------------------------- Main ---------------------------------------- */

#main_table { width:1024px; margin:auto; background:url(images/px_body.jpg) top repeat-y; border:2px solid #1c1c0e;}

/* -------------------------------------------- Header ------------------------------------------ */

#header_top { height:58px; width:965px; margin:auto;}
#header_top_left { width:620px; float:left; padding:11px 0px 0px 25px; text-align:left;}
#header_top_right { width:300px; float:right; padding:35px 20px 0px 0px; text-align:right;}
#header_top_right img {vertical-align:middle;}
#header_top-right a { color:#ffffff;}
#header_top-right a:link { color:#ffffff;}
#header_top_right a:visited { color:#ffffff;}
#header_top_right a:hover { color:#a14920;}
#fond_diapo { height:180px; margin:auto; background:url(images/bg_header.jpg) no-repeat; width:965px; padding:0 0 0 0px}
#diapo      { padding:15px 15px 0 15px;}
#fond_menu { height:53px; margin:auto; background:url(images/fond_menu.jpg) no-repeat; width:965px; padding:0 0 0 0px}

/* -------------------------------------------- Menu -------------------------------------------- */	
#menu, #menu ul        {padding : 0 0 0 10px ;margin : 0; list-style : none; line-height : 21px;text-align : center;}
#menu                  {font-weight :bold;font-size:16px;}
#menu a                {display : block;height:53px;color: #d2d2d2;text-decoration : none;line-height:50px;width: 135px;font-weight: bold;background: url(images/menu.png); outline:none}
#menu li               {float : left;}
#menu li ul            {position: absolute; width: 135px; left: -999em; text-align:left;}
#menu li ul li         {text-align:left;}
#menu li ul li a       {text-align:center;outline:none;font-weight:normal;font-size:12px;background-color:#2f2f2f;}
#menu li ul li a:hover {background-color:#757575;outline:none}
html>body #menu li ul li {}
#menu li ul ul           {margin : -22px 0 0 111px; border-left : 1px solid #fff; }
html>body #menu li ul ul {border-left : 1px solid transparent;}
#menu a:hover            {background: url(images/menu_hover.png)}
#menu li:hover ul ul, #menu li.sfhover ul ul  {left: -999em;text-align:left;padding:1px 2px;font-weight:normal;font-size:12px;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{left: auto;min-height: 0;}	  

#menu li.lien a             {display : block;height:29px;color: #d2d2d2;text-decoration : none;line-height:30px;width: 135px;font-weight: normal;background: url(images/pmenu.png); outline:none}
#menu li.lien a:hover       {background: url(images/pmenu_hover.png)}
#menu li ul li.lien         {text-align:center;margin:0 0 0 -10px;padding:0}

#menu li.dernier a             {display : block;height:29px;color: #d2d2d2;text-decoration : none;line-height:30px;width: 135px;font-weight: normal;font-size:12px;background:url(images/fmenu.png); outline:none}
#menu li.dernier a:hover       {background: url(images/fmenu_hover.png)}
#menu li ul li.dernier         {text-align:center;margin:0 0 0 -10px;padding:0}

/* -------------------------------------------- Content ----------------------------------------- */

#content { width:965px; margin:auto; background:url(images/px_cont.jpg) top repeat-y;}
#content a {text-decoration:underline; color:#a14920;}
#content a:hover {text-decoration:underline; color:#FF0000}

#commlist ul {margin:0 0 0 -40px; padding:0; list-style: none; }
#commlist li {margin:0 0 0 -40px; padding:0; list-style: none; }
#arrow ul {margin:0 0 0 -10px; padding:0; list-style: none; }

.col_left { float:left; width:212px; margin-left:10px; padding:30px 15px 15px 15px; text-align:justify;}
.col_right { float:right; width:212px; margin-right:10px; padding:30px 15px 15px 15px; text-align:justify;}
.col_news { float:right; width:300px; border:2px solid #002a55; border-width: 2px 2px 2px 2px; margin-left:25px; padding:0 0 0 0px; text-align:justify;}
.col_red { float:left; width:400px; border:2px solid #ff0000; border-width: 2px 2px 2px 2px; margin-right:25px; padding:0 0 0 0px; text-align:justify;}
.dessous { clear: both;}

.table_top { height:7px; margin:0px; padding:0px; background:url(images/bg_tl.png) top left no-repeat;}
.table_justify { border:1px solid #d2cfbf; border-width:0px 2px 0px 2px; min-height:100px; background-color:#ffffff; margin:0px; padding:10px 10px 10px 10px; text-align:left;}
.table_center { border:1px solid #d2cfbf; border-width:0px 2px 0px 2px; min-height:100px; background-color:#ffffff; margin:0px; padding:10px 10px 10px 10px; text-align:center;}
.table_bottom { height:7px; margin:0px; padding:0px; background:url(images/bg_bl.png) bottom left no-repeat;}

.main_left { margin-left:10px; margin-right:245px; min-height:400px; padding:30px 25px 30px 25px; text-align:justify;}
.main_right { margin-left:245px; margin-right:10px; min-height:400px; padding:30px 25px 30px 25px; text-align:justify;}
.main_center { margin-left:10px; margin-right:10px; min-height:400px; padding:30px 25px 30px 25px; text-align:justify;}

.indent_img_left { margin:0px 17px 10px 0px; float:left;}
.indent_img_right { margin:0px 0px 10px 17px; float:right;}

/* --------------------------------------------- Footer ------------------------------------------- */

#footer { clear: both; height:68px; width:965px; margin:auto; background:url(images/bg_footer.jpg) top no-repeat; padding:41px 0px 0px 0px; text-align:center; color:#ffffff;}
#footer a:link { color:#ffffff;}
#footer a:visited { color:#ffffff;}
#footer a:hover { color:#a14920;}