/*
Feuille de styles css du site thewall.ch
*/

/*********************************************************
 Redéfinition des balises HTML
*********************************************************/
body {
  text-align: left;
  background: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
}

p {
  font-size:12px;
}

a:link {
  color: #dd4b4b; text-decoration: none
}
a:visited {
 color: #dd4b4b; text-decoration: none
}
a:active {
  color: #dd4b4b; text-decoration: none
}
a:hover {
  color: #dd4b4b; text-decoration: underline
}

table {
  padding: 0;
  border-collapse:collapse;
}

th {
  font-size: 11px;
  padding: 1px 4px 1px 4px;
  border: 1px solid #aaa;
  background: #ccc;
}

td {
  margin: 0;
  font-size: 11px;
  padding: 2px 3px 2px 3px;
  border: 1px solid #aaa;
  text-align: center;
}

/*********************************************************
 Conteneur principal de l'application
*********************************************************/
#page_wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  text-align: left;
  background:#DD4B4B;
  clear:both;
}

/*********************************************************
 Conteneur principal de l'application
*********************************************************/
#menu_top {
  float:right;
  padding:2px 5px 3px 5px;
  margin-top:5px;
  width: 220px;
  text-align: right;
  color:white;
  background:#666;
  border-top:1px solid white;
  border-left:1px solid white;
  border-right:1px solid white;
}

/*********************************************************
 En-tête
*********************************************************/
#page_header {
  height: 151px;
  background: #fff;
  clear: both;
}

/* Logo Paléo 2007 */
#logo {
  background: url('../img/baniere_thewall.gif') top left no-repeat;
  height: 150px;
  width: 760px;
  margin-left:0;
  float:left;
}

/* Titre 1 */
#page_header h1 {
  margin: 0 0 0 20px;
  padding-top:20px;
  padding-left:20px;
  font-family: verdana, arial, sans-serif;
  font-size:23px;
  font-weight: normal;
  letter-spacing: -1px;
  color: #000;
  float:left;
}

/* Titre 2 */
#page_header h2 {
  margin: 0px;
  padding-left:20px;
  font-family: verdana, arial, sans-serif;
  font-size:16px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #f8ea7f;
}

/*********************************************************
 Menu horizontal (navigation principale)
*********************************************************/
#menu_horizontal {
  float:left;
  width:100%;
  background:#666;
  font-size:14px;
  font-family: verdana, arial, sans-serif;
  line-height:normal;
}
#menu_horizontal ul {
  margin:0;
  padding:10px 10px 0 0px;
  list-style:none;
}
#menu_horizontal li {
  display:inline;
  margin:0;
  padding:0;
}
#menu_horizontal a {
  float:left;
  background:url("../img/menu1_rouge1_2.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}
#menu_horizontal a span {
  float:left;
  display:block;
  background:url("../img/menu1_rouge2_2.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_horizontal a span {float:none;}
/* End IE5-Mac hack */
#menu_horizontal a:hover span, #menu_horizontal .actif span {
  color:#fff;
}
#menu_horizontal a:hover, #menu_horizontal .actif {
  background-position:0% -42px;
}
#menu_horizontal a:hover span, #menu_horizontal .actif span {
  background-position:100% -42px;
}

/* Ligne de séparation */
.ligne {
  background: #dd4b4b;
  height: 5px;
  /*border-bottom: 1px solid white;*/
  clear: both;
}

/*********************************************************
 Contenu
*********************************************************/
#content_wrapper {
  margin:0;
  clear:both;
  color:#222;
  background:#DD4B4B;
}

/*********************************************************
 Pleine page
*********************************************************/
#pleine_page {
  float:left;
  width:740px;
  margin:0;
  padding:10px;
  background-color: #FFFFFF;
  min-height: 390px;
  _height: 390px;
}

#pleine_page a:link, #pleine_page a:visited {
  font-weight:bold;
}

#pleine_page h3 {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  color: #DD4B4B;
  padding:4px;
}

/*********************************************************
 Cote gauche
*********************************************************/
#cote_gauche {
  margin:0;
  padding-top: 10px;
  float: left;
  _height: 400px;
  min-height: 400px;
  width:150px;
  font-size: 11px;
  background: #dd4b4b;
  color:white;
  border:0px dashed #cccccc;
}

#cote_gauche h3 {
  margin-left:0px;
  margin-left:5px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  text-align: center;
  padding:4px;
  color:#000;
  font-weight:bold;
}

