/* Block.css
   Créé par Nico le 01 Juillet 2008
   V3 Coasters World
   Regroupant les blocks du site
 */

/* Forme générale et police */
body
 {
	height: 100%;
	margin: 0;
	background: #E9EEF2 url(../images/design/backdrop.png) repeat-x;
	font: 78%/130% verdana, Helvetica, sans-serif;
}

/* Div général pour tout contenir */
#wrapper
{
	min-height: 100%;
	width: 990px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

/* Centre de la page (contenu) */
#main_content
{
	background:#e4e9f3;
	position: relative;
	width: 100%;
	padding-bottom: 0;
	overflow: auto;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding-bottom: 100px;
}

/* Header de la page */
#header 
{
	background: url(../images/logos/header_site.jpg) no-repeat;
	width: 100%;
	height: 140px;
	border: 1px solid #CCCCCC;
	border-top: none;
	position: relative;
}

#header_int
{
	position: absolute;
	margin: 0;
	bottom: 2px;
	right: 5px;
	color: #ffffff; 
}

/* Pied de la page */
#bandeau_footer
{
	position : absolute;
	bottom: 0;
	width: 100%;
}

#footer
{
	height: 50px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/logos/footer.jpg) no-repeat;
}

#copyright
{
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 0.8em;
	color: #444444;
}

.smalltext
{
	font-size: 0.85em;
	font-family: verdana, sans-serif;
}

