/**#################### DEFAULT and FORMS CSS ####################**/

/* UTILISER POUR COULEUR DE FOND EDITEUR DANS ADMINISTRATION JOOMLA */
body.mceContentBody {
background-color : #1D324E;
width:100%;
height:100%;
}

body,html {
   color            : #fff;
   background-color : #444;
   padding          : 0;
   margin           : 0;
   margin-bottom    : 15px;
}

td, tr, p, div {
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 13px;
   line-height      : 16px;
}

hr {
   color            : #395884;
   height           : 1px;
   width            : 100%;
}

h4 {
   padding-top: 0px!important;
   margin-top:0px!important;
   margin-bottom:0px;
   padding-right:20px;
   font-size: 14px;
}

h5{
  font-size         : 12px;
  padding           : 3px;
  margin            : 0px;
}

h6{
   padding-top: 0px!important;
   margin-top:0px!important;
   margin-bottom:0px;
   padding:0px;
   font-size: 10px;
}

a:link, a:visited {
   color            : #60B5FF;
   text-decoration  : underline;
}

a:hover {
   color            : #ffffff;
   text-decoration  : underline;
}

ul {
   margin           : 2px;
   padding-left     : 10px;
   list-style       : none;
}

li {
   line-height       : 14px;
   padding-left      : 14px;
   padding-top       : 2px;
   background-image  : url(../images/arrow.png) ;
   background-repeat : no-repeat;
   background-position : 0px 5px;
}

form {
   margin          : 0;
   padding         : 0;
}

.inputbox {
   color           : #f1f1f1;
   background      : #2B4A74;
   border          : 1px solid #395884;
   margin          : 3px 0;
}

input:hover, input:focus, textarea:hover, textarea:focus {
  color            : #f1f1f1;
  background       : #243E61;
}

form select.button{
   color           : #fff;
   background      : #2B4A74;
}

option {
   background      : #2B4A74;
}

/** ##########################################################################  **/
/** ###########                   JOOMLA CSS                   ###############  **/
/** ##########################################################################  **/

/** ##########################################################################  **/
/** Buttons **/
/** ##########################################################################  **/

.back_button {
   font-size       : 12px;
   font-weight     : normal;
   padding-bottom  : 3px;
   margin-right    : 4px;
   float           : right;
   line-height     : 20px;
}

div.back_button a{
  text-decoration: none;
}


.button {
  font-size        : 11px;
  color            : #EDF1F3;
  border           : 1px solid #395884;
  margin           : 3px 0;
  padding          : 2px;
  cursor           : pointer;
  background       : #2B4A74;
}

/** ##########################################################################  **/
/** Contact **/
/** ##########################################################################  **/
.contact_email {
  width            : 100%;
}

.contact_email .inputbox {
}

/** ##########################################################################  **/
/** Module table  **/
/** ##########################################################################  **/
table.moduletable {
   margin          : 0px 0px 8px 0px;
   width           : 100%;
   padding-left    : 10px;

}

table.moduletable th {
   font-family     : Arial, Verdana,  Helvetica, sans-serif;
   font-size       : 14px;
   font-weight     : bold;
   text-align      : center;
   width           : 100%;
   color           : #fff;
   padding         : 2px;
   line-height     : 25px;
   border-bottom   : 1px solid #395884;
   height          : 29px;
}

table.moduletable td {
   padding-top     : 2px;
}

div.module{
  text-align: left;
  margin           : 0 0 20px 0;
        }

div.module h3 {
  font-family      : Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  text-align       : center;
  width            : 100%;
  color            : #fff;
  line-height      : 27px;
  border-bottom    : 1px solid #395884;
  height           : 29px;
  margin           : 0 0 15px 0;
 }

.contentmod {
  text-align       : left;
  padding          : 8px 0;
}

.contentmod td {
  padding          : 5px;
}

