@font-face                         { font-family: 'AdessoBoldItalic';
                                     src: url('fonts/adessbolita-webfont.eot');
                                     src: local('☺'), url('fonts/adessbolita-webfont.woff') format('woff'),
                                                      url('fonts/adessbolita-webfont.ttf') format('truetype'),
                                                      url('fonts/adessbolita-webfont.svg#webfontNhy0hUrZ') format('svg');
                                     font-weight: normal;
                                     font-style: normal; }

html {                               background:#d3e9f5 url(images/pro/bg-body-repeat.jpg) repeat-x center 0;}
body {                               background:url(images/pro/bg-body.jpg) no-repeat center 0;}



/* COMMON ----------------------- */
.icon {                              background:url('images/pro/sprite-pro.png') no-repeat;  }
#home #content .header, #footer {    background:#f4faff;}
span.icon-arrow-left {               width:24px; position:absolute; left:-24px; top:20px; background-position:0 -224px;}
span.icon-bullet {                   background-position: -192px -208px;}
/* HEADER ----------------------- */
#header .search .keyword {           background:#fff;}
#header .switcher .icon {            background-position:-146px -20px;}
#header .switcher:hover .icon {      background-position:-146px -60px;  }
#header .switcher .label-right {     color:#e2001a;}


#header .primary-nav li.active a {  background:url('images/pro/btn/bg-primary-nav.png') repeat-x right -40px; }
#header .primary-nav li.active a
.inner {                            background:url('images/pro/btn/bg-primary-nav.png')  repeat-x 0 -40px; }
#header .primary-nav .has-children a:hover,
#header .primary-nav .has-children a:focus,
#header .primary-nav .has-children:hover a,
#header .primary-nav
.has-children:focus a {             background:#fff url('images/pro/btn/bg-primary-nav.png') repeat-x right 0; }
#header .primary-nav .has-children
a:hover .inner, #header .primary-nav
.has-children a:focus .inner, #header
.primary-nav .has-children:hover a
.inner, #header .primary-nav
.has-children:focus a .inner {      background:url('images/pro/btn/bg-primary-nav.png') repeat-x 0 0;}

/*
.primary-nav .wrapper-sub-nav {     left:-45px;}
.primary-nav .wrapper-sub-nav
.sub-nav {                          width:190px; margin-right:0;}
#header .primary-nav .has-children
.sub-nav li,
#header .primary-nav .has-children
.sub-nav li.odd {                   width:130px; margin-right:0;}*/


/* GENERAL */
#content {                  background:#f4faff; }

/* PRO REGIONS */
.wrapper-header-region {     background:url(images/pro/tele/teleo-region.png) 480px 0 no-repeat #f4faff; }
.wrapper-header-region
.header-region {            background:none; }
.wrapper-header-region
h1 em {                     margin-bottom:-16px; font-size:0.682em; font-family:"AdessoMedium";
                            display:block; font-style:normal;  }
.wrapper-header-region
.view-more {                margin-left:10px; }





/* HOME ----------------------- */
.todo {                              margin:0 0 20px;}
.todo li.first {                     font-size:1.66em;}
.todo li.first .date {               background-color:#d3e9f5;}

#home #content .header {             margin-bottom:0;}
#home #content .header .column-1 {   width:475px; background:url('images/pro/tele/teleo-profil-home.png') no-repeat right 73px;}
#home #content .header .column-1 h1 {margin-bottom:5px;}
#home #content .header .column-2 {   padding:61px 85px 0 0; margin-left:60px; width:323px; background:none;}
#home #content .header .column-2 h1 {margin:0 0 20px; padding:10px 15px 15px; position:relative;
                                     background:#2e353c; color:#fff; font:2.25em/1.2 AdessoBoldItalic,Arial,sans-serif;}
#home .header .column-2 .profil li { margin-bottom:12px; }
#home .header .column-2 .profil li,
#home .header .column-2 .profil a {  width:323px; display:block;}

#home .header .column-2 .profil a {  padding:14px 0; background: #2388ce url(images/pro/btn/bg-home-profil.png) no-repeat 0 0;
                                     font-size:1.33em; text-align:center; font-family:AdessoMedium, sans-serif; }

#home .header .column-2 .profil
a:hover, #home .header .column-2
.profil a:focus {                    background-position: -323px 0; color:#fff; text-shadow:1px 1px 1px #004b7a;}

.section-une {                       padding:0 0 40px;}
.section-une h2 {                    margin-bottom:10px;}
.section-une h3 {                    margin-bottom:0;}
.section-une .teaser {               margin-bottom:15px;}

#home #content {                     margin-bottom:50px;}
#home .info-tel {                     }
#home .info-tel .icon-teleo,
.info-tel .icon-teleo {              background:url(images/pro/tele/teleo-info-home.png) no-repeat 0 0;
                                     height:57px; width:81px; }


/*reading action home*/
#home ul.reading-actions {           right:35px; top:15px;}
#home ul.reading-actions .print
.icon {                              background-position:-112px -224px;}
#home ul.reading-actions .favorite
.icon {                              background-position:-80px -224px;}
#home ul.reading-actions .favorite
.icon:hover,
#home ul.reading-actions
.favorite .icon:focus {              background-position:-96px -224px;}
#home ul.reading-actions .social
.icon {                              background-position:-48px -224px;}
#home ul.reading-actions .social
.icon:hover,
#home ul.reading-actions
.social .icon:focus {                background-position:-64px -224px;}
#home ul.reading-actions .email
.icon {                              background-position:-27px -224px;}

/*TABS*/
#region-home .tabs li a {
                                     background:url('images/btn/bg-tabs.png') repeat-x right -132px; }
#region-home .tabs li a span {       padding:14px 0 12px 20px; #padding:14px 0 12px 15px; display:block; font-weight:bold;
                                     background:url('images/btn/bg-tabs.png') repeat-x 0 -132px;   }
#region-home .tabs
li.ui-state-active a,
#region-home .tabs
li.ui-state-active a:hover {         background:url('images/btn/bg-tabs.png') repeat-x right -220px; }
#region-home .tabs
li.ui-state-active a span,
#region-home .tabs
li.ui-state-active a:hover span {    background:url('images/btn/bg-tabs.png') repeat-x 0 -220px; color:#000; }
#region-home .ui-tabs
.ui-tabs-hide {                      display:none; }
#region-home .tabs li a:hover {      background:url('images/btn/bg-tabs.png') repeat-x right -176px; }
#region-home .tabs li a:hover span{  background:url('images/btn/bg-tabs.png') repeat-x 0 -176px;
                                     color:#000; text-shadow:1px -1px 0 #fff; }

.zones-infos .teleo {                background-image:url('images/tele/teleo-ouetquand-pro.png'); }


/* FOOTER ----------------------- */
#footer .cell-4 .cell {              min-height:160px; height:auto !important; height:160px;}