/* styles commun */
body 
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color:  #699284 /*#5b7a70*/;
  background-color: #333333; 
}

h2 
{
  font-size: 12px;
  font-weight: bold;
  color: /*#699284*/ #cccc99;
}

h3
{  
  font-size: 11px;
  font-weight: bold;
  color:#cccc99;
}

a:link {color:  #699284;}  
a:active {color: #699284;}
a:visited {color: #699284;}
a:hover { color: #cccccc;}  

p 
{  
  text-align: justify;
  line-height: +1.5;
}

.normal p
{  
  margin-top:0;
  padding-top: 0;
}

.hidden 
{  
  display: none;
}

.clear
{  
  clear:both;
}

/* nav et autres */
.nav {
  font-weight: normal;
  font-style: italic;
  color: #699284;
  text-align: left;
  text-decoration: none;
  white-space:nowrap;
}

/* links */
img.link {
  color: #363138;
  cursor: pointer;
  cursor: hand; /* IE only */
}    

img.thumb 
{ 
  border: 0;
  color: black;  /*#cccccc;*/
  cursor: pointer;
  cursor: hand; /* IE only */
 }


/* layout main */
body
{ 
  margin: 0px;
}

div.layout
{
  width:770px;
  margin:0 auto;
  padding: 0;
}

div.liner
{  
  width: 100%;
  height:20px;
  margin: 10px auto 10px auto;
  padding: 0;
}

#liner-top
{ 
  background: url(images/line_top.png) no-repeat center;
}

#liner-bottom
{  
  clear:both;
  background: url(images/line_bottom.png) no-repeat center;
}

#top-menu 
{ 
  margin: 15px auto 0px auto;
}

#top-menu span
{ 
  font-size: 12px;
  margin-left:64px;
  background: url('images/logo_menu_inactif.png') no-repeat center left;
  padding-left: 30px;
  padding-top:18px;
  padding-bottom:10px;
}

#top-menu span.selected
{ 
  background: url('images/logo_menu_actif.png') no-repeat center left;
}

#top-menu span a 
{
  font-weight: bold;
  color: #699284;
  text-align: left;
  text-decoration: none;
}
#top-menu span a:active {color: #699284;}
#top-menu span a:visited {color: #699284;}
#top-menu span a:hover { color: #cccccc;}  

#top-menu span.selected a 
{
  color: #cccccc;
}
 
#top-menu span.selected a:link, 
#top-menu span.selected a:active, 
#top-menu span.selected a:visited, 
#top-menu span.selected a:hover 
{
  color: #cccccc;
}

#sidebar 
{  
  width:50px;
  height:500px;
  background: url(images/sidebar.png) no-repeat top left;  
  float: left;
  margin-bottom: 16px;
}

#main
{  
  margin-left:51px;
  padding-left: 10px;
  padding-right:10px;
  padding-top:5px;
  position:relative; /* for floats */
}

#bottom
{  
  height:20px;  
}

/* accueil */
#accueil .left
{  
  float:left; 
}

#accueil .logo
{  
  width:276px;
  height:307px;
  background: url(images/logo_big.jpg) no-repeat 0 0;
}

#accueil .right
{  
  margin-left: 340px;
}

.news p
{  
  text-align: left;
  /*color: #cccc99;*/
}

.news h3 
{  
  font-size: 12px;
  font-weight: normal;
  color: #cccc99;
}

/* galeries */
#galeries {
   /*position:relative;*/
   float:left;
}
#galerie h3 
{ 
  margin-top:0;
}

#galeries h3 a
{  
  color:inherit;
}

#galeries h3 a:hover 
{ 
  color: #cccccc;
}  


#galeries > div.galerie
{  
  margin-bottom: 30px;
  position:relative;
}

#galeries > div.galerie:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#galeries .left 
{  
  float: left; 
  margin-left:20px;
  width:98px;
}

#galeries .right 
{  
  margin-left:120px;
}

/* toile */
#toile h2 
{  
  margin-top:0;
}

#toile .wrapper 
{  
  float:left;  
}

#toile .left
{ 
  float:left;  
  margin-left:20px;
  width:350px;
  text-align:center;
  /*border-right:1px solid white;*/
}

#toile .right
{  
  float:left;
  /*margin-left : 400px;*/
  width:230px;
  /*border-left: 1px dotted #699284;*/
  padding-left: 20px;
}


#toile .thumbs 
{  
  float:right;
  
}

#toile .thumbs ul
{  
  list-style-type:none;
  margin-top:0;
  margin-left:0;
  padding-left:0;
} 

#toile .thumbs img
{  
  height:43px;
  width:43px;
  /*margin-bottom:4px;*/
  margin-bottom:2px;
  border: 1px solid #333333; 
}

#toile .thumbs img:hover 
{  
  border: 1px solid #cccc99; 
}

#toile .galeries
{  
  position:absolute;
  top: 550px;
}

#toile .galeries ul 
{  
  list-style-type:none;
  width:600px;
  margin:0 20px 0 auto;
  padding:0;
}

#toile .galeries ul li
{  
  display: inline;
  margin:0 15px;
}

#toile .galeries ul li.galerie span
{  
  display: block;
  position: absolute;
  top: -60px;
  width: 600px;
  margin-left:20px
  /*border: 1px dotted white;*/
}



.infos {
  font-weight: bold;
  font-style: normal;
  text-align: left;
}

.tech {
}


.text {
  font-weight: normal;
  font-style: normal;
  text-align: justify;
  padding: 5px 0 0 ;
  color:#cccc99;  
}

.text_tech {
  font-weight: normal;
  font-style: italic;
  text-align: justify;
  padding: 5px 0 0 ;
}


/* parcours */
 #parcours .left 
{  
  float:left;
  margin-left:20px;
  width:434px;
}

#parcours .right
{  
  margin-left:500px;
}


.latin {
  font-family: monospace;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  color: #699284;
  text-align: left;
  padding-left: 5px; 
}

.litteraire {
  font-weight: normal;
  font-style: italic;
  color: #699284;
  text-align: justify;
}

.lettrine 
{
  line-height:38px;  
}
span.lettrine 
{  
  float:left;
  background: url(images/logo_menu_inactif.png) no-repeat left top;
  min-width:25px;
  min-height:26px;
}

/* contact */
h2.lettrine { margin-top:0; padding-top:0;  }
#contact .left 
{  
  float:left;
  margin-left:20px;
  width:300px;
}

#contact .right
{  
  float:right;
}

#contact .right img
{  
  border:1px solid black;
}

/* liens */
#liens .left 
{  
  float:left;
  margin-left:20px;
  width:300px;
}

#liens .right 
{  
  float:right;
  width:350px;
  text-align:center;
}

#liens .right img
{  
  border:1px solid black;
}

dl.link dt 
{  
  font-size: 11px;
  font-weight: bold;
  color:#cccc99;
  margin: 0 0 5px;
}

dl.link dt a:link {color:  #cccc99;}  
dl.link dt a:hover { color: #cccccc;}  
dl.link dt a:active {color: #699284;}
dl.link dt a:visited {color: #699284;}

dl.link dd 
{  
  margin:0 0 20px;

}

.linkdata {
  font-weight: normal;
  font-style: normal;
  color: #699284;
  text-align: left;
}

a.links {
  font-family: sans-serif;
  font-size: 12pt;
  font-weight: bold;
  font-style: normal;
  color: #699284;
  text-align: left;
  text-decoration: none;
}



/* ??? */
a.serie {
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  color: #699284;
  text-align: left;
  text-decoration: none;
}