/****************************************************************************Generic elements ***/
html {
			font-size: 140%;
			margin: 0;
			padding: 30px;
			padding-top:0px;
			background-color:#cccccc;
}

body {
			background-color:#ffffff;
			width: 1120px;
			height: auto;
			margin-left: 50px;
			padding-top: 0px;
			margin-right: 50px;
			padding-bottom: 10px;
			font: 50%/200% Verdana, Arial, Helvetica, sans-serif;
			color: #666666;
}

/**************************************************************************** GENERALS ***/
#content {	
			margin-top: 5px;
			display:block;
			margin-bottom:5px;
}

#left_col, #right_col {
	width:380px;
	padding: 10px;
	padding-top:0px;
	margin-right: 5px;
	float:left;
	font-size:120%;
	line-height: 170%;			
}

#right_col {
	width:340px;
}

.vide input[type="text"] {background-color: #ff8c8c;
}

.rempli input[type="text"] {background-color: #ffffff;
}

.petit {
			font-size:80%;
			color:#ff9933;
			font-weight:normal;
}

.small_inp {
			font-size:90%;
			margin-left:5px;
}

/**************************************************************************** Bloody links ***/
a:link {color: #cccccc; border: none;}     
a:visited {color: #cccccc; border: none;}     
a:hover {color: #000000;; border: none; cursor: default;}      
a:active {color: #cccccc; border: none;}        

a img {color: #cccccc; border: none;}     

/**************************************************************************** Boutons ***/
.nav_button  a, .nav_button_short  a , .nav_inpage  a , .nav_inline a {
			color: #666666;
			border-top: solid 1px #666666;
			margin-left: 10px;
			margin-right: 10px;
			font-weight:bold;
			text-decoration:none;
			background-color:#ffffff;
			padding-top: 0px;
			padding-left: 5px;
			display: inline;
}
.nav_inpage a{
			border-top:0px;
			border-bottom: solid 1px #666666;
			padding: 2px;
			margin: 2px;
}

.nav_inline_index a{
			color:#666666;
			padding: 0px;
			text-decoration:none;
			font-size:80%;
			border:none;
}

.nav_inline a{
			border-top:0px;
			border-bottom: solid 1px #666666;
			padding: 0px;
			margin: 0px;
}
.nav_button  a   {
			padding-left: 20px;
			padding-right: 20px;
}
.nav_button_short  a {
			padding-right: 10px;
}
.nav_button a:hover, .nav_button_short a:hover ,.nav_inpage a:hover {
			color:#333333;
			border-top: solid 2px #333333;
}
.nav_inpage a:hover , .nav_inline a:hover {
			border-top:none;
			border-bottom: solid 2px #333333;
}
.nav_inline_index a:hover {
			color:#333333;
			border:none;
			border-bottom:solid 1px;
}
.action_button input[type="submit"] {
			border: solid 1px #666666;
			margin:2px;
			padding:2px;
			font: Verdana, Arial, Helvetica, sans-serif;
			background-color:#ffffff;
			overflow: visible;
			color:#666666;
			font-size:80%;
}

.action_button input[type="submit"]:hover{
			border: solid 2px #666666;
			margin:1px;
}

/**************************************************************************** H1 H2 H3 etc... Headings ***/
h1, h2, h3, h4, h5, h6 {
		  margin: 0;
		  padding: 0;
		  font-weight: normal;
}
h1 { font-size: 450%;line-height: 100%;}
h2 { font-size: 400%;line-height: 100%;}
h3 { font-size: 350%;line-height: 100%;}
h4 { font-size: 300%;line-height: 100%;}
h5 { font-size: 250%;line-height: 100%;}
h6 { font-size: 200%;line-height: 100%;}
h7 { font-size: 150%;line-height: 100%;}

/**************************************************************************** HEADERS ***/
#header {	
			padding-top: 0px;
			cursor: default;
}

#header_heavy {	
}

#top_strip {
			background-image: url(../images/logo_round_top.gif);
			height: 90px;
			background-repeat: no-repeat;
			background-position: top;			
}

#top_strip_light {
			background-image: url(../images/logo_round_top.gif);
			height: 57px;
			background-repeat: no-repeat;
			background-position: top;			
}

#media_area {
			margin-left:160px;
			margin-right:180px;
			height:310px;
			display:block;
			clear:both;
			margin-bottom:5px;
}

#flash_box {
			margin-top:10px;
			margin-bottom:10px;
			width:600px;
			height:280px;
			float:left;
			background-color:#000000;
}

#right_text {
			margin-top:10px;
			margin-bottom:10px;
			width: 170px;
			height:280px;
			float:right;
			font-size:200%;
			line-height:100%
}

#how_to{
			font-size:50%;
			margin:none;
			margin-top:10px;
			height:60px;
			padding-top:10px;
			line-height:160%;
}

/**************************************************************************** MATCHES ***/
#resultats_explain {	
			margin-left:0px; 
			margin-bottom:5px;
			line-height: 1.0; 
			width:99%;
			font-size:100%;
			height:60px;
}

