/* ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------*/

/********** CAROUSEL **********/

#carouslHGlobal .jcarousel-container, #carouslHGlobal .jcarousel-clip{
	width:589px;
	overflow:hidden;
}

#carouslHGlobal .jcarousel-item{
	width:589px;
	height:300px;
}

/********** BOX ACTU **********/

/* Dernier article */

#boxActu  .articleEx{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

#boxActu  .articleEx .visu{
	float:left;
	margin-right:15px;
}

#boxActu  .articleEx .desc{
	float:left;
	width:254px;
}
#boxActu .articleEx .desc.large {
width:auto;
}
.stdBox .desc.large h2 {
margin-left:0;
}
.stdBox h2 a{
	color:#000;
	text-decoration:none;
}
.stdBox h3 a{
	color:#000;
	text-decoration:none;
	font-size:1.2em;
	margin:6px 0;
}
#boxActu h2, #boxActu  .meta{margin-bottom:10px}
#boxActu .meta, #boxActu .com a{color:#565656}
#boxActu  .meta .auteur{text-decoration:underline}
#boxActu  .resume{font-weight:bold}

#boxActu .btnVoir{
	margin:3px 0 10px 0;
	padding:0 0 0 10px;
}

#boxActu .com{
	height:19px;
	padding-top:2px;
	padding-left:40px;
	background:url(../img/ico_com.png) left center no-repeat;
}

/* Thematiques */

#boxActu .thematiques{
	width:569px;
	height:auto;
}

#boxActu .thematiques li{
	width:auto;
	height:auto;
	float:none;
}

.thematiques{
	padding:10px;
	background-color:#fff;
	height:1%;
	overflow:hidden;
}

.thematiques h3{
	font-size:1.27em;
	line-height:1em;
	width:170px;
	float:left;
	margin:0;
	text-transform:uppercase;
}

.thematiques ul{
	width:390px;
	float:left;
}

.thematiques li{margin-bottom:2px}
.thematiques a{text-decoration:none}
.thematiques a:hover{text-decoration:underline}

h3.titre_thematiques{
	font-size:1.3em;
	color:#78AE15;
	margin-top:14px;
	margin-bottom:3px;
}
h3.titre_page_educateur{
	font-size:1.82em;
	line-height:1.18em;
	margin-bottom:10px;
}
.page-template-espace-educateur-php .thematiques li {
margin-bottom:10px;
}
.page-template-espace-educateur-php .thematiques li a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.page-template-espace-educateur-php .thematiques li a:hover{
	text-decoration:underline;
}

.page-template-espace-educateur-php .thematiques{
	padding-bottom:0;
}

.page-template-espace-educateur-php .articleContent .visu{
	float:left;
	padding-right:10px;
	padding-bottom:0px;
}
/* Carousel */

#boxActu .btm{
	height:50px;
	width:100%;
	overflow:hidden;
	background:url(../img/bg_home_article.png) left bottom no-repeat;
}

#boxActu .nav{
	padding-left:5px;
	float:left;
	display:inline;
	margin-right:27px;
}

#boxActu .nav li{
	width:145px;
	height:35px;
	float:left;
	cursor:pointer;
	font-size:0.9em;
	padding:15px 10px 0;
}

#boxActu .nav span{
	line-height:1em;
	padding-top:4px;
	display:block;
	padding-left:7px;
	background:url(../img/ico_arr_black.png) left 5px no-repeat;
}

#boxActu .nav .active{
	color:#fff;
	background:url(../img/bg_home_nav_active.png) left top no-repeat;
}

#boxActu .nav .active span{background-image:url(../img/bg_arr_white.png)}
#boxActu .nav .active img{border-color:#fff}

#boxActu .quizz li{
	width:105px;
}

#boxActu .quizz .active{
	background-image:url(../img/bg_home_quizz_active.png);
}

#boxActu .social{
	float:left;
	margin-top:20px;
}

#boxActu .social li{
	display:inline;
	padding:0 3px;
}

/********** DERNIERS ARTICLES **********/

#latestArticles{
	position:relative;
}

#latestArticles .content{
	height:1%;
	overflow:hidden;
}

#latestArticles h2{
	width:280px;
	float:left;
}

#latestArticles ul{
	float:left;
	width:320px;
	margin-top:5px;
}

#latestArticles .illustration{
	width:255px;
	height:386px;
	top:-225px;
	left:-110px;
	position:absolute;
	background:url(../img/illu_latest.png) left top no-repeat;
}

/********** FICHES **********/

#fichesThematiques h2{
	margin-bottom:30px;
}

