/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style: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;}
html, body, div, p{
  margin: 0;
  padding: 0;
  border: 0;
  }

/*fonts.css*/
body{font:13px arial,verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body {line-height:1.22em;}



/* **************** B.. STYLES GENERAUX (balises) ***************** */
.bold, strong{font-weight:bold;}
.boldHover:hover {font-weight: bold;}
.italic, em{font-style:italic;}
strong em, em strong {font-style:italic; font-weight:bold;}
.mentions {font-size:90%;font-style:italic;} 
.lower {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.error{color: #fa0000;}
.template{display:none;}
a.bouton, .underNone , .underNone  a  {text-decoration:none;}
/*Forcage du soulignage sur un lien ci-dessus */
.underline {text-decoration:underline !important;}
/* **************** B.. STYLES GENERAUX (balises) ***************** */
a {text-decoration:underline; color:#000;}
a:hover{text-decoration:none;}
#rightColumn a, h3 a, h2 a, h4 a, h5 a, #footer a{text-decoration:none;}
ul, ul li {list-style:none;margin:0; padding:0;}
dt {font-weight:bold;margin-top:10px;}
/* accessibilite */
.hasJS .hidden{display:none !important;}

/* **************** D.. STRUCTURES ***************** */
/* ============================ Default Nav Header ================================ */


#headerBottom{z-index:99; overflow:visible;}
#headerTop {overflow:hidden; zoom:1; _overflow:visible;}
#header{z-index:9000; position:relative; zoom:1; background: #fff;}
.bodyPopup #header {height: auto;}
#header:after{content: "";display: block;height: 0;overflow: hidden;clear: both;}
.overNav{ padding: 18px 0 14px 0px;font-size:100%;}
.overNav a {font-size:1em;}
.overNav ul{text-align:right; /*overflow:hidden;*/ _overflow:visible; zoom:1;}
.overNav ul li{ display:inline; float:right; padding: 0px 0 0 11px; font-size:1em; background: url(skin/menu_grey_sep.png) no-repeat left 2px; margin-left: 10px;}
.overNav ul li.last{background: none; margin-left: 0; padding-left: 0;}
.overNav ul li.search {padding-top:0px;//padding-top: 0px; background: none; background: url(skin/overnav_search.png) no-repeat left 2px; padding-left: 18px;}
.overNav ul li.search span {color:#d0cfcb;//margin-top: 0px; }
.overNav ul li.search span strong {color:#d0cfcb;//margin-top: 0px; display: none;}
.overNav ul li.search form {//position: relative;//top: -0px;}
.overNav ul li.search form input.txt{background:#eae9e8; padding:0 1px 0 1px;}
.overNav ul li.search .ok {//height: 15px;//position: relative;}
body:last-child:not(:root:root) .overNav ul li.search .ok {height: 15px;}
.overNav form{display:inline;}
.overNav .txt, .overNav .ok{color:#fff;background:#d0cfcb; border: none; vertical-align: bottom; height: 15px;}
.overNav .txt{margin-right:1px; width: 165px;}
.overNav .ok{cursor:pointer; width:18px; text-align: center; font-size: 1em; line-height:15px; vertical-align:middle; padding: 0px 0 1px 0;}
.overNav a {text-decoration:none;color:#a2a5a4;}
.overNav ul li ul{text-align: left;}
.overNav ul li .bas{margin-top: 1px;}
.overNav ul li li{float: none; display: block; margin: 0; background: none;}

#titleAnim {position:relative; background: #A9AAAB url(skin/titleAnim.png) no-repeat right bottom; color:#52595F; font-size: 200%; font-weight: bold; line-height:1em !important; overflow:hidden; _overflow:visible; zoom:1; padding: 0 50px 0 20px;height:79px;}
#titleAnim img {margin-top:10px;}
#titleNav{ float:left; font-family:arial,verdana,Helvetica, sans-serif; text-transform:uppercase; color:#000; line-height:1em; font-size:145% !important; width:242px; white-space: nowrap;margin-top:27px; height:23px;}
#titleNav.twoLines{margin-top:23px; _margin-top: 20px; overflow:hidden; height:36px;font-size: 18px !important; white-space: normal;}

#subTitleNav { float:left; font-family:arial,verdana,Helvetica, sans-serif; text-transform:uppercase; color:#000; line-height:1em; font-size:55% !important; width:321px; margin-top:34px; height:9px; text-align:right; }
#subTitleNav.twoLines { margin-top:28px; height:22px; }
#subTitleNav.twoLines span { display:block; text-transform:none; }
#titleAnim { background-color: #fff;border-top:1px solid #000;border-left:1px solid #000; padding: 0 40px 0 20px;}
#titleAnim strong{color:#fff; display:block;}
#titleAnim .randomImg{background:no-repeat left center; filter:expression(pngTrans(this)); position:absolute; top:0px; right: 80px; width:180px; height:79px; }
.logo{float:left; margin-right: 20px; _margin-right: 17px;}

/* titres */


/*Hacks Safari*/
body:last-child:not(:root:root) #menu {display:table;width:876px;}

/* subMenu */
/* ---- breadcrumb trail ---- */
.breadcrumb {overflow:hidden; _overflow:visible; zoom:1; clear:both; background: #ebebeb url(skin/bg_grey_breadcrumb.png) repeat-x left top; margin-bottom: 10px;}
.breadcrumb ul {line-height:20px; vertical-align:middle; _padding-top: 4px; *padding-top: 3px;overflow:hidden;_overflow:visible;zoom:1;}
body .breadcrumb ul{line-height: 20px !important; }
.breadcrumb li{color:#6C6F70;float:left;white-space:nowrap;}
.breadcrumb li.current{padding-left:10px;}
.breadcrumb a{padding-right: 15px; padding-left:10px; background: url(skin/breadcrumb_grey_sep.png) no-repeat right center;line-height:20px;display:block;}
.breadcrumb li.current a{background: none!important; padding-left	:0;}
.breadcrumb a:link{text-decoration: none;color:#6C6F70;}
.breadcrumb a:visited{text-decoration:none;color:#6C6F70;}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active{text-decoration:underline; color: #000000;}

/*hauteurHeader*/
#header .overNav{ padding: 8px 0 8px 0; overflow: hidden;}
#header #headerContent {height:80px;}
#header #menu {height: 9px; _height: 9px;}
#header .breadCrumb {height: 20px;}
#header #headerContent .logo img{width: 80px; height: 80px;}

.floatL {float:left !important;} 
.floatR {float:right !important;}

/* ============================ /Default Nav Header ================================ */




/**********************************************/
/******************** MENU ********************/
/**********************************************/
.iehideSelectForMenu select {visibility:hidden !important;}
#menu {margin:20px 0 13px 0;font-size:100%;font-weight:bold;zoom:1;z-index:10000; position:relative;}
#menu:after {content:"."; display:block; clear:both; overflow:hidden; height:0; visibility:hidden;}

/*
#menu.menuPreview{margin-bottom:10px; height:12px;overflow: hidden; }
#header #menu.menuPreview{height:12px;}
*/

#menu a { text-decoration:none; }
#menu li {float:left; text-transform:uppercase; list-style:none; margin-right:10px;padding-right:11px; position:relative;background: url(skin/menu_black_sep.png) no-repeat right center; display:block;z-index:1; cursor:pointer;}
/*.cufon-ready #menu li{background-position: right 0px;}*/
#menu li a{color:#191c1f;background:none;}
#menu li a span{font-weight: bold;font-size:90%;}
#menu li ul {margin:5px 0 0 -10px ;}
#menu li.first ul {margin-left:0;}
#menu li ul a {color:#000;}


/** level 0 **/
.hasJS #menu li .current, .hasJS #menu li .roll { color:#F7B100; }
.hasJS #menu li span {display:block;}
.hasJS #menu li .roll { display:none;}
.hasJS #menu li.over span { display:none; }
.hasJS #menu li.over span.roll { display:block; }
.hasJS #menu li li, .hasJS #menu li.last {background:none;}

/** level 1 **/
.hasJS #menu li ul {min-width:170px; _width:170px; position:absolute; top:100%; left:0; display:none; visibility:hidden; background:#fff; border:1px solid  #D0CFCB; border-top-width:0;z-index:1000;}
.hasJS #menu li li {float:none; display:block; padding:0;margin:0;zoom:1;vertical-align:top;}
.hasJS #menu li li.sub {background: url(skin/bgPlus_submenu.png) no-repeat right center;padding-right:40px;}
.hasJS #menu.mobileDevice li li.sub {padding-right:60px;}


.hasJS #menu li li.over, .hasJS #menu li li.opened {background-color:#EEEEEE;}

.hasJS #menu li li a { display: block; min-height:30px; _height:30px; line-height:30px; vertical-align:middle; padding:0 10px 0; margin:0; font-size: 11px; text-transform: capitalize; font-weight: bold; white-space:nowrap; }


/** level 2 **/
.hasJS #menu li li ul {left:100%; top:0; margin:0; border-top-width:1px;}
.hasJS #menu li li li ul {margin-top:-1px;width:176px;}
.hasJS #menu li li li {position:static;}
/** level sub_img **/
.hasJS #menu .sub_img li {font-size:0.8em;margin:0;min-height:80px;padding:0 0 5px;}
.hasJS #menu .sub_img li a{ text-transform:uppercase;white-space:normal;}
.hasJS #menu .sub_img li a {display:block; text-align:center;line-height:1em;min-height:0;_height:auto;}
.hasJS #menu .sub_img li img {display: block;height: 72px;margin: 0 auto;width: 140px;}

.hasJS #menu ul.twoCols {width:352px;}
.hasJS #menu ul.twoCols li {width:49.9%;}
.hasJS #menu .sub_img li.itemLeft {float:left; clear:left;}
.hasJS #menu .sub_img li.itemRight {float:right; clear:right;}

/** cufon styles **/
.cufon-ready #menu li a span{font-weight: normal;font-size:100%;}
.cufon-ready #menu {font-size: 12px;}

.hasJS #menu li ul li .sub_img li.cut { position:absolute; }



.hasJS #menu li span.ipad {width:20px;height:20px;display:block;right:15px;top:-24px;z-index:150;position: relative;float:right;}
.hasJS #menu li.show span span {display:block;}

/*
.hasJS #menu.menuPreview li a { font-size: 10px; }

.hasJS #menu li.last, .hasJS #menu ul li { background-image:none; }
.hasJS #menu li a { display:block; padding-bottom:5px; }
.hasJS #menu li li a { padding-bottom:0; }
.hasJS #menu ul { display:none; position:absolute; z-index:2000; background:white; border:1px solid #D0CFCB; border-top:none; text-align:left; }
.hasJS #menu ul li { margin:0; padding:0;  min-width:170px;}
.hasJS #menu .show ul {display:block; height:auto; }
.hasJS #menu .show ul ul {display:none; top:0; left:100%; border-top:1px solid #D0CFCB; }
.hasJS #menu .noBorder ul {border-top:none !important; }
.hasJS #menu .show ul ul li {  }
.hasJS #menu .show ul .show ul {display:block;height:auto;}
.hasJS #menu .show ul .show ul ul { display:none; }
.hasJS #menu .show ul .show ul .show ul { display:block; }

.hasJS #menu li ul li .sub_img { margin-top:-1px; }
.hasJS #menu li ul li .sub_img li { background:none; float:left; clear:left; display:block; margin:0; padding:0; height:auto !important; }
.hasJS #menu li.first ul li .sub_img li { margin:0; *width:170px; min-height:80px;_height:80px;background:url('skin/rangeLoader.gif') no-repeat center center;}
.hasJS #menu li li .sub_img li.last { background:white;padding-bottom:10px; }
.hasJS #menu li li .sub_img li img { display:block; margin:0 auto; width:140px;height:72px;}
.hasJS #menu li li .sub_img li a { border-bottom:none; background:#fff none !important; line-height:1em; margin:0; color:#000; font-weight:bold; text-transform:none; height:auto !important; text-align:center; }
.hasJS #menu li li .sub_img li.show a:hover,
.hasJS #menu li li .sub_img li a:hover { background-color:#fff !important; text-decoration:none !important; }

#menu ul li.sub {background: white url(skin/bgPlus_submenu.png) no-repeat right center !important; } 
.fixMenu { *margin-bottom:-3px !important; }

.hasJS #menu li .show, .hasJS #menu li .showing { background-color:#eee!important; }
.hasJS #menu li .show .show .show { background-color:#fff !important; }


*/




/* Nav Clavier */
ul.keyVisible { }
ul.keyVisible li { visibility:visible !important; opacity:1 !important; }

#menu ul.invisible { display:block !important; visibility:hidden !important; }
#menu ul.notVisible { visibility:hidden !important; }
.skinnedRadioActive label.checkedSkinned{background: url(skin/skinnedForm/radio.gif) no-repeat left bottom;}

/* ============================ Default Nav Footer ================================ */
/* ---- Footer --- */
#footer {color:#a2a5a4; border-top:1px solid #191c1f; padding:6px 3px 4px 0px; margin:0 3px; *margin-right:0; text-align:left;margin:auto;margin-top:20px; height: 40px;}
#footer li {font-size:11px; margin-right:10px; display:-moz-inline-box; display: inline-block; _display: inline; *display: inline; _float: left; *float: left; padding-right: 11px; background: url(skin/menu_grey_sep.png) no-repeat right 2px;} 
#footer li a {color:#a2a5a4 !important;}
#footer .left {float:left; white-space:nowrap;}
#footer .right {float:right; white-space:nowrap;}
#footer li.last {background-image:none;}

#footer li li {float: none; display: block; margin: 0; background: none;}

#footer_print {display:none;}
/* ============================ /Default Nav Footer ================================ */
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

/* ============================ /Centrage Flash par defaut ================================ */
#flash {text-align:center;}

#body{zoom:1;}
#page{margin:auto; position:relative; text-align:left; font-size:85%; width:965px; font-family: Arial, "Trebuchet ms", Verdana, sans-serif; color:black; text-align:left;}

.line, .lastunit {overflow: hidden;_overflow: visible; zoom:1;}
.unit{float:left; zoom:1;}



/* add This */
.addThis {float:right;}
.addThis a {background:none;margin-top:2px;margin-right:4px;float:right;}


/* ====== Header Connect ====== */

.connect{padding:5px 0;margin-left:100px;}
.connect .vousConnect,
.connect ul{border:1px solid #A2A5A4; overflow:hidden;}
.connect,
.connect ul li{float:left;}
.connect .vousConnect,
.connect ul li{background:none; padding:1px 10px; font-weight:bold;}
.connect ul li a,
.connect .vousConnect{text-decoration:none;}
.connect a{color:#A2A5A4;}
.connect .yellow{color:#F7B100 !important;}
.connect ul .myR a{padding-right:10px; border-right:1px solid #A2A5A4;}
.connect ul .myR {padding-right:0;}


/* ============================ Default Nav Header ================================ */
#headerBottom{z-index:99; overflow:visible;}
#headerTop {overflow:hidden; zoom:1; _overflow:visible;}
#header{z-index:9000; position:relative; zoom:1; background: #fff;}
.bodyPopup #header {height: auto;}
#header:after{content: "";display: block;height: 0;overflow: hidden;clear: both;}
.overNav{ padding: 18px 0 14px 0px;font-size:100%;}
.overNav a {font-size:1em; white-space:nowrap;}
.overNav ul{text-align:right; /*overflow:hidden;*/ /*_overflow:visible; zoom:1;*//*float:right;*/width:auto;}
.overNav ul li{ float:right; padding: 0px 0 0 11px; font-size:1em;/*width:1%; */background: url(skin/menu_grey_sep.png) no-repeat left 2px; margin-left: 10px;}
.overNav ul li.last{background: none; margin-left: 0; padding-left: 0;}
.overNav div.search {float:right;padding-top:0px;//padding-top: 0px; background: none; background: url(skin/overnav_search.png) no-repeat left 2px; padding-left: 18px;}
.overNav div.search span {color:#d0cfcb;//margin-top: 0px; }
.overNav div.search span strong {color:#d0cfcb;//margin-top: 0px; display: none;}
.overNav div.search form {//position: relative;//top: -0px;}
.overNav div.search form input.txt{background:#eae9e8; padding:0 1px 0 1px;}
.overNav div.search .ok {//height: 15px;//position: relative;}
body:last-child:not(:root:root) .overNav ul li.search .ok {height: 15px;}
.overNav form{display:inline;}
.overNav .txt, .overNav .ok{color:#fff;background:#d0cfcb; border: none; vertical-align: bottom; height: 15px;}
.overNav .txt{margin-right:1px; width: 165px;}
.overNav .ok{cursor:pointer; width:18px; text-align: center; font-size: 1em; line-height:15px; vertical-align:middle; padding: 0px 0 1px 0;}
.overNav a {text-decoration:none;color:#a2a5a4;}
.overNav ul li ul{text-align: left;}
.overNav ul li .bas{margin-top: 1px;}
.overNav ul li li{float: none; display: block; margin: 0; background: none;}

/* PGR dans l'overnav */
.overNav .pgrConnect span {padding-right:8px; display:inline-block; display:-moz-inline-stack; color:#A2A5A4;}
.overNav .pgrConnect a{ color:#A2A5A4; text-decoration:underline !important;}
.overNav .pgrConnect .pgrOff{ color:#A2A5A4; text-decoration:none !important;}