/**
* @author    alphadesign.fr http://alphadesign.fr
* @copyright Copyright (C) 2008 - 2011 Alpha Design. All rights reserved.
* @license   Alpha DEsign Proprietary License
*/
/* === CUSTOM fichier Alpha Design fo the étudions à létranger site CSS ========================== */

/*p.readmore {
	clear:both;
	}*/


body {
	font-family: lato, Georgia, serif;
	}

body.jsn-specialfont h1, body.jsn-specialfont h2, body.jsn-specialfont h3, body.jsn-specialfont h4, body.jsn-specialfont h5, body.jsn-specialfont h6, body.jsn-specialfont #jsn-pos-mainmenu a, body.jsn-specialfont #jsn-pos-mainmenu span, body.jsn-specialfont #jsn-gotoplink, body.jsn-specialfont .componentheading, body.jsn-specialfont .contentheading, body.jsn-specialfont .jsn-title-content-top-demo, body.jsn-specialfont a.link-button, body.jsn-specialfont #jsn-pos-breadcrumbs, body.jsn-specialfont ul.menu-topmenu li a {
	font-family: lato, Georgia, serif;
}

body.jsn-textstyle-business.jsn-specialfont ul.menu-mainmenu > li > a {
color:#787878;
text-transform: none;
font-size: 1.6em;
}

body.jsn-textsize-medium p {
font-size: 125%;
}
h1,h2,h3,h4,h5,h6 {
	color:#2f7fbc;
	}
	
h1 {
	font-size:1.95em;
	}
	
h2,h3,h4,h5,h6 {
	font-size:1.6em;
	margin-bottom:0;
	line-height:1.2em;
	}
p {
	margin-top:0
}
	
a {
	color:#1ca3dd;
	}
a:hover {
	color: #20658f;
	text-decoration:none;
}

body.jsn-textstyle-business.jsn-specialfont .jsn-moduletitle {
font-weight:bold;
font-size: 1.25em;
color:#20658f;
text-transform: none; 

}

/***** logo ********/
#jsn-logo img {
	margin:20px 0 13px 0px;
	}
	
/***** Position TOP *****/

/* Top menu à droite*/

#jsn-pos-top {
	line-height: 1.3;
	}

#jsn-pos-top ul{
	margin:0;
	line-height: 1.3;
	}

#jsn-pos-top li{
	display:inline-block;
	margin-top:0.5em;
	}
	
#jsn-pos-top a{
	color:#c6cacb;
	font-weight:bold;
	font-family: lato, Georgia, serif;
	font-size:125%
	}
#jsn-pos-top a:hover{
	color:#fff;
	}
	
/* module "Votre =source d'informations pour partir étudier à l'étranger" */

#jsn-pos-top div.jsn-modulecontainer.source {
	font-family: 'Droid Sans',lato, Georgia, serif;
	float:left;
	font-style:italic;
	font-weight:bold;
	color:#39b6eb;
	font-size:130%;
	margin-left:8% !important;
	}
	
#jsn-logo a {
	margin:0;
	}
	
/* =Main Menu  horizontal */

#jsn-menu {
margin: 35px 0 0 0;
float:right;
}

div.jsn-modulecontainer ul.menu-mainmenu li.first {
margin-left: 0;
}

body.jsn-textstyle-business.jsn-specialfont ul.menu-mainmenu > li > a {
color:#787878;
text-transform: none;
font-size: 1.6em;
}

body.jsn-textstyle-business.jsn-specialfont ul.menu-mainmenu > li.current > a, 
body.jsn-textstyle-business.jsn-specialfont ul.menu-mainmenu > li.active.parent > a, 
div.jsn-modulecontainer ul.menu-mainmenu > li a:hover {
color:#fff;
}

div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > a {
padding: 15px;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.parent {
background: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li a:hover {
background: #1ca3dd;
}
div.jsn-modulecontainer ul.menu-mainmenu li ul li a:hover {
background: none;
}

div.jsn-modulecontainer ul.menu-mainmenu li ul li a {
color:#1ca3dd;
font-size:125%;
}

/* Menu pays horizontal */

#jsn-header {
	border:none;
	}

#jsn-promo {
	background:#f2f2f2;
	min-height: 35px;
	border-top:1px solid #c6cacb;
	border-bottom:1px solid #c6cacb;
	padding :10px 0 5px 0;
}

#jsn-promo ul{
	margin:0;
}

.pays li {
	font-family: lato, Georgia, serif;
	font-style:italic;
	font-size:140%;
	margin: 4px 56px 4px 0;
	float:left;
	list-style-type: none;
	}
	
.pays li.last {
	margin-right:0;
	}
	
.pays a {
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:48px;
	background:url(../images/EAE-sprite.png) no-repeat;
	}
