/* Start of CMSMS style sheet 'CSS' */
* {
   margin: 0;
   padding: 0;
}

body {
   background: #CCCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   font-size: 0.8em;
}

/* up*/

#up {
   height: 50px;
   background: url(uploads/images/upb.jpg) repeat-x top left;
}
#uptop {
   text-align: right;
   margin-left: auto;
   margin-right: auto;
   padding-top: 5px;
   height: 60px;
   width: 972px;
   background: url(uploads/images/up2.jpg) no-repeat top left;
}

#uptop ul {
   float: right;
   list-style: none;
   font-weight: bold;
   font-size:0.8em;
   line-height: 1em;
   padding-top: 4px;
   padding-right: 18px;

}

a img {
   border: none;
}

#uptopsearch {
   float: left;
   margin-left: 770px;
}

.search-input {
   background: #FFFFFF;
   float: left; 
   color: #003366;
   padding-left: 5px;
   height: 17px;
   width: 120px;
   border: 1px solid #FFFFFF;
}
.search-button {
   display: inline;
   float: right;
   background: #003366;
   color: #FFFFFF;
   height: 19px;
   width: 25px;
   border: 1px solid #FFFFFF;
}

.search-button:hover {
   background: #FF6600;
   color: #FFFFFF; 
}

/* header*/

#globalext {
   margin-left: auto;
   margin-right: auto;
   width: 972px;
   background: url(uploads/images/middle.jpg) repeat-y top left;
}
#global {
   margin-left: auto;
   margin-right: auto;
   width: 960px;
}

#header {
   height: 132px;
   margin-left: 10px;
   background: url(uploads/images/bandeaulogo.jpg) no-repeat 10px -15px;
}

#headerimg {
   float: right;
   margin-top: -15px;
   margin-right: 6px;
}

a:link, a:visited {
   color: #666666;
   text-decoration: underline;
}

a:hover, a:active {
   color: #FF6600;
   text-decoration: none;
}

/* Content */

#contenu {
   text-align: justify;
   padding: 20px 20px 20px 20px;
}

.back a {
   text-decoration: none;
}

.back img {
   border: none;
}

.centrer {
   text-align: center;
}

.orange {
   color: #FF6600
}

.legende {
   text-align: left;
   font-size: 10px;
   line-height: 11px;
}

h1 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bolder;
   color: #FF6600;
   font-variant: normal;
   letter-spacing: 0.2em;
   text-align: left;
   padding: 10px 0px 10px 0px;
}

h1 img  {
   border: none;
   float: right;
}

h2 {
   font-size: 12px;
   font-weight: bolder;
   color: #FF6600;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   letter-spacing: 0.2em;
   font-style: oblique;
   padding: 10px 0px 10px 0px;
}

h3 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #333333;
   font-weight: bold;
   letter-spacing: 0.2em;
   padding: 10px 0px 10px 0px;
}

p {
   text-align: justify;
   padding: 10px 0px 10px 0px;
}

#news {
   float: right;
   margin-left: 15px;
   width: 150px;
   border: 1px dotted #CCCCCC;
   padding: 5px;
}

ul {
   text-indent: 0px;
   margin: 0px;
   padding: 0px;
   list-style-position: inside;
   background-position: left;
   text-align: left;
}

/* Footer */

#footertop {
   width: 972px;
   height: 50px;
   padding-top: 5px;
   text-align: center;
   background: url(uploads/images/bottom.jpg) no-repeat top left;
}

#footertop a:link, #footertop a:visited {
   color: #FFFFFF;
}

#footertop a:hover {
   color: #FF9900;
}

#footertop a:active {
   color: #FF9900;
}

.infos {
   font-size: 1em;
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
}

#footer {
   text-align: center;
   padding: 5px 0px 10px 0px;
}

#footer a:link, #footer a:visited {
   color: #333333;
}

#footer a:hover, #footer a:active {
   color: #FF6600;
}

.date {
   font-size: 0.8em;
   color: #333333;
   text-align: center;
   vertical-align: middle;
}
#cadreg {
   float: left;
   border: thin dashed #333333;
   padding: 0px 10px 0px 10px;
   width: 430px;
}
#cadredt {
   float: right;
   display: inline;
   border: thin dashed #333333;
   padding: 0px 10px 0px 10px;
   width: 430px;
}
.clearb {
   clear: both;
}

td p {
   text-align: center;
   vertical-align: top;
}

td h2 {
   text-align: center;
   vertical-align: top;
}
/* End of 'CSS' */