/*********************************************************
 Menu vertical (navigation secondaire)
*********************************************************/
#menu_vertical {
  width: 150px;
  margin: 0;
  float:left;
  text-align:left;
  font-size:13px;
  border-bottom:1px solid #eee;
}

#menu_vertical ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu_vertical li {
  border-top:1px solid #eee;
}

#menu_vertical a {
  height: 32px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 24px;
  text-decoration: none;
}

#menu_vertical a:link, #menu_vertical a:visited {
  color: #fff;
  display: block;
  padding: 8px 0 0 10px;
}

#menu_vertical a:hover, #menu_vertical ul li .actif {
  color: #fff;
  padding: 8px 0 0 10px;
  background-color:#DE9494;
  font-weight:bold;
}

/****************************************************************************************
 Cote droite
****************************************************************************************/
#cote_droite {
  float: left;
  width: 600px;
  padding-left: 10px;
  padding-bottom:10px;
  background: url(../img/background3.gif) white;
  font-size: 11px;
  min-height: 400px;
  _height: 400px;
}

	/*********************************************************
	 Bloc menu
	**********************************************************/
#cote_droite .bloc_menu {
  float:left;
  width:587px;
  padding:0px;
  padding-bottom:10px;
  padding-right:3px;
  color: white;
  background: #666;
  /* border:1px solid #aaa; */
  /*filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;*/
}

#cote_droite .bloc_menu a:link, #cote_droite .bloc_menu a:visited {
  color:#FFFFFF;
  font-weight:bold;
}
#cote_droite .bloc_menu a:hover, #cote_droite .bloc_menu actif {
  color:#FFFFFF;
  text-decoration:underline;
}
		/*********************************************************
		 Archives
		**********************************************************/
#cote_droite .bloc_menu .archive {
  float:left;
  width:136px;
  margin:0 10px 0 0;
  text-align:center;
  font-size:14px;
  height:145px;
  background:#bbb;
}

#cote_droite .bloc_menu ul {
  margin:0px 0px 5px 16px;
  padding:0;
  text-align:left;
  font-size:11px;
}

#cote_droite .bloc_menu ul li {
  clear:both;
  list-style:square;
  padding:0;
  margin:0;
  text-align:left;
}

#cote_droite .bloc_menu .archive ul li a:link, #cote_droite .bloc_menu .archive ul li a:visited {
  display: block;
  color:white;
  font-weight:bold;
  padding:3px 0 3px 10px;
}
#cote_droite .bloc_menu .archive ul li a:hover, #cote_droite .bloc_menu .archive ul li .actif {
  background:#666;
}

#cote_droite .bloc_menu img {
  float:left;
  text-decoration:none;
  border:none;
}

#cote_droite .bloc_menu a:link, #cote_droite .bloc_menu a:visited {
  color:#eee;
}

#cote_droite .bloc_menu a:hover, #cote_droite .bloc_menu .archive .actif{
  color:#DD4B4B;
  text-decoration:none;
}

#cote_droite .bloc_menu a:link img, #cote_droite .bloc_menu a:visited img {
  float:left;
  border:1px solid #aaa;
}
#cote_droite .bloc_menu a:hover img {
  float:left;
  border:1px solid #DD4B4B;
}

    /*********************************************************
	 Onglets
	**********************************************************/
#cote_droite .onglet {
  float:left;
}

#cote_droite .onglet a:link, #cote_droite .onglet a:visited {
  float:left;
  padding:2px 10px 2px 10px;
  margin-right:2px;
  color:#FFFFFF;
  background: #ccc;
  font-weight:bold;
}

#cote_droite .onglet ul {
  float:left;
  padding:0;
  margin:0;
}

#cote_droite .onglet ul li {
  float:left;
  list-style:none;
}

#cote_droite .onglet a:hover, #cote_droite .onglet ul .actif {
  background: #999;
  color:#fff;
  text-decoration:none; 
}
    /*********************************************************
	 Bloc texte
	**********************************************************/
#cote_droite .bloc_text {
  clear:both;
  float:left;
  width:578px;
  margin-bottom:0px;
  padding:10px 0 10px 10px;
  background: #eee;
  border:1px solid #aaa;
  /*filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;*/
}

#cote_droite .bloc_text a:link, #cote_droite .bloc_text a:visited {
  font-weight:bold;
}

#cote_droite .bloc_text .menu {
  float:right;
  border:1px solid #fff;  
  background:#DD4B4B; 
  font-size:11px; 
  line-height:25px;
}

