/********************************      Basic Structure      ********************************/
html { font-size: 100%; height: 100%; margin-bottom: 1px; }
body { font-family: Arial, Helvetica, sans-serif; color: #555; background: #f0f0f0 url('../images/simpla/bg-body.gif') top left repeat-y; font-size: 12px; }

#body-wrapper { background: url('../images/simpla/bg-radial-gradient.gif') fixed 230px top no-repeat; }                

/********************************      Elements styling      ********************************/
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; color: #222; font-weight: bold; }
h1						{ font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 28px; padding: 0 0 12px 5px;color:#077DA3;text-transform:uppercase; }
h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }

a           { color: #bb0000; text-decoration: none; }
a:hover     { color: #000; }
a:active    { color: #bb0000; }
a:focus     { outline: 1px; }

strong      { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre         { font-family: monospace; }

p { padding: 5px 0 10px 0; line-height: 1.6em; }

/********************************      General Classes      ********************************/
.clear       { clear: both; }	
.align-left  { float: left; }
.align-right { float: right; }

/************ Button ************/
.button { border-radius: 14px !important; font-family: Verdana, Arial, sans-serif; display: inline-block; background: transparent url('../images/simpla/bg-button-red.gif') top left repeat-x !important; border: 1px solid #72D0E6 !important; padding:2px 14px 4px 14px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; }       
.button.cross { margin: 0px 6px 7px 0px !important; }
.button:hover { text-decoration: underline;background-image: url('../images/simpla/bg-button-hover.gif') !important; }
.button:active { /*padding: 5px 7px 3px 7px !important;*/background-image: url('../images/simpla/bg-button-active.gif') !important;  } 
.button span{padding-top:1px !important;padding-bottom:2px !important;}
a.remove-link { color: #bb0000; }
a.remove-link:hover { color: #000; }





/********************** topbar2 ***************************/
#topbar2{width:100%;background:url(../../modules/index/images/topbar-bg.png) repeat-x center left;top:0;left:0;height:71px;position:fixed;z-index:999;}
#topbar2 #logo {margin:0px 0 0 0px;height:50px;}
.topbar-sep{width:2px;height:60px;margin:0 5px;background:url(../images/topbar-sep.png) center no-repeat;overflow:hidden;display:inline-block;}
#topbar2 .gauche {color: #E0E0E0;font-size: 20px;font-weight: bold;line-height: 40px;padding: 10px;}
#topbar2 .gauche a{color: #E0E0E0;}



/********************************      Sidebar      ********************************/
#sidebar { background: url('../images/simpla/bg-body.gif') top left no-repeat; width: 230px; height: 100%; position: fixed; left: 0; top:0px; color: #888; font-size: 11px; }
#sidebar #sidebar-wrapper { margin: 0 0 0 9px; }
#sidebar a, #sidebar a:active { color:#ccc; }

#sidebar a:hover { color:#fff; }
#sidebar #sidebar-title { margin: 40px 0 40px 15px; font-size: 31px; font-weight: bold; color: #fff; position: absolute; top: -1000px; }
#sidebar #logo { margin: 30px 0 30px 19px; }
#sidebar #profile-links { padding: 0 15px 20px 15px; text-align: right; line-height: 1.5em; }

/************ Sidebar Accordion Menu ************/

#sidebar #main-nav { width: 206px; padding: 0; margin: 0 0 0 15px; font-family: Helvetica, Arial, sans-serif; }
#sidebar #main-nav li { list-style: none; padding-bottom: 10px; text-align: right; }
#sidebar #main-nav li a.nav-top-item { background: transparent url('../images/simpla/bg-menu-item-red.png') right center no-repeat; padding: 10px 15px; color: #fff; font-size: 14px; cursor: pointer; display: block; text-decoration: none; }
#sidebar #main-nav li a.nav-top-item:hover{ background-image: url('../images/simpla/bg-menu-item-hover.png') !important; }

#sidebar #main-nav li a.nav-top-item.current,
#sidebar #main-nav li a.nav-top-item.current:hover { background-image: url('../images/simpla/bg-menu-item-current.png') !important; color: #333; font-weight: bold; }

#sidebar #main-nav li a.item-grey{background-image:url('../images/simpla/bg-menu-item-grey.png');color:#d0d0d0;}
#sidebar #main-nav li a.item-grey.current,
#sidebar #main-nav li a.item-grey:hover{background-image:url('../images/simpla/bg-menu-item-grey.png') !important;color:#FFF;}

#sidebar #main-nav ul { padding: 0; font-size: 12px; margin: 0; }
#sidebar #main-nav ul li { list-style: none; margin: 0; text-align: right; padding: 0; }
#sidebar #main-nav ul li a { padding: 8px 15px; display: block; color: #aaa; font-size: 13px; line-height: 1.2em; }

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover { color: #FF9205; }
#sidebar #main-nav ul li a.current { background: transparent url('../images/simpla/menu-current-arrow.gif') right center no-repeat !important; }

/************ Messages ************/
#messages p,
#messages form { border-top: 1px solid #ddd; padding: 10px 0; }

#messages h4 { padding: 10px 0; }
#messages fieldset { margin: 0; }
#messages textarea { margin: 0 0 15px 0; }
/********************************      Main Content      ********************************/







/************ Layout ************/
#container { margin:0px 0px 0 230px; padding: 10px 30px 0 30px; }
.column-left { width: 48%; float: left; }
.column-right { width: 48%; float: right; }              
#page-intro { font-size: 17px; padding: 0 0 20px 0; }
#footer { border-top: 1px solid #ccc; margin: 40px 0 0 0; padding: 20px 0; font-size: 12px;text-align:center; }
#footer a{color:#077DA3;}
/************ Lists ************/

/*#container ul,#container ol { padding: 10px 0; }*/

/* Unordered List */
#stats ul li, .stats ul li, ul.simpla li, #accueil ul li { background: url('../images/simpla/icons/bullet_black.png') center left no-repeat; padding: 4px 0 4px 20px; }

/* Ordered List */
#container ol { padding: 0 0 0 24px; }
#container ol li { list-style: decimal; padding: 4px 0; }

/*************** Message Box ***************/

#tele_box_message .content-box-content { font-family: Arial; color: #555555; }
#tele_box_message .content-box-header h3 { font-family: Arial; color: #222222; font-size: 17px; font-weight: bold; }

/*************** Content Box ***************/

.content-box { border: 1px solid #ccc; margin: 0 0 20px 0; background: #fff; }
.content-box-header { background: #e5e5e5 url('../images/simpla/bg-content-box.gif') top left repeat-x; margin-top: 1px; }
.content-box-header h3 { padding: 12px 15px 10px;}

ul.content-box-tabs { float: right; padding: 12px 15px 0 0 !important; margin: 0 !important; }

ul.content-box-tabs li { float: left; margin: 0; padding: 0 !important; background-image: none !important; }
ul.content-box-tabs li a { color: #333; padding: 8px 10px; display: block; margin: 1px; border-bottom: 0; }

ul.content-box-tabs li a:hover { color: #bb0000; }              
ul.content-box-tabs li a.current { background: #fff; border: 1px solid #ccc; border-bottom: 0; margin: 0; }

.content-box-content { padding: 20px 20px 10px 20px; font-size: 13px; border-top: 1px solid #ccc; }
.content-box-footer { padding-bottom: 20px; background: #e5e5e5 url('../images/simpla/bg-content-box.gif') top left repeat-x; border-top: 1px solid #ccc; }
.content-box-footer .button { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/************ Table ************/
/*#container table,*/
#affiliate_dialog table { width: 100%; border-collapse: collapse; }
/*#container table thead th,*/
#affiliate_dialog table thead th { font-weight: bold; font-size: 15px; border-bottom: 1px solid #ddd; }
/*#container tbody,*/
#affiliate_dialog tbody { /*border-bottom: 1px solid #ddd;*/ }
/*#container tbody tr,*/
#affiliate_dialog tbody tr { background: #fff; }             
#container tbody tr.alt-row,
#affiliate_dialog tbody tr.alt-row { background: #f3f3f3; }
/*#container table td,
#container table th,*/
#affiliate_dialog table td,
#affiliate_dialog table th { padding: 10px; line-height: 1.3em; }         
#container table tfoot td .bulk-actions,
#affiliate_dialog table tfoot td .bulk-actions { padding: 15px 0 5px 0; }  
#container table tfoot td .bulk-actions select,
#affiliate_dialog table tfoot td .bulk-actions select { padding: 4px; border: 1px solid #ccc; }     

/*************** Pagination ***************/
#container .pagination { text-align: right; padding: 20px 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.pagination a { margin: 0 5px 0 0; padding: 3px 6px; }
.pagination a.number { border: 1px solid #ddd; }
.pagination a.current { background: #950000 url('../images/simpla/bg-button-red.gif') top left repeat-x !important; border-color: #940000 !important; color: #fff !important; }
.pagination a.current:hover {	text-decoration: underline; }

/************ Shortcut Buttons ************/
.shortcut-button { border: 1px solid #ccc; background: #f7f7f7 url('../images/simpla/shortcut-button-bg.gif') top left no-repeat; display: block; width: 120px; margin: 0 0 20px 0; }
.shortcut-button span { border: 1px solid #fff; display: block; padding: 15px 10px 15px 10px; text-align: center; color: #555; font-size: 13px; line-height: 1.3em; }
.shortcut-button span img { margin-bottom: 10px; }
.shortcut-button:hover { background: #fff;	}
.shortcut-button span:hover {	color: #57a000; }

ul.shortcut-buttons-set li { float: left; margin: 0 15px 0 0;	padding: 0 !important; background: 0; }

/*************** Forms ***************/
form label { padding: 0 0 10px; font-weight: bold; }            
form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; }
form p small { font-size: 0.75em; color: #777; }  
form input.text-input,form select,form textarea,form .wysiwyg, select.special { padding: 6px; font-size: 13px; background: #fff  top left repeat-x; border: 1px solid #d5d5d5; color: #333; }           
form .small-input { width: 25% !important; }
form .medium-input { width: 50% !important; }
form .large-input { width: 97.5% !important;	font-size: 16px !important;	padding: 8px !important; }
/*form textarea { width: 97.5% !important; font-family: Arial, Helvetica, sans-serif; }*/
form select, select.special { padding: 4px; background: #fff; } 
form input[type="checkbox"],form input[type="radio"] { padding: 0; background: none;	border: 0; }

/*************** Notifications ***************/
.notification { position: relative; margin: 0 0 15px 0; padding: 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; font-size: 13px; width: 99.8%; }
.notification_domain { position: relative; margin: 0 0 15px 0; padding: 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; font-size: 13px; width: 99.8%; }
.attention { background: #fffbcc url('../images/simpla/icons/exclamation.png') 10px 11px no-repeat; border-color: #e6db55; color: #666452; }
.information { background: #dbe3ff url('../images/simpla/icons/information.png'); border-color: #a2b4ee; color: #585b66; }
.success { background: #d5ffce url('../images/simpla/icons/tick_circle.png'); border-color: #9adf8f; color: #556652; }
.error { background: #ffcece url('../images/simpla/icons/cross_circle.png'); border-color: #df8f8f; color: #665252; }

.notification.small { font-size: 80%; background-position: 8px 6px !important; }
.notification_domain.small { font-size: 80%; background-position: 8px 6px !important; }
.notification.small div { padding: 5px 5px 5px 36px; }
.notification_domain.small div { padding: 5px 5px 5px 36px; }

.notification div { display: block; font-style: normal; padding: 10px 10px 10px 36px; line-height: 1.5em; }
.notification_domain div { display: block; font-style: normal; padding: 10px 10px 10px 36px; line-height: 1.5em; }
.notification .close { color:#990000; font-size:9px; position: absolute; right:7px; top:7px; }
.notification_domain .close { color:#990000; font-size:9px; position: absolute; right:7px; top:7px; }

.notification a          { color: #DDDDDD; text-decoration: underline; }
.notification a:hover     { color: #FFFFFF; text-decoration: none; }
.notification a:active    { color: #FFFFFF; text-decoration: none; }
.notification a:focus     { outline: 1px; text-decoration: none; }

/* Notification for form inputs */
.input-notification { background-position: left 2px; background-repeat: no-repeat; padding: 2px 0 2px 22px; background-color: transparent; margin: 0 0 0 5px; }

/* Notification for login page */
#auth #auth_content .notification, #register .notification { border: 0; background-color: #141414; color: #fff !important;	}

/********************************      Login Page      ********************************/
body#login { color: #fff; background: #222 url('../images/simpla/bg-login.gif'); } 
#auth, #register { position: relative; background: url('../images/simpla/bg-login-top.png') top left repeat-x; }

#auth #auth_intro,
#register #register_intro { position: relative; width: 100%; padding: 96px 0 74px; text-align: center; } 
.special_title { position: absolute; top: -1000px; }
#auth #auth_content { position: relative;	text-align: left;	width: 320px;	margin: 0 auto;	}

#auth #auth_content label { display: inline; cursor: hand; cursor: pointer; }

#auth #auth_content .label,
#register label { color: #fff; font-weight: normal; font-size: 14px; font-family: Helvetica, Arial, sans-serif; float: left; width: 90px; padding: 0; } 
#register label { width: 115px; } 
#auth #auth_content .text-input,
#register .text-input { width: 200px; float: right; margin: 0 0 20px 0; border: 0; background: #fff; }

#auth #auth_content #button_login { margin-top: 10px; float: right; }

#auth #auth_content p { padding: 0; } 
#auth #auth_content p#remember-password { float: right; } 
#auth #auth_content p#remember-password input { float: none; width: auto; border: 0; background: none; margin: 0 10px 0 0; } 
#auth #auth_content p .button { width: auto; margin-top: 20px; }

/********************************      jQuery plugins styles      ********************************/

/*************** Facebox ***************/
#facebox .b  { background: url(../images/simpla/b.png); }
#facebox .tl { background: url(../images/simpla/tl.png); }
#facebox .tr { background: url(../images/simpla/tr.png); }
#facebox .bl { background: url(../images/simpla/bl.png); }
#facebox .br { background: url(../images/simpla/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }

/*************** jQuery WYSIWYG ***************/
div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important;  background: #ffffff; background-image: none !important; }
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('../images/simpla/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }

/*************** Barre d'infos ***************/
#infobar { background: url(../images/simpla/warning_background.jpg) repeat-x center center #FFFFD3; border-bottom:1px solid #F7DC6B; color: black; font-size: 14px; padding-left:15px; height: 80px; left: 230px; position: fixed; top: 0; width: 100%; z-index: 6; clear:left;}
#infobar img { position:relative; float:left; margin-top:16px; }
#infobar span { position:relative; float:left; height:100%; width:740px; margin-left:15px; }
#infobar span td { vertical-align:middle; height:80px; text-align:left; }
#infobar a { position:relative; float:left; margin-top:29px; }

/*************** Recap info avant validation ***************/
#recap #content_left table { min-width:800px; }





.ddcheckboxes{padding:4px;margin-top:-1px;}