@charset "utf-8";
/* CSS Document */

* {
	margin:0; 
	padding:0; 
	list-style:none;
}

h3 {
	padding-bottom: 10px;
    padding-top: 10px;   
}




h2 {
	font-size: 25px;
	font-family: Titillium;
	color: #0000bd;
	text-shadow: 3px 1px 0px #f2f2f2;
	margin-top:10px;
	margin-bottom: 15px;
	text-align: center;
}	

html{
	background-color: #f5f5f5;/* #c6c2ef;*/
	background-image: url(images/bg_header2.png), url(images/bg_footer2.png);
	background-position: top, bottom;
	background-repeat:repeat-x;
}

body {
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px; 
	width:1000px;
	margin: 0 auto; 
	background-color: #fff;	
	background: #3b3bae; /*#004cbd;#8885ab;*/
}


header {
	background-color: #f5f5f5;
background-image: url("logoGBCWeb.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
	background-position: 10px 10px;
	width:1000px; 
	height:170px;
}


#menu {
	margin-left:60px;
	font-size:14px; 
	z-index:1;
}


#menu ul li {
	display:inline-block; 
	margin:5px; 
	margin-top:35px;


}

#menu a {
	color: white; 
	text-shadow: 2px 2px 2px #333; 
	text-decoration: none;
	padding: 5px 10px 15px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#menu a.active {
	color:black; 
	text-shadow:2px 2px 2px #333; 
	text-decoration:none;
	padding: 5px 10px 5px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #f5f5f5;
}

#menu a:hover {
	color:#585dff;
	-webkit-transition-property: color;
	-webkit-transition-duration: 1s;
	-moz-transition-property: color;
	-moz-transition-duration: 1s;
	transition-property: color;
	transition-duration: 1s;
}


nav {
	
	margin-left:830px;
	font-size:14px; 
}

nav ul li {
	display:inline-block;  
	margin-top:108px;

}

nav a {
	color:black; 
	text-shadow:2px 2px 2px #333; 
	text-decoration:none
}

nav a:hover {
	color:#585dff;
	-webkit-transition-property: color;
	-webkit-transition-duration: 1s;
	-moz-transition-property: color;
	-moz-transition-duration: 1s;
	transition-property: color;
	transition-duration: 1s;
}




nav ul li .login_form {
z-index:3;	
/*position:absolute;*/
position:relative;
margin-top:-120px;
margin-left: -350px;
/*left:720px;*/
background:#fff;
padding:15px;
width:300px;
height:90px;
border:1px solid #000;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;	
display:none;
}


nav ul li .login_form span {
background:#f2efea;
padding:3px;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
float:left;
margin:0 10px 10px 0;

}

nav ul li .login_form input{
width:150px;
padding:10px;
border:1px solid #d3d3eb;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
color:#9a6bff;
font-weight:bold;
}

nav ul li .login_form input::-webkit-input-placeholder  {
color: #cdc8c4;
text-shadow: 0px -1px 0px #38506b;
}
nav ul li .login_form input:-moz-placeholder {
color: #cdc8c4; 
text-shadow: 0px -1px 0px #38506b;
}
	
nav ul li .login_form input[type=submit]{
float:right;
border:1px solid #0000bd;
padding:0; margin:0;
height:34px;
line-height:34px;
width:80px;
font-weight:bold;
color:#0000bd;
text-shadow: 0 1px 1px #d3d3eb;
cursor:pointer;
-moz-box-shadow: 0px 2px 2px #cfcfcf;
-webkit-box-shadow: 0px 2px 2px #cfcfcf;
}
nav ul li .login_form input[type=submit]:active{
margin:1px 0 0 0;
-moz-box-shadow: 0px 0px 1px #d3d3eb;
-webkit-box-shadow: 0px 0px 1px #d3d3eb;
}
nav ul li .login_form a {
position: absolute;
font-size:10px;
text-shadow:none;
padding:0; margin:10px 0 0 5px;
height:16px;
line-height:16px;
color: #0000bd;
margin-top: 70px;

}
nav ul li .login_form a:hover {
border-bottom:1px dotted #d3d3eb;
}


table
{
    border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
}

#main {
	width:982px; 
	background-color:#FFC; 
	margin-left:auto; 
	margin-right:auto;
}

#content {
	padding-left:20px;
}