#resultats_box {	
			height: 730px;
			padding: 10px;
			cursor: default;
}
#thumbs {	float: left;
			width: 40%;
}

#loadarea {	
			height: 700px;
			text-align: center;
			background-color: #999999;
			width: 660px;
			color:#ffffff;
			float: right;
			padding-top:10px;
			font-size: 120%;				
}
.checkers {
	position:relative;
	border:none;
	pading:none;
	margin-right:-18px;
	left: -34px;
	bottom: 12px;
	visibility: visible;
}

.pic_naked {border: 5px solid #ffffff;}

.pic, a .pic   {border: 3px solid #cccccc; margin: 1px; }
a:hover .pic { border: 3px solid #313131; cursor: default;}

.two_pics {margin-bottom: 1px; }
.pic_box{}
.next_prev {text-align:right; margin-right: 55px; font-size:110%; vertical-align:middle;}
.next_prev_inline {color:#333333; font-size:110%;  margin-right: 20px;text-align:right;}
.preloadon {
			margin-left:-999px;
			display: none;
			z-index:5;
}

.waiting {
			position:absolute;
			width:100%;
			top:80px;
			left:0px;
			filter: Alpha(Opacity=90);
			-moz-opacity:0.9;
			opacity:0.9;
			z-index:10;
			margin-left: 80px;
}

/**************************************************************************** INDEX ***/
#sous_la_pic {	
			height: 250px;
			margin-left:160px;
			margin-right:180px;
			display:block;
}


#search_area {
			padding:10px;
			padding-left:0px;
			font-size:150%;
			vertical-align:middle;
			height:50px;
}

#mag_logos {
			padding-top:5px;
}


.search_box input[type="text"] {
			background-color:#cccccc;
			color:#000000;
			font-size:80%;
			font-weight:bold;
			margin-bottom:2px;
}
.search_box input[type="text"]:focus, input[type="text"]:focus  {
			background-color:#ff9933;
}

/**************************************************************************** DESTINATION / THEMES ***/
.balloon_link a{
			color:#666666;
			text-decoration:none;
			width:100px;
}

.balloon_link a:hover{
			color:#ff9933;			
			font-size:250%;
			font-weight:bold;
}

/**************************************************************************** SEARCH PAGE ***/
#previous_search {
			padding-top:10px;
}

/**************************************************************************** ADMIN DERRIERE ***/
#box_for_admin { 	
			display: block;
			clear:both;
			width: 100%;
}
.admin_sub {	color: #666666;
				border-bottom: solid 1px #ff6600;
				text-decoration:none;
}

.admin_lnk a {		color: #666666;
					border-bottom: solid 1px #ff6600;
					text-decoration:none;
					size: 200%;
					margin: 10px;
}

.admin_lnk a:hover{	border-bottom: solid 5px #ff6600;
}

.left_for_admin { width: 25%;
				  float: left;
				  
}

.right_for_admin { width: 75%;
}
/**************************************************************************** MENU ***/
#main_nav {
			margin-top:15px;
			padding-left: 10px;
			text-align: center;
			padding-bottom: 10px;
			display:block;
			clear:both;
			width:100%;
}	

/**************************************************************************** LIGHTBOX ***/
#tmp_lightbox, #tmp_deja, #lightbox , #browse {	
			margin-bottom: 40px;
			font-size:100%;
			margin-left:160px;
			margin-right:180px;
}

#tmp_deja {
			 filter:alpha(opacity=50);
			opacity: 0.5;
			-moz-opacity:0.5;
}

#lb_top , #browse_top{
			margin-bottom:15px;
}

/**************************************************************************** FOOTER ***/
#footer {		
			background-image: url(../images/footer_round.gif);
			height: 90px;
			background-repeat: no-repeat;
			background-position: bottom;			
			clear:both;
			margin-top:20px;
			padding-top: 10px;
			border-top: solid 1px #cccccc;
			margin-left:160px;
			margin-right:180px;
}

#subjects{
			font-size:80%;
			text-align:center;
}
/**************************************************************************** CUTTINGS page ***/
#cuttings {
			margin-left:160px;
			margin-right:160px;
			width:800px;
}

.cuttings_pic_box {
			float:left;
			margin:10px;
			text-decoration:none;
			text-align:center;
			color:#666666;
			padding:2px;
			overflow: visible;/* FIX IE PADDING*/
}
.cuttings_pic_box a img{
			border:solid 2px #cccccc;
			text-align:center;
}
.cuttings_pic_box a:hover img  {
			border:solid 2px #333333;
			color:#333333;
}
.cuttings_caption_box {
			text-align:center;
			margin:10px;
			text-align:left;
			line-height:110%;			
}

#cuttings_display{
			text-align:center;
}

/**************************************************************************** FAQs page ***/

#faqs {
			margin-bottom:30px;
}

/**************************************************************************** JOINDRE ***/
#joindre {
			margin-top:0px;
			vertical-align:bottom;
			margin-left:160px;
			margin-right:160px;
}