
/* Shortcode */
.clear-shortcode{ width:100%; height:10px; clear:both;}
.dropcap {
float: left; color: #903; font-size: 50px; line-height: 40px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia;
}
/*colonne*/
/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
/*box*/
.box { 
	padding:20px 20px 20px 10px; 
	margin:5px; 
  text-decoration: none;
}
.box p { padding: 0 0 0 42px;}
.box-icon-aucun{ width:36px;height:36px; float:left; margin-right:5px;}
.box-icon-info{ width:36px;height:36px; float:left; margin-right:5px; background:url(images/info.png) no-repeat;}
.box-icon-croix{ width:36px;height:36px; float:left; margin-right:5px; background:url(images/croix.png) no-repeat;}
.box-icon-aide{ width:36px;height:36px; float:left; margin-right:5px; background:url(images/aide.png) no-repeat;}
.box-icon-ok{ width:36px;height:36px; float:left; margin-right:5px; background:url(images/ok.png) no-repeat;}
.box-icon-fleche{ width:36px;height:36px; float:left; margin-right:5px; background:url(images/fleche.png) no-repeat;}
.grey{background-color:#FAFAFA; border: solid 1px #F0F0F0;}
.black {background-color:#454545;border: solid 1px #000000;}
.yellow {background-color:#F9F9DC;border: solid 1px #F4F4CD;}
.red { background-color:#FFD9D5; border: solid 1px #F5C8C4;}
.green {background-color:#DFF7DD;border: solid 1px #D4EDD2;}
.blue {background-color:#DDF5F7;border: solid 1px #D1F1F3;}

/*toggle*/



#toggle-view  {
	list-style:none;	
	
	margin:0;
	padding:0;
	}

	#toggle-view li {
	list-style:none;
		margin:10px;
		
		position:relative;
		cursor:pointer;
		
	}
	
.toggle-gray {
		margin:0 0 0 0;
		padding: 0 0 0 20px;
		font-size:16px;
		line-height:35px;
		height:35px;
		text-transform:none;
		 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
        background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
        
        background-color:#ededed;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#777777;
        font-family:arial;
        font-size:15px;
        font-weight:normal;
        
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff; width:100%;
        
		
		
		
	}
	
.toggle-bleu {
		margin:0 0 0 0;
		padding: 0 0 0 20px;
		font-size:16px;
		line-height:35px;
		height:35px;
		 -moz-box-shadow:inset 0px -1px 0px 0px #00648b;
        -webkit-box-shadow:inset 0px -1px 0px 0px #00648b;
        box-shadow:inset 0px -1px 0px 0px #00648b;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #25aee4), color-stop(1, #018ac0));
        background:-moz-linear-gradient(top, #25aee4 5%, #018ac0 100%);
        background:-webkit-linear-gradient(top, #25aee4 5%, #018ac0 100%);
        background:-o-linear-gradient(top, #25aee4 5%, #018ac0 100%);
        background:-ms-linear-gradient(top, #25aee4 5%, #018ac0 100%);
        background:linear-gradient(to bottom, #25aee4 5%, #018ac0 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25aee4', endColorstr='#018ac0',GradientType=0);
        
        background-color:#25aee4;
        
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        
        border:1px solid #00648b;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:14px;
        font-weight:bold;
       
        text-decoration:none;
        
        text-shadow:0px 1px 0px #333333; width:100%;
		
		
	}
.toggle-vert {
		margin:0 0 0 0;
		padding: 0 0 0 20px;
		font-size:16px;
		line-height:35px;
		height:35px;
		 -moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
        -webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
        box-shadow:inset 0px 1px 0px 0px #d9fbbe;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
        background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
        background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
        background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
        background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
        background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
        
        background-color:#b8e356;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #83c41a;
        
        display:inline-block;
        color:#363536;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #86ae47; width:100%;
		
		
	}
	
.toggle-whirte  {
		margin:0 0 0 0;
		padding: 0 0 0 20px;
		font-size:16px;
		line-height:35px;
		height:35px;
		  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        
        background-color:#ffffff;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff; width:100%;
		
	}

	#toggle-view span {
		position:absolute;
		right:5px; top:8px;
		font-size:13px;
		background: url(images/tog-plus.png) no-repeat;width:23px; height:24px;
	}
	
.toggle-plus{ background: url(images/tog-plus.png) no-repeat; width:18px; height:19px;}
.toggle-moin{background: url(images/tog-moin.png) no-repeat; width:18px; height:19px;}
	
	#toggle-view p {
	text-indent:0;
	padding:0;
	text-align:left;
		margin:5px 0;
		display:none;
	}
@media only screen and (device-width: 768px) {
.toggle-resp{ width:100%;}	
	
}
/* tabs */
.container-tabs { margin: 10px auto;}

#tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	
	width: 100%;
}

#tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 31px;
	border: 1px solid #dcdcdc;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	
	  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        
        background-color:#ffffff;
        
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:12px;
        font-weight:bold;

        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
	
}
#tabs li a {
	text-decoration: none;
	
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: none;
	outline: none;
}
#tabs li a:hover {
	color: #ccc;
	height: 35px;
}	
html ul#tabs li.active, html ul#tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #dcdcdc;
	border-top: none;
	clear: both;
	float: left; 
	
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {

	padding: 10px;
	
}
/* Membre */

.member-post{ width:280px; margin:0 auto; padding:10px;
background: #dedede;
border: #CCCCCC solid 1px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.member-code {
	background-color:#333;
	color:#FFF;
	padding:3px;
	margin-bottom:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}
/*--------------------*/
#actions .connect_user {
	width:200px;
	float:none;
	margin: 0 auto auto 40px;
}
#login-input input {
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 218px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 1px #ccc inset;
  -webkit-box-shadow: 0 1px 1px #ccc inset;
  box-shadow: 0 1px 1px #ccc inset;
}
#inputs input {
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 268px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 1px #ccc inset;
  -webkit-box-shadow: 0 1px 1px #ccc inset;
  box-shadow: 0 1px 1px #ccc inset;
}

#inputs input:focus {
  background-color: #fff;
  border-color: #e8c291;
  outline: none;
  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
  -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
  box-shadow: 0 0 0 1px #e8c291 inset;
}