#bar_contener {
	width: 950px;
	margin: 0 auto;
	font-family: Arial;
	background-color: #f7f7f7;
}

#bar_general_left {
	float:left;
}

#bar_general_right {
	float:right;
}
#bar_conclu_right {
	float:right;
}
#bar_scial_left {
	float:left;
	margin-top:-5px;
}
#bar_web_left {
	float:left;
	margin-top:-5px;
}
#bar_mobile_left {
	float:left;
	margin-top:-5px;
}
#bar_scial_right {
	float:right;
}
#bar_web_right {
	float:right;
}
#bar_mobile_right {
	float:right;
}

#bar_logo_titre {
	margin-left:12px;
}

#bar_coude {
	background:url('images/coude_degrade.png');
	float:left;
	width:45px;
	height:113px;
	margin-top:526px;
}

.bar_traits {
	background:url('images/bandes_x2.png');
	float:left;
	width:45px;
	height: 1223px;
}

.bar_traits_2 {
	background:url('images/bande_x1.png');
	float:left;
	width:45px;
	margin-top:-14px;
}

.bar_traits_0 {
	_background:url('images/bande_x1.png');
	float:left;
	width:45px;
	height:50px;
}

#conteneur_cl_gral {
	width:400px;
	height:580px;
	float:left;
	margin-top:-10px;
}

#conteneur_cl_scial {
	width:400px;
	float:left;
	margin-top:-15px;
}

#conteneur_cl_web {
	width:400px;
	height:580px;
	float:left;
	margin-top:-15px;
}

#conteneur_cl_mobile {
	width:400px;
	float:left;
	margin-top:-15px;
}

#conteneur_gauche_conclu {
	width:400px;
	float:left;
}

#bar_cl_gral {
	width:100%;
	height:100%;
	background: #e63312;
}

#bar_cl_scial {
	width:100%;
	height:888px;
	background: #51d9f7;
}

#bar_cl_web {
	width:100%;
	height:100%;
	background: #cdd921;
}

#bar_cl_mobile {
	width:100%;
	height:584px;
	background: #f765ac;
}

#bar_btn_cl_gral {
	background:url('images/bt_classement_complet.png');
	width: 374px;
	height: 36px;
	margin: 33px auto 0 auto;
}

#bar_btn_cl_gral:hover {
	background:url('images/bt_classement_complet_hover.png');
}

#bar_btn_cl_gral a {
	display:block;
	width:100%;
	height:100%;
}

#bar_btn_cl_scial {
	background:url('images/bt_classement_social.png');
	width: 374px;
	height: 36px;
	margin: 15px auto 15px auto;
}

#bar_btn_cl_scial:hover {
	background:url('images/bt_classement_social_hover.png');
}

#bar_btn_cl_scial a {
	display:block;
	width:100%;
	height:100%;
}

#bar_btn_cl_web {
	background:url('images/bt_classement_web.png');
	width: 374px;
	height: 36px;
	margin: 33px auto 0 auto;
}

#bar_btn_cl_web:hover {
	background:url('images/bt_classement_web_hover.png');
}

#bar_btn_cl_web a {
	display:block;
	width:100%;
	height:100%;
}

#bar_btn_cl_mobile {
	background:url('images/bt_classement_mobile.png');
	width: 374px;
	height: 36px;
	margin: 33px auto 0 auto;
}

#bar_btn_cl_mobile:hover {
	background:url('images/bt_classement_mobile_hover.png');
}

#bar_btn_cl_mobile a {
	display:block;
	width:100%;
	height:100%;
}

#bar_btn_infog {
	background:url('images/bt_infographie.png');
	width: 400;
	height: 36px;
	margin: 10px auto 0 auto;
}

#bar_btn_infog:hover {
	background:url('images/bt_infographie_hover.png');
}

#bar_btn_infog_b {
	background:url('images/bt_infographie_bas.png');
	width: 460px;
	height: 36px;
	margin: 20px 0 0 12px;
}

#bar_btn_infog_b:hover {
	background:url('images/bt_infographie_bas_hover.png');
}

#bar_btn_infog a, #bar_btn_infog_b a, #bar_btn_stats a, #bar_btn_methodo a {
	display:block;
	width:100%;
	height:100%;
}