#cote_droite .bloc_text .menu h4 {
  color:#000; 
  padding-top:5px; 
  background:#DD4B4B;
  text-align:center;
}

#cote_droite .bloc_text .menu {
  width:180px;
  margin-right:10px;
}

#cote_droite .bloc_text .menu ul {
  margin:0;
  padding:0;
  text-align:center;
  font-size:12px;
}

#cote_droite .bloc_text .menu ul li {
  list-style:none;
  padding:0;
  margin:0;
  border-top:1px solid white;
  text-align:left;
}

#cote_droite .bloc_text .menu a:link, #cote_droite .bloc_text .menu a:visited {
  color:#FFFFFF;
  display:block;
  padding:7px;
  margin:0;
  height: 16px;
}

#cote_droite .bloc_text .menu a:hover, #cote_droite .bloc_text .menu .actif {
  background: #DE9494;
  font-weight:bold;
  text-decoration:none; 
}

#cote_droite .bloc_text .photo {
  float:left;
  width:376px;
}

#cote_droite .bloc_text .photo table tr td {
  border:none;
  text-align:left;
  padding-right:20px;
}


#cote_droite .bloc_text .photo img {
  border:none;
  margin-right:3px;
  margin-bottom:3px;
}

#cote_droite .bloc_text .galerie_photo {
  float:left;
  width:100%;
  padding:0;
}

#cote_droite .bloc_text .galerie_photo img {
  float:left;
  border:none;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:20px;
  width:120px;
}

#cote_droite .bloc_text a:link img, #cote_droite .bloc_text a:visited img {
  float:left;
  border:1px solid #aaa;
}
#cote_droite .bloc_text a:hover img {
  float:left;
  border:1px solid #DD4B4B;
}

#cote_droite .vignette {
  float:left;
  margin-right:10px;
  border:1px solid #ccc;
}

#cote_droite h3 {
  margin-top:10px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  color: #DD4B4B;
  padding:4px;
}

#cote_droite h4 {
  margin-top:5px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding:2px;
  font-weight: bold;
}

#cote_droite p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  color: #000;
  line-height: 18px;
  padding:0 15px 0 5px;
  font-size: 11px;
  text-align: justify;
}

#cote_droite ul {
  margin-bottom:20px;
  line-height:17px;
}

#cote_droite .bloc_element {
  clear:both;
  display: bloc;
  margin-left: 10px;
}

#cote_droite .bloc_element h4 {
  margin-top:5px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding:2px;
  font-weight: bold;
  border-bottom: 1px solid #dd4b4b;
}

#cote_droite .bloc_element .lien_element {
  margin-top:5px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding:2px;
  font-weight: bold;
  border-bottom:1px solid #000;
}


#cote_droite .bloc_element .bloc_tableau {
  float: left;
  clear: both;
  margin-left: 10px;
  margin-bottom: 10px;
}

#cote_droite .bloc_element .bloc_action {
  float: left;
  display: bloc;
  margin: 0px 0 10px 9px;
}

#cote_droite .bloc_element .bloc_action table {
  background:#dd4b4b;
  width:350px;
  color:white;
}

#cote_droite .bloc_element .bloc_action td {
  border:0;
  text-align:left;
}

#cote_droite .bloc_element .bloc_action .lienAction {
  float:left;
  margin-right:5px;
  padding-top:3px;
  padding-bottom:3px;
  font-weight:bold;
}

#cote_droite .bloc_element .bloc_action .action {
  background: #dd4b4b;
  color:white;
  float:left;
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
  padding-bottom:3px;
  font-weight:bold;
}

#cote_droite .bloc_element .bloc_action form {
  clear:both;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

#feature_box {
  float:left;
  width:250px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}

#feature_box h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #779E28;
}

#feature_box p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}

/*********************************************************
* Sponsors
*********************************************************/
.sponsor img {
  padding-left:5px;
}
.sponsor img {
  border:none;
}

/*********************************************************
 Pied de page
*********************************************************/
#page_footer {
  padding:5px 0 5px 0;
  margin:0;
  background-color: #666;
  border-bottom: 1px solid #fff;
  clear: both;
}

#page_footer p {
  padding:0;
  margin:0;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing:1px;
  line-height:14px;
}

#page_footer a {
  color: #dd4b4b;
}

#spacer {
  height:20px;
  clear:both;
}

.arrow_list {
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
}

.arrow_list li {
  padding-left: 10px;
  background-image: url(../img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height:18px;
}