/* Reset general */
/* taille de police plus petite sous linux */
* {
    padding: 0;
    margin: 0;
    font-family: arial, verdana, sans-serif;
    font-style : normal;
    border:0;
  }


ul {
    list-style-position:outside;
    margin-left:15px;
    /* alignement puces sous IE */;
  }


table {
    border-spacing: 0px;
    border-collapse: collapse;
  }


a:link,a:visited,a:active,a:hover,a:focus {
    text-decoration : none;
  }


body {
    margin:0;
    padding:0;
    color:#000000;
    background-color:#1a1a1a;
    text-align: center;
  }


H1, H2 {
    font-size:12px;
    font-weight:normal;
  }


input[type="file"] {
    font:12px Arial, Helvetica, sans-serif;
    color:black;
  }

/* Ecran */




#div_screen-container {
    margin-left: auto;
    margin-right: auto;
    width: 1003px;
    text-align: left;
  }

/* Site */




#div_site-container {
    float: left;
    top : 0px;
    height : 590px;
    width : 1003px;
    position : absolute;
    background-color : #1a1a1a;
  }

/* Page */




#div_page-container {
    float: left;
    top : 94px;
    left : 0px;
    height : 496px;
    width : 1003px;
    position : absolute;
  }

/* Logo */




#div_logo-container {
    float: left;
    top : 0px;
    left : 56px;
    width : 140px;
    height : 124px;
    position : absolute;
    background-color : #4d4d4d;
    z-index:100;
    overflow:hidden;
  }

/* Fond de page gauche */




#div_page-back-left {
    top : 0px;
    left : 165px;
    height : 496px;
    width : 410px;
    position : absolute;
    background-color : #ffffff;
  }

/* Fond de page droite */




#div_page-back-right {
    top : 0px;
    left : 575px;
    height : 496px;
    width : 410px;
    position : relative;
    background-color : #666666;
  }

/* CONTENU */
/* container content */




#div_content-container {
    float: left;
    top : 29px;
    left : 196px;
    height : 433px;
    width : 705px;
    position : absolute;
  }

/* Container feuille Gauche */




#div_content-sheet-left-container {
    float: left;
    top : 0px;
    left : 0px;
    height : 443px;
    width : 379px;
    position : absolute;
    background-color : #666666;
  }

/* Container feuille Droite */




#div_content-sheet-right-container {
    float: left;
    top : 0px;
    left : 379px;
    height : 443px;
    width : 379px;
    position : absolute;
    background-color : #ffffff;
  }

/* Container ring feuille */




#div_sheet-ring-container {
    float: left;
    top : 18px;
    left : 354px;
    height : 425px;
    width : 50px;
    position : absolute;
    overflow:hidden;
  }

/* ring feuille */




.div_sheet-ring {
    float: left;
    top : 0px;
    left : 0px;
    height : 16px;
    width : 50px;
    position : relative;
    margin-bottom:49px;
    background-color : #b3b3b3;
    overflow:hidden;
  }

/* Menu Projet en ligne */
/*
#div_p-online-container {
	float: left;
	top : 80px;
	left : 840px;
	width : 50px;
	height : 25px;
	position : absolute;
	z-index:100;
}

.div_menu-p-online-item{
	float: left;
	top : 0px;
	left : 0px; 
	height : 25px;	
	width : 130px;
	position : relative;
	background-color : #b3b3b3;
	font-weight : bold;
	font-size : 12px;
	line-height:25px;
}
*/

/* Menu Top */
/* Container Menu Top */




#div_menu-top-container {
    float: left;
    top : 0px;
    left : 196px;
    height : 30px;
    width : 790px;
    position : absolute;
  }

/* Menu Top Left */
/* Container menu Top Left */




#div_menu-top-left-container {
    float: left;
    top : 0px;
    left : 20px;
    height : 30px;
    width : 360px;
    position : absolute;
  }

/* Item menu top left */




.div_menu-top-left-item {
    float:left;
    width:auto;
    height:25px;
    position:relative;
text-align : center;
    /*padding-left:25px;*/
    padding-right:10px;
    padding-left:10px;

    color : #666666;
    font-weight : normal;
    font-size : 12px;
    padding-top:5px;
background-color : #ffffff;
  }