.bar_block-texte {
	width: 440px;
	padding: 10px;
	margin: 20px 20px 0 12px;
	background: #f0f0f0;
	color: #3b3735;
	font-size: 11px;
}

#bar_btn_intro {
	width: 280px;
	margin: 10px 0 5px 70px;
}

#bar_btn_methodo {
	background:url('images/bt_methodo.png');
	float:left;
	width:135px;
	height:20px;
}
#bar_btn_stats {
	background:url('images/bt_stats.png');
	float:right;
	width:135px;
	height:20px;
}

#bar_btn_methodo:hover {
background:url('images/bt_methodo_hover.png');	
}

#bar_btn_stats:hover {
	background:url('images/bt_stats_hover.png');	
}

#contenu_gauche_interieur .bar_block-actu {
	width: 440px;
	padding: 10px;
	margin: 20px 20px 0 12px;
	background: #ff8800;
	color: #fff;
	font-size: 16px;
}

#contenu_gauche_interieur .bar_block-actu a {
	color: #fff;
}

#contenu_gauche_interieur .bar_block-actu a:hover {
	color: #e2001a;
}

#contenu_gauche_interieur .bar_link {
	color:#fff;
}

#contenu_gauche_interieur .bar_link:hover {
	color: #e2001a;
}


#contenu_gauche_interieur .bar_titre_actu {
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#contenu_gauche_interieur .bar_logo_elts_cle {
	float:left;
	margin: 0px 88px 0 18px;
}

#contenu_gauche_interieur .bar_text_elts_cle {
	float: left;
	color:#fff;
	font-size:12px;
	width:120px;
	min-height:60px;
	padding: 8px 15px;
	margin: -15px 5px 0 0;
	position:relative;
	z-index:0;
}
#contenu_gauche_interieur .bar_elts_cle_bulles {
	width:472px;
	margin-right:20px;
	position:relative;
	z-index:1;
}

#contenu_gauche_interieur .first_element_cle {
	margin-left: 12px !important;
}

#bar_general_right .bar_elts_cle_bulles {
	background:url('images/actus_general.png') top right;
	height: 171px;
}	

#bar_scial_right .bar_elts_cle_bulles {
	background:url('images/actus_social.png') top right;
	height: 140px;
}	

#bar_web_right .bar_elts_cle_bulles {
	background:url('images/actus_web.png') top right;
	height: 140px;
}	

#bar_mobile_right .bar_elts_cle_bulles {
	background:url('images/actus_mobile.png') top right;
	height: 140px;
}	
	
#bar_general_right .bar_text_elts_cle {
	background: #ff8800;
}

#bar_scial_right .bar_text_elts_cle {
	background: #2f80ab;
}

#bar_web_right .bar_text_elts_cle {
	background: #95c11f;
}

#bar_mobile_right .bar_text_elts_cle {
	background: #b14191;
}

#bar_general_right .bar_logo_elts_cle {
	margin-top: 94px;
}

#bar_scial_right .bar_logo_elts_cle, #bar_web_right .bar_logo_elts_cle, #bar_mobile_right .bar_logo_elts_cle {
	margin-top: 63px;
}

.bar_icon_crit {
	float: left;
	margin: 4px 17px 0 0px;
}

.bar_content_crit {
	margin:12px 0 0 0;
	font-size: 15px;
	border-bottom: 1px solid #fff;
}

#bar_scial_right .bar_content_crit  .bar_uppercase {
	color: #005687;
}
#bar_web_right .bar_content_crit .bar_uppercase {
	color: #6aae26;
}
#bar_mobile_right .bar_content_crit  .bar_uppercase {
	color: #9e2b7d;
}

.bar_intro_gauche {
	width:380px;
	padding:10px;
	background: none repeat scroll 0 0 #F0F0F0;
	color: #3B3735;
	margin:20px 0 15px;
	font-size: 11px;
}

#bar_conclu_contact {
	margin: 25px 0 15px;
	color:#fff;
	font-size: 16px;
	width:380px;
	padding:10px;
	background: #e63312;
}

#bar_conclu_contact:hover {
	background:#ff8800;
}

/* TABLEAUX */
.bar_classement {
	margin: 0px 0px 10px 0;
	padding:20px 0 0;
}

.bar_classement_titre {
	font-size: 21px;
	text-transform:uppercase;
	text-align:left;
}

.bar_classement_rank {
	width:47px;
	height:38px;
}