table.main_table
{
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Formulaires */
form
{
	padding: 0;
	margin: 0;
}
input, button, select
{
	font: 95%/115% verdana, Helvetica, sans-serif;
	color: #000000;
	background: #fff;
	border: 1px solid #7f9db9;
	padding: 2px;
}

select
{
	padding: 0;
}

select option
{
	padding: 1px;
}

.button_submit
{
	background: #758ec6 url(../images/design/submit_bg.png) no-repeat;
	border: 1px solid #aaa;
	cursor: pointer;
	font-weight: normal;
}

.button_submit:hover
{
	border: 1px solid #aaa;
	background: url(../images/design/submit_bg.png) no-repeat 0 -218px #ff8001;
}

input:hover, button:hover, select:hover
{
	border: solid 1px #454545;
}

input:focus, button:focus, select:focus
{
	border: solid 1px #454545;
}


/* Colonne gauche de la page */
div#sidebar 
   {
	float: left;
	width: 270px;
	margin-left: 1px;
   }


/* Colonne droite de la page (pour le contenu) */
div#content 
   {
	float:right;
	width: 650px;
	margin-right: 40px;
	margin-bottom: 10px;
   }


/* Colonne droite de la page (pour le contenu) */
div#center 
   {
	padding-bottom: 50px;
	overflow: auto;
   }

/* Div des cadres de pages */

div#cadre1
   {
	color: #FFF;
	background-color: #FFF;
	background: url(../images/design/background_cadre.jpg) repeat-x;
	margin-right: 10px;
	margin-top: 20px;
	font-weight: bold;
	border: 1px solid #000;
	padding-left: 5px;
	width: 100%;
   }


div#cadre2
   {
	background-image: url(../images/design/background_cadre2.jpg);
	margin-right: 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-left: 5px;
	width: 100%;
   }


div#cadre3
   {
	color: #FFF;
	background-color: #FFF;
	background: url(../images/design/background_cadre.jpg) repeat-x;
	margin-right: 10px;
	margin-top: 20px;
	font-weight: bold;
	border: 1px solid #000;
	width: 95%;
	padding-left: 5px;
   }


div#cadre4
   {
	background-image: url(../images/design/background_cadre2.jpg);
	margin-right: 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 95%;
	padding-left: 5px;
   }


div#cadre5
   {
	color: #FFF;
	background-color: #FFF;
	background: url(../images/design/background_cadre2.jpg) repeat-x;
	margin-right: 10px;
	margin-top: 20px;
	font-weight: bold;
	border: 1px solid #000;
	width: 95%;
	padding-left: 5px;
   }


div#cadre6
   {
	background-image: url(../images/design/background_cadre3.jpg);
	margin-right: 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 95%;
	padding-left: 5px;
   }



/* Gros cadre transparent pour diviser la page en deux */

div#groscadre1
   {
	margin-top: 0px;
	position: relative;
	width: 50%;
	float: left;
   }


div#groscadre2
   {
	margin-top: 0px;
	position: relative;
	width: 50%;
	float: right;
   }


div#groscadre3
   {
	margin-top: 20px;
	position: relative;
	width: 50%;
	float: left;
   }


div#groscadre4
   {
	margin-top: 20px;
	position: relative;
	width: 50%;
	float: right;
   }


div#navigation
   {
	color: #000;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
	width: 95%;
	padding-left: 5px;
   }


div#cadre7
   {
	color: #FFF;
	background-color: #FFF;
	background: url(../images/design/background_cadre.jpg);
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
	border: 1px solid #4B4B4B;
	width: 95%;
	padding-left: 5px;
	padding-right: 5px;
   }


div#cadre8
{
margin-left: 10px;
border-left: 1px solid #4B4B4B;
border-right: 1px solid #4B4B4B;
border-bottom: 1px solid #4B4B4B;
width: 95%;
padding-left: 5px;
padding-right: 5px;
background: url(../images/design/background_cadre5.jpg);
}

#cadre9
{
color: #FFF;
background-color: #FFF;
background: url(bg.jpg);
margin-left: 10px;
margin-top: 20px;
font-weight: bold;
border: 1px solid #000099;
width: 95%;
padding-left: 5px;
padding-right: 5px;
}
#cadre10
{
margin-left: 10px;
border-left: 1px solid #000099;
border-right: 1px solid #000099;
border-bottom: 1px solid #000099;
width: 95%;
padding-left: 5px;
padding-right: 5px;
background: url(../images/design/background_cadre4.jpg);
}

#cadre11
{
color: #FFF;
background-color: #FFF;
background: url(../images/design/background_cadre.jpg);
margin-left: 10px;
margin-top: 20px;
font-weight: bold;
border: 1px solid #4B4B4B;
width: 95%;
padding-left: 5px;
padding-right: 5px;
}
#cadre12
{
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
border-left: 1px solid #4B4B4B;
border-right: 1px solid #4B4B4B;
border-bottom: 1px solid #4B4B4B;
width: 95%;
padding-left: 5px;
padding-right: 5px;
background: url(../images/design/background_cadre5.jpg);
}

#cadre13
{
margin-right: 10px;
margin-top: 10px;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
width: 100%;
}

#left
{
float: left;
position: relative;
margin-right: 5px;
margin-top: 5px;
text-align: justify; }

#right
{
float: right
position: relative;
margin-right: 5px;
margin-top: 5px;
text-align: justify;
}

#cadre14
{
margin-right: 10px;
width: 100%;
padding-left: 5px;
padding-top: 10px;
border-top: 1px solid #6699FF;
background: url(../images/design/bg_degrade.gif);
}

#cadre15
{
margin-right: 10px;
margin-top: 10px;
font-weight: bold;
padding-left: 5px;
width: 95%;
}


#cadre16
{
border-top: 1px solid #6699FF;
margin-right: 10px;
width: 95%;
padding-left: 5px;
background: url(../images/design/background_degrade.gif);
}



#cadre20
{
margin-top: 10px;
font-weight: bold;
padding-left: 5px;
width: 95%;
}
#cadre20bis
{
margin-top: 200px;
font-weight: bold;
padding-left: 5px;
width: 95%;
}

#cadre17
{
margin-right: 10px;
margin-top: 10px;
font-weight: bold;
padding-left: 5px;
width: 95%;
}

#cadre18
{
margin-right: 10px;
width: 95%;
padding-left: 5px;
border-top: 1px solid #6699FF;
background: url(../images/design/background_degrade.gif);
}

#left2
{
float: left;
text-align: justify; 
}

#right2
{
float: right;
text-align: justify;
}

#cadre_fiche
{
margin-right: 10px;
width: 100%;
padding-left: 5px;
padding-top: 10px;
border-bottom: 1px solid #6699FF;
}
#cadre_fiche2
{
margin-right: 10px;
width: 100%;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #4B4B4B;
background: #FFF;
}

#fiche_gauche
{
float: left;
width: 30%;
padding-right: 10px;
}

#fiche_droite
{
padding-right: 10px;
}

#cadre_fiche3
{
margin-right: 10px;
width: 100%;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #4B4B4B;
background: #FFFFFF;
}

#cadre_news
{
margin-right: 10px;
width: 100%;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px dotted #4B4B4B;
background: #FFFFFF;
background-repeat: no-repeat;
background-position: top right;

}

#cadre_inscription
{
margin-right: 10px;
width: 100%;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #4B4B4B;
background: #FFF;

}

#cadre_dico
{
margin-right: 10px;
width: 100%;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #4B4B4B;
background: #FFF;

}

#cadre_counter
{
margin-right: 10px;
width: 100%;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #4B4B4B;
background: #FFF;

}

#cadre
{
margin-right: 10px;
width: 100%;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #4B4B4B;
background: #FFF;

}

/* Chiffre de la semaine */
.chiffre 
{
	height: 35px;
	font-size:30px;
	font-weight:bold;
	font-style:italic;
	color:#00174d;
	text-align:center;
	background-image: url(../images/html/chiffre.png);
	background-repeat:repeat-x;
	margin-left:-5px;
	padding-top: 5px;
}

a
{
color: #000;
text-decoration: underline;
}

a:hover
{
color: #000;
text-decoration: none;
}

div#header h1 {
        margin: 0;
	position: absolute;
	bottom: 3px;
	right: 10px;
	font: Georgia, serif;
	font-size: 10pt;
	}
