/* Remise a defaut des balises */
*{
   margin: 0;
   padding: 0;
   border: 0;
}

img{
   vertical-align: middle;
}

input, textarea, select{
   padding: 2px;
   border: 1px solid #85491f;
   vertical-align: middle;
   font-family: Arial;
   font-size: 0.80em;
}

.bouton{
   border: none;
   vertical-align: middle;
}

.clr{
   clear: both;
}

body{
   background: #71686b;
   text-align: center;
   font-family: Helvetica, Arial, sans-serif;
}

#page{
   width: 960px;
   margin: 0 auto 15px auto;
   background: #FFF;
   text-align: left;
}

#top{
   background: #85491f;
   height: 2.5em;
   line-height: 2.5em;
   font-size: 0.75em;
   color: #FFF;
}

#top #logo{
   float: left;
}

#top #langue{
   float: left;
}

#top #authentification{
   float: right;
   margin-right: 5px;
}

#menu{
   background:#b68954;
   font-weight: bold;
   font-size: 0.80em;
   color: #FFF;
   //border: 1px solid #b68954;
}

#menu a{
   text-decoration: none;
   color: #FFF;
}

#menu ul.level-1{
   margin-left: 20px;
}

#menu ul.level-1 li{
   float: left;
   display: inline;
   padding: 5px 8px 5px 8px;
   //width: 1px;
   //white-space: nowrap;
}

#menu a{
   display: block;
   width: 100%;
}

ul.level-2{
   display: block;
   margin-top: 18px;
   width: 100px;
}

ul.level-2 li{
   display: block;
   margin-top: 1px;
   background: #666;
   text-align: right;
   filter:alpha(opacity=85);
   -moz-opacity:.85;
   opacity:.85;
}

ul.level-2 li a{
   display: block;
   padding: 8px 10px 8px 10px;
   font-size: 0.75em;
   text-decoration: none;	
   color: #FFF;
}
ul.level-2 li a:hover{
   background: #5b442a;
   font-weight: bold;
}

#menu li.separator{
   padding: 5px 0px 5px 0px;
}

#menu li div{
   display: inline;
}

#menuPage{
  font-size: 11px;
  padding: 5px 10px;
 
  text-align: right;
}

 #menuPage a{
  color: #85491f;  
}

.tiplink{
	float: right;
}

#content{
   padding: 20px;
   min-height: 300px;
   *height: 300px;
}

#bottom{
   clear: both;
   padding: 5px;
   background: #85491f;
   font-size: 0.75em;
   text-align: right;
   color: #FFF;
}

#bottom a{
   text-decoration: none;
   color: #FFF;
}
#bottom a:hover{
   text-decoration: underline;
   color: #b68954;
}

/*#####################################
   Le caroussel
#####################################*/
.myGallery
{
	//width: 960px;
	//height: 227px;
	//z-index:5;
	//display: none;
	border:none;
}

/*#####################################
   Les styles tt_content
#####################################*/
.contentItem{
   float: right;
   width: 750px;
   margin-bottom: 20px;
   padding-bottom: 8px;
   border-bottom: 1px solid #85491f;
   text-align: center;
}

.contentItem h1,
.contentItem h2,
.contentItem h3{
   font-size: 0.8em;
   color: #85491f;
   margin-bottom: 15px;
   text-transform: uppercase;
   text-align: right;
}

.contentItem h2,
.contentItem h3{
   padding: 0 15px 0 15px;
   text-align: left;
}

.contentItem h3{
   font-size: 0.75em;
}

.contentItem p{
   font-size: 12px;
   color: #85491f;
}

.contentItem .bodytext{
   margin-bottom: 14px;
   padding: 0 20px 0 20px;
   font-size: 0.80em;
   line-height: 1.2em;
   text-align: justify;
}

.contentItem ol,
.contentItem ul {
   margin-left: 20px;
   margin-bottom: 14px;
   padding: 0 20px 0 20px;
   font-size: 0.70em;
   text-align: left;
   color: #85491f;
}

