@charset "utf-8";
/* CSS Document */
/* David Master - NEFTIS - Nicolas Frey le 18/05/2010 */

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0 */
html{color:#000;}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Titres, listes et éléments de mise en page par défaut */
h1.fDefault { font-size: 34px; color: #999; }
h2.fDefault { font-size: 30px; color: #bd2525; font-family: din_light; text-transform: uppercase; }
h3.fDefault { font-size: 26px; color: #3f3f3f; }
h4.fDefault { font-size: 22px; color: #bd2525; font-weight: bold; }
h5.fDefault { font-size: 18px; color: #999; }
h6.fDefault { font-size: 14px; color: #999; }
ul.fDefault { padding: 10px 0 10px 20px; }
img.fDefault { padding: 5px; border: 1px solid #929da1; margin: 5px; }
img.fNoMargesHori { /* style pour js */ }
img.fNoMargesVert { /* style pour js */ }
img.fNoMarges { /* style pour js */ }
table.fDefault { }
a.fDefault { color: #6e6f6f; }
.lienRouge { color: #bd2525; }

.titreNiv1 { font: bold 16px Arial; color: #3c2d26; text-transform: uppercase; padding-bottom: 10px; }
.titreNiv2 { font: bold 14px Arial; color: #d40709; border-bottom: 1px dashed #877676; padding-bottom: 10px; }

.titreRouge { font: 18px Arial; color: #b41e1e; }
.titreRougeNiv2 { font: bold 14px Arial; color: #c90721; }
.titreNoir { font: 18px Arial; color: #3c2d26; }

.tableLarge {  }

.flexitHR_1_sep1 { }
.flexitHR_2_sep2 { }

.texteAccroche { font-family: din_medium, Arial, Helvetica, sans-serif; font-size: 16px; color: #b41e1e; text-transform: uppercase; }

.puce2 { list-style-type: none; padding-left: 5px; }
.puce3 { list-style-type: none; padding-left: 5px; }

/* not editor */ /* Tout ce qui se trouve en dessous n'apparait pas dans flexit */
/* Compléments styles editeur */
table.fDefault caption { background: #494b4c; font-weight: bold; color: #ffffff; text-align: center; padding: 10px; font-size: 1.1em; margin: 0 5px;}
table.fDefault td { color: #58585a; line-height:18px; padding-left:15px; text-align:justify;}
table.fDefault .Tlig_b td { background: #e1e6e8; }

ul.fDefault { list-style-type: none; padding-left: 5px; line-height:24px;}
ul.fDefault a{ list-style-type: none; padding-left: 5px; line-height:24px; font-weight:normal;}
ul.fDefault a:hover{ list-style-type: none; padding-left: 5px; line-height:24px; font-weight:normal; color:#bd2525;}
ul.fDefault li  { font-size: 12px; background: url(img/puce1.png) 0px 10px no-repeat; padding-left: 10px; }

ul.puce2 li { font-size: 12px; background: url(img/puce2.png) 0px 4px no-repeat; padding-left: 10px; }
ul.puce3 li { font-size: 12px; background: url(img/puce3.png) 0px 5px no-repeat; padding-left: 10px; }

ul.fDefault li li, ul.puce2 li li, ul.puce3 li li { font-size: 12px; background: url(img/puce4.png) 0px 6px no-repeat; padding-left: 10px; }
ul.fDefault li li li, ul.puce2 li li li, ul.puce3 li li li { font-size: 12px; background: url(img/puce5.png) 0px 6px no-repeat; padding-left: 10px; }

.tableLarge td { padding: 0px 30px 0px 30px;  }

/* Styles généraux */
body { font-size: 11px; color: #877676; font-family: Arial;}
body.page { background: url(img/body_bg_page.png) 0 -33px repeat-x #ffffff; }
body.accueil { background: url(img/body_bg.png) top left repeat-x #ffffff; }
a { font-size: 11px; font-weight: bold; color: #6e6f6f; }
a:hover { text-decoration: underline; }
a:active, a:focus { outline-style: none; outline-width: 0pt; }
table { font-size: 11px; }
.clear { clear: both; }

.flexitHR_1_sep1 { position: relative; padding-bottom: 26px; height: 26px; width: auto; clear: both; }
.flexitHR_1_sep1 div { position: absolute; background: url(img/separateur.png) repeat-x; height: 26px; left: 0; right: 0; }
.flexitHR_2_sep2 { position: relative; padding-bottom: 26px; }
.flexitHR_2_sep2 div { position: absolute; background: url(img/separateur.png) repeat-x; height: 26px; left: 0; right: 0; }
.flexitHR_2_sep2 div div a { position: absolute; right: 156px; top: 2px; display: block; width: 111px; height: 29px; background: url(img/hautdepage.png) no-repeat; }

.mainContainer { width: 980px; margin-left: auto; margin-right: auto; }

.header { position: relative; height: 100px; width: 980px; margin-top: 20px; }
.header .menu { position: absolute; right: 0; }
.header .menu .sep { color: #877676; }
.header .menu a { font: 11px Arial; text-transform: uppercase; color: #877676; padding: 0px 28px 0px 28px; text-decoration: none; }
.header .menu a:hover { font-weight: bold; }
.header .logo { position: absolute; left: 32px; top: 0; }
.header .accroche { position: absolute; left: 194px; top: 72px; }

.filAriane { width: 870px; height: 32px; padding: 10px 30px 10px 30px; margin: 0px 0px 0px 20px; }
.filAriane .container {  }
.filAriane .container .vsetesici { font: bold 12px Arial; padding-right: 10px; height: 32px; display: inline-block; }
.filAriane .container .accueil { padding-right: 10px; display: inline-block; height: 32px; }
.filAriane .container .filSep { height: 32px; width: 19px; padding-top: 9px; padding-left: 20px; padding-right: 10px; display: inline-block; background: url(img/filariane_sep.png) no-repeat; }
.filAriane .container .filSep2 { height: 32px; width: 2px; padding-top: 9px; padding-left: 20px; display: inline-block; background: url(img/filariane_sep_fin.png) no-repeat; }
.filAriane .container  a { display: inline-block; font: 11px Arial; height: 32px; padding-left: 0px; padding-right: 10px; text-decoration: none; }

.accrocheAccueil { height: 310px; padding: 10px 40px 10px 40px; }
.contenu { padding: 10px 40px 10px 40px; }

.footer { padding: 10px 20px 0px 20px; margin: 20px 44px 0px 44px; border-top: 1px dashed #c3baba; }
.footer .menu .sep { padding-left: 10px; padding-right: 10px; }
.footer .menu a { font: 10px Arial; color: #877676; text-decoration: none; }
.footer .menu a:hover { text-decoration: underline; }

.copyright 		{ padding: 0px 20px 10px 20px; margin: 5px 44px 40px 44px; font: 10px Arial; color: #c3baba;text-align:right; }
.copyright a	{	font-size:10px;font-weight:normal;}

/** MENU HAUT **/
.mainMenu { background: url(img/mainmenu_bg.png) no-repeat; width: 980px; height: 80px; position: relative; z-index: 10;  }
.mainMenu ul { width: 920px;  margin: 0px 0px 0px 26px; padding: 6px 0px 0px 0px; }
.mainMenu ul li { display: inline-block; padding: 10px 15px 10px 20px; margin: 0px 0px 0px 20px; position: relative; height: 32px;}
.mainMenu ul li.nv1selected, .mainMenu ul li:hover  { background: url(img/mainmenu_li_bg.png) no-repeat;  }
.mainMenu ul li.nv1selected .imgmenu_droit, .mainMenu ul li:hover .imgmenu_droit  { background: url(img/mainmenu_li_bg_right.png) no-repeat; width: 9px; height: 59px; display: block; position: absolute; right: -9px; top: 0; }
.mainMenu ul li.nv1selected .imgmenu_bas, .mainMenu ul li:hover .imgmenu_bas { background: url(img/mainmenu_li_fleche.png) no-repeat; width: 13px; height: 9px; display: block; position: absolute; left: 50%; margin-left: -5px; bottom: -5px; }
.mainMenu ul li a { text-decoration: none; }

.mainMenu ul li a { font-family: Arial; font-size: 14px; color: #ffffff; white-space: nowrap; display: block; padding-top: 5px; }
.mainMenu ul li:hover a { color: #0f0f0f; }
.mainMenu ul li.nv1selected a { font-family: Arial; font-size: 14px; color: #0f0f0f; white-space: nowrap; }
.mainMenu ul li.nv1selected:hover a { color: #be2626; }
.mainMenu ul li .desc { display: block; font-family: Arial; font-size: 10px; color: #f4adad; }
.mainMenu ul li.nv1selected .desc, .mainMenu ul li:hover .desc { color: #be2626; }

.mainMenu ul li:hover .nv2 { display: block; }
.mainMenu ul li .nv2 { display: none; position: absolute; width: 236px; left: 50%; padding-top: 26px; margin:0px 0px 0px -115px; }
.mainMenu ul li .nv2 li { background: url(img/mainmenu_li_li_bg.png) repeat-y; width: 223px; height: auto; margin: 0; padding: 1px 0px 0px 12px; }
.mainMenu ul li .nv2 li.first { background: url(img/mainmenu_li_li_bg_first.png) no-repeat;  margin: 0; padding-top: 16px;height:2px; }
.mainMenu ul li .nv2 li.last { background: url(img/mainmenu_li_li_bg_last.png) no-repeat; margin: 0; padding-bottom: 8px; }
.mainMenu ul li .nv2 li.sep { background: url(img/mainmenu_li_li_bg_sep.png) repeat-y; padding: 0; margin: 0; width: 236px; height: 2px; font-size: 1px;line-height:1px; }
.mainMenu ul li .nv2 li a, .mainMenu ul li.nv1selected .nv2 li a { display: block; padding: 5px 5px 5px 15px; width: 192px; font: 11px Arial; color: #3f3f3f; }
.mainMenu ul li .nv2 li a:hover, .mainMenu ul li .nv2 li.nv2selected a  { background: url(img/mainmenu_hover.png) 0 0 repeat-x; border: 1px solid #000000; color: #ffffff; margin: 0;padding: 4px 4px 4px 14px; }
.mainMenu ul li .nv2 li a .puce { background: url(img/mainmenu_puce.png) 0px 0px no-repeat; width: 4px; height: 7px;padding-right: 5px;position:absolute;top:10px;left:19px; }
.mainMenu ul li .nv2 li a:hover .puce, .mainMenu ul li .nv2 li.nv2selected a .puce  { background: url(img/mainmenu_puce2.png) 0 0 no-repeat; }

.mainMenu ul li ul li ul { display: none; }

/** SOUS MENU **/
.sousMenuContainer { height: 47px; position: relative; z-index: 5; }
.sousMenu { background: url(img/sousmenu_bg.png) top no-repeat; position: relative; width: 936px; margin-left: 18px; margin-right: 18px;}
.sousMenuBas { background: url(img/sousmenu_bg_bottom.png) top no-repeat; position: absolute; width: 936px; height: 9px;  position: relative; z-index: 1;margin:0 18px; }

.sousMenu ul { margin:0; padding: 0;  position: relative; z-index: 5; }
.sousMenu ul li { display: inline-block; padding-bottom: 1px; padding-top: 10px; position: relative;vertical-align:middle;  }
.sousMenu ul li.sep { background: url(img/sousmenu_bg_sep.png) repeat-y; margin-top: 9px;  width: 2px; height:15px;  }
.sousMenu ul li a { display: block; text-decoration: none; font: 11px Arial; padding: 4px 10px 4px 14px; margin: 1px 16px 1px 16px; position: relative; z-index: 1; }
.sousMenu ul.nv1 li.first, .sousMenu ul.nv1 li.last  { display: none; }

.sousMenu ul.nv2 li a .puce { background: url(img/mainmenu_puce.png) 0 0 no-repeat; width: 4px; height: 7px;position:absolute;top:8px;left:6px; }
.sousMenu ul.nv2 li a:hover, .sousMenu ul.nv2 li.nv2selected a  { margin: 0px 15px -1px 15px; background: url(img/mainmenu_hover.png) 0 0 repeat-x; border: 1px solid #000000; color: #ffffff; }
.sousMenu ul.nv2 li a:hover .puce, .sousMenu ul.nv2 li.nv2selected a .puce { background: url(img/mainmenu_puce2.png) 0 0 no-repeat; }

.sousMenu ul li:hover .nv3 { display: block; }
.sousMenu ul.nv3 { display: none; position: absolute; width: 236px; left: 50%; padding-top: 5px; margin:0px 0px 0px -115px; z-index: 10; }
.sousMenu ul.nv3 li { background: url(img/mainmenu_li_li_bg.png) repeat-y; width: 223px; height: auto; margin: 0; padding: 1px 0px 0px 12px;vertical-align:baseline;}
.sousMenu ul.nv3 li:hover { position: relative; }
.sousMenu ul.nv3 li.first { background: url(img/mainmenu_li_li_bg_first.png) no-repeat;  margin: 0; padding-top: 16px;height:0px;line-height:1px;font-size:1px; }
.sousMenu ul.nv3 li.last { background: url(img/mainmenu_li_li_bg_last.png) no-repeat; margin: 0; padding-bottom: 8px;height:0px;line-height:1px;font-size:1px; }
.sousMenu ul.nv3 li.sep { background: url(img/mainmenu_li_li_bg_sep.png) repeat-y; padding: 0; margin: 0; width: 236px; height: 1px;line-height:1px;font-size:1px;top:0px; }
.sousMenu ul.nv3 li a, .sousMenu ul.nv2 li.nv2selected ul li a { display: block; padding: 5px 5px 5px 15px; width: 192px; font: 11px Arial; color: #3f3f3f;background-image: none; border: 0;margin:0; }

.sousMenu ul.nv3 li:hover a, .sousMenu ul.nv2 li.nv2selected ul li:hover a, .sousMenu ul.nv2 li.nv2selected ul li.nv3selected a { background: url(img/mainmenu_hover.png) 0 0 repeat-x; border: 1px solid #000000; color: #ffffff; padding: 4px 4px 4px 14px;margin:0px; }

.sousMenu ul.nv3 li a .puce, .sousMenu ul.nv2 li.nv2selected ul li a .puce { background: url(img/mainmenu_puce.png) 0 0 no-repeat; width: 4px; height: 7px;position:absolute;top:8px;left:5px; }
.sousMenu ul.nv3 li a:hover .puce, .sousMenu ul.nv2 li.nv2selected ul li:hover a .puce, .sousMenu ul.nv2 .nv3 li:hover a .puce { background: url(img/mainmenu_puce2.png) 0 0 no-repeat; }

.picAccueil { background:url(img/bg_pic_accueil.png) right bottom no-repeat; padding: 4px 10px 10px 4px; display: inline-block; }
.picAccueil .slideshow_une_img { border: 1px solid #878e91; padding: 5px; background: #ffffff; }