section {
	width:850px;
	position:relative;
	margin:0px 50px 50px 50px;
	padding:20px;
	background: #f5f5f5;
	/*background: -moz-linear-gradient(top, #f0f0fc 0%, #f5f5f5 100%); */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0fc), color-stop(100%,#d3d3eb));*/
	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#blocs {

	height: 550px;

}
section.mentions{
  height: 400px;
}

.mentions div{
  display: inline-block;
  width: 49%;
}

.mentions div:last-of-type{
  border-left: 1px solid #000;
  PADDING-left: 10px;
}

h1 {
	font-size: 25px;
	font-family: Titillium;
	color: #0000bd;
	text-shadow: 3px 1px 0px #f2f2f2;
	margin-top:10px;
	margin-bottom: 15px;
	text-align: center;
}	
/*
h2 {
	font-size: 16px;
	margin-bottom: 12px;
}	*/

article li{
	font-size: 14px;
	list-style-type: none; /* on annule la puce par défaut */
    background-image: url("puceGBC.png"); /* on affiche l'image souhaitée */
    background-repeat: no-repeat; /* on annule la répétition par défaut */
    /*background-position: left center; /* on positionne où l'on veut */
    padding-left: 30px;
    margin-top: 15px;
    margin-bottom: 10px; 
    margin-left: 10px;
}

aside { 
	background-color:white; 
	width:300px; 
	height:100%; 
	position:absolute; 
}

footer {
	
	display:inline-block; 
	background-color:#f5f5f5; 
	width:982px; 
	height:35px; 
	color:#fff; 
	text-shadow:2px 2px 2px #ccc; 
	text-align:center; 
	padding-top:0px;
	
	background-image: url("ligneGBCWebfooter.png") ;
	
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 15px 0px;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;

	width:1000px; 
}

footer a {
	color:#000; 
	text-shadow:2px 2px 2px #333; 
	text-decoration:none;

}

footer ul li {
	display:inline-block; 
	margin:10px; 
}

footer a:hover {
	color:#0000bd;
	-webkit-transition-property: color;
	-webkit-transition-duration: 1s;
	-moz-transition-property: color;
	-moz-transition-duration: 1s;
	transition-property: color;
	transition-duration: 1s;
}

#slideshow img{
	position:absolute;
	width:300px;
	margin-left:0px;
	z-index: 2;
}

#imageAccueil{
	position:absolute;
	width:650px;
	margin-left:100px;
	margin-top:100px;
	
	
}

#slideshow { 
    //margin: 20px 20px; 
    //margin-top: 20px;
    position:absolute;
    width: 300px; 
    height: 197px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    margin-left:250px;
    z-index: 2;
    
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}