#fichesThematiques ul{
	font-size:1.09em;
}

/* SINGLE
--------------------------------------------------------------------------------------------------------------------------------------*/

#boxArticle .mainTitle{
	font-size:1.82em;
	margin-bottom:10px;
	line-height:1.18em;
}

#boxArticle .articleContent{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

#boxArticle .visu{
	float:left;
	margin-right:15px;
}

#boxArticle .meta{color:#565656}
#boxArticle .meta .auteur{text-decoration:underline}
#boxArticle .articleContent p{margin-bottom:10px}

/********** NB COMS **********/

#boxArticle .nbComs{
	margin-bottom:10px;
	padding-left:40px;
	height:20px;
	overflow:hidden;
	background:url(../img/ico_com.png) left center no-repeat;
}

#boxArticle .nbComs .comLink{
	padding-top:2px;
	float:left;
}

#boxArticle .nbComs .comLink{color:#565656}
#boxArticle .thematiques{margin-bottom:10px}
#boxArticle .thematiques h3{font-size:1.27em}

/********** LIENS **********/

#boxArticle .articleLiens{
	margin-bottom:15px;
	width:100%;
	overflow:hidden;
}

#boxArticle .articleLiens h3{
	font-size:1.27em;
	width:75px;
	float:left;
	text-transform:uppercase;
	text-align:center;
	margin-top:2px;
}

#boxArticle .articleLiens .liens{
	float:left;
	width:500px;
}

#boxArticle .articleLiens a{text-decoration:none}
#boxArticle .articleLiens a:hover{text-decoration:underline}

/********** COMMENTAIRES **********/

#commentaires .noComment{
	margin-bottom:20px;
	font-weight:bold;
}

#commentlist{
	margin-bottom:15px;
}

#commentlist li{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

#commentlist .comment-childs{
	padding-top:5px;
	height:1%;
	overflow:hidden;
	clear:both;
	background-color:#eefbff;
}

#commentlist .avatar{
	float:left;
	margin-right:10px;
}

#commentlist .comContent{
	width:531px;
	float:left;
}

#commentlist .meta{
	height:1%;
	overflow:hidden;
	margin-bottom:5px;
}

#commentlist .meta a{
	font-weight:bold;
	color:#1a171b;
}

#commentlist .comment-childs .comContent{
	float:none;
	width:auto;
}

#commentlist .meta .reply{
	float:right;
	color:#78ae15;
	font-size:1.27em;
	text-decoration:none;
	text-transform:uppercase;
}

#commentlist .meta .reply:hover{
	text-decoration:underline;
}

#commentlist .comment-childs .avatar{
	margin-left:5px;
}

#commentlist .comment-childs .meta{
	padding-right:5px;
}

/********** COM FORM **********/

#commentform .inputText{
	height:1%;
	overflow:hidden;
	margin-bottom:5px;
}

#commentform textarea{
	display:block;
	margin:2px 0;
	padding:5px;
	width:85%;
	height:110px;
	border:1px solid #7f9db9;
}

#commentform .inputText label{
	float:left;
	width:65px;
}

#commentform .inputText input{
	width:230px;
	float:left;
	padding:2px 5px;
	border:1px solid #7f9db9;
}

#commentform .btnValider{
	width:87%;
	text-align:right;
}

/********** category **********/
.category h3, .search h3, , .page-template-agenda-php  #inner h3{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	margin-bottom:6px;
}
.category h3 a, .search h3 a, .page-template-agenda-php  #inner h3 a, .page-template-partenaires-php h3 a{
	color:#78ae15;
	text-decoration:none;
}

.category .meta, .search .meta, , .page-template-agenda-php  #inner .meta{
color:#565656;
margin-bottom:6px;
}
.category .articleContent{
	/*float:left;
	width:400px;
	*/
}
.page-template-agenda-php .articleContent {
float:left;
width:400px;
}
.search .articleContent{
	float:left;
}
.category #inner img.visu, .search #inner img.visu, .page-template-agenda-php #inner img.visu{
	float:left;
	width:175px;
	height:115px;
		margin-right:13px;

}
.listing_articles{
	margin-bottom:50px;

}
.listing_articles h3{
	margin-bottom:6px;
}
.category .meta .auteur{text-decoration:underline}
#ll{
	display:none;
}

/* Actu */
.listing_actus{
	margin-bottom:80px;
}

