@charset "utf-8";

/* ===================================================================== */
/* ##### T1 P1 ##### */
/* ===================================================================== */
#Page #Content a:link, #Page #Content a:visited, #Page #Content a:active {color:#09357A; text-decoration:none;}
#Page #Content a:hover {color:#FE5815;}

#Page #TeaserHome {width:100%; height:330px; overflow:hidden; text-align:center; margin:0 auto; width:100%;  position:relative; top:-27px; /*background:transparent url(../content/teasers/teaserDefault.jpg) no-repeat 50% 50%;*/}

#Page #TeaserAlt {margin:67px auto 0 auto; width:980px; text-align:left; color:#FFA02F;}
#Page #TeaserAlt h2 {font-size:1.3em; margin:4px 45px 0px 45px; font-weight:normal; color:#FFF;}
#Page #TeaserAlt span {margin-left:45px;}
#Page #TeaserAlt a {background:url(../img/t1_bullet_link_white.gif) 0px 5px no-repeat; padding:0 14px; color:#FFF; text-decoration:none; margin-left:10px;}
#Page #TeaserAlt a:hover {color:#FFA02F; background-image: url(../img/t1_bullet_link_white_over.gif);}
#Page #TeaserAlt a span {margin-left:0;}

/* ===================================================================== */
/* ##### Communs ##### */
/* ===================================================================== */
#Page #Content #MainH, #Page #Content #Main {padding:0 0 45px 40px; _padding:0 40px 45px; /*position:relative; top:-30px; left:0px;*/ margin:-63px auto 0 auto; z-index:5;}
#Page #Content #Main.fourBlocs {  _padding-left: 25px; }
#Page #Content #Main1 {float:left;} 
#Page #Content #Main2,
#Page #Content #Main3,
#Page #Content #Main4 {float:left; margin-left:15px; _margin-left:10px;}

/* ##### Boxs ##### */
#Page #Content .boxSimple {margin:0; padding:0; position:relative; _background:#FFF; _border:1px solid #CCC;}
#Page #Content .boxSimple .boxTop {background:transparent url(../img/home_box_bg_top_left.png) 0 0 no-repeat; margin:0; padding:0; height:13px; _background:none;}
#Page #Content .boxSimple .boxTop span {display:block; height:13px; width:100%; margin-left:15px; _margin-left:9px; background:transparent url(../img/home_box_bg_top_right.png) 100% 0 no-repeat; _background:none;}
#Page #Content .boxSimple .boxCenter {background:transparent url(../img/home_box_bg_left.png) 0 0 repeat-y; _background:none;}
#Page #Content .boxSimple .boxCenter .boxCenterContent {display:block; width:100%; height:192px; margin:0 0 0 15px; background:transparent url(../img/home_box_bg_right.png) 100% 0 repeat-y; padding:0 0 1px 0; _background:none; position:relative; overflow:hidden}
#Page #Content .boxSimple .boxBottom {background:transparent url(../img/home_box_bg_bottom_left.png) 0 0 no-repeat; _background:none;}
#Page #Content .boxSimple .boxBottom span {display:block; height:19px; _height:10px; width:100%; margin-left:15px; background:transparent url(../img/home_box_bg_bottom_right.png) 100% 100% no-repeat; _background:none;}
#Page #Content .mcTwoTwo .boxSimple .boxCenter .boxCenterContent { height:280px; _height:275px }