dl.csc-textpic-image dd {
   font-size: 0.65em;
   font-style: italic;
   text-align: left;
   color: #666666;
}


.contentItem a{
   color: #fb8737;
   font-weight: bold;
}

#mailform{
   text-align: right;
}

.csc-mailform-field{
   width: 60%;
   margin: 5px auto 5px auto;
   font-size: 0.8em;
   color: #85491f;
}

.csc-mailform-field fieldset{
   display: inline;
   padding: 5px 0 5px 0;
   vertical-align: middle;
}

.csc-mailform-field legend{
   display: none;
}

.csc-mailform-label{
   display: block;
   margin: 20px 0 5px 0;
   padding: 10px 0 10px 0;
   border-top: 1px solid #666666;
   font-weight: bold;
}

.csc-mailform-submit{
   padding: 5px 50px 5px 50px;
   font-family: Arial;
   font-weight: bold;
   background: #85491f;
   font-size: 1em;
   color: #FFFFFF;
   border: 2px solid #85491f;
}

.csc-mailform-submit:hover{
   background: #9d6d4c;
}

.csc-mailform-radio{
   margin: 0 0 0 20px;
}

.csc-uploads {
   width: 80%;
   margin: 0 auto 0 auto;
   border: 1px solid #666666;   
   border-collapse: collapse;
}

.csc-uploads-fileName p{
   padding: 5px 10px 5px 10px;
   background: #9d6d4c;
}

.csc-uploads-fileName p a{
   font-weight: bold;
   text-decoration: none;
   color: #FFFFFF;
}
.csc-uploads-fileName p a:hover{
   text-decoration: underline;
   color: #fb8737;
}
.csc-uploads-description{
   padding: 0;
   background: #FFFFFF !important;
   color: #666666;
}

.csc-uploads-fileSize{
   width: 90px;
   font-size: 1em;
   font-style: italic;
   text-align: right;
   color: #666666;
}

.csc-uploads-fileSize p{
   font-style: italic;
   text-align: center;
   color: #666666;
}

.csc-linkToTop{
   margin-top: 10px;
   clear: both;   
   text-align: right;
}

.csc-linkToTop a{
   padding: 5px 10px 5px 10px;
   background: #9d6d4c;
   font-size: 0.8em;
   font-weight: normal;
   text-decoration: none;
   color: #FFFFFF;
}

.csc-linkToTop a:hover{
   text-decoration: underline;
   color: #fb8737;
}

.csc-searchForm{
   width: 80%;
   margin: 20px auto 0 auto;
   padding: 10px;
   background: #b68954;
   border-top: 2px solid #85491f;
   border-bottom: 1px solid #85491f;
}

.csc-form-label{
	color: #FFFFFF !important;
}

.csc-searchResultRange p{
   color: #999999;
}

.csc-searchResultHeader{
   width: 80%;
   margin: 5px auto 5px auto;
   font-size: 0.80em;
   margin: 10px 0 5px 0;  
   text-align: right;
}

.csc-searchresult{
   width: 80%;
   margin: 5px auto 5px auto;
   font-size: 0.70em;
   line-height: 1.2em;
   text-align: right; 
}

.csc-section{
   display: inline;
   margin: 8px;
} 

div.glossary {
   width: 80%;
   margin: 5px auto 5px auto;
   text-align: left;
}

.glossary dt{
   margin-bottom: 15px;
   font-size: 0.8em;
   text-align: left;
   text-transform: uppercase;
   color: #85491f;
}

.glossary dd{
   font-size: 0.75em;
   text-align: justify;
   color: #85491f;
}

.glossary dd b{
   color: #85491f;
}

.glossary dd .type{
   color: #999999;
}

.glossary dd .description{
   font-size: 1em;
   padding-top: 5px;
   padding-bottom: 10px;
   border-bottom: 1px solid #85491f;
}