.bar_classement_ecole {
	font-size:18px;
	color:#fff;
	width:270px;
	vertical-align:bottom;
}

.bar_classement_ecole img {
	float:right;
	margin-right: 8px;
}

.bar_classement_score {
	font-size:18px;
	color:#fff;
	width:33px;
	text-align:right;
	vertical-align:bottom;
}

.bar_classement_evol {
	width: 47px;
}

.bar_cl_up {
	background:url('images/fleche_hausse.png') no-repeat right;
}

.bar_cl_egal {
	background:url('images/fleche.png') no-repeat right;
}

.bar_cl_down {
	background:url('images/fleche_baisse.png') no-repeat right;
}

.bar_crit_titre {
	font-size: 26px;
	text-transform:uppercase;
}

#bar_scial_right .bar_crit_titre {
	color:#005687;
}

#bar_web_right .bar_crit_titre {
	color:#6aae26;
}

#bar_mobile_right .bar_crit_titre {
	color:#b14191;
}
/* Classes conditionnelles tableaux */
#bar_cl_gral .bar_classement_titre {
	color: #fdc300;
}

#bar_cl_scial .bar_classement_titre {
	color: #2f80ab;
}

#bar_cl_web .bar_classement_titre {
	color: #6aae26;
}

#bar_cl_mobile .bar_classement_titre {
	color: #b14191;
}

#bar_cl_gral .bar_classement_ecole, 
#bar_cl_gral .bar_classement_score {
	border-bottom: 1px solid #f29989;
}

#bar_cl_scial .bar_classement_ecole, 
#bar_cl_scial .bar_classement_score {
	border-bottom: 1px solid #adeaf7;
}

#bar_cl_web .bar_classement_ecole, 
#bar_cl_web .bar_classement_score {
	border-bottom: 1px solid #e3eba3;
}

#bar_cl_mobile .bar_classement_ecole, 
#bar_cl_mobile .bar_classement_score {
	border-bottom: 1px solid #f7add4;
}