.contentmod table.moduletable {
  margin           : 0 0 8px 0;
  width            : 100%;
  background       :  #314C72;
}

.contentmod table.moduletable th{
  font-size        : 14px;
  font-weight      : bold;
  text-align       : right;
  width            : 100%;
  color            : #fff;
  padding          : 2px 10px;
  line-height      : 25px;
  background       : url(../images/corner_content.gif) #314C72 no-repeat top right;
  border-bottom    : 1px solid #395884;
}

/** ##########################################################################  **/
/** Read more **/
/** ##########################################################################  **/
a.readon:link, a.readon:visited {
  color            : #60B5FF;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0px 1px 10px;
  float            : right;
  line-height      : 15px;
  text-decoration  : none;
  border-left      :2px solid #60B5FF;
  
}
a.readon:hover {
  color            : #314C72;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 1px 10px;
  line-height      : 15px;
  text-decoration  : none;
  border-left      : 2px solid #314C72;
 }

/** ##########################################################################  **/
/** Pagenavigation **/
/** ##########################################################################  **/
.pagenavcounter {
  font-size        : 11px;
  color            : #60B5FF;
}

.pagenavbar {
  border-top      : 1px solid #395884;
  margin          : 10px 0;
  padding-top     : 5px;
  }

.pagenav, .pagenav_prev, .pagenav_next {
  font-weight      : normal;
  }

a.pagenav:link, a.pagenav:visited {
  font-size        : 12px;
  text-decoration  : none;
  font-weight      : normal;
}

a.pagenav:hover {
  font-size        : 12px;
  text-decoration  : none;
  font-weight      : normal;
}

table.contenttoc {
  border           : 1px solid #314C72;
  background       : #416496;
  padding          : 0;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

table.contenttoc th{
  margin             : 0;
  padding            : 2px;
  background         : #314C72 ;
  color              : #ffffff;
 }
table.contenttoc td{
 margin              : 0;
 padding             : 3px 4px;
 border-bottom       : 1px solid #314C72;
 background-image    : url(../images/arrow.png) ;
 background-repeat   : no-repeat;
 background-position : 4px 7px;
   }

table.contenttoc td a:link, table.contenttoc td a:visited{
  padding-left       : 12px !important;
  padding-left       : 0;
  text-indent        : 12px;
  text-decoration    : none;
}

table.contenttoc td a:hover{
  color              : #314C72;
}

/** ##########################################################################  **/
/** Content **/
/** ##########################################################################  **/
.sectiontableheader {
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #ffffff;
  background       : #152136; 
  padding          : 3px 5px;
  border           : 1px solid #243E61;
}

.sectiontableentry1 {
  vertical-align   : top;
  background       : #243E61;
  border-bottom    : 1px solid #395884;
  line-height      : 20px;
}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
  border-bottom    : 1px solid #395884;
  line-height      : 40px;
}

.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #395884;
  background       : #2B4A74;
  line-height      : 20px;
}

.sectiontableentry1 img{
margin: 2px;
}

.sectiontableentry2 img{
margin: 2px;
}

a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding: 5px;
}

.small {
  font-size        : 11px;
  color            : #39629A;
}
.smalldark {
  font-size        : 11px;
  color            : #39629A;
}

.createdate, .modifydate {
  font-size        : 11px;
  color            : #39629A;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}

.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
}

.content_rating {
  font-size        : 11px;
  color            : #39629A;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.contentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 21px;
  text-align       : left;
  text-indent      : 0;
  color            : #5AB2FF;
  padding          : 3px 5px;
  margin           : 3px 0;
  background       : url(../images/corner_content.gif) #314C72 no-repeat top right;
}

.contentheading a {
  text-decoration  :none;
}

.componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 17px;
  font-weight      : bold;
  line-height      : 21px;
  text-align       : left;
  color            : #5AB2FF;
  padding          : 3px;
  margin           : 5px !important;
  margin           : 5px 1px;
  background       : url(../images/corner_content.gif) #314C72 no-repeat top right;
}