.pays a:hover {
	color:#1ca3dd !important;
	text-decoration:none;
	}
	
.pays .usa a{
	color:#2f7fbc;
	}
	
.pays .uk a{
	color:#e10600;
	background-position:0px -36px
	}
.pays .spain a{
	color:#c88c10;
	background-position:0px -72px
	}
.pays .oz a{
	color:#2f7fbc;
	background-position:0px -108px

	}
.pays .brez a{
	color:#2d9256;
	background-position:0px -144px
	}
.pays .chine a{
	color:#cd3e2b;
	background-position:0px -180px
	}
.pays .autre a{
	color:#787878;
	background-position:0px -216px;
	}
	
/*********** Fil =ariane  ****************/


#jsn-pos-breadcrumbs {
border-bottom: none;
margin:0;
float:left;
width:100%;
}

.jsn-joomla-30 #jsn-pos-breadcrumbs {
padding: 19px 0 5px 0;
}
.breadcrumb li {
text-shadow:none;
}
ul.breadcrumb  span.divider i.icon-location{
display:none;
}
.breadcrumb li a, .breadcrumb li span {
color: #20658f;
}

.breadcrumb li span {
color: #787878;
}

.breadcrumb li span + span {
font-weight: normal;
}

body.jsn-textstyle-business.jsn-specialfont #jsn-pos-breadcrumbs {
font-size: 1em;
}

/*********** slideshow home  ****************/
#jsn-pos-content-top {
	border:none;
	padding-bottom:0;

	}
div.jsn-modulescontainer2.jsn-horizontallayout div.slideshow-home.jsn-modulecontainer {
	margin:0;
	width:70%;
}

#jsn-pos-content-top.jsn-modulescontainer .slideshow-home .jsn-modulecontainer_inner{
	margin:10px 0 0 0;

	}

.slideshow-home li {
	margin:0;
	}
	
/*********** home hover image  a droite du slideshow ****************/
	
#jsn-pos-content-top.jsn-modulescontainer .hover-image div.jsn-modulecontainer_inner{
	margin-right:0;
	}
div.jsn-horizontallayout div.hover-image.jsn-modulecontainer {
	max-width:339px;
	margin-top:-13px;
	max-height: 345px;
	}
 div.hover-image	.jsn-modulecontainer_inner {
	margin:15px;
	margin-right:0;
	}
	

/*********** Partie =centrale  ****************/

#jsn-centercol_inner { /* toutes les modifs suivantes pour remonter la partie centrale cf aussi 2 dernières lignes de #jsn-pos-breadcrumbs*/
	float:left;
	}
#system-message {
	margin:0;
	}
.clearfix {
	height:0
	}
.jsn-article-toolbar {
	margin:0;
}
.wk-content.clearfix { /* pour que le slideshow apparaise*/
	height:auto;
	}

#jsn-page {
color: #787878;
}

#jsn-mainbody {
padding-top:0;
}

/* lire la suite */

p.readmore a.btn {
	text-shadow: none;
	border:none;
	color:#787878;
	border-color:transparent;
	background-image:none;
	background-color:#f6f6f6;
	font-size:14px;
	border-radius:0;
	padding:8px 10px 8px 10px;
	box-shadow:none;
	}
	
p.readmore .btn:hover, p.readmore .btn:focus {
	color:#20658f;
	text-decoration: none;
	background-color:transparent;
	background-image:none;
	}
	
p.readmore a.btn span.icon-chevron-right {
	display:none;
	}
/****** accueil module Derniers Articles & module Top dossiers *******/

div.allmode-itemsbox {
margin-left:0!important;
}
body.jsn-textstyle-business.jsn-specialfont div.derniers-articles .jsn-moduletitle,
body.jsn-textstyle-business.jsn-specialfont div.top-dossiers .jsn-moduletitle
 {
color: #2f7fbc ;
border-bottom:2px solid #2f7fbc;
margin-bottom:18px;
}

div.derniers-articles h3,
div.top-dossiers h3
 {
padding-left:40px;
padding-top:3px;
font-size:1.6em!important;
background: url(../images/EAE-sprite.png) no-repeat;
}

.allmode-default .allmode-item .allmode-title {
font: bold 16px/17px lato,Verdana,Arial,Helvetica,sans-serif!important;
}

div.derniers-articles .allmode-default a,
div.top-dossiers .allmode-default a
 {
color: #1ca3dd !important;
}

div.derniers-articles .allmode-default a:hover,
div.top-dossiers .allmode-default a:hover
 {
color: #20658F !important;
text-decoration:none;
}

.allmode-default .allmode-item .allmode-img {
padding: 0!important;
border: 2px solid #9abbd0!important;
}
.allmode-default .allmode-item .allmode-text {
font: normal 13px/17px lato,Verdana,Arial,Helvetica,sans-serif!important;
color:#787878!important;
}