#bar_cl_gral .bar_cl_rank_1 {
	background:url('images/1_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_1 {
	background:url('images/1_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_2 {
	background:url('images/2_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_3 {
	background:url('images/3_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_4 {
	background:url('images/4_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_5 {
	background:url('images/5_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_6 {
	background:url('images/6_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_7 {
	background:url('images/7_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_8 {
	background:url('images/8_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_9 {
	background:url('images/9_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_10 {
	background:url('images/10_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_11 {
	background:url('images/11_general.png') no-repeat left;
}
#bar_cl_gral .bar_cl_rank_12 {
	background:url('images/12_general.png') no-repeat left;
}

#bar_cl_scial .bar_cl_rank_1 {
	background:url('images/1_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_1 {
	background:url('images/1_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_2 {
	background:url('images/2_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_3 {
	background:url('images/3_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_4 {
	background:url('images/4_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_5 {
	background:url('images/5_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_6 {
	background:url('images/6_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_7 {
	background:url('images/7_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_8 {
	background:url('images/8_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_9 {
	background:url('images/9_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_10 {
	background:url('images/10_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_11 {
	background:url('images/11_social.png') no-repeat left;
}
#bar_cl_scial .bar_cl_rank_12 {
	background:url('images/12_social.png') no-repeat left;
}

#bar_cl_web .bar_cl_rank_1 {
	background:url('images/1_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_1 {
	background:url('images/1_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_2 {
	background:url('images/2_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_3 {
	background:url('images/3_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_4 {
	background:url('images/4_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_5 {
	background:url('images/5_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_6 {
	background:url('images/6_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_7 {
	background:url('images/7_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_8 {
	background:url('images/8_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_9 {
	background:url('images/9_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_10 {
	background:url('images/10_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_11 {
	background:url('images/11_web.png') no-repeat left;
}
#bar_cl_web .bar_cl_rank_12 {
	background:url('images/12_web.png') no-repeat left;
}

#bar_cl_mobile .bar_cl_rank_1 {
	background:url('images/1_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_1 {
	background:url('images/1_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_2 {
	background:url('images/2_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_3 {
	background:url('images/3_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_4 {
	background:url('images/4_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_5 {
	background:url('images/5_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_6 {
	background:url('images/6_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_7 {
	background:url('images/7_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_8 {
	background:url('images/8_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_9 {
	background:url('images/9_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_10 {
	background:url('images/10_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_11 {
	background:url('images/11_mobile.png') no-repeat left;
}
#bar_cl_mobile .bar_cl_rank_12 {
	background:url('images/12_mobile.png') no-repeat left;
}

.bar_cl_crit {
	margin: 5px 0 12px 25px;
	font-size: 14px;
	float:left; 
}

.bar_cl_crit_ecole {
	width:205px;
}

#bar_scial_right .bar_cl_crit_1 {
	background:url('images/actus_1social.png') no-repeat top right;
	width:19px;
	height:16px;
}

#bar_scial_right .bar_cl_crit_2 {
	background:url('images/actus_2social.png') no-repeat top right;
	width:19px;
	height:16px;
}

#bar_scial_right  .bar_cl_crit_3 {
	background:url('images/actus_3social.png') no-repeat top right;
	width:19px;
	height:16px;
}

#bar_web_right .bar_cl_crit_1 {
	background:url('images/actus_1web.png') no-repeat top right;
	width:19px;
	height:16px;
}

#bar_web_right .bar_cl_crit_2 {
	background:url('images/actus_2web.png') no-repeat top right;
	width:19px;
	height:16px;
}

#bar_web_right  .bar_cl_crit_3 {
	background:url('images/actus_3web.png') no-repeat top right;
	width:19px;
	height:16px;
}

#bar_mobile_right .bar_cl_crit_1 {
	background:url('images/actus_1mobile.png') no-repeat top right;
	width:19px;
	height:16px;
}

#bar_mobile_right .bar_cl_crit_2 {
	background:url('images/actus_2mobile.png') no-repeat top right;
	width:19px;
	height:16px;
}

#bar_mobile_right  .bar_cl_crit_3 {
	background:url('images/actus_3mobile.png') no-repeat top right;
	width:19px;
	height:16px;
}

.bar_cl_ico {
	width:16px;
	height:16px;
	margin: 3px 3px 8px;
	display:block;
}

.ic_facebook {
	background:url('images/bt_facebook.png');
	float:left;
}

.ic_twitter {
	background:url('images/bt_twitter.png');
	float:left;
}

.ic_linkedin {
	background:url('images/bt_linkedin.png');
	float:left;
}

.ic_viadeo {
	background:url('images/bt_viadeo.png');
	float:left;
}

.ic_video {
	background:url('images/bt_video.png');
	float:left;
}

.ic_googleplus {
	background:url('images/bt_googleplus.png'); 
	float:left;
}

.ic_pinterest {
	background:url('images/bt_pinterest.png');
	float:left;
}

.ic_ressources {
	background:url('images/bt_ressources.png');
	float:right;
}

.ic_googleplay {
	background:url('images/bt_googleplay.png') no-repeat;
	float:right;
}

.ic_itunes {
	background:url('images/bt_itunes.png');
	float:right;
}

.ic_facebook:hover {
	background:url('images/bt_facebook_hover.png');
	float:left;
}

.ic_twitter:hover {
	background:url('images/bt_twitter_hover.png');
	float:left;
}

.ic_linkedin:hover {
	background:url('images/bt_linkedin_hover.png');
	float:left;
}

.ic_viadeo:hover {
	background:url('images/bt_viadeo_hover.png');
	float:left;
}

.ic_video:hover {
	background:url('images/bt_video_hover.png');
	float:left;
}

.ic_pinterest:hover {
	background:url('images/bt_pinterest_hover.png');
	float:left;
}

.ic_ressources:hover {
	background:url('images/bt_ressources_hover.png');
	float:right;
}

.ic_googleplay:hover {
	background:url('images/bt_google_hover.png') no-repeat;
	float:right;
}

.ic_itunes:hover {
	background:url('images/bt_itunes_hover.png');
	float:right;
}

/* class generales */
.bar_bold {
	font-weight:bold;
}

.bar_11 {
	font-size:11px;
}

.bar_21 {
	font-size:21px;
}

.bar_22 {
	font-size:22px;
}

.bar_32 {
	font-size:32px;
}

.bar_margin_top_20 {
	margin-top:20px;
}

.bar_margin_vert_20 {
	margin-top:20px;
	margin-bottom:20px;
}

.bar_uppercase {
	text-transform:uppercase;
}

.bar_no_underline {
	text-decoration:none;
}