.div_menu-top-left-item-select {
top : -20px;
}


a.link-menu-top-left:link,a.link-menu-top-left:visited,a.link-menu-top-left:active {
    color:#000000;
  }


a.link-menu-top-left:hover,a.link-menu-top-left:focus {
    color:#b3b3b3;
  }

/* Menu Top Right */
/* Container menu top right */




#div_menu-top-right-container {
    float: left;
    top : 0px;
    left : 400px;
    height : 30px;
    width : 360px;
    position : absolute;
  }

/* ITEM MENU top right */




.div_menu-top-right-item {
    float:left;
    width:auto;
    height:25px;
    position:relative;
    /*padding-right:20px;*/
    padding-right:10px;
    padding-left:10px;
    color : #ffffff;
    font-weight : normal;
    font-size : 12px;
    padding-top:5px;
text-align : center;
background-color : #666666;
  }

.div_menu-top-right-item-select {
top : -20px;
}
a.link-menu-top-right:link,a.link-menu-top-right:visited,a.link-menu-top-right:active {
    color:#ffffff;
  }


a.link-menu-top-right:hover,a.link-menu-top-right:focus {
    color:#b3b3b3;
  }

/* Menu Bottom */
/* Container MENU Bottom */




#div_menu-bottom-container {
    float: left;
    top : 472px;
    left : 196px;
    height : 24px;
    width : 790px;
    position : absolute;
  }

/* Container MENU Bottom Left */




#div_menu-bottom-left-container {
    float: left;
    top : 0px;
    left : 0px;
    height : 24px;
    width : 360px;
    position : absolute;
  }

/* ITEM MENU bottom left */




.div_menu-bottom-left-item {
    float:left;
    width:80px;
    height:25px;
    width:auto;
    height:auto;
    position:relative;
    color : #000000;
    font-weight : normal;
    font-size : 12px;
    padding-top:5px;
  }

/* Container MENU Bottom Right */




#div_menu-bottom-right-container {
    float: left;
    top : 0px;
    left : 400px;
    height : 24px;
    width : 360px;
    position : absolute;
  }

/* ITEM MENU bottom right */

.div_menu-bottom-right-item {
    float:left;
    width:auto;
    height:19px;
    position:relative;
    color : #000000;
    font-weight : normal;
    font-size : 12px;
    padding-top:5px;
    padding-right:10px;
    padding-left:10px;
text-align : center;
background-color : #666666;

  }
.div_menu-bottom-right-item-select {
/*top: 20px;*/
}

a.link-menu-bottom-right:link,a.link-menu-bottom-right:visited,a.link-menu-bottom-right:active {
    color:#ffffff;
  }


a.link-menu-bottom-right:hover,a.link-menu-bottom-right:focus {
    color:#b3b3b3;
  }

/* Menu Left */
/* Container menu left */




#div_menu-left-container {
    float: left;
    top : 80px;
    left : 0px;
    height : 375px;
    width : 1003px;
    position : absolute;
  }

/* Item menu left */




.div_menu-left-item {
    float: left;
    top : 0px;
    left : 0px;
    height : 25px;
    width : 1003px;
    position : relative;
    margin-bottom:80px;
    background-color : #b3b3b3;
    font-weight : normal;
    font-size : 12px;
    line-height:25px;
  }


.div_menu-left-item-select {
    background-color : #ffffff;
    font-weight : bold;
    left : 20px;
    width : 983px;
  }


a.link-menu-left {
    margin-left:10px;
  }


a.link-menu-left:link,a.link-menu-left:visited,a.link-menu-left:active {
    color:#000000;
  }


a.link-menu-left:hover,a.link-menu-left:focus {
    color:#666666;
  }

/* Item sous menu left */




.div_sous-menu-left-item {
    top : 0px;
    left : 0px;
    position : relative;
    font-weight : normal;
    font-size : 11px;
    text-align:right;
  }


a.link-sous-menu-left {
    color:#ffffff;
  }


a.link-sous-menu-left:link,a.link-sous-menu-left:visited,a.link-sous-menu-left:active {
    color:#ffffff;
  }


a.link-sous-menu-left:hover,a.link-sous-menu-left:focus {
    color:#b3b3b3;
  }


