@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Mr+Dafoe);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	margin:0;
	padding:0;
	width:100%;
	color:#666;
	font:normal 11px/1.8em Arial, Helvetica, sans-serif;
	background:#fff url("../images/bg.jpg");
}
html {
	padding:0;
	margin:0;
}
.main {
	padding:0;
	margin:0;
	background:url("../images/main_bg.jpg") repeat-y center;
	display:block;
	overflow:hidden;
}
.logo {
	height:70px;
	padding:0;
	margin:0 auto;
}
h1 {
	margin:0;
	padding:20px 0 0 0;
	color:#636363;
	font:bold 38px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
}
h1 a, h1 a:hover {
	color:#636363;
	text-decoration:none;
}
h1 span {
	color:#78bbe6;
}
h1 small {
	padding:0 10px;
	font:normal 30px/1.2em Arial, Helvetica, sans-serif;
	font-family: 'Mr Dafoe', cursive;
	letter-spacing:normal;
}


h2 {
font:normal 24px Arial, Helvetica, sans-serif;
	margin:0;
	color:#595959;
}

article h2{
padding-bottom:20px;
}
form h2{
padding-bottom:0;
}
h3 {
	font:normal 18px Arial, Helvetica, sans-serif;
	padding:0 0 2px;
	margin:0 0 3px;
	color: #78BBE6;
	border-bottom:1px solid #78BBE6;
}
h3.new{color:#E17009;border-bottom:1px solid #E17009;}
h3.final{color:#999;border-bottom:1px solid #999;}
p {
	margin:0;
	padding:0 0 8px 0;
	
}
a {
	color:#276A96;/*color:#268FC4;*/
	text-decoration:underline;
}
a:hover {
	color:#268FC4;
	text-decoration:none;
}
a.rm, a.com {
	padding:0;
	text-decoration:none;
}

.margin_top_10{
margin-top:10px;
}
.margin_left_10{
margin-left:10px;
}

ol.list_left li , li.list_left li {
display:inline-block;
}
header, .content, nav, .fbg, footer, form, ol, ol li, ul, .content .sidebar, label, p, div {
	margin:0;
	padding:0;
}
.left{
float:left;
}
.right{
float:right;
}
.txt_left{
text-align:left;
}
.txt_right{
text-align:right;
}
.txt_center{
text-align:center;
}
.main_resize {
	margin:0 auto 20px;
	width:990px;
}
.control_panel {
	background: url("../images/fbg_bg.jpg") repeat-y scroll center center transparent;
	height:40px;
	text-align:right;
	padding:0 10px;
	display:block;
	overflow:hidden;
}
body.compagnon_view .control_panel{background: url("../images/tutor_fbg_bg.jpg") repeat-y scroll center center transparent;}
body.tutor_view .control_panel{background: url("../images/tutor2_fbg_bg.jpg") repeat-y scroll center center transparent;}
.control_panel ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	float:right;
	padding-top:8px;
}
.control_panel ul.fl{
float:left;
}
.control_panel ul li {
	float: left;
	margin: 0;
	padding:0 5px;
}
.control_panel a img {
	margin:0 0 3px 3px;
	vertical-align:middle;
}
header {
	margin:0 auto;
	width:980px;
}
.slider {
	padding:0;
	text-align:center;
}
header nav {
	margin:0 0 10px;
	padding:0;
	display:block;
	height:30px;
}
header nav ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	background:url("../images/menu_line.jpg") repeat-x top;
}
header nav ul li {
	margin:0;
	padding:5px 5px 5px 0;
	float:left;
	position: relative;
	 z-index: 10;
	
}
header nav ul li a, header nav ul li.active {
	display:block;
	margin:0;
	padding:9px 10px;
	color:#878989;
	text-decoration:none;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
}
header nav ul li.active {
	margin:5px 5px 0 0;
	cursor:default;
}
header nav ul li.active, header nav ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#78bbe6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