div#sidebar h3, div#footer p, div#sidebar p  {
	padding: 0 10px;
	}


div#content h2 {
	padding-left: 35px;
	color: #000000;
	}
div#content h3 {
	color: #c00;
	font-variant: small-caps;
	}



#lienm dd {
display: none;
border: 1px solid gray;
}
#lienm li {
text-align: left;
padding: 0 5px;
}
#lienm li a, #lienm dt a {
color: #FFFFFF;
text-decoration: underline;
display: block;
height: 100%;
border: 0 none;
}
#lienm li a:hover, #lienm li a:focus, #lienm dt a:hover, #lienm dt a:focus {
text-decoration: none;
}

#body li a {
	color: #000;
	padding: 0 5px;
	width: 100%;
	}

#body li a:hover, #menu2 li a:focus, #menu2 dt a:hover, #menu2 dt a:focus {
	color: #000;
	text-decoration: none;
}


#texte
{
position: relative;
}



.textm
{
margin-left: 10px;
}

.cadre13
{
background: url(../images/design/background_cadre6.jpg);
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}

.cadre13-2
{
background: url(../images/design/background_cadre7.gif);
color: #FFFFFF;
}

.cadre13-3
{
background: url(../images/design/background_cadre8.gif);
color: #FFFFFF;
}

.cadre15
{
background: url(../images/design/background_cadre6.jpg);
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}

.cadre15-2
{
background: url(../images/design/background_cadre7.gif);
color: #FFFFFF;
}

.cadre15-3
{
background: url(../images/design/background_cadre8.gif);
color: #FFFFFF;
}

.cadre17
{
background: url(../images/design/background_cadre6.jpg);
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}

.cadre17-2
{
background: url(../images/design/background_cadre7.jpg);
color: #FFFFFF;
}

.cadre17-3
{
background: url(../images/design/background_cadre8.jpg);
color: #FFFFFF;
}

a.menu
  {
    color:#000;
    text-decoration:underline;
  }

a.menu:hover
  {
    color:#000;
    text-decoration:none;
  }


a.link_news
  {
    color:#000;
    font-size: 13pt;
    text-decoration:none;
  }

a.link_news:hover
  {
    color:#000;
    text-decoration:underline;
  }
  
.description_news
  {
    color:#444;
	font-size: 0.85em;
    text-decoration:none;
	text-align:justify;
  }

a.description_news
  {
    text-decoration:underline;
  }
  
a.description_news:hover
  {
    color:#000;
  }
  
.navigation_news
  {
	color:#444;
	font-size: 0.85em;
    text-decoration:none;
  }
  
a.navigation_news
  {
	color:#444;
	font-size: 0.85em;
    text-decoration:underline;
  }

a.navigation_news:hover
  {
	color:#000;
  }
  
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.textbox_h
{
width: 80px;
height: 14px;
border: 1px solid #000;
color: #969696;
align: right;
}
.go_h
{
width: 80px;
height: 18px;
border: 1px solid #000;
color: #FFF;
align: right;
background: url(../images/design/background_cadre.jpg);
}
.go_h:focus
{
color: #DDDDDD;
<!--[if lt IE 8]>
border: 0px;
<![endif]-->
}
.nouvelle
{
padding-right: 20px;

}


.tbl_fichecoaster1
{
width: 150px;
valign: top;
}

.tbl_fichecoaster2
{
}

.titre_coaster
{
	color: #000;
	text-align: center;
	font-size: 16pt;
	margin-right: 10px;
}
.etiquette_coaster
{
	color: #646464;
	font-size: 16pt;
	background: #FFF;
	border: 1px solid #6699FF;
	padding-left: 5px;
	padding-right: 5px;
}
.etiquette_coaster:hover
{
	color: #000;
	font-size: 16pt;
	background: #FFF;
	border: 1px solid #6699FF;
	padding-left: 5px;
	padding-right: 5px;
}

