/* 
----------------------------------------------------------------------------------------

Copyright 2010 - Thierry Ruiz - www.dotemplate.com - All rights reserved.

THIS TEMPLATE IS FREE AS LONG AS YOU KEEP THE LINK TO WWW.DOTEMPLATE.COM IN THE FOOTER
TO REMOVE THE LINK, PLEASE MAKE A 10 DOLLARS DONATION at www.dotemplate.com/#donate

----------------------------------------------------------------------------------------
*/




html {
	background: $bottomWrapper.bg.color;
	margin:0 0 0 -1px;
	padding:0;	
	overflow-Y: scroll;
}


body {
	padding:0;
	margin :0;
	display:table; 
	width:100%;	
}


  
  
body {
	color:#e0e0e0;
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 12px;
	font-style: normal ;
	font-weight: normal ;
	text-transform: normal;
}

/* ***************************** */
/* Bulles d'infos                */
/* ***************************** */

a.bulle {
position:relative;
color:#396a86; 
text-decoration:none; 
font-family:arial, verdana, sans-serif; 
text-align:center; 
font-size:11px;
}

a.bulle:hover {
background: none; 
z-index: 50; 
}

a.bulle span { 
display: none;
}

a.bulle:hover span {
display: block; 
position: absolute;
top: -10px; 
left: 40px;
font-family:arial, verdana, sans-serif; 
text-align:justify; 
font-size:12px;
font-weight:normal;
width:400px;
background: white;
padding: 5px;
border: 1px solid #62c0f4;
border-left: 10px solid #62c0f4;
}

a.blue:link, a:visited {
	color:#c7e8ff ;
	text-decoration:none;
}


a.blue:hover {
	color:#cdb380;
	text-decoration:underline;
}


p {
	letter-spacing: normal ;
	line-height: 20px ;
}

p.condensed {
	letter-spacing: normal ;
	line-height: 20px ;
	margin:-20px 0 0px 0;
}

h1 {
	color:#cdb380;
	font-size:24px ;
	margin:25px 0 10px 0;
	clear:both;
}

h1.petit {
	color:#cdb380;
	font-size:18px ;
	margin:5px 0 3px 0;
	clear:both;
}


h2 {
	color:#cdb380;
	font-size:18px ;
	margin:20px 0 10px 0;
	clear:both;
}

h2.petit {
	color:#cdb380;
	font-size:14px ;
	margin:2px 0 1px 0;
	clear:both;
}

h3 {
	color:#cdb380;
	font-size:16px;
	margin:20px 0 5px 0;
	clear:both;
}

h3.petit {
	color:#cdb380;
	font-size:12px ;
	margin:1px 0 -10px 0;
	clear:both;
}


a:link, a:visited {
	color:#cdb380 ;
	text-decoration:none;
}


a:hover {
	color:#fa720a;
	text-decoration:underline;
}

  
  

#wrapper {
	background: transparent url( images/page-vbg.jpg ) repeat-y scroll 50% 0px ;
	margin:0 auto ;
	width:100%;
}

  
  
body {
	background-color:#001c53;
}


#wrapper {
	border-top: 0px solid #324e85; /* was: 1 px */
}

img {
	border:0px ; 
}


#topWrapper {
	width:100%;
	height:160px ;
	background-color:${topWrapper.bg.color};
	background-image:url(images/topWrapper-bg.jpg) ;
	background-position:center top ;
	background-repeat:repeat-x;
}


#topBanner {
	width:900px; /* was: 1100 */
	margin:0 auto;
	height:160px ;
	background-image:url(images/topBanner.jpg) ;
	background-repeat:no-repeat;
}


#topnav {
	background:transparent url("images/hmenu.jpg") repeat-x top left;
}


  
  


#topnav {
	height:30px; /* Was: 40 */
	margin:0 auto ;
	text-align:center;
}

#topnav ul {
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
	height:30px; /* Was: 40 */
	text-transform:uppercase;
	font-size:12px;
	font-family:Arial,sans-serif;
}


#topnav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	background:transparent url("images/hmenu.jpg") repeat-x top left;

}


#topnav ul li a {
	display:block;
	float:left;
	color:#e0e0e0;
	text-decoration:none;
	padding:0px 50px ;
	line-height:30px; /* Was 40 */
	font-weight:bold;
}


#topnav ul li a:hover, #topnav li#current a {
	color:#e8ddcb;
	background:transparent url("images/hmenu-sel.jpg") repeat-x top left;
}



#topnav ul {
     width:800px; /* was 1100 */
}



body {
	background-position : center 200px ;
}










#bg {
	margin:0 auto;
	padding:0;
	background:transparent ;
	background-image: url( images/hat.jpg ) ;
 	background-repeat:no-repeat;	
	background-position: center top ;
}



  
  
#header {
	margin: 0 auto;
	min-height:0px;
	height: 0px;
	width: 970px; /* was 1100 */
}


#page {
	background: transparent url( images/page-bg.jpg ) no-repeat center top;
}



  
  


#container {
	margin:0 auto;
	width:900px; /* was 1100 */
}