td.text_td_light_back {
    color : #000000;
    font-weight : normal;
    font-size : 12px;
    text-align:justify;
    vertical-align: top;
    padding-bottom: 15px;
  }


td.text_td_light_back_blanc {
    color : #FFFFFF;
    font-weight : normal;
    font-size : 12px;
    text-align:justify;
    vertical-align: top;
    padding-bottom: 15px;

  }


.puce_td_gris_fonce {
    background-color:#666666;
    width:7px;
    height:7px;
    margin-top: 5px;
    overflow: hidden;
  }


.puce_td_blanc {
    background-color:#FFFFFF;
    width:7px;
    height:7px;
    margin-top: 5px;
    overflow: hidden;
  }


td.puce {
    vertical-align: top;
    padding-right: 10px;
    width:7px;
  }

.text_noir {
    color : #000000;
    font-weight : normal;
    font-size : 12px;
    text-align:justify;
    position : relative;
}

a.link-text_noir {
	text-decoration : underline;
  }

a.link-text_noir:link,a.link-text_noir:visited,a.link-text_noir:active {
    	color:#000000;
	text-decoration : underline;
  }

a.link-text_noir:hover,a.link-text_noir:focus {
    color:#666666;
  }


.text_light_back {
    color : #000000;
    font-weight : normal;
    font-size : 12px;
    text-align:justify;
    width : 320px;
    position : relative;
  }


.text_light_back_blanc {
    color : #FFFFFF;
    font-weight : normal;
    font-size : 12px;
    text-align:justify;
    width : 320px;
    position : relative;
	/*border :1px solid black;*/
  }


.text_light_back_border {
    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #000000;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #000000;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #000000;
    border-top-style : solid;
    border-top-width : 1px;
    color : #000000;
    background-color:#FFFFFF;
    font-size : 12px;
    font-weight : normal;
    position : relative;
    text-align : justify;
    width : 320px;
  }


.text_dark_back {
    color : #ffffff;
    background-color : #1a1a1a;
    font-weight : normal;
    font-size : 12px;
    text-align:justify;
    padding-left:20px;
    /* padding-top:10px;
    padding-bottom:10px;
    */ padding-top:1px;
    padding-bottom:1px;
    padding-right:10px;
    /*margin-bottom:20px;
    *//*width : 270px;
    */width : 290px;
    position : relative;
    /*box-sizing: content-box;
    */;
  }


a.link-text_dark_back {
    display:block;
    text-align:center;
    font-weight :bold;
    /*box-sizing: content-box;
    */;
  }


a.link-text_dark_back:link,a.link-text_dark_back:visited,a.link-text_dark_back:active {
    color:#ffffff;
  }


a.link-text_dark_back:hover,a.link-text_dark_back:focus {
    color:#b3b3b3;
    text-decoration:underline;
  }

/*
Sous menu partie gauche
*/

.text_menubar {
    color : #ffffff;
    background-color : #1a1a1a;
    font-weight : normal;
    font-size : 12px;
    text-align: center;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    width : 290px;
    position : relative;
  }


a.link-text_menubar {
    display:block;
    text-align:center;
    font-weight :bold;
  }


a.link-text_menubar:link,a.link-text_menubar:visited,a.link-text_menubar:active {
    color:#ffffff;
  }


a.link-text_menubar:hover,a.link-text_menubar:focus {
    color:#b3b3b3;
    text-decoration:underline;
  }


.text_menubar_select {
    background-color : #ffffff;
    border-bottom-color : #1a1a1a;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #1a1a1a;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #1a1a1a;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #1a1a1a;
    border-top-style : solid;
    border-top-width : 1px;
    color : #000000;
    font-size : 12px;
    font-weight : normal;
    padding-bottom : 10px;
    padding-left : 20px;
    padding-right : 10px;
    padding-top : 10px;
    position : relative;
    text-align : center;
    width : 290px;
  }


a.link-text_menubar_select {
    display:block;
    text-align:center;
    font-weight :bold;
  }


a.link-text_menubar_select:link,a.link-text_menubar_select:visited,a.link-text_menubar_select:active {
    color:#000000;
  }


a.link-text_menubar_select:hover,a.link-text_menubar_select:focus {
    color:#b3b3b3;
    text-decoration:underline;
  }