/*----------------------------------------
  TOP BAR
  ----------------------------------------*/

#topPanel {
 top:53px;
 width:945px;
 text-align: left;
 border: none;
 height:53px;
 background: white no-repeat;
}

body.illustration #topPanel{
    background-image:url("../imagesNew/top/logo_I.jpg");
}

body.graphisme #topPanel{
    background-image:url("../imagesNew/top/logo_G.jpg");
}

.flags {
 float:right;
 width:65px;
 height: 14px;
 padding-top:8px;
 text-align: left;
 border: none;
}

.contactInformation {
 float:right;
 width:550px;
 text-align: right;
 font-size:smaller;
 color: #444444;
 border: none;
 margin-right: 15px;
}

#navigation {
 width:945px;
 text-align: left;
 border: none;
 height:30px;
 background: white no-repeat;
}

.internalNavigation {
 float: right;
 border: none;
 height:30px;
 margin: 0;
 padding: 0;
}


/*----------------------------------------
  SEARCH BAR
  ----------------------------------------*/

div#searchPanel {
 width:945px;
 text-align: left;
 border: none;
 height:54px;
 background: white url( "../imagesNew/top/search/background.png" ) no-repeat;
}

div#textsearch {
 width:343px;
 height : 34px;
 text-align: left;
 float:left;
 border: none;
 /*background: url( "../imagesNew/top/search/textsearch-background.png" ) no-repeat;  */
 margin-top: 8px;
 margin-left: 15px;
}

#searchKeyword {
  width:320px;
  border: none;
  color : #666666;
  font-size : large;
  margin-top: 6px;
  margin-left: 12px;
}

#searchOptions {
  width:345px;
  border: none;
  float: left;
  color: white;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 15px;
}

div#otherSearch {
 width:230px;
 float:right;
 border: none;
 padding-top: 20px;
}

#otherSearch a {
    color: white;
    text-decoration:underline;
    font-size: 13px;
}

#barAfterSearch {
    width:945px;
    border: none;
    height:4px;
}
body.illustration #barAfterSearch{
    background: white url( "../imagesNew/top/colorbar_I.jpg" ) repeat-x;
}

body.graphisme #barAfterSearch{
    background: white url( "../imagesNew/top/colorbar_G.jpg" ) repeat-x;
}

/*----------------------------------------
  HOME CENTER PANEL
  ----------------------------------------*/

#centerHomePanel { float:left;padding-top:9px; width:699px; }
#centerFlashPanel { float:left; margin-bottom: 9px;}

.homeDeliaPanel {float: left; margin-left:10px; width: 223px;}
.homeDeliaTitle {font-size: medium; font-weight: bold; text-transform: uppercase;}
.homeDeliaContainer {overflow:hidden;overflow-y:auto;}

/*----------------------------------------
  RIGHT BAR
  ----------------------------------------*/

#rightHomeBar { float:right;width:235px;}
.rightHomeBarDelia {float:right; margin-bottom:20px; }


/*----------------------------------------
  USER IDENTIFICATION HOME
  ----------------------------------------*/

#rightHomeBarUser{
    float:right;
    width:235px;
    height:154px;
    margin-bottom:20px;
    background: white url( "../imagesNew/right/background-user.png" ) no-repeat;    
}
.userHomeBackground {
 width:220px;
 height : 20px;
 text-align: left;
 float:left;
 border: none;
 background: url( "../imagesNew/right/background-input.png" ) no-repeat;
 margin-top: 8px;
 margin-left: 5px;
}

.userHomeInput {
  width:200px;
  border:1px solid #A0A0A0;
  color : #666666;
  font-size : small;
  margin-top: 3px;
  margin-left: 8px;
}

.userHomeAction{
 width:220px;
 margin-top: 10px;
 margin-left: 10px;
 text-align: left;
 float:left;
 font-size: small;
 text-decoration: underline;
 color: #AAAAAA;
 border: none;
}

.userHomeConnected{
 width:220px;
 margin-left: 10px;
 text-align: left;
 float:left;
 font-size: small;
 text-decoration: underline;
 color: #AAAAAA;
 border: none;
}

.userHomeOther{
 width:220px;
 margin-top: 20px;
 margin-left: 10px;
 text-align: left;
 float:left;
 font-size: small;
 text-decoration: none !important;
 color: #AAAAAA;
 border: none;
}

.userHomeOther a{
 text-decoration: underline !important;
}



/*----------------------------------------
  USER IDENTIFICATION INTERNAL
  ----------------------------------------*/

#rightBarUser{
    margin-top: 10px;
    float:right;
    width:205px;
    height:154px;
    margin-bottom:20px;
    background: white url( "../imagesNew/right/background-user-internal.png" ) no-repeat;
}
.userBackground {
 width:190px;
 height : 20px;
 text-align: left;
 float:left;
 border: none;
 background: url( "../imagesNew/right/background-input-internal.png" ) no-repeat;
 margin-top: 8px;
 margin-left: 5px;
}

.userInput {
  width:170px;
  border: none !important;
  color : #666666;
  font-size : small;
  margin-top: 3px;
  margin-left: 8px;
}

.userAction{
 width:190px;
 margin-top: 10px;
 margin-left: 10px;
 text-align: left;
 float:left;
 font-size: small;
 text-decoration: underline;
 color: #AAAAAA;
 border: none;
}

.userConnected{
 width:190px;
 margin-left: 10px;
 text-align: left;
 float:left;
 font-size: small;
 text-decoration: underline;
 color: #AAAAAA;
 border: none;
}

