body {font-family: sans-serif;}
.fieldset {border: none;width: 100%;margin: 0px;} 
.fieldset .bar{background-color: transparent;} 
.fieldset .fields{overflow: hidden;margin: 0px;padding: 0px;}
.fieldset .field{margin: 0px;padding: 0px;} 
.fieldset .field .value{margin: 0px;padding: 0px;}
.fieldset .field.buttons {height: 20px;margin: 0px;padding: 0px}
.fieldset .field a{cursor: pointer;}
.fieldset .field label{text-indent: 0;}
.fieldset input[type=text]{border:1px solid lightgray;color: black;height: 20px;}
.paging-count{margin-bottom: 20px;font-weight: bold;}
.fieldset .group-field{width: 100%;margin: 0px;padding: 0px;}
.fieldset .field.article-title .value{font-weight: bold;color: #9f1e18;}

.menu.menu-special{width: 300px;margin-left: 100px;margin-bottom: 30px;}
.menu.menu-special .item {border:1px solid #navy;background: #bbdbf1;height: 60px;}
/**	SPECIAL BAR 
**/
.special-bar {display:block;float:left;width: 100%;margin: 0px;overflow: visible;margin-top: 20px;background-color: transparent;}
.special-bar {background-color: white;border:1px solid #709cbf;}
.special-bar .bar{display:compact;overflow: visible;background-color: transparent;border: none;filter:alpha(opacity=100); opacity:1;cursor: pointer;height:20px;margin-bottom: 0px;_margin: 0 0 0 0;}
.special-bar .bar .title{background-color:transparent;display:block;width: 150px;position: relative;top:-10px;left: 10px;height: 30px;cursor: pointer;color: white;z-index:10;margin: 0 0 0 0;background: url(../images/front/category-blue.gif) 0 0 no-repeat;}
.special-bar .bar .title:hover{background-color:transparent;filter:alpha(opacity=80); opacity:.8;position: relative;}
.special-bar .bar .buttons {display: none;}

/** CENTER 
*/
#center-column{display: block;width: 592px;margin: 15px 0 0 10px;overflow: hidden;background-color: transparent;}
#center-column .center-column-item {display:block;width: 580px;margin: 0px;padding: 0px;}
#center-column .special-bar{display:block;width: 580px;background: url(../images/front/articlebg.gif) 0px 0px repeat-y;}
#center-column .special-bar .bar{margin-bottom: 0px;}
#center-column .special-bar .frame{width: 580px;height:auto; margin: 0px;padding: 0px;overflow: visible;}
#center-column .fieldset {width: 100%;height:auto;margin: 0 0 0 0;padding: 0px;background-color: transparent;}
#center-column .fieldset .group-field{width: 100%;height:auto;padding: 0px;margin: 0px;overflow: hidden;background-color: pink;background-color: transparent;}
#center-column .fieldset .group-field .field{margin-left: 10px;}
#center-column .fieldset .article-center{margin-bottom: 10px;}
#center-column .fieldset .article-image {width: 150px;height: 100px;border: 1px solid #709cbf;}
#center-column .fieldset .article-image *{border: none;text-decoration: none;}
#center-column .fieldset .article-title {width: 475px;height: auto;margin: 0px;}
#center-column .fieldset .article-title .value{font-weight: bold;color: #9f1e18;text-align:left;}
#center-column .fieldset .article-title .value:hover{text-decoration: underline;cursor:pointer;}
#center-column .fieldset .article-date {width: 80px;height: 20px;font-weight: bold;padding: 0px;margin: 0px;} 
#center-column .fieldset .article-date .value{color:  #AAAAAA;text-indent: 5px;font-size: 12px;} 
#center-column .fieldset .article-synopsis {width: 395px;height: auto;text-align:justify;}
#center-column .fieldset .article-synopsis .value{font-weight: normal;}

/** DETAIL
*/
#center-column .special-bar.full-article {margin-top: 20px;overflow: visible;}
#center-column .special-bar.full-article .fields{overflow: hidden;margin:0px;padding: 0px;}
#center-column .special-bar.full-article .article-content .value{width: 560px;;height: auto;margin-top: 10px;text-align:justify;font-weight: normal;}
#center-column .special-bar.full-article .article-author .value{color:#709cbf;font-weight: bold;margin-top: 10px;}
#center-column .special-bar.full-article .article-links {height: auto;margin-top:10px; }
#center-column .special-bar.full-article .article-links label{width: 50px;}
#center-column .special-bar.full-article .article-links .list-field {width: 80%;}
#center-column .special-bar.full-article .article-links .link-field {width: 100%;height: 20px;display: float}
#center-column .special-bar.full-article .article-links .link-field a{color:navy;text-decoration: underline;font-weight: bold;width: 100%;}

/** CENTRAL 
*/
#center-column #central-article.fieldset  {border:1px solid #709cbf;overflow: hidden;margin: 20px 0 0 0;background: url(../images/front/articlebg.gif) 0px 0px repeat-y;}
#center-column #central-article.fieldset .article-center{height: 202px;width: 100%;}
#center-column #central-article.fieldset .article-title {width:560px;}
#center-column #central-article.fieldset .article-title .value{font-size: 22px;margin-top: 10px;}
#center-column #central-article.fieldset .article-date {float: right;} 
#center-column #central-article.fieldset .article-image {height: 200px;width: 300px;border: 1px solid #709cbf;}
#center-column #central-article.fieldset .article-synopsis {height: 200px;width: 240px;font-size: 16px;text-align:left;}
#center-column #central-article.fieldset .article-synopsis .value{font-weight: normal;}

#center-column #article-view.fieldset {height: auto;} 
#columns{width: 100%;display: block;float: left;}

/** RIGHT **/
#right-column{width: 170px;}
#publicite-right{display:block;width: 100%;height:450px;border: 1px solid #709cbf;background: url(../images/front/bandeau_v.jpg) 0 0 no-repeat;font-size: 0px;margin-top: 10px;}
#publicite-right{-moz-border-radius:5px;-webkit-border-radius:5px;}

/** BREADCRUMBS  **/
.breadcrumbs {display:block;height: 25px;width: 575px;margin:0px;background-color: white;float: none;border:1px solid #d7e4ed;padding-left: 5px;}
.breadcrumbs .item {margin-top: 5px;margin-bottom: 5px;height: 15px;}
.breadcrumbs .item a{color: #005391;font-weight: bold; font-size: 13px;}
.breadcrumbs .item a:hover{color: #d7e4ed;}

body{display:block;padding: 0px 0px;background:url(../images/front/bg.gif) 0 0 repeat-x;background-color: #dee2e5;text-align:center;}
#main{display:block; width: 1020px;height:auto; margin:0px auto;border:0px solid transparent;text-align:left;}
.main-list{width: 100%;}

/** MENU **/
#main-menu{margin-bottom: 10px;overflow: visible;height: 30px;border:0px solid transparent;display: block;float: none;text-align:center;margin-left: 20px;}
#main-menu{-moz-border-radius:5px;-webkit-border-radius:5px;}
#main-menu .items{width: auto;float: left;border:1px solid #005391;border-width: 0 1px 0 1px}
/**
#main-menu .item{float: left;display: inline;height: 25px;width:130px;background: url(../images/front/menubg.gif) 0 0 repeat-x;height: auto;vertical-align: text-bottom;border:1px solid #005391;border-width: 1px 0;}
#main-menu .item a{font-size: 14px;padding-top: 5px;color: #005391;text-transform: uppercase;height: 25px;}*/
#main-menu .item{float: left;display: inline;height: 25px;width:130px;background: #eaf0f3;height: auto;vertical-align: text-bottom;border:1px solid #005391;border-width: 1px 0;}
#main-menu .item a{font-size: 14px;padding-top: 5px;color: #005391;text-transform: uppercase;height: 25px;}
#main-menu .menu{width: 100%;border: none;}
#main-menu .submenu .items {border:none;}
#main-menu .submenu .item {border-width: 0 1px 1px 1px}
#main-menu .item .separator{display: block;float: left;width: 1px;height: 25px;}
#main-menu .item a:hover{color: #9F1E18;}
#main-menu {}

/** HEADER */
#header {height: 90px;}
#header a *{display: none;}
#logo{display: block;float:left;width: 420px;height: 80px;border:none;background:url(../images/front/logo2.gif) 0px 0px no-repeat;background-color: transparent;color: transparent;}
#banniere{margin:0 0 0 30px;display: block;width: 500px;height: 80px;background:url(../images/front/bandeau_h.jpg) 0px 0px no-repeat;border:1px solid #709cbf;padding: 0px;}
#banniere{-moz-border-radius:5px;-webkit-border-radius:5px;}

/** LEFT **/
#left-column{width: 180px;height: 500px;display: block;}
#left-column .v-list{width: 100%;margin: 0px;padding: 0px;}
#left-column .v-item{width: 100%;margin: 0px;padding: 0px;}
#left-column .fieldset .fields{margin-left: 10px;margin-bottom: 10px;}
#search-filter {display:block; height: 60px;}
#search-filter .fields{width: 160px;overflow: hidden;height: 20px;}
#search-filter #search-input.field {width: 110px;}
#search-filter #search-input.field .value{height: 18px;background-color: #f1f1f1;width: 100%;border: 1px solid #d7e4ed;}
.fieldset .field.ok-button {margin: 0 0 0 5px;padding: 0px;width: 40px;height: 30px;background: transparent;border: none;}
.fieldset .field.ok-button .value{display:block;float:left;height: 30px;;width: 30px;background: url(../images/front/ok.gif) 0 0 no-repeat;font-size: 0px;border:none;}
.fieldset .field.ok-button .value:hover{background: url(../images/front/ok-over.gif) 0 0 no-repeat;border: none;}
.fieldset .field.ok-button .value *{display: none;height: auto;;}

#issue {dispaly:block;width: 180px;height:auto;background-color: #eaf0f3;position: inherit;}
#issue .fieldset {margin-top: 0px;background-color: #eaf0f3}
#issue .fieldset .bar {height: 20px;background-color: #eaf0f3}
#issue .fieldset .fields{background-color: transparent;margin-left:0;background-color: transparent;} 
#issue .fieldset .field{background-color: transparent;} 
#issue .fieldset .field.article-title {height: 20px;width: 100%;text-align:center;} 
#issue .fieldset .field.issue-image {position:relative;left:37px;width: 102px;height: 150px;text-align:center;border: 1px solid black} 
#issue .fieldset .field.issue-image img{width:100px;height: 150px;border: none;}

/** AGENDA  **/
#agenda {float:left;border:1px solid #d17d23;width: 100%;background-color: white;}
#agenda  .fieldset {margin-top: 0px;} 
#agenda .v-list {background-color:transparent;float: left;border:none;overflow: hidden;}
#agenda .bar .title{background-image: url(../images/front/category-orange.gif);}
#agenda .article-title {font-weight: bold;width: 150px;height: auto;color:#d17d23}
#agenda .article-synopsis{color: black;height: auto;width: 150px;font-weight: normal;}

/**	ABONNEMENT **/	
a#abonnement{display:block; background: url(../images/front/abonnement.gif) 5px 0px no-repeat;height: 35px;color: white;width: 100%;color:transparent;margin: 0px;margin-top: 12px;}
a#abonnement *{color: transparent;display: none;}
a#abonnement:hover{background-image: url(../images/front/abonnement-over.gif);}
#current-issue{-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #709cbf;margin-top: 20px;width: 580px;padding: 0 0 0 0;padding-bottom: 0px;background-color: #607086;font-weight: bold;}
#current-issue-layout{width: 100%;}
#current-issue-layout-0 div {display:block; width: 550px;height:25px; margin-top: 20px;background: url(../images/front/full-screen.gif) 490px 0px no-repeat;font-weight: bold;text-align: center;color:orange;}
.icon-create-sub-category a {background: url(/framework/images/menu/add.gif) 2px 2px no-repeat;}

/**	ABONNEMENT **/	
#center-column #abonnement-view{height: auto;background: #eaf0f3;border:none;background: none;}
#center-column #abonnement-mail.fieldset ,#center-column #abonnement-online {background-color: #eaf0f3;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;}
#center-column #abonnement-mail.fieldset {width: 580px;margin-top: 20px;}
#center-column #abonnement-online form{border:none;width: 560px;}

#abonnement-view .fields .paypal-button{display:block; width: 160px;height:16px;position:relative;left:50px; margin-bottom:20px;
	background: url("https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_LG.gif") 0 0 no-repeat;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;
	font-weight: bold;height: 30px;cursor: pointer;color: black;text-align: center;font-size:0;border:0}
#abonnement-view .special-bar .bar .title{display:block;width:540px;background: url(../images/front/abonnement-bg.gif) 0 0 repeat-x;border-color: #d7e959;color:black;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;}

#abonnement-view form.paypal-form.special-bar {display:block;border:1px solid navy;background:lightblue;height:100px;margin-bottom:20px;margin-left:10px;}
#abonnement-view form select {margin-left:50px;margin-bottom:10px;}
#abonnement-view form .bar .title {text-transform:none;}
.abonnement-online-message{color: #005391;text-align: center;width: 580px;margin-bottom: 20px;font-weight: bold;font-size: 16px;}
#abonnement-view .pdf-button{margin-left:20px;text-decoration:underline;}
#abonnement-mail .paypal-button{display:block;text-align: center;vertical-align: middle;height: 30px;padding-top: 5px;}
#center-column-2 div{text-align: center;font-weight: bold;color :#a3a3a3;width: 600px;font-size: 12px;margin-top: 20px;}
#powered-by{display:block;width: 100%;height:100px;border: 1px solid #709cbf;background: url(../images/front/poweredby_fr.jpg) 0 0 no-repeat;font-size: 0px;margin-top: 10px;margin-left: 0px;}
#powered-by{-moz-border-radius:5px;-webkit-border-radius:5px;}

#contact-logout,#contact-identification,#contact-login{width: 170px;background-color: #eaf0f3;border: 1px solid #709cbf;}
#contact-login {height: 30px;font-size: 14px;} 
#contact-logout{height: 20px;font-size: 10px;} 
#contact-logout .field .value,#contact-login .field .value{width: 145px;margin-left: 10px;text-align: center;font-weight: bold;color: navy}
#contact-identification .field input[type="text"]{width: 150px;height: 18px;background-color: #f1f1f1; border: 1px solid #d7e4ed;}
#contact-identification .field .value{margin: 0 0 5px 10px;height: 20px;}
a#rss-link{width: 40px;height:30px;display: block;background: url(/framework/images/rss-min.png) 0 0 no-repeat;font-size: 0px;color: transparent;display:none;}
a.register-link{color: red;font-weight: bold;font-size: 14px;}