.etiquette_coaster_selected
{
	color: #000;
	font-size: 16pt;
	background: #FFF;
	border: 1px solid #6699FF;
	padding-left: 5px;
	padding-right: 5px;
}


.fichea
{
margin-top: 5px;
padding-bottom: 2px;
margin-left: 10px;
background: #FFF;
color: #000;
}

.ficheb
{
margin-top: 5px;
padding-bottom: 2px;
margin-left: 10px;
background: #FFF;
color: #000;
}

.bdd
{
text-decoration: underline;
color: #000;
}

.titre_report {
	color: #c00;
	font-variant: small-caps;
	font-size: 16pt;
	text-align: center;
	font-style: italic;
	}

.lien_report, a.lien_report
  {
    color:#c00;
    text-decoration:none;
  }

  a.lien_report:hover
  {
    color:#c00;
    text-decoration:underline;
  }

.champ_inscription
{
width: 400px;
color:#4B4B4B;
font-weight:bold;
margin-top: 5px;
}
.champ_inscription:hover,focus
{
color:#000000;
font-weight:bold;
}

.chanp_inscription2
{
color:#4B4B4B;
border: 1px solid #000;
}

.chanp_inscription2:hover,focus
{
color:#000;
border: 1px solid #000;
}

.ins1
{
width: 200px;
}

.ins2
{
width: 300px;
}



.chanp_text2
{
color:#4B4B4B;
border: 1px solid #000;
}

.chanp_text2:focus
{
color:#000;
border: 1px solid #003366;
}

.rechercher
{
color:#4B4B4B;
border: 1px solid #000;
background: url(../images/puces/loupe.gif) no-repeat;
padding-left: 22px;
}

.rechercher:focus
{
color:#000;
border: 1px solid #003366;
}

 a.comment
  {
    color:#227;
    text-decoration:underline;
    font-weight: bold;
  }

  a.comment:hover
  {
    color:#227;
    text-decoration:none;
  }

 a.signal
  {
    color:#CC0000;
    text-decoration:underline;
  }

  a.signal:hover
  {
    color:#cc0000;
    text-decoration:none;
  }

 a.gallery_lien
  {
    color:#666;
    text-decoration:underline;
  }

  a.gallery_lien:hover
  {
    color:#666;
    text-decoration:none;
  }


.photo_bbd
{
border: 1px solid #000;
}

.photo_bbd:hover
{
border: 1px solid #227;
}

 .calque{
 opacity:.80;
 color: #FFFFFF;
 position: absolute;
 visibility : hidden;
 padding: 0px;
 font-family: Courrier;
 align: center;
 font-size: 8pt;
 background-color: #000000;
 opacity : .75;
 filter : alpha(opacity=75);
 width: 100%;
 height : 100%;
 top : 0;
 left : 0 ;
 }

 .image_calque{
 height: 100%;
 }
 .window{
 color: #FFFFFF;
 position: absolute;
 visibility : hidden;
 padding: 0px;
 font-family: Courrier;
 align: center;
 font-size: 8pt;
 background-color: #FFFFFF;
 width: 500;
 height : 500;
 top : 25%;
 left : 15% ;

 }

 .contemp_window{
 width: 100%;
 height : 100%;
 border : 0;
 }

.erreur
{ color: #cc0000;
font-weight: bold; }

.okay
{ color: #1A7917;
font-weight: bold; }

 a.lien_header
  {
    color:#FFF;
    text-decoration:underline;
  }

  a.lien_header:hover
  {
    color:#FFF;
    text-decoration: none;
}

 a.coasters_counter
  {
    color:#000;
    text-decoration:none;
  }

  a.coasters_counter:hover
  {
    color:#000;
    text-decoration: underline;
}

 a.texte
  {
    color:#000;
    text-decoration:underline;
  }

  a.texte:hover
  {
    color:#000;
    text-decoration: none;
}
   

.tbl_cc
{
height: 30px;
} 
.tbl_cc:hover
{
height: 35px;
} 

a.lien_option {
line-height: normal;
font-weight: bold;
color: #c00;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #c00;
text-decoration: none;
}
a.lien_option:hover {
text-decoration: none;
border-bottom-style: none;
}


input.submit
{
background: url(../images/design/background_cadre6.jpg);
border: 1px solid #000;
}


.textarea
{
border:1px solid #000;
color: #4B4B4B;
font: 100% "Trebuchet MS", sans-serif;
}