.allmode-default .allmode-item {
border-bottom: 1px solid #c6cacb !important;
}

div.derniers-articles .allmode-default div.allmode-showall a{
color:#91b166!important;
font-weight:bold;
}

div.derniers-articles .allmode-default div.allmode-showall a:hover{
color:#5a8c1a !important;
text-decoration:none;
}

div.derniers-articles h3 {
background-position: -7px -261px;
}

div.top-dossiers h3 {
background-position: -7px -294px;
}

/*********** Position =Right ****************/

#jsn-rightsidecontent {
margin: 28px 0 0 0;
}

#jsn-rightsidecontent_inner, #jsn-pos-innerright_inner {
padding: 0 0 0 25px;
}

div.jsn-modulecontainer {
margin-top: 16px;
}

/* =search =recherche*/

div.recherche {
padding: 15px 15px 10px 15px;
background: #fd972e;
position:relative;
}

div.recherche form {
margin:0;
padding:0;	
}

.jsn-joomla-30 div.search .inputbox {
max-width: 94%;
}

body.jsn-css3 div.recherche .inputbox {
color:#fff;
background-color:transparent;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius:0 ;
border:1px solid #fff;
font-family: lato, Georgia, serif;
font-size:20px;
}


#jsn-page div.recherche .button {
	padding:0;
	}
body.jsn-css3 #jsn-page div.recherche .button {
	border:0;
	position: absolute;
	top: 13px;
	right: 15px;
	background:none;
	moz-box-shadow:none;
	box-shadow: none;
	}

/* =menu droit */

body.jsn-textsize-medium  #jsn-pos-right  {
	font-size:125%;
	}
	
body.jsn-textsize-medium  #jsn-pos-right  ul li {
	list-style-type: none;
	margin-left:0;
	border-top:1px solid #c6cacb;
	padding-top: 0.4em;
	padding-bottom:0.15em;
	}	
	
body.jsn-textsize-medium  #jsn-pos-right  ul li li {
	margin-left:0.9em;
	margin-bottom:0.4em;
	border:none;
	padding:0;
	}	
body.jsn-textsize-medium  #jsn-pos-right  ul li a  {
	color:#20658f;
	}
body.jsn-textsize-medium  #jsn-pos-right  ul li a:hover  {
	color:#1ca3dd;
	}
body.jsn-textsize-medium  #jsn-pos-right  ul li.current.active a.current {
	color:#1ca3dd;
	font-weight:normal;
	}
	
body.jsn-textsize-medium  #jsn-pos-right  ul li.active.parent a  {
	color:#103449;
	font-weight:bold;
	}
body.jsn-textsize-medium  #jsn-pos-right  ul li.active.parent ul li a  {
	color:#103449;
	font-weight:normal;
	}
body.jsn-textsize-medium  #jsn-pos-right  ul li.active.parent ul li a:hover {
	color:#1ca3dd;
	font-weight:normal;
	}

	
/* =adense =right*/

div.adsense-right {
	background-color:#ffd767;
	border:1px solid #c6cacb;
	padding-top:20px;
	padding-bottom:20px;
	}
/* =facebook*/

div.facebook{
	border:1px solid #c6cacb;
	overflow:hidden;
	}
	
/* =acymailing =newsletter */

.newsletter {
	background-color:#91b166;
	border:1px solid #c6cacb;
	padding:15px;
	padding-top:10px;
	}
body.jsn-textstyle-business.jsn-specialfont .newsletter .jsn-moduletitle {
	color:#fff;
	font-weight:normal;
	}
.newsletter p{
	width:50% !important;
	float:left;
	margin:0;
	}

body.jsn-css3 .newsletter input {
	background-color:#91b166;
	color:#fff;
	border: 1px solid #b5d58b;
	border-radius:0;
	font-family: lato, Georgia, serif;
	font-size:14px;
	}
	
body.jsn-css3 #jsn-page .newsletter input.button {
	float:left;
	background-color:#9cbf6d;
	background-image:none;
	border: 1px solid #b5d58b;
	border-radius:0;
	border-color:#b5d58bb;
	text-shadow:none;
	color:#fff;
	font-size:14px;
	}
body.jsn-css3 #jsn-page .newsletter input.button:hover {
	background-color:#87B946;
	}
	
/*********** Position =banner  ****************/

/* =articles =relation  */

div.relation {
	text-align:left;
	}
div.relation.jsn-modulecontainer h3.jsn-moduletitle {
	color: #2f7fbc;
	font-size: 1.6em;
	padding-left:48px;
	background:url(../images/EAE-sprite.png) no-repeat;
	background-position:0px -330px
	}	