header nav ul li ul.sub_nav {
list-style: none;
position: absolute;
left: -1px; top: 38px;
margin: 0; 
padding: 5px 5px 0;
display: none;
 background-color: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
z-index:1000;
zoom:1;
}
header nav ul li.active ul.sub_nav {
 top: 34px;
}
header nav ul li  ul.item_sub_nav li{
float:none;
 z-index: 1000;

}
header nav ul li .bg_sub_nav {
    background: #FFFFFF;
    display: block;
    overflow: hidden;
    min-width: 180px;
    z-index: 1000;
}
header nav ul li .bg_sub_nav ul{
    background: #FFFFFF;
	float:none;
}
header nav ul li .bg_sub_nav ul li{
padding:0 5px;
}

header nav ul li ul.sub_nav ul.item_sub_nav li a{
border-radius:0;
font-weight:normal;
padding:3px;
border-bottom:1px solid #dedede;
}
header nav ul li ul.sub_nav ul.item_sub_nav li:last-child a{
border-bottom:0;
}
header nav ul li ul.sub_nav ul.item_sub_nav li a:hover{
background-color:#78BBE6;
color:#fff;
}
.bt_blue, a.bt_blue, article a.bt_blue {
	color:#fff;
	text-decoration:none;
	background:#78bbe6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	padding:5px 10px;
	font-size:13px;
	border: 1px solid #D9E3CB;
	cursor:pointer;
	background: rgb(120,187,230); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(99, 147, 193, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(120, 187, 230, 1)), color-stop(100%, rgba(99, 147, 193, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(99, 147, 193, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(99, 147, 193, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(99, 147, 193, 1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(99, 147, 193, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bbe6', endColorstr='#6393c1', GradientType=0 ); /* IE6-9 */
}
/*
body.tutor_view .bt_blue, body.tutor_view  a.bt_blue, body.tutor_view  article a.bt_blue {

	background: rgba(60, 115, 177, 1);
	background: -moz-linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(60, 115, 177, 1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(120, 187, 230, 1)), color-stop(100%, rgba(60, 115, 177, 1)));
	background: -webkit-linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(60, 115, 177, 1) 100%); 
	background: -o-linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(60, 115, 177, 1) 100%); 
	background: -ms-linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(60, 115, 177, 1) 100%); 
	background: linear-gradient(top, rgba(120, 187, 230, 1) 0%, rgba(60, 115, 177, 1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bbe6', endColorstr='#6393c1', GradientType=0 ); 
}*/
body.compagnon_view header nav a.bt_blue {background:#6DAF8F}
body.tutor_view header nav a.bt_blue {background:#93afba}
header nav a.bt_blue{
padding:8px;
}
.bt_white, a.bt_white, .fbg a.bt_white, .control_panel a , article a.bt_white{
	border: 1px solid #D9E3CB;
	color:#78bbe6;
	text-decoration:none;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	padding:5px 10px;
	font-size:13px;
	cursor:pointer;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(223, 221, 221, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(223, 221, 221, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(223, 221, 221, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(223, 221, 221, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(223, 221, 221, 1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(223, 221, 221, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdddd', GradientType=0 ); /* IE6-9 */
}
.bt_green, a.bt_green{
	border: 1px solid #D9E3CB;
	color:#78bbe6;
	text-decoration:none;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	padding:5px 10px;
	font-size:13px;
	cursor:pointer;
	background: -moz-linear-gradient(top, rgba(123, 171, 6, 1) 50%, rgba(223, 221, 221, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(223, 221, 221, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(123, 171, 6, 1) 50%, rgba(223, 221, 221, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(123, 171, 6, 1) 50%, rgba(223, 221, 221, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(123, 171, 6, 1) 50%, rgba(223, 221, 221, 1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(123, 171, 6, 1) 50%, rgba(223, 221, 221, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bab06', endColorstr='#b9d837', GradientType=0 ); /* IE6-9 */
}

a.bt_blue, a.bt_white, a.bt_green{
padding:6px 10px 7px;
}

article a.bt_blue, article a.bt_white, article a.bt_green{
font-size:12px;
}

.thumb_blue {
	border: 2px solid #78bbe6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	padding:5px;
}
.thumb_white {
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
		padding:5px;
}
.control_panel a {
font-size:12px;
padding:0 6px;
height:25px;
line-height:25px;
display:inline-block;
}
.bt_white:hover, a.bt_white:hover, .fbg a.bt_white:hover, .control_panel a:hover,.bt_white.on, .bt_white.display_hover, article a.bt_white:hover {
	color:#78bbe6;
	background:#FFF;
	border:1px solid #C0C0C0;
	text-decoration:none;
}
.bt_blue:hover, a.bt_blue:hover ,.bt_blue.on, .bt_blue.display_hover, article a.bt_blue:hover{
	background:#78bbe6;
	color:#fff;
	border:1px solid #78bbe6;
	text-decoration:none;
}
.content {
	padding:0;
	margin:0 auto;
	width:970px;
	overflow: hidden;
	display:block;
}
.content_bg{
display:block;
overflow:hidden;
background-color:#FFFFFF;
-moz-box-shadow: 1px 1px 12px #555, 0.5;
-webkit-box-shadow: 1px 1px 12px #555;
box-shadow:         1px 1px 12px rgba(85, 85, 85, 0.37);
margin:10px 0;
}
.mainbar {
	
	padding:0 10px 10px;
	min-height: 400px;
}
.mainbar img.border {
	padding:4px;
	border:1px solid #f2f2f1;
	background:#FFF;
}
.mainbar img.fl {
	margin:4px 16px 4px 0;
	float:left;
}
.mainbar article {
	margin:0;
	padding:10px 0px 5px;
}
.mainbar article ul {
	margin-left:15px;
}
.mainbar .post-data a {
	color:#595959;
}
.mainbar .spec a {
	padding:5px 15px;
	background:#78bbe6;
	color:#FFF;
}


.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
	background:url("../images/fbg_bg.jpg") repeat-y center;
	padding:1px 0;
}
body.compagnon_view .fbg {
	background:url("../images/tutor_fbg_bg.jpg") repeat-y center;
}
body.tutor_view .fbg {
	background:url("../images/tutor2_fbg_bg.jpg") repeat-y center;
}
.fbg_resize {
	margin:0 auto;
	padding:0;
	width:970px;
	display:block;
	overflow:hidden;
	padding:8px 0;
}
.fbg img {
	padding:4px;
	border:1px solid #cfd2d4;
	background-color:#fff;
}
.fbg p, .fbg h2, .fbg label {
	color:#fbfbfb;
}
.fbg label, article label, #connexion_box label {
	width:180px;
	display:inline-block;
}
label.small,.niveaux label{
width:100px;
}
label.large{
width:238px;
}
label.auto{
width:auto;
}

#connexion_box label, .c3 label {
	width:120px;
}
.fbg input, article input, #connexion_box input {
	color:#78bbe6;
	font-weight:bold;
}
.fbg a {
	color:#fbfbfb;
}
.fbg .col {
	margin:0;
	float:left;
	background:url("../images/fbg_line.gif") repeat-y right;
}
.fbg .c1 {
	padding:0 15px 0 0;
	width:400px;
	min-height: 195px;
	line-height:13px;
}
.fbg .c2 {
	padding:0 10px;
	width:220px;
	background:none;
}
.fbg .c3 {
	padding:0 0 0 10px;
	width:295px;
	background:url("../images/fbg_line.gif") repeat-y left;
	min-height:195px;
}
.fbg .c4 {
	padding:0 0 0 15px;
	width:500px;
	background:none;
	min-height:210px;
	overflow:hidden;
}
.fbg .c4  img{
height:200px;
}
.fbg .c4 p{
text-align:center;
}
.fbg .c2 p {
	text-align:center;
	padding-top:50px;
}
footer {
}
.footer_resize {
	margin:0 auto;
	padding:10px 0;
	width:923px;
	color:#9a9a9a;
}
footer p {
	margin:0;
	padding:4px 0;
	line-height:normal;
	text-align:center;
	color:#9a9a9a;
}
footer a {
	color:#878989;
	padding:inherit;
	text-decoration:underline;
	font-weight:bold;
}
footer a:hover {
	text-decoration:none;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
	padding:5px 0;
}
input.text, select.text  {
	border:1px solid #c0c0c0;
	padding:5px 2px;
	height:16px;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
select.text  {
height:auto;
}
textarea {
	border:1px solid #c0c0c0;
	padding:2px;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:300px;
	font:normal 11px Arial, Helvetica, sans-serif;
}
.contact_form textarea{
	width:345px;
}
textarea.medium{
width:500px;
}
textarea.large{
width:700px;
}
.search {
	float:right;
	width:250px;
	padding:25px 0;
}
.search span {
	width:235px;
	display:block;
	background:#FFF;
	height:29px;
	margin:0;
	padding:0;
	border:1px solid #e1dddd;
}
.search input#s {
	float:left;
	width:185px;
	padding:7px 0 7px 10px;
	margin:0;
	border:0;
	background:none;
	color:#afaeae;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
}
.search .btn {
	float:left;
	padding:0;
	margin:0;
	border:0;
	width:auto;
}
.pagenavi {
	clear:both;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:right;
	padding:10px 15px;
	margin-top:10px;
	background: url("../images/menu_line.jpg") repeat-x scroll center top transparent
}
.pagenavi a, .pagenavi .current, .pagenavi button {
	margin-left:3px;
	padding:3px 8px;
	text-decoration:none;
	color:#939393;
	background:#f9fbfc;
	border:1px solid #d9e3cb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagenavi button {
	padding:2px 3px;
	cursor:pointer;
}
.pagenavi a:hover, .pagenavi .current , .pagenavi button:hover{
	background:#78bbe6;
	color:#FFF;
}
.pagenavi .pages {
	float:left;
}
.pagenavi button {
	cursor: pointer;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.txt_center {
	text-align:center;
}
.txt_info{
	font-size:10px;
	color:#999;
}
.contact_form, .marge_form{
	padding-left:80px;
}
.error, .success {
	border:1px solid #CC0000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
	margin:10px 0;
	width:50%;
	color:#CC0000;
	font-weight:bold;
}
.success {
	border:1px solid #259861;
	color:#259861;
}
.box {
	background: #fff;
    border: 1px solid #BEBEBE;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    padding:10px;
    top: 0px;
    display:none;
    z-index: 999;
	width:300px;
}
.box .arrow{
width:10px;
height:10px;
background: url("../images/arrow.png") repeat-y scroll bottom left transparent;
position:absolute;
display:none;
top:-10px;
left:70%;
}
#profil_box{
width:200px;
text-align:center;
}
/***picto***/
.mail{
background:transparent url("../images/picto_nav.png") no-repeat 0 5px;
width:21px;
}
.control_panel a:hover .mail, .mail:hover, .mail.active{
background-position: 0 -20px;
}
.tuteur{
background:transparent url("../images/picto_nav.png") no-repeat -21px 3px;
width:27px;
}
.control_panel a:hover .tuteur, .tuteur:hover, .tuteur.active{
background-position: -21px -22px;
}
.parrain{
background:transparent url("../images/picto_nav.png") no-repeat -123px -1px;
width:27px;
}
.control_panel a:hover .parrain, .parrain:hover, .parrain.active{
background-position: -123px -24px;
}
.friend{
background:transparent url("../images/picto_nav.png") no-repeat -48px 1px;
width:25px;
}
.control_panel a:hover .friend, .friend:hover, .friend.active{
background-position: -48px -24px;
}
.group{
background:transparent url("../images/picto_nav.png") no-repeat -73px 0px;
width:29px;
}
.control_panel a:hover .group, .group:hover, .group.active{
background-position: -73px -25px;
}
.fav{
background:transparent url("../images/picto_nav.png") no-repeat -102px 0px;
width:20px;
}
.control_panel a:hover .fav, .fav:hover, .fav.active{
background-position: -102px -25px;
}
.control_panel span.picto{
display:block;
line-height:1000px;
float:left;
height:25px;
}
.control_panel span.notify{
  background: none repeat scroll 0 0 #78BBE6;
	margin-left:5px;
    border-radius: 3px;
	color:#fff;
	padding:0 4px;
}
.info_small{
color:#999;
font-size:10px;
}
hr {
  border: 0;
  width: 90%;
  color: #dedede;
	background-color: #dedede;
	height: 1px;
}
.login_form  .txt_info{
padding-top:10px;
line-height:10px;
}
.block{display:block;overflow:hidden;}