.userOther{
 width:190px;
 margin-top: 20px;
 margin-left: 10px;
 text-align: left;
 float:left;
 font-size: small;
 text-decoration: none !important;
 color: #AAAAAA;
 border: none;
}

.userOther a{
 text-decoration: underline !important;
}

/*----------------------------------------
  BOTTOM BAR
  ----------------------------------------*/
#bottomBar {
    line-height:39px;
    float:left;
    width:945px;
    background: white url( "../imagesNew/bottom/background.png" ) repeat-x;
    font-size:10px;    
}

#bottomBar ul { float:left; }
#bottomBar ul li { display:inline }



/*------------
Buttons
-------------------------*/


.newbutton .gray .left, .newbutton .gray .leftOver, .newbutton .gray .right, .newbutton .gray .rightOver,
.newbutton .pink .left, .newbutton .pink .leftOver, .newbutton .pink .right, .newbutton .pink .rightOver {
                            height: 23px;
                            width: 2px;
                            float:left;
                        }

.newbutton .gray .middle,  .newbutton .gray .middleOver,
.newbutton .pink .middle,  .newbutton .pink .middleOver {
                            height: 19px;
                            text-align:center;
                            padding-top:4px;
                            padding-left:7px;
                            padding-right:7px;
                            float:left;
                        }

.newbutton .gray .left {  background-image:url("../imagesNew/newstyles/btn_gray_left.png");}
.newbutton .gray .leftOver {  background-image:url("../imagesNew/newstyles/btn_grayover_left.png");}
.newbutton .gray .right { background-image:url("../imagesNew/newstyles/btn_gray_right.png"); }
.newbutton .gray .rightOver { background-image:url("../imagesNew/newstyles/btn_grayover_right.png");  }

.newbutton .gray .middle { background-image:url("../imagesNew/newstyles/btn_gray_middle.png"); }
.newbutton .gray .middleOver { background-image:url("../imagesNew/newstyles/btn_grayover_middle.png");  }

.newbutton .gray .middle,.newbutton .gray .middleOver {color:white;}

.newbutton .pink .left {  background-image:url("../imagesNew/newstyles/btn_pink_left.png");}
.newbutton .pink .leftOver {  background-image:url("../imagesNew/newstyles/btn_pinkover_left.png");}
.newbutton .pink .right { background-image:url("../imagesNew/newstyles/btn_pink_right.png"); }
.newbutton .pink .rightOver { background-image:url("../imagesNew/newstyles/btn_pinkover_right.png");  }

.newbutton .pink .middle { background-image:url("../imagesNew/newstyles/btn_pink_middle.png"); }
.newbutton .pink .middleOver { background-image:url("../imagesNew/newstyles/btn_pinkover_middle.png");  }

.newbutton .pink .middle, .newbutton .pink .middleOver {     color: white;   }
.newbutton .pink .middle a, .newbutton .pink .middleOver a {     color: white;   }
.newbutton .pink a:hover, .newbutton .gray a:hover {text-decoration:none}

.newbutton .green .left, .newbutton .green .right, .newbutton .darkgray .left, .newbutton .darkgray .right {
                            height: 22px;
                            width: 6px;
                            float:left;
                        }

.newbutton .green .middle,.newbutton .darkgray .middle {
                            height: 20px;
                            text-align:center;
                            text-transform:uppercase;
                            padding-top:2px;
                            padding-left:3px;
                            padding-right:3px;
                            float:left;
                        }

.newbutton .green .left {  background-image:url("../imagesNew/newstyles/btn_green_left.png");}
.newbutton .green .right { background-image:url("../imagesNew/newstyles/btn_green_right.png"); width: 8px; }
.newbutton .green .middle { background-image:url("../imagesNew/newstyles/btn_green_middle2.png"); }
.newbutton .green .middle a, .newbutton .darkgray .middle a {     color: white;   font-size:13px }


.newbutton .darkgray .left {  background-image:url("../imagesNew/newstyles/btn_darkgray_left.png"); width: 5px;}
.newbutton .darkgray .right { background-image:url("../imagesNew/newstyles/btn_darkgray_right.png");}
.newbutton .darkgray .middle { background-image:url("../imagesNew/newstyles/btn_darkgray_middle.png"); }


.titleBar {
    margin-left: 150px;
    align: center;
    maring: 0 auto;
}

.titleBar .left, .titleBar .right {
    height: 21px;
    width: 4px;
    float:left;
}

.titleBar .left {
    background-image: url("../imagesNew/newstyles/bar_left.png");
}

.titleBar .right {
    background-image: url("../imagesNew/newstyles/bar_right.png");
}

.titleBar .middle {
    height: 21px;
    width: 640px;
    text-align: center;
    background-image: url("../imagesNew/newstyles/bar_middle.png");
    color: white;
    font-weight: bold;
    font-size: 14px;
    float:left;
}

.titleText {
    font-size:16px;
    color:#FF1E66;
    text-decoration:underline;
    font-weight:bold;
}


  .loginform {background-color:#484944;width:500px;padding-top:15px;padding-left:10px;margin-bottom:25px;margin-left:200px}
  .lineform {margin-bottom:5px;}
  .lineform input {padding-top:2px;width:250px;font-weight:bold;}
  .lineform .label {color:white;width:90px;float:left;}
  .lineform .label .mandatory {font-weight:bold}
  .lineform a {color:white;}