/* ##### Common ##### */
#Page #Content h2 {margin:0 0 0 5px; _margin-top:-4px; padding-bottom:5px; _padding-bottom:6px; font-size:1.2em; color:#09357A; }
#Page #Content h3 {margin:3px 0 0 0; padding:0 0 0 10px; background:url(../img/t1_bullet_h3.gif) 0 50% no-repeat; font-size:1.1em;}
#Page #Content div.action {position:absolute; bottom:0px; left:5px;}
#Page #Content div.action a,
#Page #Content a.action {background:url(../img/t1_bullet_link.gif) 0px 5px no-repeat; padding:0 15px; display:block; color:#09357A;}
#Page #Content div.action a:hover,
#Page #Content a.action:hover {background-image:url(../img/t1_bullet_link_over.gif); color:#FE5815;}
#Page #Content .alt1,
#Page #Content .alt2 {background-color:#F3F3F3; padding:5px; margin:0 0 14px 0; text-align:left; _width:100%; /* IE 6 */}
#Page #Content .alt1 a,
#Page #Content .alt2 a {display:block; line-height:1.2em; margin-top:3px;}
#Page #Content .alt3,
#Page #Content .alt4 {background-color:#F3F3F3; padding:5px; margin:0 0 14px 0; text-align:left; _width:100%; /* IE 6 */}
#Page #Content .alt3 a,
#Page #Content .alt4 a {display:block; line-height:1.2em; margin-top:3px;}

#Page #Content .boxCart {clear:both; background-color:#FEFEFE; margin:0; padding:0; margin-bottom:8px; margin-right:15px;}
#Page #Content .boxCart .boxTop {background:url(../img/boxCart_top_left.png) no-repeat 0 0; line-height:0; margin:0; padding:0; height:5px; _overflow:hidden;}
#Page #Content .boxCart .boxTop span {display:block; height:5px; background:url(../img/boxCart_top_right.png) no-repeat 100% 0; margin:0 0 0 56px; width:auto; padding:0;}
#Page #Content .boxCart .boxCenter {background:url(../img/boxCart_bottom_left.png) no-repeat 0 100%; margin:0; min-height:36px; _height:36px;}
#Page #Content .boxCart .boxCenter .boxLeft {float:left; width:56px; text-align:center; padding:0 0 6px 0; margin:0; min-height:36px; _height:36px;}
#Page #Content .boxCart .boxCenter .boxRight { background:#FEFEFE url(../img/boxCart_bottom_right.png) no-repeat 100% 100%; margin:0 0 0 56px; padding:2px 7px 7px 14px; min-height:36px; _height:36px;}

/* actualités */
#Page #Content .mcTwoTwo  .blocActu { width:210px; float:left; font-size:12px }
#Page #Content .mcTwoTwo  .blocActu a { line-height:1.3em }
#Page #Content .mcTwoTwo .blocActuDouble { background-color:#f3f3f3; float:left; padding:20px; width:405px; _width:375px; margin: 10px 0 0; }
#Page #Content .mcTwoTwo .blocActuDouble img { float:left; margin:0 15px 0 0 }
#Page #Content .mcTwoTwo .blocActuDouble div { overflow:hidden; _float:left }
#Page #Content .mcTwoTwo .blocActuDouble div  img{ float:none; margin: 0 5px 0 0; }
#Page #Content .mcTwoTwo  .blocActu .date { color: #FFA02F; margin: 0; }
#Page #Content .mcTwoTwo .blocActu .titleActu { display:block; color:#666; font-size:12px }
#Page #Content .mcTwoTwo .blocActu .titleActu img { vertical-align:middle; margin:0 5px 0 0 }
#Page #Content .mcTwoTwo .blocActu .img { margin:0 7px 0 0; vertical-align: middle; }
#Page #Content .mcTwoTwo .directAccess .action { margin-bottom:10px }
#Page #Content .mcTwoTwo .directAccess .contentGroup li { padding:4px 0 2px; *padding:2px 0 2px; _padding:2px 0 2px; }
#Page #Content .mcTwoTwo .contentGroup li a { font-size:12px }