#fdw-pricing-table {
		margin:0 auto;
		margin-top:30px;
		text-align: center;
		width: 918px; /* total computed width */
		zoom: 1;
		height: 720px;

	}

	#fdw-pricing-table:before, #fdw-pricing-table:after {
	  content: "";
	  display: table
	}

	#fdw-pricing-table:after {
	  clear: both
	}

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

	#fdw-pricing-table .plan {
		font: 13px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;     
		background: #fff;      
		border: 1px solid #ddd;
		color: #333;
		padding: 20px;
		width: 100px;
		float: left;
		_display: inline; /* IE6 double margin fix */
		position: relative;
		margin: 0 5px;
		-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);		
	}

	#fdw-pricing-table .plan:after {
	  z-index: -1; 
	  position: absolute; 
	  content: "";
	  bottom: 10px;
	  right: 4px;
	  width: 80%; 
	  top: 80%; 
	  -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);   
	  -moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
	  box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
	  -webkit-transform: rotate(3deg);    
	  -moz-transform: rotate(3deg);   
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);	
	}	
	
	#fdw-pricing-table .popular-plan {
		top: -20px;
		padding: 40px 20px;
		width: 110px;   
		margin: 0 0;
		border: 1px solid  #6b6bff;
		-moz-box-shadow: 0 4px 4px -2px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,.5);
		box-shadow: 0 4px 4px -2px rgba(0,0,0,.5)
		
	}

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

	#fdw-pricing-table .header {
		position: relative;
		font-size: 20px;
		font-weight: normal;
		text-transform: uppercase;
		padding: 40px;
		margin: -20px -20px 20px -20px;
		border-bottom: 8px solid;
		background-color: #eee;
		background-image: -moz-linear-gradient(#fff,#eee);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));    
		background-image: -webkit-linear-gradient(#fff, #eee);
		background-image: -o-linear-gradient(#fff, #eee);
		background-image: -ms-linear-gradient(#fff, #eee);
		background-image: linear-gradient(#fff, #eee);
		height: 30px;
	}

	#fdw-pricing-table .header:after {
		position: absolute;
		bottom: -8px; left: 0;
		height: 3px; width: 100%;
		content: '';
		background-image: url(images/bar.png);
	}
	
	#fdw-pricing-table .popular-plan .header {
		margin-top: -40px;
		padding-top: 60px;		
	}


	#fdw-pricing-table .plan1 .header{
		border-bottom-color: #bf99ff;
	}

	#fdw-pricing-table .plan2 .header{
		border-bottom-color: #9a6bff;
	}

	#fdw-pricing-table .plan3 .header{
		border-bottom-color: #3052ff;
	}

	#fdw-pricing-table .plan4 .header{
		border-bottom-color: #0000bd;
	}			
	
	/* --------------- */

	#fdw-pricing-table .price{
		font-size: 35px;
		height: 40px
	}

	#fdw-pricing-table .monthly{
		font-size: 13px;
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #999;
		height: 25px
	}


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

	#fdw-pricing-table ul {
		margin: 20px 0;
		padding: 0;
		list-style: none;
	}

	#fdw-pricing-table li {
		padding: 10px 0;
	}
	
	/* --------------- */
		
	#fdw-pricing-table .signup {
		position: relative;
		padding: 10px 10px;
		color: #fff;
		font: bold 14px Arial, Helvetica;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;       
		background-color: #72ce3f;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;     
		text-shadow: 0 -1px 0 rgba(0,0,0,.15);
		opacity: .9;       
	}

	#fdw-pricing-table .signup:hover {
		opacity: 1;       
	}

	#fdw-pricing-table .signup:active {
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
		box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;       
	}			

	#fdw-pricing-table .plan1 .signup{
		background: #bf99ff;
	}

	#fdw-pricing-table .plan2 .signup{
		background: #9a6bff;
	}

	#fdw-pricing-table .plan3 .signup{
		background: #3052ff;
	}

	#fdw-pricing-table .plan4 .signup{
		background: #0000bd;
	}	

	#fdw-pricing-table .paire{
		color: #999;
		height: 30px;
		padding: 10px;
		margin: -20px -20px 20px -20px;
		background:white;
		
	}
	#fdw-pricing-table .impaire{
		height: 30px;
		background: #eee;
		padding: 10px;
		margin: -20px -20px 20px -20px;
		
	}


#fdw-pricing-table .fonctions{
		background:transparent;
		border-color:transparent;
		margin-bottom: 10px;
		box-shadow: 0 0px 0px 0px rgba(0,0,0,.3);	
		width: 185px;
	}

#fdw-pricing-table .fonctions .header{
		border-bottom-color: transparent;
		background:transparent;
		border-color:transparent;
	}

#fdw-pricing-table .fonctions .signup{
		height: 0px;
	}	
	
#menuRTCoaching {
		background: #fff;      
		border: 1px solid #ddd;
		color:  #0000bd;;
		padding: 20px;
		width: 210px;
		_display: inline; /* IE6 double margin fix */
		position: relative;
		margin: 0 5px;
		-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
		box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);		
	}
#menuRT {
		padding: 0px;
		list-style: none;
		color:white;
	}
#menuRT li{
	list-style-type: none;
	padding:10px;
	}
	
#menuRT li a{
	font: 15px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;     
	text-decoration: none;

	}
article#presentationLogiciel{
	position: relative;
    padding-top: 50px;
	width: 530px;
	margin:-290px 0 0 295px;
	}
article#presentationLogiciel h1{
	margin:20px;
	margin-top:40px;
	font: 20px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; 
	color:  #0000bd;; 
	}
article#presentationLogiciel p{
	font: 15px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; 
	color: #000; 
	text-align:justify;
	text-justify:inter-word;
	}
article#presentationLogiciel h3{
	font: 13px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; 
	color: #000; 
	text-align:center;
	}
#presentationLogiciel .image{
	margin-top: 20px;
	text-align: center;
}
#presentationLogiciel img{
	border: 1px solid #000;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
		box-shadow: 2px 2px 2px rgba(0,0,0,.3);      
}
#presentationLogiciel figcaption{
	margin-bottom: 15px;
}