/*
Theme Name: Agence Timing
Theme URI: http://www.agencetiming.com
Description: Theme pour le site Internet de l'Agence Timing.
Version: 1.0
Author: Oktane Design Inc.
Author URI: http://www.oktane.ca

*/

/* ----- RESET ----------------------------------------------------------------------------- */

html,body,br,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,sup,sub,strike,pre,code,samp,kbd,var,tt,form,legend,label,option,.nobox,textarea{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
blockquote,q{quotes:none;}
br{height:0;}
ul,ol,dl{list-style:none;}
a img{border:0;}
fieldset,img{border:0;}
.clearer {clear: both;}
* {margin: 0;}
html, body {height: 100%;}

/* ----- MAIN ----------------------------------------------------------------------------- */

body{color:#fff;background:url(../images/design/bg-global.jpg) top center repeat-x;background-color:#eeeeee;font:11px Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#container{width:980px;position:relative;margin: 0 auto;}
#header{width:980px;height:136px;position:relative;margin: 0;}
.logo-timing{margin:49px 0 0 0;float:left;width:234px;height: 54px}
#content-left{width:704px;float:left;margin:30px 0 20px 0}
#content-right{width:244px;float:right;padding: 0 0 20px 0}
#slideshow{margin:7px 0 21px 0;float:left;width: 682px; height: 285px}
#slideshow-artistes{margin:16px 0 21px 0;float:left;width: 210px; height: 210px;float: left;padding: 0 20px 0 0}
#artistes{width: 244px;height: 276px;float:left;margin:46px 0 12px 0;text-align: right}
#artistes-vide{margin:46px 0 0 0;text-align: right}
ul.dual{width:220px;color:#4f4f4f;list-style-image: URL(../images/design/arrow2.png) ;margin:0 0 20px 0;float:left}
ul.dual li{color:#4f4f4f;margin-bottom: 6px;margin-left:40px;padding-left:6px}
ul.dual li a{color:#004687;text-decoration: underline}
ul.dual li a:hover{color:#004687;text-decoration: underline}
ul.default{width:720px;color:#4f4f4f;list-style-image: URL(../images/design/arrow2.png) ;margin:0 0 20px 0;float:left}
ul.default li{color:#4f4f4f;margin-bottom: 6px;margin-left:20px;padding-left:6px}
ul.default li a{color:#004687;text-decoration: underline}
ul.default li a:hover{color:#004687;text-decoration: underline}
ul.triple{width:220px;color:#4f4f4f;list-style-image: URL(../images/design/arrow2.png) ;margin:0 0 20px 0;float:left}
ul.triple li{color:#4f4f4f;margin-bottom: 6px;margin-left:30px;padding-left:6px}
ul.triple li a{color:#004687;text-decoration: underline}
ul.triple li a:hover{color:#004687;text-decoration: underline}
ul.quattro{width:165px;color:#4f4f4f;list-style-image: URL(../images/design/arrow2.png) ;margin:0 0 20px 0;float:left}
ul.quattro li{color:#4f4f4f;margin-bottom: 6px;margin-left:40px;padding-left:6px}
ul.quattro li a{color:#004687;text-decoration: underline}
ul.quattro li a:hover{color:#004687;text-decoration: underline}
#reseaux-sociaux{margin:14px 0 0 0;width:244px;height:48px;float: left}
.reseaux-right{margin: 0 0 0 10px}
div.navsec{font-family: Arial,Helvetica,sans-serif;font-size:9px;color:#777777;margin:0;float:right;margin: 16px 4px 36px 100px;width: 200px;text-align: right}
div.navsec a{color:#777777;text-decoration: none;}
div.navsec a:hover{text-decoration: underline;}
div.ombrage-img{background:url(../images/artistes/accueil/bg-blank.png) top left no-repeat;float:left;width: 68px;height: 78px;margin: 0 0 6px 0}
div.ombrage-img-middle{background:url(../images/artistes/accueil/bg-blank.png) top left no-repeat;float:left;width: 68px;height: 78px;margin:0 20px 6px 20px}
div.ombrage-img img, div.ombrage-img-middle img{margin: 1px 1px 0 0}
#artistes a{color:#004687;text-decoration: underline;margin: 0 6px 0 0;text-align: right}
.logo-oktane{margin:0 0 0 4px;vertical-align:bottom}
.fleche{margin:0 0 0 0;vertical-align:bottom}
.equipe{margin:1px 0 0 1px;float: left}
div.img-equipe{background:url(../images/equipe/bg-ombrage.png) top left no-repeat;float:left;width: 88px;height: 98px;margin: 4px 14px 6px 0}
.refresh{margin: 0 0 0 6px}
div.separateur{background:url(../images/design/separator.png) top left no-repeat;margin:10px 0 20px 0;padding: 0;float: left;width: 673px;height: 11px}
#bloc-dual{width:329px;float:left;margin: 0 0 20px 0}
#bloc-dual-map{width:350px;float:left;margin: 10px 0 20px 0}
#bloc-dual-right{width:299px;float:left;margin: 0 0 0 30px}
div.left{float:left;width: 352px}
div.right{float: right;width: 352px}
div.separator{background:url(../images/design/separator.png) top left no-repeat;width: 673px;height: 11px;float:left;margin: 0 0 6px 0}
.top {background: url(../images/design/haut.png) no-repeat;width: 24px;height: 30px;position: fixed;bottom: 100px;right: 0;cursor: pointer;z-index: 1;}
.image-left{float: left;margin: 6px 20px 20px 0}
.mediasociaux {float:right; margin-left:10px}
div.reseaux {float:right;margin:0 30px 5px 0}
/* ----- DERNIERES NOUVELLES---------------------------------------------------------------- */

#nouvelles{width: 244px;float:left;margin:0 0 14px 0;padding:0}
div.nouvelles-content p a{font:11px Arial, Verdana, Helvetica, sans-serif;color:#fff;margin:4px 0 0 0;padding:0;text-align: left;text-decoration: none}
span.archives a{font-size:10px;color: #78acda;margin:0 0 10px 0;text-decoration: none}
span.archives a:hover{text-decoration: underline}
.fleche-archive{margin:0 0 0 6px;padding: 0;}
div.archives{text-align: right;margin: 0 0 10px 0}
.sep-news{margin: 0;padding: 0;float: left;margin:10px 0 10px 0}
p.time-nouvelles{font-size: 90%;color:#78acda;margin:10px 0 4px 0}
h2.nouvelles{color:#004687}
h2.nouvelles a{font-size:16px;line-height:1em;color:#004687;text-decoration: none;text-transform: uppercase;margin:0;padding: 0}
div.nouvelles-content{background:url(../images/design/bg-nouvelles.jpg) bottom left no-repeat;width: 212px;float:left;margin:0 0 0 0;padding:0 16px 0 16px}
div.nouvelles-content li{float:left}

/* ----- LISTE DE DIFFUSION----------------------------------------------------------------- */

#mailingfield{width: 194px;height: 20px;padding: 3px 5px 0 4px;color: #739bba;background: url(../images/design/input-left.png) no-repeat top left;border: 0;float: left;font-size: 11px;font-style: italic;margin: 4px 0 0 18px;}
#mailingfield-right{float: left;width: 3px;height: 20px;border: 0;position: relative;left: 0;margin: 4px 0 0 0;}
#mailing p,#mailing2 p {color:#fff;margin:12px 0 6px 18px}
#mailing{width: 244px;height: 143px;float:left}
#mailing2{width: 244px;height: 143px;float:left;margin:46px 0 0 0}

div.mailing-content{background:url(../images/design/bg-mailing.jpg) top left no-repeat;width: 244px;height: 107px;float:left;margin:0 0 0 0;padding:0}

/* ----- TEXTE ----------------------------------------------------------------------------- */

#content-right h1 span{display: none}
span.time{font-size: 90%;color:#2776be;margin:14px 0 0 0;padding:0}
span.h1italic{font-size:16px;line-height:1em;color:#2776be;font-weight:normal;text-align:left;margin:0 0 0 0;padding:0;font-style: italic;text-transform: none}
h1.nouvelles {background:url(../images/design/titre-dernieres-nouvelles.png) top left no-repeat;margin: 0;padding: 0;width: 244px;height: 36px;}
h1.mailing {background:url(../images/design/titre-mailing.png) top left no-repeat;margin: 0;padding: 0;width: 244px;height: 36px;}
#content-left p{font-size:11px;color:#626262;line-height:1.5em;margin:10px 0 15px 0;padding:0 30px 0 0;text-align:justify}
#content-left ul a{color:#004687}

#content-left a{color:#004687}


#content-left h1, h2{font-family: Arial,Helvetica,sans-serif   }
#content-left h1 {background:url(../images/design/title-line.png) bottom left no-repeat;font-size:16px;line-height:1em;color:#004687;font-weight:bold;margin:15px 0 10px 0;padding:0 0 12px 0;width: 704px;float:left;text-transform: uppercase}
#content-left h2 {font-size:14px;line-height:1em;color:#004687;font-weight:bold;margin:15px 0 10px 0;padding:0 0 12px 0;width: 704px;float:left}
p a{color:#004687}
/* ----- FOOTER ----------------------------------------------------------------------------- */

#footer{color:#8bb2d7;background:url(../images/design/bg-footer.png) repeat-x;font-size:11px;height:126px;margin: 40px 0 0 0;clear: both;}
#footer-content{background:url(../images/design/bulles-footer.png) no-repeat;width:980px;position:relative;margin: 0 auto;padding: 0 0 0 0;height:79px}
#footer-left{float:left;position:relative;margin: 98px 0 0 16px;padding: 0 0 0 0;width:535px;text-align:left;}
#footer-right{float:right;position:relative;margin: 20px 0 0 0 ;padding: 0 0 0 0;width: 300px}
#footer-right-down{float:right;position:relative;margin: 10px 6px 0 0 ;padding: 0 0 0 0;text-align: right;width: 300px}

/* ----- NAVIGATION PRINCIPALE -------------------------------------------------------------- */

#navprinc{position:relative;bottom:0;width:587px;height:40px;margin:0;padding:0;float:right}
ul#navprinc li{float:left;display:inline;height:40px;list-style-type:none;margin:0;padding:0;}
ul#navprinc li a{float:left;text-indent:-9999px;text-decoration:none;height:40px;line-height:0;background:url(../images/design/nav-princ.png);}
ul#navprinc li.agence a{width:83px;background-position:0 0;margin:0}
ul#navprinc li.agence2 a{width:83px;background-position:0 -80px;margin:0}
ul#navprinc li.agence a:hover{background-position:0 -40px ;}
ul#navprinc li.equipe a{width:76px;background-position:-83px 0;margin:0}
ul#navprinc li.equipe2 a{width:76px;background-position:-83px -80px;margin:0}
ul#navprinc li.equipe a:hover{background-position:-83px -40px ;}
ul#navprinc li.services a{width:80px;background-position:-159px 0;margin:0}
ul#navprinc li.services2 a{width:80px;background-position:-159px -80px;margin:0}
ul#navprinc li.services a:hover{background-position:-159px -40px ;}
ul#navprinc li.artistes a{width:81px;background-position:-239px 0;margin:0}
ul#navprinc li.artistes2 a{width:81px;background-position:-239px -80px;margin:0}
ul#navprinc li.artistes a:hover{background-position:-239px -40px ;}
ul#navprinc li.floride a{width:73px;background-position:-320px 0;margin:0}
ul#navprinc li.floride2 a{width:73px;background-position:-320px -80px;margin:0}
ul#navprinc li.floride a:hover{background-position:-320px -40px ;}
ul#navprinc li.nouvelles a{width:91px;background-position:-393px 0;margin:0}
ul#navprinc li.nouvelles2 a{width:91px;background-position:-393px -80px;margin:0}
ul#navprinc li.nouvelles a:hover{background-position:-393px -40px ;}
ul#navprinc li.soumission a{width:103px;background-position:-484px 0;margin:0}
ul#navprinc li.soumission2 a{width:103px;background-position:-484px -80px;margin:0}
ul#navprinc li.soumission a:hover{background-position:-484px -40px ;}

/* ----- NAVIGATION FOOTER -------------------------------------------------------------- */

#navfooter{position:relative;bottom:0;width:128px;height:28px;margin:22px 0 0 0;padding:0;float:right}
ul#navfooter li{float:left;display:inline;height:28px;list-style-type:none;margin:0;padding:0;}
ul#navfooter li a{float:left;text-indent:-9999px;text-decoration:none;height:28px;line-height:0;background:url(../images/design/nav-footer.png);}
ul#navfooter li.floride a{width:56px;background-position:0 0;margin:0}
ul#navfooter li.floride a:hover{background-position:0 -28px ;}
ul#navfooter li.nouvelles a{width:72px;background-position:-56px 0;margin:0}
ul#navfooter li.nouvelles a:hover{background-position:-56px -28px ;}

/* ------------------------------------- FORM  */

#mailing-form td{color:#626262}
div.contact_form{width: 692px;float: left;padding:0 0 40px 0;margin: 0}
div.contact_form p{font-size:11px;color:#626262;line-height:1.5em;margin:0 0 2px 0 !important;padding:0 !important;text-align:justify}
div.contact_form fieldset{border: none;margin: 0;padding: 0}
div.contact_leftcolumn{float:left;width: 236px;margin: 0 0 16px 0;padding: 0}
div.contact_centercolumn{float:left;width:224px;margin: 0 0 16px 0;padding: 0}
div.contact_rightcolumn{float:right;width:220px;margin: 0 0 16px 0;padding: 0}
div.contact_doublecolumn{float:left;padding-top:0;clear:both;}
form.contact label {font-family:Arial,Verdana,sans-serif;font-weight: bold;font-size: 12px;color: #626262;margin:0}
input.inputfield_small{background-color:#fff;border:none;background-image:url(../images/design/contact_form.png);background-position:-10px -13px;background-repeat:no-repeat;height:19px;width:183px;padding:6px 8px 0 10px;margin: 0 0 0 0}
form.contact input.inputfield_small:focus {background-position: -10px -43px;}
form.contact input.inputfield:focus {background-position: -10px -112px;}
form.contact div.contact_inputtext_top{width:672px;font-size:0;height:4px;background-image:url(../images/design/contact_form.png);background-position:-10px -103px;margin:0;padding:0;}
form.contact div.contact_inputtext_ml{float:left;width:4px;height:94px;background-image:url(../images/design/contact_form.png);background-position:-10px -107px;}
form.contact div.contact_inputtext_mm textarea{resize:none;float:left;background-color:#fafafa;border:none;width:661px;height:91px;padding-left:3px;padding-top:2px;padding-bottom:1px;}
form.contact div.contact_inputtext_mr{float:left;width:4px;height:94px;background-image:url(../images/design/contact_form.png);background-position:-678px -106px;}
form.contact div.contact_inputtext_bottom{float:left;width:672px;height:4px;font-size:0;background-image:url(../images/design/contact_form.png);background-position:-10px -202px;}
form.contact div.contact_submit{margin: 10px 10px 0 0;float: right}
form.contact div.contact_inputtext {width: 672px;}
.errFld {border: 1px solid #F00; /*... or any other css properties ... */}
.errMsg { color: #C33; /*... or any other css properties ... */ } 
form.contact p{margin: 10px 0 6px 0}
input.submit_button_go {background:url(../images/design/submit_buttons.png) -12px -160px no-repeat;	width: 74px;height: 23px;border: none;cursor: pointer;margin:8px 18px 0 4px;float: right}
input.submit_button_go:hover {background-position: -12px -191px;}
input.submit_button_envoyer {background:url(../images/design/submit_buttons.png) -10px -14px no-repeat;	width: 79px;height: 25px;border: none;cursor: pointer;}
input.submit_button_envoyer:hover {background-position: -10px -48px;}
input.submit_button_effacer {background:url(../images/design/submit_buttons.png) -10px -84px no-repeat;	width: 84px;height: 25px;border: none;cursor: pointer;margin: 0 8px 0 10px}
input.submit_button_effacer:hover {background-position: -10px -118px;}
input[type=checkbox]{margin : 0 10px 0 0 }
div#contact_question_dropdown_container{float:right;width:201px;height:25px;color:#636363;margin:5px 19px 0 0;_margin:5px 10px 0 0}
table.artistes{width: 680px;float: left;margin: 0 0 20px 0}
table.artistes td.image-artiste{width: 100px;height:83px;font-size:10px;width: 105px;text-align:center}
table.artistes td.nom-artiste{width: 105px;font-size:10px;color:#626262;line-height:1.5em;text-align:center;vertical-align: top}
table.artistes td.spacer{width: 0}
table.artistes a{color:#626262}

/*************** Notifications ***************/

.notification{position:relative;border:1px solid;background-position:10px 11px !important;background-repeat:no-repeat !important;font-size:12px;width:95%;margin:0 0 15px;padding:0;}
.attention{background:#fffbcc url('http://www.agencetiming.com/infolettre/admin/images/icons/exclamation.png') 10px 11px no-repeat;color:#666452;border-color:#e6db55;}
.information{background:#dbe3ff url('http://www.agencetiming.com/infolettre/admin/images/icons/information.png');color:#585b66;border-color:#a2b4ee;}
.message{background:#d5ffce url('http://www.agencetiming.com/infolettre/admin/images/icons/tick_circle.png');color:#556652;border-color:#9adf8f;}
.error{background:#ffcece url('http://www.agencetiming.com/infolettre/admin/images/icons/cross_circle.png');color:#665252;border-color:#df8f8f;}
.notification div{display:block;font-style:normal;line-height:1.5em;padding:10px 10px 10px 36px;}
.notification .close{color:#900;font-size:9px;position:absolute;right:5px;top:5px;}

/* Notification for form inputs */

.button,#main-content table tfoot td .bulk-actions select,.pagination a.number,form input.text-input,form textarea,form .wysiwyg,form select{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.content-box,.content-box-header,ul.content-box-tabs li a.current,.shortcut-button,.notification{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.closed-box .content-box-header{-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.shortcut-button span{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
div.wysiwyg ul.panel li a{opacity:0.6px;}
div.wysiwyg ul.panel li a:hover,div.wysiwyg ul.panel li a.active{opacity:0.99px;}
.radio{margin:0 10px 0 0;}
.content-box-header,ul.content-box-tabs li a.current{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
span.bleu{color:#004687!important}