#Page #Content .blocActus { padding:0 0 0 40px; width:100%; float:left; margin: 30px 0 20px; background: url(../img/t1_footer_actions_top_bg.png) no-repeat scroll 50% 30px transparent; position:relative }
#Page #Content .blocActus h2 { margin: 0 0 30px; font-weight:normal}
#Page #Content .blocActus .blocActu { width:295px; float:left; margin:0 29px 0 0; font-size:11px }
#Page #Content .blocActus .blocActu  .titleActu { font-size:11px; color:#09357A; font-weight:bold; }
#Page #Content .blocActus .blocActu  .titleActu img { margin:0 7px 0 0; vertical-align: middle; }
#Page #Content .blocActus .blocActu .imgActu { width:295px; height:188px; overflow:hidden; margin-bottom:10px; }
#Page #Content .blocActus .blocActu p { color:#09357A; }
#Page #Content .blocActus .blocActu .date { color: #FFA02F; margin:6px 0 0 0 ;}
#Page #Content .blocActus .blocActu a {/*background:url(../img/t1_bullet_link.gif) 0px 5px no-repeat; padding:0 15px;*/}
#Page #Content .blocActus .blocActu a:hover {/*background-image:url(../img/t1_bullet_link_over.gif);*/}
#Page #Content .mcTwoTwo .contentGroup .longText  img{ float:left  }
#Page #Content .blocActus .socialLinks { float:right; margin-right:34px }
#Page #Content .blocActus .socialLinks img { margin-right:8px }
#Page #Content .blocActus .socialLinks .fb-like { display:inline !important }
#Page #Content .blocActus .socialLinks2 { margin:8px 0 0 0 }
#Page #Content .blocActus .socialLinks2 .sharer { display:block; background: url(../img/icon_toolbar_post_share_off.png) no-repeat 0 0; width:61px; height:13px; text-indent:-99999px; }
#Page #Content .blocActus .socialLinks2 .sharer:hover { background: url(../img/icon_toolbar_post_share_on.png) no-repeat 0 0;  }

/* ===================================================================== */
/* ##### Tailles ##### */
/* ===================================================================== */
#Page #Content .mcTwoTwo {width:462px; _width:452px;}
#Page #Content .mcOneThird {width:285px; _width:271px;}
#Page #Content .mcTwoThird {width:585px; _width:587px;}
#Page #Content .mcSimple {width:210px;  float:left;}
#Page #Content .mcDouble {width:435px;  float:left;}

/* ===================================================================== */
/* ##### Spécifiques ##### */
/* ===================================================================== */

/* ##### Bloc altNews ##### */
#Page #Content .altNews .contentGroup {padding:0 22px 0 5px;}
#Page #Content .altNews .contentGroup a {background:url(../img/t1_bullet_link.gif) 0px 5px no-repeat; padding:0 15px;}
#Page #Content .altNews .contentGroup a:hover {background-image:url(../img/t1_bullet_link_over.gif);}

/* ##### Bloc directAccess ##### */
#Page #Content .directAccess .contentGroup {float:left; /*width:170px;*/}
#Page #Content .directAccess .action {width:210px; margin-top:9px; position:static;}
#Page #Content .double .action {width:240px;} /* Bloc Double (spécificité Home) */
#Page #Content .mcTwoTwo .double .action {width:100%;} /* Bloc Double (spécificité Home) */

#Page #Content .directAccess div.action a {color:#000; font-weight:bold; background:none; padding:0;}
#Page #Content .directAccess div.action a:hover {color:#FE5815; background:none;}
#Page #Content .mcTwoTwo .directAccess div.action a {width:210px; float:left}
#Page #Content .directAccess .contentGroup a img {vertical-align:middle; margin:0 7px 0 0;}
#Page #Content .directAccess .contentGroup ul {padding:0; margin:7px 0 0 0; width:160px;}
#Page #Content .mcTwoTwo .directAccess .contentGroup ul {padding:0; margin:7px 0 0 0; width:210px;}
#Page #Content .directAccess .contentGroup li {list-style:none; padding:4px 0;}
#Page #Content .directAccess .contentGroup li a {background:url(../img/t1_bullet_link.gif) 0px 4px no-repeat; padding-left:15px; display:block; line-height:1.2em;}
#Page #Content .directAccess .contentGroup li a:hover {background-image:url(../img/t1_bullet_link_over.gif);}
#Page #Content .directAccess .contentGroup .contentIcon {width:30px; height:30px; clear:both;}