.contentdescription {
  width            : auto !important;
  margin           : 0;
  padding          : 0;
  padding-top      : 5px;
  text-align       : left;
}

.blog_more {
  margin           : 10px 0 7px 7px;
}

.buttonheading {
  padding          : 0 2px;
}

.blog {
  width            :100%;
}

.article_seperator {
  display       : block;
  width         : 100%;
  height        : 20px;
  background    : url(../images/separator.gif) no-repeat 50% 30%;
}

.moduletable .article_seperator{
  background         : none;
  height             : 3px;
}
/** ######################################################## */
/** TABLE POUR RESERVATION SPINNING **/
/** ######################################################## */
.spinning table {
  width            : 100%;
  background-color : #416496;
  padding          : 0px;
  margin           : 0px;
}

.spinning th {
  text-align         : center;
  margin             : 0px;
  padding            : 5px;
  background-color   : #314C72;
  color              : #ffffff;
  border             : 1px solid #aaaaaa;
 }

.spinning td {
 text-align          : center;
 margin              : 0px;
 padding             : 5px;
 border              : 1px solid #aaaaaa;
}

/** ##########################################################################  **/
/** Polls **/
/** ##########################################################################  **/
.poll {
  line-height        : 13px;
  font-weight        : normal;
}
table.poll td{
  width              : 100%;
  font-weight        : normal;
  text-align         : left;
}

.pollstableborder{
  border-color       : #395884;
}

/** ##########################################################################  **/
/** CSS MENU for Mainmenu **/
/** ##########################################################################  **/
a.mainlevel  {
  display            : block;
  width              : auto !important;
  width              : 100%;
  margin             : 1px 0;
  padding            : 0;
  font-size          : 12px;
  background         : none;
  text-indent        : 10px;
}

a.mainlevel:link, a.mainlevel:visited {
  display            : block;
  font-size          : 12px;
  border-bottom      : 1px solid #314C72;
  font-weight        : normal;
  padding            : 2px 0;
  color              : #5AB2FF;
  padding-left       : 5px;
  text-decoration    : none;
}

a.mainlevel:hover {
  border-bottom      : 1px solid #314C72;
  font-size          : 12px;
  font-weight        : normal;
  color              : #fff;
  text-decoration    : none;
  padding-left       : 10px;
  text-decoration    : none;
  background         : #283F61;
}

#active_menu {
  color              : #ffffff;
  border-bottom      : 1px solid #314C72;
  background         : url(../images/menu.gif) #283F61 96% 50% no-repeat;
  text-decoration    : none;
}

a#active_menu:hover {
  color              : #4970A8;
  border-bottom      : 1px solid #314C72;
}

ul#mainlevel{
  display            : block;
  width              : auto;
  background         : none;
  margin             : 0;
  padding            : 0;
  list-style         : none;
  text-align         : left;
}

ul#mainlevel li{
  display            : block;
  width              : auto;
  background         : none;
  background-image   : none;
  margin             : 0;
  padding            : 0;
  line-height        : 16px;
  text-align         : left;
}

/** ##########################################################################  **/
/** Sublevel MENU for Mainmenu **/
/** ##########################################################################  **/
.sublevel {
  display            : block;
  width              : auto !important;
  width              : 100%;
  margin             : 1px 0px 0px 10px;
  padding            : 0;
  padding-left       : 5 px;
  font-size          : 11px;
  background         : none;
  text-indent        : 10px;
}

a.sublevel:link, a.sublevel:visited {
  display            : block;
  font-size          : 12px;
  border-bottom      : 1px solid #314C72;
  font-weight        : normal;
  padding            : 2px 0;
  color              : #5AB2FF;
  padding-left       : 5px;
  text-decoration    : none;
}

