/* CSS Document : feuille de style pour site Clement VAL*/
/* C.Val, aout 2009 */

/*styles généraux*/
* {
	padding:0;
	margin:0;
}

a img { border:none; }

a { color: #999;
    text-decoration: none; }

a:hover { color: #000; }

a:active { outline: none; }

a:focus { outline:none; }

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	font-size: 10pt;
	background: #FFF;
	color: #999;
}

h2 {
  font-size: 12pt;
}

h3 {
  font-size: 10pt;
	line-height: 300%;
	color: #666;
  font-weight: normal;}


/*Container centre*/
.cadre_fixe {
	position:absolute;
  left: 50%; top: 50%;
  width:950px; height:600px;
  margin-left: -475px; margin-top: -300px;
	padding:0;
	background: #FFF;
}


/* ---------------------------------------menu------------------------------- */
.titre {
  position:absolute;
  left: 0px; top: 0px;
  width:150px; height:50px;
  margin: 0;
  padding: 0;
}
.menu {
  position:absolute;
  left: 0px; top: 50px;
  width:150px; height:400px;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10pt;
  color: #ababab;
}

.menu li {
  list-style-type:none;
  line-height: 2em;
}

#element_courant {
  color: #000;
}

.serie {
  color: #505229;
}
  
.serie a {
  text-decoration: none;
  color: #c1bdb3;
}
.serie a:hover { color: #505229; }

/* -------------------------------------contenu------------------------------ */
/* images ou texte */
.cadre_contenu {
  position:absolute;
  left: 200px; top: 50px;
  width:700px; height:500px;
  margin: 0;
  padding: 0;
}

/* styles d'images :*/
.horiz2436 {
  position: absolute;
  top: 0;
  left: 0;
  height: 466px;
  width: 700px;
  cursor: pointer;
}

.verti2436 {
  position: absolute;
  top: 0;
  left: 0;
  height: 533px;
  width: 355px;
  cursor: pointer;
  margin-left: 172px;
  margin-top: -33px;
}

.verti67 {
  position: absolute;
  top: 0;
  left: 0;
  height: 533px;
  width: 432px;
  cursor: pointer;
  margin-left: 134px;
  margin-top: -33px;
}

.horiz600 {
  position: absolute;
  top: 0;
  left: 0;
  height: 400px;
  width: 600px;
  cursor: pointer;
  margin-left: 50px;
  margin-top: 33px;
}

.carree {
  position: absolute;
  top: 0;
  left: 0;
  height: 510px;
  width: 510px;
  cursor: pointer;
  margin-left: 92px;
  margin-top: -22px;
}

.carreegd {
  position: absolute;
  top: 0;
  left: 0;
  height: 533px;
  width: 533px;
  cursor: pointer;
  margin-left: 0px;
  margin-top: -33px;
}

/* image d'accueil: */
#imageacc {
  display: none; 
  position: absolute;
  top: 0;
  left: 0;
  height: 533px;
  width: 533px;
  margin-left: 0px;
  margin-top: -33px;
}


/* ----------------------------elements de navigation------------------------ */

.bandeinf {
  position:absolute;
  left: 200px; top: 550px;
  width:700px; height:20px;
  margin: 0;
  padding: 0;
}

#output {
  position: absolute;
  top: 0;
  right: 0;
}
 
#number {
  position: absolute;
  top: 0;
  left: 0;
}

#fleches {
  position: absolute;
  top: -60px;
  left: 118px;
}

.fleche {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 24px;
  width: 12px;
  height: 18px;
  border: none;
}

.fleche a { outline: none; }

.fleche a { text-decoration: none; }


/* -----------------------------------formulaire de contact------------------ */


input {
  background-color: #FFF;
  width: 398px;
  border: 1px solid #BBB;
  color:  #000;
  font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
}

textarea {
  background-color: #FFF;
  width: 398px;
  border: 1px solid #BBB;
  color:  #000;
  font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
}

.contact_form {
  line-height: 2em;
  position:absolute;
  left: 0px; top: 0px;
  width:400px; height:450px;
  margin: 0;
  padding: 0;
}