#content {
	width:900px; /* was 1080 */
	margin:0 auto ;
	text-align:left;
	min-height:800px;
}


#content p {
	text-align:justify;
}


#welcome ul li.list1 {
/* 	display:block; */
	float:left;
	margin:0;
	padding:00;
	/* list-style: square inside; */
}

/* LI.list1 {list-style: circle outside; color:green;} */

#footerWrapper {
	margin:0 auto;
	height:10px;
	padding:0;
	background:transparent url( images/footerWrapper-bg.jpg ) no-repeat scroll center top ;
}


#footer {
	margin:0 auto;
	padding:0;
	width:850px; /* was 1100 */
	height:10px;
}


  

#right {
	width:150px; /* was 200 */
	padding:10px 20px 20px 20px;
	float:left;
}


#center {
	width:690px; /* was 800 */	
	padding:0px 20px 20px 0px ;
	float:left;
}

#center_indent {
	width:670px; /* was 800 */	
	padding:0px 20px 20px 30px ;
	float:left;
}

 
#content p {
	margin-top:10px;
	text-align:justify;
}


  
  
  
  

#sidebar ul.vmenu {
	list-style: none;
	text-align: left;
	margin: 7px 0px 8px 0px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #eeeeee;	
}


#sidebar ul.vmenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	border-bottom: 1px solid #eeeeee;
}



#sidebar ul.vmenu li a {
	text-decoration: none;
	color:#c7e8ff;
}


#sidebar ul.vmenu li a:hover {
	color:#cdb380;
}


#sidebar ul.vmenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.vmenu ul li { border: none; }



#bottomWrapper {
	min-height:140;
	background-color:#031634;
	background-image:url(images/bottomWrapper-bg.jpg) ;
	background-position:center top ;
	background-repeat:repeat-x;
	text-align:center;
	color:#cdb380;
	text-align:center;	
}

#bottomWrapper a:link, #footer a:visited {
	color:#e8ddcb;
}


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



#bottomWrapper {
	width:100%;
	height:140px ;
	clear:both;
	margin:0 ;
	padding:0;
}



.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* *************************** */
/* Styles for tables           */
/* *************************** */

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
	border-bottom-style: solid; 
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('images-table/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}

#gradient-style a
{
	text-decoration: none;
	color:#6E4924;
}

#gradient-style td
{
	padding: 10px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('images-table/gradback.png') repeat-x;
	nowrap;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-image/gradhover.png') repeat-x;
	color: #339;
}

#predefined-lists
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin: 0px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
	border-bottom-style: solid; 
}

#predefined-lists a
{
	text-decoration: none;
	color:#6E4924;
	display: block;
}

#predefined-lists td
{
	padding: 10px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #e8edff url('images-table/gradback.png') repeat-x;
	nowrap;
}

/* *** The table jeux-search-list is used for result of the search *** */

#jeux-search-result-list
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
	border-bottom-style: solid; 
}
#jeux-search-result-list th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('images-table/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}

#jeux-search-result-list a
{
	text-decoration: none;
	color:#6E4924;
	display: block;
}

#jeux-search-result-list td
{
	padding: 10px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('images-table/gradback.png') repeat-x;
	nowrap;

}
#jeux-search-result-list tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;

}


#jeux-search-result-list tbody tr:hover td
{
	background: #d0dafd url('table-image/gradhover.png') repeat-x;
	color: #339;
}

#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin: 0px;
	width: 700px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}


#box-table-b th
{
	font-size: 15px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}

#box-table-b td.description
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
	text-align: left;
}

#proposition-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #011c53;
	margin: 00px;
	width: 720px;
	border-collapse: collapse;
	text-align: left;
}
#proposition-table th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#proposition-table td
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}


#proposition-sub-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #011c53;
	margin: 00px;
	width: 200px;
	border-collapse: collapse;
	text-align: left;
}
#proposition-sub-table th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#proposition-sub-table td
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 0px solid #ccc;
	color: #669;
	padding: 6px 8px;
}

/* #proposition-table tbody tr:hover td
{
	color: #009;
}
*/



/* ********** */
/* FORMS      */
/* ********** */

form {
 /* background-color:#FAFAFA; */
 padding:0px;
 width:700px;
 }
fieldset {
 padding:20px;
 margin-bottom:10px;
 }
legend {
 color:#a0522d;
 font-weight:bold
 }
label {
 margin-top:20px;
 display:block;
 }
label.inline {
 display:inline
 }
input {
 border:1px solid gray;
 background-color:#ccdaed;
 }
input[type=radio] {
 /* margin-right:10px; */
 background-color:transparent;
 }
select, option {
 background-color:#ccdaed;
 }
textarea {
 border:1px solid black;
 background-color:#ccdaed;
 }
 
 input[type=submit], input[type=reset] {
 border:2px outset #ccdaed;
 font-weight:bold;
 cursor:pointer;
 }
input[type=submit]:hover, input[type=reset]:hover {
 border:2px outset white;
 background-color:white;
 }
input[type=submit]:active, input[type=reset]:active {
 border:2px inset #A6BEDE;
 background-color:#A6BEDE;
 color:black;
 }