HTML {
  background-color : white;
}

#page {
  width            : 800px;
	margin-top       : 10px;
	margin-right     : auto;
  margin-bottom    : 0px;
  margin-left      : auto;
	
	background-color : white;
	background       : url("images/Bandeau_vertical_02.jpg") repeat-y left;
}

/* Logo */
#logo {
}

/* Menu principal */
#menu {
 position        : relative;
 z-index         : 1;
 width           : 100%;
 margin          : -60px 0 0 70px;
 
 font-family : "Trebuchet MS", Arial, Helvetica;
 font-weight : bold;
 font-size   : 10px;
}

#menu ul{
 list-style-type  : none;
}

#menu li {
 margin           : 0;
 padding          : 5px 15px 0 15px;
 float            : left;
 }

#menu a {
 text-decoration : none;
 } 

#menu a:link {color: #0000A5;}
#menu a:visited {color: #0000A5;}
#menu a:hover, a:active {color: white;} 

/* Menu secondaire */
/*#menu_secnd ul{
 list-style-type : none;
}

#menu_secnd li {
 margin : 0 0 0 0px;
 padding: 0px 4px 0px 4px;
 float  : left;
 background :url("images/image_onglet_inactif.jpg") no-repeat top right;
 }

#menu_secnd li#actif {
 margin : 0 0 0 0px;
 padding: 0px 4px 0px 4px;
 float  : left;
 background :url("images/image_onglet_actif.jpg") no-repeat top right;
 }
 
#menu_secnd li#blur {
 margin : 0 0 0 0px;
 padding: 0px 4px 0px 4px;
 float  : left;
 color      : #F3F3F3;
 background :url("images/image_onglet_inactif.jpg") no-repeat top right;
 }
 
#menu_secnd li a {
 display :block;
 text-decoration: none;
 padding :2px 10px 4px;
} 

/* Liste standard verticale*/
ul {
 padding             : 0;
 margin              : 0;
 text-align          : left;
 list-style-type     : none;
 list-style-position : outside;
}

li{
 padding             : 4px 0 0 0;
}

/* Menus de navigation */
.class_menu_1 {
 font-size       : 14px;
 font-weight     : bold;
 padding         : 0 0 0 0;
 text-decoration : none;
}

.class_menu_2 {
 font-size       : 12px;
 padding         : 0 0 0 10px;
 text-decoration : none;
}

.class_menu_3 {
 font-size       : 11px;
 padding         : 0 0 0 20px;
 text-decoration : none;
}

.menu_hr {
 /*background-color : white;
 color            : white;
 border           : solid 1px white;
 padding          : 0;*/
}

/* Comportement des boutons de choix de la langue */
.bt_lang_left {
 display           : inline-block;
 width             : 80px;
 height            : 20px;
 background-image  : url("images/icon_lang_left.gif");
 background-position   : left;
 background-repeat     : repeat-y;
 text-decoration   : none;
 
 
 margin : 5px 0 0 0;
 line-height : 25px;
 text-align : center;
 
 font-family       : "Trebuchet MS", Arial, Helvetica;
 font-weight       : bold;
 font-size         : 10px;
 color             : #0000A5;
}

.bt_lang_left:hover {
 color             : white;
 }
 
.bt_lang_right {
 display           : inline-block;

 width             : 80px;
 height            : 20px;
 background-image  : url("images/icon_lang_right.gif");
 background-position   : left;
 background-repeat     : repeat-y;
 text-decoration   : none;
 
 margin : 5px 0 0 0;
 line-height : 25px;
 text-align : left;
 
 font-family       : "Trebuchet MS", Arial, Helvetica;
 font-weight       : bold;
 font-size         : 10px;
 color             : #0000A5;
}

.bt_lang_right:hover {
 color             : white;
 }


/* Page principale */ 

#conteneur {
  margin         : 33px 0 0 0;
}

/* Sections de la page principale */
#gauche {
  float          : left;
  width          : 85px;
  
  margin         : 0;
  background     : url("images/Bandeau_vertical_02.jpg") repeat-y;
}

#centre {
  width          : 460px;
  margin         : 55px 0 0 86px;
  padding        : 20px 0 0 20px;
  text-align     : center;
  
  font-family    : "Arial Narrow", Arial, Helvetica;
  font-size      : 14px;
  color          : #534F7C;  
}

