/* PEI */

* { margin:0; padding:0; }
body {padding:10px;background-color:#fefefe}

h1 {color:#083f88;margin:0 0 10px 0;font-weight:normal;font-size:19px}
h1.csc-firstHeader {color:#083f88;margin:0 0 10px 0;font-weight:normal;}
.csc-firstHeader {color:#083f88;margin:0 0 10px 0;font-weight:normal;}

body { color:#083f88; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

.clear { clear:both; height:0px; line-height:0px; font-size:0px;}
.green { color:#083f88; }
.orange { color:#9d2000; }
.green_b { color:#083f88; font-weight:bold; }
.orange_b { color:#9d2000; font-weight:bold; }

.box_gri { margin-bottom:4px; border:1px solid #bdbdbd; background-color:#F9F9F9; background-image:url(../img/box_gri_deg.gif); background-repeat: repeat-x; background-position:top; }
.box_gri h3 { padding-left:15px; height:24px; line-height:24px;  font-size:11px; font-weight:bold; }
.box_gri h3 { background-image: url(../img/arrow_vert.gif); background-repeat:no-repeat; background-position:5px 50%; }

.box_gri img.cover { margin:10px 0 5px 40px;}
.box_gri p.abonnement a { display:block; text-align:center; font-size:10px; height:21px; line-height:21px; width:157px; color:#FFFFFF; text-decoration:underline; background-color:#009933; background-image:url(../img/buton_abonnement.gif); }
.box_gri p.abonnement a { margin:0 0 10px 28px; }

.box_gri form { padding:10px;}
.box_gri form label { float:left; width:50px; font-size:10px; line-height:10px; font-weight:700}
.box_gri form .log_ok { float:right; font-size:11px; font-weight:normal; margin:5px 5px 0 0; border:none; }

.box_gri form .log_ok { width:36px; height:18px; background-color:#006633; background-image: url(../img/buton_log.gif); color:#FFFFFF; cursor:pointer; }
.box_gri form .logout { font-size:11px; font-weight:normal; margin:5px 5px 0 0; border:none; }
.box_gri form .logout { width:80px; height:18px; background-color:#006633; background-image: url(../img/buton_log_big.gif); color:#FFFFFF; }

.box_gri form input.champ_email { width:140px; font-size:11px; padding:1px; margin-bottom:3px; }
.box_gri form input.champ_mot { width:140px; font-size:11px; padding:1px; }
.box_gri form input.cek { margin:10px 5px 0 0; float:left; }

.tx-newloginbox-pi1 .champ_email { width:200px; font-size:11px; padding:1px; margin-bottom:3px; border:1px solid #999}
.tx-newloginbox-pi1 .champ_mot { width:200px; font-size:11px; padding:1px; border:1px solid #999}
.tx-newloginbox-pi1 .log_ok { font-size:11px; font-weight:normal; border:none; }
.tx-newloginbox-pi1 .log_ok { width:80px; height:18px; background-color:#006633; background-image: url(../img/buton_log_big.gif); color:#FFFFFF; }
.tx-newloginbox-pi1 .forgot { font-size:11px; font-weight:normal; border:none; }
.tx-newloginbox-pi1 .forgot { width:120px; height:18px; background-color:#006633; background-image: url(../img/buton_forgot.gif); color:#FFFFFF; }

/* Fix pour IE6 et IE7 */
* html  .box_gri form input.cek { margin:5px 0 0 0; padding:0; }
*+html  .box_gri form input.cek { margin:5px 0 0 0; padding:0; }

.box_gri form p.remember { padding:10px 0 0 0; color:#999999; font-size:10px; width:130px; }
.box_gri form p.forget {  margin:10px 0 0 0; color:#999999; font-size:10px; width:140px; }
.box_gri form p.forget a { color:#999999 ; }
.box_gri h3 a { text-decoration:none; color:#083f88; }
.box_orange { margin-bottom:4px; padding-bottom:10px; border:1px solid #9d2000; background-color: #FFEFEA; background-image:url(../img/box_orange_deg.gif); background-repeat: repeat-x; background-position:top; }


/* Fix pour IE6 et IE7 */
* html  .box_gri h3 { padding-left:15px; height:23px; line-height:23px;  font-size:11px; font-weight:bold; }
*+html  .box_gri h3 { padding-left:15px; height:23px; line-height:23px;  font-size:11px; font-weight:bold; }

.box_orange h3 { padding-left:15px; height:24px; line-height:24px;  font-size:11px; font-weight:bold; color:#FFFFFF }
.box_orange h3 { background-image: url(../img/arrow_white.gif); background-repeat:no-repeat; background-position:5px 50%; }
.box_orange p { margin:10px 5px 3px 5px; font-size:11px; line-height:11px;  color:#9d2000;}
.box_orange .champ { width:120px; margin:0 0 0 5px; font-size:11px; padding:2px; color:#9d2000; border:1px solid #FF9900}
.box_orange .buton { width:75px; height:18px; border:none;   }
.box_orange .buton { font-size:11px; color:#FFFFFF; background-color:#FF9900;  background-image:url(../img/buton_service.gif); background-position:top; }
.box_orange input.buton { font-variant:normal; font-size-adjust:none; padding:1px; }


/* Formulaire Forgot Password */
.tx-etim-pi1 .input {border:1px solid #aaa; width:200px; padding:1px 5px 1px 5px; color:#000; font-family:Verdana;background-image:url(../img/deg_input_finder.gif); background-repeat: repeat-x; background-position:top;font-size:11px}
.tx-etim-pi1 .submit {border:none; background-color:#006633; width:93px; height:23px; line-height:23px; background-image:url(../img/top_finder_buton.gif); color:#fff;font-weight:700}



/* SUBSCRIPTION FORM */
#SubscriptionFormWrap {padding:10px}
#SubscriptionFormWrap table {color:#000; width:100%}
#SubscriptionFormWrap table tr td {vertical-align:top}
#SubscriptionFormWrap h3 {font-size:11px;font-weight:700;margin:0 0 5px 0;color:#000}
#SubscriptionFormWrap select {width:150px;border:1px solid #333;font-family:verdana;font-size:11px;margin:0 0 0 20px}
#SubscriptionFormWrap select.select_demos {width:300px}
#SubscriptionFormWrap .required {color:#f00;font-weight:700;font-size:13px}
#SubscriptionFormWrap hr {height:0px;border-top:1px dotted #333;margin:15px 0 15px 0;width:680px}
* html #SubscriptionFormWrap hr {margin:15px 0 15px -25px}
*+html #SubscriptionFormWrap hr {margin:15px 0 15px -25px}
#SubscriptionFormWrap input {width:250px;border:1px solid #333;font-family:verdana;font-size:11px; color:#083f88;padding:2px 5px 2px 5px;height:12px}
#SubscriptionFormWrap input.input_other {width:288px;border:1px solid #333;font-family:verdana;font-size:11px; color:#083f88;padding:2px 5px 2px 5px;height:12px;margin:4px 0 14px 20px}
#SubscriptionFormWrap input.radio {width:auto;border:1px solid #ddd;height:20px}
#SubscriptionFormWrap input.check {width:auto;border:none;margin:0 0 3px 5px}
#SubscriptionFormWrap .disabled { background-color:#FFFFFF; width:680px; opacity:0.5; filter:alpha(opacity=50)}
#SubscriptionFormWrap .button {width:100px;height:22px;color:#000;background-color:#fff;padding:3px 0 3px 0;text-align:center;font-weight:700;color:#083f88}
#SubscriptionFormWrap em {color:#083f88;font-size:10px}
#SubscriptionFormWrap #sli_categories {color:#000}

#left #SubscriptionFormWrap .tab_wrap { height:500px; width:700px}
#left #SubscriptionFormWrap .tab_wrap #tabs { position:relative; width:700px; height:500px;  overflow:hidden;  } 
#left #SubscriptionFormWrap .tab_wrap #tabs_slide { width: 10000px; height:505px; position: absolute;  }

a {text-decoration:underline; color:#083f88;}
a:hover {color:#f60}