.textarea:focus
{
border:1px solid #003366;
color: #000;
font: 100% "Trebuchet MS", sans-serif;
}

.envoyer
{
background: #336699;
color: #FFF;
border-right: 1px solid #4B4B4B;
border-bottom: 1px solid #4B4B4B;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}


 a.result0
  {
    color:#000;
    text-decoration:underline;
  }

  a.result0:hover
  {
    color:#000;
    text-decoration: none;
}


 a.result1
  {
    color:#003366;
    text-decoration:underline;
  }

  a.result1:hover
  {
    color:#003366;
    text-decoration: none;
}




#liste li a, #liste dt a {
color: #000;
text-decoration: underline;
display: block;
height: 100%;
border: 0 none;
}
#liste li a:hover, #liste li a:focus {
text-decoration:none;
}

#liste2 li a, #liste2 dt a {

background: url('../images/puces/flechegrisedroite.gif') no-repeat;
padding-left: 13px;
margin-top: 5px;
color: #000;
text-decoration: underline;
display: block;
height: 100%;
border: 0 none;
}
#liste2 li a:hover, #liste2 li a:focus {
text-decoration:none;
}

.img
{
border: 1px solid #4B4B4B;
width: 400px;
}

.img_border
{
border: 1px solid #4B4B4B;
}

 a.dico
  {
    color:#FFFFFF;
    text-decoration:none;
  }

  a.dico:hover
  {
    color:#FFFFFF;
    text-decoration: none;
}


.comment
  {
    color:#227;
    text-decoration:underline;
    font-weight: bold;
  }

/* Menu principal
------------------------------------------------------- */
#main_menu_site
{
	padding: 0.2em 0 0 0.2em;
	float: right;
	margin: 0;
	width: 98%;
}

.dropmenu, .dropmenu ul
{
	list-style: none;
	line-height: 1em;
	padding: 0;
	margin: 0;
}
.dropmenu
{
	padding: 0 0.5em;
}
.dropmenu a
{
	display: block;
	color: #000000;
	text-decoration: none;
}
.dropmenu a span
{
	display: block;
	padding: 0 0 0 5px;
	font-size: 0.9em;
}
/* the backgrounds first level only*/
.dropmenu li a.firstlevel
{
	margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
	display: block;
	position: relative;
	left: -5px;
	padding-left: 5px;
	height: 22px;
	line-height: 19px;
}
.dropmenu li
{
	float: right;
	padding: 0;
	margin: 0;
	position: relative;
}
.dropmenu li ul
{
	z-index: 90;
	display: none;
	position: absolute;
	width: 19.2em;
	font-weight: normal;
	border-bottom: solid 1px #999;
	background: url(../images/design/menu_gfx.png) 0 -100px no-repeat;
	padding: 7px 0 0 0;
}
.dropmenu li li
{
	width: 19em;
	margin: 0;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}
.dropmenu li li a span
{
	display: block;
	padding: 8px;
}
.dropmenu li ul ul
{
	margin: -1.8em 0 0 13em;
}

/* the active button */
.dropmenu li a.active
{
	background: url(../images/design/menu_gfx.png) no-repeat 100% 0;
	color: #ffffff;
	font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
	background: url(../images/design/menu_gfx.png) no-repeat 0 0;
}

/* the hover effects */
.dropmenu li a.firstlevel
{
	background: url(../images/design/menu_gfx.png) no-repeat 100% -30px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
.dropmenu li a.firstlevel:hover
{
	background: url(../images/design/menu_gfx.png) no-repeat 100% 0;
} 

.dropmenu li a.firstlevel span.firstlevel
{
	background: url(../images/design/menu_gfx.png) no-repeat 0 -30px;
}
.dropmenu li a.firstlevel:hover span.firstlevel
{
	background: url(../images/design/menu_gfx.png) no-repeat 0 0;
}
/* Transparency */
.dropmenu li a.firstlevel
{
	opacity:.75;
}
.dropmenu li a.firstlevel:hover
{
	opacity:1;
}

/* the hover effects on level2 and 3*/
.dropmenu li li a:hover
{
	background: #D4DBE4;
	color: #000;
	text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
	top: -999em;
}
.dropmenu li li:hover ul
{
	top: auto;
}
.dropmenu li:hover ul
{
	display: block;
}
.dropmenu li li.additional_items
{
	background-color: #fff;
}

/* The dropdown menu toggle image */
#menu_toggle
{
	float: right;
	margin-right: 10px;
	padding-top: 3px;
}
#menu_toggle span
{
	position: relative;
	right: 5000px;
}