div.relation ul {
	list-style-type:none;
	}
div.relation li {
	margin-left:0;
	}
div.relation a {
	font-size:125%;
	}
	


/*********** Position =content-bottom ****************/

/* =offres =spéciales & =stage */

#jsn-content-bottom {
	padding:5px 0;
	background:#f2f2f2;
	}
#jsn-pos-content-bottom .jsn-modulecontainer_inner {
	padding-right:16%;
	}
#jsn-pos-content-bottom .offres.jsn-modulecontainer .jsn-modulecontainer_inner img {
	margin-bottom:0;
	}
	
body.jsn-textstyle-business.jsn-specialfont .offres .jsn-moduletitle {
	color:#2f7fbc;
	font-weight:normal;
	font-size: 1.6em;
	}
div.offres .allmode-default .allmode-item .allmode-img {
border: 1px solid #9abbd0!important;
}

div.offres .allmode-default a {
color:  #20658f !important; 
font-size:14px;
font-weight:normal !important;
line-height:20px;
}

div.offres .allmode-default a:hover {
color:  #103449 !important; 
text-decoration:none;
}

div.offres .allmode-default .allmode-item {
border-bottom: none !important;
}

div.allmode-default.offres .allmode-showall a {
	color:#73b321 !important;
	font-weight:bold !important;
	}
div.allmode-default.offres .allmode-showall a:hover {
	text-decoration:none;
	color:#5a8c1a !important;
	}
	
/*********** Position =footer ****************/

/* =menu pays blanc  */

.floatleft {
	float:left;
	}
	
.pied-blanc p.floatleft  {
	padding-right:16%;
	margin-top:0;
	}
	
.pied-blanc p.floatleft.last  {
	padding-right:0;

	}
	
.pied-blanc.jsn-modulecontainer {
	width:66%;
	float:left;
	text-align:left;
	color:#fff;
	margin-top:0
	}
	
	
#jsn-footer .pied-blanc a {
	color:#b2b2b2;
	font-weight:bold;
	font-size:1em;
	padding:0;
	}
#jsn-footer .pied-blanc a:hover {
	color:#fff;
	background:transparent;
	}
	
	
/* =menu bleu footer  */
.pied-bleu.jsn-modulecontainer {
	width:16%;
	float:right;
	margin:0;
	}
.pied-bleu ul {
	list-style-type:none;
	margin:0;
	}
	
.pied-bleu ul li{
	margin:0;
	text-align:left;
	}
	
#jsn-footer .pied-bleu a {
	font-size:1.2em;
	padding-right:13%;
	}
#jsn-footer .pied-bleu a:hover {
	color:#90c6dd;
	background:transparent;
	}
	
/* =logo footer et liens vers prestataires*/

.prestataire {
	width:18%;
	text-align:left;
	float:right;
	color:#787878;
	}

.prestataire img {
	float:left;
	margin-bottom:25px;
}

#jsn-footer .prestataire a {
	padding:0;
}

#jsn-footer .prestataire a:hover {
	background:transparent;
	color:#90c6dd;
}
body.jsn-textsize-medium .prestataire p {
	clear:left;
	font-size:1em;
	margin-bottom:2px;
	margin-top:0;
	}
	
/* =popup facebook*/

#fblikepop #buttonArea {
	clear:both;
	}
#fblikepop #actionHolder {
	height:auto !important;
	}
#fblikepop #popup_head h1 {
	background:#20658f !important;
	border:none !important;
	padding-top:0!important;
	color:#fff !important;
	font-size:20px !important;
	font-family:lato !important;
	font-weight:bold !important;
	}
#fblikepop {
	border: 10px solid #20658f !important;
	}
	
/* adaptation mobile */

/************************************************************************************
 mobile layout (240 - 1023): common settings for both smartphone and tablet
*************************************************************************************/
@media only screen and (max-width: 960px),
(max-device-width: 960px) {
#jsn-promo.display-desktop {
	display:none;
	}
div.jsn-modulescontainer2.jsn-horizontallayout div.slideshow-home.jsn-modulecontainer {
	width: 100%;
}

#jsn-pos-right .recherche,
#jsn-pos-right .newsletter
  {
	max-width:240px;
	}
#jsn-pos-right .facebook
  {
	max-width:270px;
	}
	
#jsn-footer.display-desktop {
	display:none;
	}


}



/************************************************************************************
smartphone layout (320 - 480): everything is layout in single column
*************************************************************************************/
@media only screen and (max-width: 480px), (max-device-width: 480px) {
	
}

/************************************************************************************
 tablet layout (481 - 1023): arrange modules in 2 columns and 1 side bar
*************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 960px),
(min-device-width: 481px) and (max-device-width: 960px) {
	
}