/* base css */


/* starter */
body{
	
	margin: 0;
	padding: 0;
	background: #333 url('../img/bg/dark_wood.png') ;
	
	/* font family 'Open Sans' ( use font-weight:[value]; for the 10 values ) 
	you can find these values in the google font <link> in the html header*/
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	
}

h1{
	font-size:1.4em;
	
	margin:2px 0px 5px 0px;
	
}

h2{
	font-size:1.2em;
}

h3{
	font-size:0.9em;
	margin:0px;
	/*margin-bottom:5px;
	text-decoration: underline;*/
}

h1, h2, h3{
	font-weight:bold;
	text-transform: uppercase;
}

p{
	font-size:0.8em;
	margin:0px;
}

a{
	font-size:0.8em;
	text-decoration: none;
}

ul{
	font-size:0.8em;
	margin-top:0px;
}


#pageWrapper{
	width: 960px;
	margin: 50px auto;
	background-color: #fff;
}

/*************************************************************************/



/* class general */
.bg-gradient{
	background: -webkit-linear-gradient( #000, #333);
	background:    -moz-linear-gradient( #000, #333);
	background:     -ms-linear-gradient( #000, #333);
	background:      -o-linear-gradient( #000, #333);
	background:         linear-gradient( #000, #333);
}/* can use 'right' or 'toLeft' for different gradient*/

.box-shadow{
	-webkit-box-shadow: 0px 3px 10px #000;
	-moz-box-shadow: 0px 3px 10px #000;
	-ms-box-shadow: 0px 3px 10px #000;
	-o-box-shadow: 0px 3px 10px #000;
	box-shadow: 0px 3px 10px #000;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.center{
	margin:auto;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

/* showing and hiding content */
.show{display:block;}
.hide{display:none;}

/*************************************************************************/



/* header */
header{
	background-color:#000;
	color:#fff;
}

#lang_select{
	border: outset 1px #555;
	background-color:#333;
	color:#ddd;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding-left: 10px;
	font-size: 0.8em;
}

.a_button{
	background:#333;
	color:#ddd;
	text-decoration: none;
	border: outset 1px #555;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	padding: 2px 10px;
}
.a_button a:link, .a_button a:visited{
	text-decoration: none;
	color=#ddd;
}


#logo{
	border:none;
	margin:20px;
	float:left;
	/* for a no image case  take some format values 
	width:20px;
	height:20px;*/
	
}

#mediaSociaux{
	float:right;
	width:20px;
	height:20px;
	border:none;
	padding:20px;
}

header h1{padding:20px;}

nav{
	/*margin:0;*/
	
	/*padding-left: 20px;*/ /* to get a space left of the nav bar 
							(you'll probably want to remove de .first on the first link to add a border-left) */
}

nav a{
	display:inline-block;
	margin-right: -5px;
	border-right:#333 solid 1px;
	color:#fff;
	padding:20px 50px; /* height and width of the buttons */
}

nav a.first{
	border-left:none;
}

nav a:hover, nav a:focus, nav a:visited{ 
	background: -webkit-linear-gradient( #668, #000);
	background:    -moz-linear-gradient( #668, #000);
	background:     -ms-linear-gradient( #668, #000);
	background:      -o-linear-gradient( #668, #000);
	background:         linear-gradient( #668, #000);
}

.hover{
	background: -webkit-linear-gradient( #668, #000);
	background:    -moz-linear-gradient( #668, #000);
	background:     -ms-linear-gradient( #668, #000);
	background:      -o-linear-gradient( #668, #000);
	background:         linear-gradient( #668, #000);
}

/*************************************************************************/



/* page content */
#content{
	background: #fff url('../img/bg/light_wool.png') ;
	padding: 20px 30px;	
}

#formMailTable{
	width:				100%;
	border:				none;
	border-collapse:collapse;
	margin-top:		30px;
}
#formMailTable th, #formMailTable td{
	vertical-align:		top;
	padding-right:		10px;
}

/* div from dynamic code */

/* main div */
#display{
	overflow:	hidden;
	color:		#668;
	padding-bottom: 5px;
}

/* Error div, gonna be reused throughout the code*/
#error{
	background:	#FFB2B2;
	color:		#FF0000;
}

/*************************************************************************/



/* footer */ 
footer{
	background-color:	#000;
	height:					100px;
}

#signature{
float:			right;
font-style:		italic;
font-size:		0.8em;
font-weight:	lighter;
text-align:		right;
color:			#666;

}
/*************************************************************************/



/* pour le slider */
#slider{
	height:		200px;  
    width:		960px;  
    padding:	0;  
    margin: 	0;
    overflow:	hidden;
}

#slider img{ 
    height: 		200px;  
    width:		960px;
}
/*************************************************************************/

/*************************************************************************/
/*******************************login*************************************/
/*************************************************************************/

#login_prompt{
	padding:0px 0px 0px 0px;
	font-size: 0.8em;
}

#login{
	float:right;
	padding:0px 0px 0px 0px;
	font-size: 0.8em;
}

#ind_log_info{
}

#ind_log_logout{
	float:right;
}

#ind_log_prof{
	float:right;
}

#ind_log_ulist{
	float:right;
}
/*************************************************************************/

/*************************************************************************/
/*******************************News**************************************/
/*************************************************************************/

#newsContainer{
	/*margin-left:	10px;  /* a voir si important */
}

#newsHeader{
	border-bottom:solid 3px;
	overflow: auto;
}
#newsBtn{
	float:right;
}
#newsTitle{
}
.nwContainer{
	border-bottom:solid 2px;
}