.listing_actus .meta{
	color:#565656;
	margin-top:5px;
}
.listing_actus h3, .page-template-agenda_single-php h3{
	margin-bottom:10px;
	color:#78AE15;
}
.listing_actus a.suite{
	color:#78AE15;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
.listing_actus a.suite:hover{
	text-decoration:underline;
}
.listing_actus .title_actu{

}
.listing_actus .title_actu h3{
	float:left;
}
.listing_actus .title_actu span{
	float:right;
	display:block;
	font-size:1.3em;
	color:#000;
	font-weight:bold;
}
.listing_actus .author{
	text-decoration:underline;
}
.meta{
	color:#565656;
}

.social_article {
	float:right;
	padding: 7px 0 0 0;
}
/*FAQ*/

.content.faq h4{
	color:#78AE15;
	font-size:1.3em;
	margin: 30px 0 10px 0
} 

.content.faq h4 a .partenaire a{
	color:#78AE15;
	text-decoration:none;
}

.content.faq h4 a:hover .partenaire a:hover{
	text-decoration:underline;
}

.content.faq ul li{
	margin-bottom:6px;

}
.content.faq ul li a{
	background:transparent url(../img/ico_arr.png) no-repeat scroll left 3px;
	padding-left:10px;
	color:#000;
	font-weight:bold;
	margin-left:20px;
	text-decoration:none;
}

p.faq-question{
	background:transparent url(../img/ico_arr.png) no-repeat scroll left 4px;
	margin-bottom:6px;
	padding-left:10px;
	color:#000;
	font-weight:bold;
	margin-left:20px;
}
p.faq-question a{
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
p.faq-answer{
	margin-bottom:20px;
	padding-left:10px;
	margin-left:20px;
}
/* partenaire */
.page-template-partenaires-php h4{
	color:#78AE15;
	font-size:1.3em;
	margin: 30px 0 10px 0
}

/* REGISTER
--------------------------------------------------------------------------------------------------------------------------------------*/

#inner .loginform p{
	margin-bottom:7px;
}

#inner .loginform label, 
#inner .loginform .label{
	width:195px;
	float:none;
	clear:none;
	display:inline-block;
	font-size:1em;
	vertical-align:middle;
	margin-right:5px;
}

#inner .loginform p input{
	padding:1px 3px;
	width:235px;
	float:none;
	clear:none;
	font-size:1em;
	border:1px solid #7f9db9;
	vertical-align:middle;
}

#inner .loginform select{
	width:243px;
	font-size:1em;
}

#inner .loginform .submit{
	text-align:right;
	margin-top:15px;
	width:418px;
}

#reg_passmail, #page .contentRegister #abecedaire, .contentLogin #abecedaire{
	display:none;
}

#inner  .registerIntro{
	margin-bottom:30px;
	font-weight:bold;
}

#login_error{
	margin-bottom:10px;
}

#inner .loginform .check{
	padding-left:175px;
}

#inner .loginform .check input, #inner .loginform .radio input{
	width:13px;
	height:13px;
	vertical-align:middle;
}

#inner .loginform .check label, #inner .loginform .radio label{
	width:auto;
	margin-right:15px;
}

/* EDUCATEUR
--------------------------------------------------------------------------------------------------------------------------------------*/

.stdBox h2.small{
	margin:0 0 10px 0;
	font-size:1.17em;
}

.stdBox h2.small span{
	padding:5px;
}

#educateur h2 span, .page-template-prive-php #inner h2 span{
	background-color:#40b8df;
}

#educateur h3 a, #educateur .btnVoir{
	color:#40b8df;
}

#sidebar .stdBoxEduc .content{
	padding:10px;
}

#sidebar .stdBoxEduc h2{
	margin-left:-10px;
}

#sidebar .stdBoxEduc h2 span{
	background-color:#40b8df;
}

#sidebar .stdBoxEduc p{
	font-size:0.92em;
	font-weight:normal;
	margin-bottom:5px;
	line-height:1.25em;
}

#sidebar .stdBoxEduc .arrList li{
	margin-bottom:2px;
	font-size:0.92em;
	font-weight:bold;
	background:url(../img/ico_arr_blue.png) left 3px no-repeat;
}

#sidebar .stdBoxEduc .arrList a{
	color:#000;
	text-decoration:none;
}

#sidebar .stdBoxEduc .arrList a:hover{
	text-decoration:underline;
}

#sidebar .stdBoxEduc .btnVoir{
	display:inline-block;
	margin-top:5px;
	color:#40b8df;
	text-decoration:none;
}

#sidebar .stdBoxEduc .btnVoir:hover{
	text-decoration:underline;
}

/********** VOTRE ESPACE ***********/

#boxEspace .intro{
	color:#40b8df;
	font-weight:bold;
	font-size:0.92em;
	margin-bottom:5px;
}

