/* --------------------------------------------------------  */ 
/* -- Louma Par www.jfpariseau.com Pour Kitgrafik.com    --  */
/* -- Modifié par Jérôme DUPUY pour BashTweet            --  */
/* --------------------------------------------------------  */ 


@charset "utf-8"; 


/* ---------------------------------------------------------  */ 
/* ------------ Modification des balises -------------------  */
/* ---------------------------------------------------------  */ 

body {margin: 0; background: #fff url(../images/bgNuage.jpg) center top no-repeat; }

a:link {text-decoration: underline; color:#257ad1;}
a:visited {text-decoration: underline; color:#257ad1;}
a:hover {text-decoration: underline; color:#000;}

img { border: none; }
h1,
h2,
form,
p { margin: 0px; }

/* ------------ Header -------------------  */
#header {background: url(../images/header.jpg) no-repeat; height: 133px; width: 946px; margin: 38px auto 0 auto;}
#header #headerText { position: absolute; margin: 100px 0 0 650px; color: #fff; font: italic 10px Verdana, Arial, Helvetica, sans-serif; }
#header #headerLogo { position: absolute; margin: -110px 0 0 140px; }

/* ------------ Menu principal -------------------  */
#topMenu {width: 946px; height: 60px; margin: 7px auto 0 auto; padding: 0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center; background: url(../images/menu.png) no-repeat;}
#topMenu ul {height: 60px; margin:0; padding:0; list-style:none;}
#topMenu li  {float:left; background: url(../images/topMenuSeparateur.gif) top right no-repeat; width: 125px;}
#topMenu li.imageSeparateur {float:left; width:2px; height: 60px; background: url(../images/topMenuSeparateur.gif) top right no-repeat;}
#topMenu li a {display: block; width: 123px; height: 43px; margin: 0; padding:17px 0 0 0; text-align:center; text-decoration: none; color:#fff;}
.pageActive {width: 123px; height: 43px; margin: 0; padding:17px 0 0 0; text-align:center; text-decoration: none; color:#fff; background: url(../images/topMenuPageEnCours.png) top center no-repeat; color:#fff;}
#topMenu li a:visited {color:#fff;}
#topMenu li a:hover {background: url(../images/topMenuHover.png) top center no-repeat; color:#d0f9ff;}



/* ------------ Container -------------------  */

#contenu {width: 946px; margin: 0 auto; padding: 25px 0 0 0; background: #fff url(../images/textbg.png) top no-repeat;}


/* ------------ Colonne Gauche -------------------  */

#colonneGauche {width: 216px; float: left; margin: 21px 38px 0 34px; }


#recherche {width: 195px; height:46px; margin-bottom: 11px; padding: 15px 0 0 21px; background: url(../images/login.png) no-repeat;}
.boutonrecheche {position:relative; left: 2px; top: 7px;}


#menuSecondaire {width: 216px; height:auto; padding: 0;  background: #1465c3 url(../images/menu_gauche_top.jpg) no-repeat;}
#menuSecondaire ul {margin: 0 27px; padding: 10px 0 10px 16px; list-style-image: url(../images/puce.gif); font: 12px Arial, Helvetica, sans-serif; color:#fff;}
#menuSecondaire li {padding: 0; margin-bottom: 10px;}
#menuSecondaire a:link {color: #b4e7f8; text-decoration: none;}
#menuSecondaire a:visited {color: #b4e7f8; text-decoration: none;}		
#menuSecondaire a:hover {color: #fff; text-decoration: underline;}
#menuSecondaire h1 {height: 23px; padding: 14px 0 0 27px; color: #def1ff; font: bold 14px Arial, Helvetica, sans-serif; background: url(../images/menu_gauche_separateur.png) 0 35px no-repeat;}
#menuSecondaireFin {width: 216px; height: 6px; margin-bottom: 11px; background:url(../images/menu_gauche_bas.jpg) no-repeat;}


#login {width: 193px; height:auto; padding: 16px 0 10px 23px;  background: #1465c3 url(../images/menu_gauche_top.jpg) no-repeat;}
#loginFin {width: 216px; height: 6px; margin-bottom: 11px; background:url(../images/menu_gauche_bas.jpg) no-repeat;}
.boutonlogin {position:relative; left: 141px; top: -25px;}


/* ------------ Colonne Centre (texte)-------------------  */

.tablePopup { padding: 10px; }
#colonneCentre {width: 925px; padding:10px; min-height: 400px;}
#colonneCentre,
.tablePopup,
.helpPopup {line-height: 17px; color: #6e7f8a; font: 12px Arial, Helvetica, sans-serif; text-align:justify;}
#colonneCentre h1 {font: bold 14px Arial, Helvetica, sans-serif; color:#257ad1; border-bottom: 1px dotted  #b6bfc4; margin: 20px 0;}
#colonneCentre h2 {font: bold 13px Arial, Helvetica, sans-serif; color:#257ad1;}
.positionDroit {float:right; margin-left: 15px; border:none;}
.sansBordure {border: none;}

/* ------------ Colonne Droite -------------------  */

#colonneDroite {width: 83px; padding: 0; margin: 0 0 50px 50px; float: right;  text-align:center;}
#colonneDroite a {font: bold 11px Arial, Helvetica, sans-serif;}
#colonneDroite a:link {text-decoration: none; color:#3ca5e4;}
#colonneDroite a:visited {text-decoration: none; color:#3ca5e4;}
#colonneDroite a:hover {text-decoration: underline; color:#000;}
#colonneDroite hr {height: 1px; margin: 10px 0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #878d96;}



/* ------------ Patch pour floating -------------------  */

#patch {clear: both;} 



/* ------------ Bas de page, footer -------------------  */

div#footer {height: 370px; margin:50px auto 0 auto; background: url(../images/bgNuageBas.jpg) top center no-repeat;}
div#footer div#disclaimer { background: url(../images/twitter_top.png) no-repeat right center; margin: 10px 100px 0 100px; padding-top: 50px; border-top: 1px dotted #507AD1; color: #507AD1; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
div#footer div#disclaimer h5 { color: #3ca5e4; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; }


/* ------------ Formulaire -------------------  */
input.emailField, input.emailWatermarked,
input.codeField, input.codeWatermarked,
textarea.quoteField, textarea.watermarked,
textarea.commentQuote, select.selectBox { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #002890; }
input.emailField, input.emailWatermarked,
input.codeField, input.codeWatermarked {height: 13px; border: none; margin:0; padding: 4px; }
input.emailField, input.emailWatermarked {width: 310px; border: solid 1px #BDC7D8;}
textarea.quoteField, textarea.watermarked {width: 420px; height: 80px;  border: solid 1px #BDC7D8; margin:0; padding: 4px; }
textarea.commentQuote
{
    display: block;
    padding: 4px;
    border: solid 1px #BDC7D8;
}

input#displayQuoteLength { margin-left:410px; border: none; color: #a1a1a1; }
select.selectBox { width: 260px; padding: 4px; border: solid 1px #BDC7D8; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #002890; }

p.introText { text-align:justify; margin: 0 40px 20px 40px; }

.imageButton { cursor: pointer; }

/* ------------ Div main sur About -------------------  */
div#aboutMain h2 { margin-bottom: 10px; }
div#aboutMain p { text-align:justify; margin-bottom: 10px; }


/* ------------ Autre -------------------  */
.navigationBar { color: #507AD1; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
.navigationBar a { font-weight: normal; text-decoration: none; }


/* ------------ TabNav -------------------  */
div#divTabNav { display:table; float: right; margin: -10px 150px 0 0; }
div#divTabNav ul#tabnav {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #1465C3;
    margin: 0;
}
 
div#divTabNav ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #1465C3;
    margin: 2px 2px 0 2px;
    border: 1px solid #1465C3;
}
 
div#divTabNav ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
 
div#divTabNav ul#tabnav li.active a {
    color: #6e7f8a;
}
 
div#divTabNav #tabnav a {
    float: left;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 4px;
}
 
div#divTabNav #tabnav a:hover {
    background: #fff;
    color: #6e7f8a;
}