#centre h1 {
 font-family     : "Trebuchet MS", Arial, Helvetica;
 color           : #FF8928;
 font-size       : 16px;
 text-align      : justify;
}

#centre h2 {
 font-family     : "Trebuchet MS", Arial, Helvetica;
 color           : #0000A5;
 font-size       : 14px;
 font-weight     : bold;
 text-align      : justify;
}

#centre h3 {
 font-family     : "Trebuchet MS", Arial, Helvetica;
 color           : #0000A5;
 font-size       : 12px;
 font-weight     : bold;
 margin          : 10px 0 0 0;
 padding         : 0 0 0 18px;
}

#centre a:link    { color: #000FFF; }
#centre a:visited { color: #000FFF; }
#centre a:hover   { color: #FF8928; }
#centre a:active  { color: #FF8928; }

#droite {
  float         : right;
  width         : 200px;
  margin        : 55px 0 0 0;
  text-align    : center;
  
 font-family    : "Arial Narrow", Arial, Helvetica;
 font-size      : 14px;
 color          : #534F7C;
}

/* Pied de page */
#bottom {
 width          : 800px;
 clear          : both;
 padding        : 2px 0 0 0;
 margin-top     : 0;
 margin-right   : auto;
 margin-bottom  : 0;
 margin-left    : auto;
 text-align     : center;
 border-top     : solid 1px #534F7C;
 
 font-family    : "Trebuchet MS", Arial, Helvetica;
 font-size      : 10px;
 color          : #534F7C;
} 
 
 
/* Formulaires */
.formlabel {
  text-align    : left;
  padding       : 0px;
}

input#utilisateur {
 padding-left   : 18px;
 background     : url("images/mini_icons/icon_user.gif") no-repeat 1px 1px;
 background-color  : #CCDFF1;
}

input#motdepasse {
 padding-left : 18px;
 background   : url("images/mini_icons/icon_key.gif") no-repeat 1px 1px;
 background-color  : #CCDFF1;
}

input#objet {
 padding-left : 18px;
 background   : url("images/mini_icons/comment_yellow.gif") no-repeat 1px 1px;
 background-color  : #CCDFF1;
}
 
input#utilisateur:focus {
 background-color  : #E8EAEB;
}
 
input#objet:focus {
 background-color  : #E8EAEB;
}

textarea {
 width             : 400px;
 height            : 10em;
 padding           : 5px;
 overflow          : auto;
 background-color  : #CCDFF1;
 
 border-left       : #939393 1px solid;
 border-top        : #939393 1px solid;
 border-right      : #eeeeee 2px solid;
 border-bottom     : #eeeeee 2px solid;
 }
 
textarea:focus {
 background-color  : #E8EAEB;
 }

input#submission {
 border-top           : solid 2px #eeeeee;
 border-right         : solid 2px #959AC2;
 border-bottom        : solid 2px #959AC2;
 border-left          : solid 2px #eeeeee;
 color                : #08176C;
 background-color     : #DBE5EE;
}
 
input#submission:hover {
  color                : #000000;
  background-color     : #79ABDC;
}

/* Comportement des ressources type photo ou image*/
.image{
  border : 0;
}

.image_insert{
  margin          : 5px;
  border          : 0;
  text-decoration : none;
}

.photo_insert{
  margin          : 3px;
  border          : solid 2px #964B00;
}

/* Comportement des articles à clip */

div.normal p.drop{
 display             : none;
}

div.select p.drop{
 display             : block;
 margin              : -5px 0 0 18px;
 padding             : 0;
}

div.normal h3.drop{
  background-image      : url("images/mini_icons/comment_new.gif");
  background-position   : left;
  background-repeat     : repeat-y;
}

div.normal h3.drop:hover{ 
  text-decoration       : underline;
  background-image      : url("images/mini_icons/comment_new.gif");
}  

div.select h3.drop{
  padding-left          : 18px;
  background-image      : url("images/mini_icons/comment_delete.gif");
  background-position   : left;
  background-repeat     : repeat-y;
}

div.select h3.drop:hover{
  text-decoration       : underline;
  background-image      : url("images/mini_icons/comment_delete.gif");
}