#boxEspace .intro a{
	color:#40b8df;
}

#boxEspace .conseil, #boxEspace .question{
	display:block;
	width:178px;
	height:31px;
	margin-bottom:25px;
	background:url(../img/btns_espace.png) left top no-repeat;
}

#boxEspace .question{
	width:196px;
	margin:0;
	background-position:left bottom;
}

/********** TELECHARGEMENTS ***********/

#boxDL .content{
	padding:5px;
}

#boxDL .desc{
	padding:5px 0 0 145px;
	background:url(../img/bg_box_dl.png) left top no-repeat;
}

#boxDL h2{
	line-height:1em;
}

#boxDL h2 small{
	font-size:0.65em;
}

/********** REPONSES ***********/

#boxRep .content{
	padding:5px;
}

#boxRep h2{
	line-height:1em;
}

#boxRep .desc{
	padding:5px 0 0 137px;
	background:url(../img/bg_reponses.png) left top no-repeat;
}


/********** TRUCS ET ASTUCES ***********/

#boxTrucs .content{
	padding:5px;
}

#boxTrucs h2{
	font-size:1.5em;
}

#boxTrucs .desc{
	padding:5px 0 0 145px;
	margin-bottom:20px;
	background:url(../img/bg_box_trucs.png) left 15px no-repeat;
}

/********** PAGE PRIVEE ***********/

.page-template-prive-php #inner p{
	font-size:0.92em;
}

.page-template-prive-php .cform label{
	width:125px;
	font-size:0.92em;
	margin-right:5px;
}

.page-template-prive-php .cform label span{
	width:125px;
}

.page-template-prive-php .cform select, .page-template-prive-php .cform textarea{
	border-color:#7f9db9;
	font-size:0.92em;
	background:#fff;
}

.page-template-prive-php .cform .reqtxt{
	display:none;
}

.page-template-prive-php .cform textarea{
	width:550px;
	height:320px;
	margin-bottom:10px;
}

.page-template-prive-php .cform textarea:hover, .page-template-prive-php .cform select:hover{
	background:#fff;
}

.page-template-prive-php .cform .cf-sb{
	margin-top:50px;
}

#cforms2form #sendbutton2{
	width:196px;
	height:31px;
	text-indent:-9999em;
	background:url(../img/btn_poser_conseil.png) left top no-repeat;
}

#cforms3form #sendbutton3{
	width:209px;
	height:31px;
	text-indent:-9999em;
	background:url(../img/btn_poser_question.png) left top no-repeat;
}

/********** CATEGORIE ***********/

#catEduc h2 span{
	background-color:#40b8df;
}

#catEduc h3 a, #catEduc .btnVoir{
	color:#40b8df;
}

/********** SINGLE ***********/

.singleEduc .articleContent a{
	color:#78ae15;
	text-decoration:underline;
}

.singleEduc .articleContent a:hover{
	text-decoration:none;
}

.singleEduc #boxArticle .mainTitle{
	color:#40b8df;
}

.singleEduc #boxArticle h2 span{
	background-color:#40b8df;
}

.singleEduc #boxArticle .nbComs{
	background-image:url(../img/ico_com_educ.png);
}

.singleEduc #boxArticle .meta .reply{
	color:#40b8df;
}

/********** PAGE NAVI ***********/

.wp-pagenavi{
	text-align:right;
}

.wp-pagenavi a{
	color:#000;
	margin:0 2px;
	text-decoration:none;
}

.wp-pagenavi a:hover{
	text-decoration:underline;
}

.wp-pagenavi .current{
	color:#40b8df;
	margin:0 2px;
	font-weight:bold;
}

.wp-pagenavi .previouspostslink{
	display:inline-block;
	width:5px;
	height:10px;
	background:url(../img/ico_arr_prev.png) center center no-repeat;
}

.wp-pagenavi .nextpostslink{
	display:inline-block;
	width:5px;
	height:10px;
	background:url(../img/ico_arr_black.png) center center no-repeat;
}

.wp-pagenavi .previouspostslink span, .wp-pagenavi .nextpostslink span{
	position:absolute;
	left:-9999em;
}

/* QUIZZS
--------------------------------------------------------------------------------------------------------------------------------------*/

/********** LIST ***********/

#content .list-quizzs li{
	width:235px;
	height:87px;
	float:left;
	text-align:center;
	padding:10px 25px;
	margin-bottom:11px;
	background:url(../img/bg_quizz.png) left top no-repeat;
}

#content .list-quizzs .even{
	margin-right:8px;
}

#content .list-quizzs h3{
	color:#000;
	min-height:55px;
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
}