/* ##### Bloc formulaires ##### */
#Page #Content form {margin:0; padding:0;}
#Page #Content fieldset { padding:5px 0 3px 3px; margin:0px 0 0 2px; _margin-top:0; _padding-top:0;}
#Page #Content .message { padding:0; margin:3px 0 0 5px; display:block;}
#Page #Content input{ width:182px; border:1px solid #969696; font-size:0.9em; height:14px; margin:1px 0 0 0; padding-left:2px; margin-bottom:5px;}
#Page #Content label {display:block; font-weight:bold;}
#Page #Content button {float:right; background:transparent url(../img/t1_header_search_button_bg.png) repeat-x scroll 0 100%; border:1px solid #969696; font-size:0.75em;   margin:7px 19px 0 0; height:18px; text-transform:uppercase; padding-bottom:2px; !padding-bottom:0px; _margin-right:16px; line-height:1.4em;}
#Page #Content input:hover,
#Page #Content input:focus {border:1px solid #FFA02F; color:#09357A; background-color:#F0F0F0}
#Page #Content button:hover,
#Page #Content button:focus {border:1px solid #FFA02F; color:#09357A;}
/* contact */
#Page #Content form#contact {text-align:right; margin:0; padding:0;}
#Page #Content form#contact input {width:70px; !width:80px; float:left;}
#Page #Content form#contact button {float:left; margin-top:1px; margin-left:10px;}

/* ##### Bloc simpleContent ##### */
#Page #Content .simpleContent .contentGroup {padding:10px 15px 0 5px;}
#Page #Content .simpleContent .contentGroup img {float:left; margin:0 10px 5px 0;}
#Page #Content .simpleContent .contentGroup .contentText {}
#Page #Content .simpleContent .contentGroup span.date {display:block;}
#Page #Content .simpleContent .contentGroup .action {position:relative; top:0; left:0;}

/* ##### Swap tab ##### */
#Page #Content .tcSwapContainer .ui-tabs-panel {display: block; border-width: 0; background: none; }
#Page #Content .tcSwapContainer .ui-tabs-hide {display: none; !important}
#Page #Content .tcSwapContainer .ui-tabs-nav {position: relative; right:8px; list-style: none; margin:10px 8px 7px 5px; /margin-bottom:0; padding:0; /display:inline-block; float:right; font-size:0.8em;}
#Page #Content .tcSwapContainer .ui-tabs-nav li {float:left;}
#Page #Content .tcSwapContainer .ui-tabs-nav a {color:#FFA02F; display:block; float:left; width:13px; height:13px; text-align:center; background:url(../img/t1_swap_numbers_bg.gif) 50% 50% no-repeat; margin:0 5px 0 0; padding:0; _margin-right:3px; line-height:0.8em;}
#Page #Content .tcSwapContainer .ui-tabs-nav a:hover {color:#09357A; background:url(../img/t1_swap_numbers_bg_active.gif) 50% 50% no-repeat;}
#Page #Content .tcSwapContainer .ui-tabs-nav a span {line-height:1.4em;}
#Page #Content .tcSwapContainer .ui-tabs-nav a.active {color:#FFF; background:url(../img/t1_swap_numbers_bg_active.gif) 50% 50% no-repeat;}
#Page #Content .tcSwapContainer .ui-tabs-nav .ui-tabs-selected a:hover,
#Page #Content .tcSwapContainer .ui-tabs-nav .ui-tabs-selected a:focus,
#Page #Content .tcSwapContainer .ui-tabs-nav .ui-tabs-selected a:active,
#Page #Content .tcSwapContainer .ui-tabs-nav .ui-tabs-selected a {color:#FFF; background:url(../img/t1_swap_numbers_bg_active.gif) 50% 50% no-repeat;}
#Page #Content .tcSwapContainer .contentText {margin-top:17px; /margin-top:0;}
#Page #Content .tcSwapContainer span.date {display:block;}
   
/* ===================================================================== */
/* ##### Footer ##### */
/* ===================================================================== */
#Page #Footer {top:15px;}