a.sublevel:hover {
  border-bottom      : 1px solid #314C72;
  font-size          : 12px;
  font-weight        : normal;
  color              : #fff;
  text-decoration    : none;
  padding-left       : 10px;
  text-decoration    : none;
  background         : #283F61;
}
a.sublevel#active_menu  {
  color              : #ffffff;
  border-bottom      : 1px solid #314C72;
  background         : url(../images/menu.gif) #283F61 96% 50% no-repeat;
  text-decoration    : none;
  padding-left       : 10px;
}

/** ##########################################################################  **/
/** Topmenu styles for BOTTOM navigation (Position User3)**/
/** ##########################################################################  **/
ul#mainlevel-nav {
  list-style       : none;
  padding-right    : 20px;
  margin           : 0;
}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding          : 0;
  margin           : 0;
  width            : auto !important;
  font-size        : 13px;
  line-height      : 28px;
  white-space      : nowrap;
}

#mainlevel-nav li a {
  display          : block;
  padding-left     : 10px;
  padding-right    : 0;
  font-size        : 13px;
  color            : #60B5FF;
  text-decoration  : underline;
}

#mainlevel-nav li a:hover {
  display          : block;
  font-size        : 13px;
  color            : #cccccc;
}

/** ##########################################################################  **/
/** images **/
/** ##########################################################################  **/
.mosimage {
    border: 0px none;
    margin: 0px;
}

.mosimage_caption {
    border: 0px none;
    margin: 0px;
    font-size: 10px;
}

/** ##########################################################################  **/
/** index.php **/
/** ##########################################################################  **/
#body {
  background       :#0E1323;
}

.main { 
  text-align       : left; 
  width            : 100%;
}

div.mod {
  background       : none;
  width            : 6px;
}

#centertb {
}

#contenttb{
  padding          : 0;
  background       : url(../images/shadow.gif) #1D324E repeat-y top left;
  border-right     : 1px solid #395884;
}

#contenttb td.contentmod{
  padding          : 10px;
}

.footer_right {
  width            : 550px; 
  float            : right;
  font-size        : 12px;
  font-weight      : normal;
  text-align       : right;
}

.footer_right p{
  padding-right    : 20px;
  color            : #385890;
}


.leftcol {
  background       : url(../images/mod_left.jpg) #283F61 repeat-y top left;
}

.leftcol #leftmod {
  vertical-align   : top;
  padding          : 10px;
  padding-bottom   : 150px;
  text-align       : left;
  width            : 200px;
  background       : url(../images/corner.gif) no-repeat top right;
  }

.leftcol div{
}

.rightcol {
  background-color  : #1D324E;
  padding: 5px;
}

.rightcol #rightmod {
  vertical-align   : top;
  padding          : 10px;
  padding-bottom   : 150px;
  text-align       : left;
  width            : 200px;
  }

.rightcol div{
}

.foot {
  height           : 57px;
  background       : url(../images/footer.gif) repeat-x top left;
  width            : 900px;
  margin           : 0 auto;
}

#header {
  background     : url(../images/header.jpg) no-repeat 50% 50%;
  height         : 143px;
  width          : 100%;
  padding:0;
}

#header2 {
  background     : url(../images/header2.jpg) no-repeat 50% 50%;
  height         : 32px;
  width          : 100%;
  padding        : 0px;
}

#menutop {
  background     : url(../images/menutop.gif) no-repeat;
  height         : 11px;
  width          : 100%;
  padding        : 0px;
}

#left_bottom{
  position       : absolute;
  left           : 62px;
  bottom         : 0px;
  background     : url(../images/man.gif) no-repeat;
  width          : 80px;
  height         : 198px;
}

#outconteiner2 {
  position       :relative;
  text-align     : center;
  width          : 900px;
  margin         : 0px auto;
}

#outconteiner1 {
  text-align     : center;
}

table.adminform, #images-page, #publish-page, #meta-page {
  background     : #314C72;
}