#content .list-quizzs .do{
	display:inline-block;
	width:158px;
	height:30px;
	background:url(../img/btn_quizz.png) left top no-repeat;
}

/********** QUIZZ ***********/

#content .quiz-area .question-content{
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:10px;
	background:url(../img//ico_bullet_quizz.png) 1px 3px no-repeat;
}

#content .quiz-area .question-content p{
	line-height:14px;
}

#content .quiz-area .answers{
	margin-bottom:25px;
}

#content .quiz-area .answers li{
	margin-bottom:8px;
}

#content .quiz-area .answers input{
	width:13px;
	height:13px;
	margin-right:8px;
	vertical-align:middle;
}

#content .quiz-area .answers label{
	vertical-align:middle;
}

#content .quiz-area .quizz-submit{
	margin-top:40px;
	text-align:center;
}

/********** REPONSES ***********/

#content .quiz-area h3{
	font-size:24px;
	margin:0;
}

#content .quiz-area .show-score{
	padding:20px 0;
	text-align:center;
	margin-top:-15px;
	position:relative;
	background:url(../img/bg_quizz_result.png) center top no-repeat;
}

#content .quiz-area .show-score .bravo{
	margin-bottom:100px;
}

#content .quiz-area .show-score strong{
	position:absolute;
	z-index:2;
	top:55px;
	right:300px;
	color:#8cbe02;
	font-size:80px;
	line-height:80px;
	letter-spacing:-10px;
}

#content .quiz-area .show-score span{
	font-size:30px;
	top:88px;
	left:265px;
	display:block;
	z-index:3;
	letter-spacing:-4px;
	line-height:30px;
	padding:16px 0 0 30px;
	background:url(../img/bg_score_spacer.png) left top no-repeat;
	position:absolute;
}

#content .quiz-area .show-score .reps{
	text-align:left;
}

#content .quiz-area .results{
	margin-bottom:10px;
}

#content .quiz-area .results li{
	padding:4px 10px 4px 4px;
}

#content .quiz-area .results input{
	width:13px;
	height:13px;
	float:left;
	margin-right:10px;
}

#content .quiz-area .results span{
	float:left;
	color:#666;
	line-height:14px;
	font-size:14px;
}

#content .quiz-area .results small{
	float:right;
	color:#fff;
	font-size:12px;
	margin-top:1px;
}


#content .quiz-area .results .correct-answer{
	background-color:#aade1c;
}

#content .quiz-area .results .correct-answer span{
	color:#000;
}

#content .quiz-area .explanation{
	padding-left:48px;
	padding-bottom:10px;
	min-height:35px;
	font-weight:bold;
	font-size:14px;
	background:url(../img/ico_quizz_ko.png) left top no-repeat;
}

#content .quiz-area .correct-expl{
	background-image:url(../img/ico_quizz_ok.png);
}

#content .quiz-area .compl{
	margin-bottom:35px;
	font-size:12px;
	color:#333;
	font-style:italic;
}

#content .quiz-area .quizz-btns{
	text-align:center;
}

#content .quiz-area .quizz-btns a{
	display:inline-block;
	margin:0 13px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
}

#content .quiz-area .quizz-btns .videos{width:214px;background-image:url(../img/btn_videos.png)}
#content .quiz-area .quizz-btns .quizz{width:199px;background-image:url(../img/btn_autre_quizz.png)}

/********** FORM ***********/

#inner .quiz-area .intro-form{
	font-size:14px;
	font-weight:bold;
	margin-bottom:35px;
}

#inner .quiz-area .loginform label,
#inner .quiz-area .loginform .label{
	width:130px;
}

#inner .quiz-area .loginform p .input-text{
	border-color:#9c0;
	width:200px;
}

#inner .quiz-area .loginform p  select{
	border:1px solid #9c0;
	width:208px;
}

#inner .quiz-area .loginform .check label,
#inner .quiz-area .loginform .radio label{
	width:auto;
}

#inner .quiz-area .loginform .check{
	padding-left:140px;
	position:relative;
}

#inner .quiz-area .loginform .check label.error{
	position:absolute;
	left:350px;
	top:2px;
}

#inner .quiz-area .loginform .mandatory{
	color:#666;
}

#inner .quiz-area .loginform .submit{
	width:345px;
	text-align:center;
}

#inner .quiz-area .loginform label.error{
	width:170px;
	color:#900;
	font-size:0.92em;
	margin-left:5px;
}

#inner .quizz-part-ok{
	font-weight:bold;
	font-size:1.17em;
	margin-bottom:35px;
}