.nwSubject{
	background: -webkit-linear-gradient( left, #668, #fff);
	background:    -moz-linear-gradient( left, #668, #fff);
	background:     -ms-linear-gradient( left, #668, #fff);
	background:      -o-linear-gradient( left, #668, #fff);
	background:         linear-gradient( left, #668, #fff);
	border-bottom-left-radius:10px;
	/*background-color:#668;*/
	color:#fff;
	padding:10px;
}
.nwEdit{float:right;}
.nwDelete{float:right;}

.nwBody{
	clear:both;
	padding:20px 10px 20px 10px;
}
.nwBody p{
	font-size: 1em;
}

#nwSignature{
	padding:10px 10px 5px 10px;
}

.italic{
	font-style: italic;
}
.small{
	font-size:0.7em;
	font-style: italic;
	padding-right: 10px;
	text-align: right;
}
#newsPages{
	float: right;
}
/*************************************************************************/


/*************************************************************************/
/*******************************Forum*************************************/
/*************************************************************************/

/*********** Thread list ************/
#fmThreadlist{
	clear:both;	
}
#fmThlistTitle{}
.fmThlistThread{
	width:99.8%;		/* because the border suck */
	float:left;	/* to get every child floating together */	
	margin:0px 0px 10px 0px;
	
	/*border: solid 1px #668;*/
	background-color: #ddf; /* pour faire moin tableau ??*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
}
.fmThlistFlags{
	font-size:0.7em;
	font-style:italic;
	float:left;
	padding:10px 0px 10px 10px;
}
.fmThlistUser{
	font-size:0.8em;
	float:right;
	padding:10px;
	width:20%;	/* easy to format */
	
	/*border-left:solid 1px #668;*/
	background-color: #cce; /* pour faire moin tableau ??*/
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.fmThlistSubject{
	float:left;
	padding:10px 10px 10px 10px;
	font-size: 1.2em;
	font-weight: bold;
}
#fmThlistAdd{
	clear: both;
	width: 500px;
}
#fmThlistAddThread{
	text-align: center;
}
#fmThlistAddSubject{
}
#fmThlistAddOptions{
	float: right;
}
#fmThlistAddMessage{
}
#fmThlistAddSubmit{
	float: right;
}
/*********** View thread ************/
#fmThviewNav{
}
#fmThview{
	clear: both;
}
#fmThviewPost{
	overflow: auto;
	margin:0px 0px 10px 0px;
	background-color: #ddf; /* pour faire moin tableau ??*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
}
#fmThviewPostFlags{
	float: left;
	font-size: 0.7em;
	margin-left: 5px;
	padding: 20px 0px 10px 0px;
}
#fmThviewPostSubject{ 
	background-color: #cce;
	overflow: hidden;
}
/* Valid for post and comments */
.fmThviewControls{
	float: right;
	padding: 10px 0px 10px 0px;
}
/* This one is defined as a class cause I need id for js */
.fmThviewPostText{
	float:left;
	width: 75%;
	padding:10px 10px 10px 10px;
}
#fmThviewPostUser{
	font-size:0.8em;
	float:right;
	padding:10px;
	width:20%;	/* easy to format */
	background-color: #cce;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#fmThviewPostAvatar{
	float: left;
	margin-right: 10px;
}
.fmThviewComm{
	clear: both;
	overflow: auto;
	margin:0px 0px 10px 20px;
	background-color: #ddf;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
}
.fmThviewCommSubject{
	background-color: #cce;
	overflow: hidden;
}
.fmThviewCommSubject h3{
	padding: 10px 0px 10px 5px;
}
.fmThviewCommText{
	float:left;
	width: 75%;
	padding:10px 10px 10px 10px;
}
.fmThviewCommUser{
	font-size:0.8em;
	float:right;
	padding:10px;
	width:20%;	/* easy to format */
	background-color: #cce;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.fmThviewCommAvatar{
	float: left;
	margin-right: 10px;
}
#fmThviewCommAdd{
	clear: both;
	width: 500px;
}
#fmThviewCommAddHead{
	text-align: center;
}
#fmThviewCommAddSubject{
}
#fmThviewCommAddText{
}
#fmThviewCommAddSubmit{
	float: right;
}
#forumPages{
	float: right;
}
/*************************************************************************/

/*************************************************************************/
/*******************************Gallery***********************************/
/*************************************************************************/
#photoGallery{
	width: 100%;
}
#photoGalleryDisplay img{
	display: none;
}
#photoGalleryDisplay img.first{
	display: block;
}
#photoGalleryPager{
	text-align: center;
	margin: 10px 0px 10px 0px;
}
#photoGalleryPager a{
	padding: 0px 10px 0px 10px;
}
.cycle-prev, .cycle-next {
	position: absolute;
	top: 0;
	width: 30%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 800;
	height: 100%;
	cursor: pointer;
}
.cycle-prev{
	left: 0;
	background: url("/img/left.png") 50% 50% no-repeat;
}
.cycle-next{
	right: 0;
	background: url("/img/right.png") 50% 50% no-repeat;
}
.cycle-prev:hover, .cycle-next:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}
/*************************************************************************/

/*************************************************************************/
/*******************************Contact**************************************/
/*************************************************************************/
#contactInfo{
	float: left;
}
#contactAddress{
	float:right;
	padding-left: 5px;
}
#contactMap{
	float: right;
}
#pac-input {
        background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 250px;
}
#gMapInfoContent{
	overflow: auto;
}
#gMapInfoContentLogo{
	float: left;
}
#gMapInfoContentAddress{
	float: right;
	padding-left: 5px;
}

/*************************************************************************/
/*******************************Dialogs**************************************/
/*************************************************************************/
#register{
	width: 100%;
	overflow: hidden;
}
.registerLeft{
	min-width: 225px;
}