*
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

html, body
{
	color: #747474;
	padding: 0;
	margin: 0;
	font-size: 11px;
	background: url(images/main-background-image.jpg) repeat-x #85C9DC;
	background-color: #85C9DC;
}

#container
{
	padding: 0;
	position: relative;
	left: 50%;
	margin: 0 0 0 -400px;
	width: 817px;
	background-image: url(images/accueil/wrapper-background.gif);
	background-color: #fff;
	background-position: right;
	background-repeat: repeat-y;
}

#externalWrapper
{
	background: url(images/right-gradient-border.jpg) top right no-repeat;
}

#header
{
	width: 801px;
	height: 283px;
	background-image: url(images/accueil/background-header.jpg);
	position: relative;
}

#header h2
{
	color: #FFF;
	font-size: 20px;
	position: absolute;
	top: 38px;
	left: 196px;
	font-weight: normal;
	line-height: 34px;
}

#header h2 .sloganGras
{
	font-size: 26px;
	font-weight: bold;
}

#header h2 #sloganLigne2
{
	display: block;
	margin-left: 107px;
    position: relative;
    top: -7px;
}

#header a#soireesFr {
	background: url(images/bouton-soirees-informations.png) no-repeat;
	display: block;
	position: absolute;
	height: 134px;
	right: 200px;
	top: 110px;
	width: 197px;
}

* html #header a#soireesFr{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/bouton-soirees-informations.png);
}
#header a#promoFr, #header a#promoEn {
	background: url(images/promotion.png) no-repeat;
	display: block;
	position: absolute;
	height: 132px;
	right: 200px;
	top: 110px;
	width: 132px;
}

#header a#promoEn { 	background: url(en/images/promotion.png) no-repeat; }

* html #header a#promoFr{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/promotion.png);
}
* html #header a#promoEn{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/en/images/promotion.png);
}

#introAccueil
{
	position: absolute;
	left: 66px;
	top: -133px;
	width: 184px;
}

#introAccueil h2
{
	color: #e98017;
	font-size: 12px;
}

#introAccueil p
{
	color: #676767;
	font-size: 11px;
}

h2#choose
{
	position: absolute;
	top: -54px;
	left: 66px;
	font-size: 11px;
	color: #1399C6;
}


#profils
{
	list-style: none;
	position: relative;
	overflow: hidden;
	top: -34px;
	float: left;
}



#choixlangues { 
	clear: left;
	list-style: none;
	position: relative; 
	top:-34px;
}

.profilBox
{
	width: 136px;
	margin: 0 4px -1000px 0;
	padding: 0 0 1020px;
	float: left;
	background: url(images/accueil/profils-background.gif) bottom left repeat-y;
}

.profilBox2
{
	width: 136px;
	margin: 0 4px 0 0;
	padding: 0 0 0;
	float: left;
	position: relative; 
}

.profilBox p
{
	margin: 0;
	padding: 4px 8px;
	color: #686868;
	font-size: 10px;
	
}

.profilBox h3 {
	width: 136px;
	height: 144px;
}

.profilBox h3 a
{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #E74903;
	width: 136px;
	height: 144px;
	padding-top: 13px;
	display: block;
	
}

/* Preload des rollovers */
#adultes h3{	background: url(images/accueil/adultes-over.jpg) -9999px -9999px no-repeat; }
#adolescents h3 { background: url(images/accueil/adolescents-over.jpg) -9999px -9999px  no-repeat; }
#professionnels h3 { background: url(images/accueil/professionnels-over.jpg) -9999px -9999px  no-repeat; }
#aines h3 { background: url(images/accueil/aines-over.jpg) -9999px -9999px  no-repeat; }
#groupes h3 { background: url(images/accueil/groupes-over.jpg) -9999px -9999px  no-repeat; }

#adultes h3 a { background: url(images/accueil/adultes.jpg) no-repeat; }
#adolescents h3 a { background: url(images/accueil/adolescents.jpg) no-repeat; }
#professionnels h3 a { background: url(images/accueil/professionnels.jpg) no-repeat; }
#aines h3 a { background: url(images/accueil/aines.jpg) no-repeat; }
#groupes h3 a { background: url(images/accueil/groupes.jpg) no-repeat; }

.profilBox h3 a:hover { color: #fff; }

#adultes h3 a:hover
{
	background: url(images/accueil/adultes-over.jpg) no-repeat;
}

#adolescents h3 a:hover
{
	background: url(images/accueil/adolescents-over.jpg) no-repeat;
}

#professionnels h3 a:hover
{
	background: url(images/accueil/professionnels-over.jpg) no-repeat;
}

#aines h3 a:hover
{
	background: url(images/accueil/aines-over.jpg) no-repeat;
}

#groupes h3 a:hover
{
	background: url(images/accueil/groupes-over.jpg) no-repeat;
}

.profilBox li
{
	list-style-type: none;
}

.profilBox2 ul.choix
{
	height: 34px;
	width: 136px;
	background: url(images/accueil/bouton-langues.gif) no-repeat;
	list-style: none;
}

.profilBox2 ul.choix li
{
	margin: 0 0 0 9px;
	width: 118px;
	padding-top: 3px;
}

.profilBox2 ul.choix li ul
{
	display: none;
	list-style: none;
}

.profilBox2 ul.choix li:hover ul
{
	display: block;
}

.profilBox2 ul.choix a
{
	padding: 5px 0 0 11px;
	display: block;
	color: #1399C6;
	text-decoration: none;
	font-size: 10px;
	font-weight : bold;
	background: url(images/accueil/fleches.gif) 4px 8px no-repeat;
}

.profilBox2 ul.choix a:hover
{
	text-decoration: underline;
}

.profilBox2 ul.langues a
{
	padding: 5px 0 0 8px;
	background: none;
	font-weight: normal;
}

.profilBox2 ul.langues li
{
	margin: 0;
	width: 100%;
}

.profilBox2 ul.langues
{
	position: relative;
	border: 1px solid #D7D6D6;
	margin-left: 15px;
	padding-bottom: 5px;
	background-color: #fff;
	z-index: 500;
}

#autresChoix
{
	padding: 13px 0 0 3px;
}

#pubInternes ul {
	float: left;
	position: relative;
	overflow: hidden;
	width: 550px;
}

#pubInternes ul li
{
	margin: 0 0 -1000px 12px;
	padding: 0 0 1000px;
	float: left;
	display: inline;
	list-style-type: none;
	background: #D9EFF6 url(images/accueil/autres-background.gif) repeat-y;
}

#pubInternes li a
{
	width: 147px;
	line-height: 22px;
	border: 1px solid #D7D6D6;
	color: #1399C6;
	font-size: 10px;
	font-weight: bold;
	padding-left: 15px;
	background: url(images/accueil/fleches.gif) #fff 6px center no-repeat;
	display: block;
	text-decoration: none;
}

#pubInternes li a:hover
{
	color: #fff;
	background: url(images/accueil/fleches-blanches.gif) #1399c6 6px center no-repeat;
}

#pubInternes p
{
	width: 146px;
	border-top: 3px solid white;
	padding: 9px;
	color: #576063;
}

#brochure p
{
	text-indent: -9999px;
	background: url(images/accueil/brochure.gif) no-repeat;
	padding: 0;
	height: 64px;
	width: 164px;
}

#logo a
{
	width: 66px;
	height: 129px;
	position: absolute;
	top: 7px;
	left: 31px;
}

#logo a.french
{
	background: url(images/logo-sejours-linguistiques.gif) no-repeat;
}

#logo a.english
{
	background: url(es/images/logo-study-abroad.gif) no-repeat; 
}

#logo a.spanish
{
	background: url(images/logo-viajes-linguisticos.gif) no-repeat;
}

#logo
{
	text-indent: -9999px;
}

#mainContentContainer
{
	position: relative;
	width: 747px;
	padding-left: 54px;
}

/***************************************
 Navigations - Top utils nav Menu
****************************************/
#topUtilsNavMenu
{
	position: absolute;
	left: 270px;
	top: 5px;
	font-size: 11px;
	padding: 0;
	z-index: 100;
}

#topUtilsNavMenu li
{
	border-right: 1px solid #fff;
	display: inline;
	padding: 0 5px;
}
#topUtilsNavMenu li.last { border: none; }

#topUtilsNavMenu li a
{
	color: #fff;
	text-decoration: none;
}

#topUtilsNavMenu li a:hover
{
	text-decoration: underline;
}

/***************************************
 Navigations - Top languages Menu
****************************************/
#topLanguagesMenu
{
	position: absolute;
	right: 10px;
	top: 5px;
	padding: 0;
	font-size: 10px;
	z-index: 101;
}

#topLanguagesMenu li
{
	display: inline;
	padding: 0 5px;
}

#topLanguagesMenu li a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#topLanguagesMenu li a:hover
{
	text-decoration: underline;
}

#autresChoix #infolettreBox
{
	border: 1px solid #CBCACA;
	background-color: #fff;
	padding: 10px;
	width: 140px;
	float: left;
	text-align: right;
	position: relative;
}

#infolettreBox p
{
	color: #000;
	margin-bottom: 5px;
	text-align: left;
}

#infolettreBox #courriel {
	border: 1px solid #ccc;
	float: left;
	font-size: 10px;
	margin-bottom: 5px;
	padding: 3px;
	width: 125px;

}

#infolettreBox .erreur {
	color: red;
	position: absolute;
	left: 5px;
	top:24px;
}

#infolettreBox .archives
{
	color: #DE7E2B;
	display: block;
	text-align: left;
	text-decoration: none;
	margin: 5px 0 0;
}

#infolettreBox .archives:hover { text-decoration: underline; }
#infolettreBox .archives span { color: #000; }

/***************************************
 Navigations - Footer navigation Menu
****************************************/

#mainFooter
{
	width: 801px;
	margin-top: 33px;
	background-color: #fff;
}

#footerNav
{
	background: url(images/footer-background.gif) repeat-y;
	border-top: 1px solid #C2C3C3;
	border-bottom: 1px solid #C2C3C3;
	text-align: center;
}

#footerNav li
{
	display: inline;
	padding: 0 9px 0 6px;
	list-style-type: none;
	line-height: 19px;
}

#footerNav li.separation
{
	background-image: url(images/footer-nav-pipe.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#footerNav li a
{
	color: #fff;
	font-size: 10px;
	margin-top: 0;
	padding-top: 0;
	text-decoration: none;
}

#footerNav li a:hover
{
	text-decoration: underline;
}

#subFooter
{
	text-align: center;
	color: #2084B0;
	font-size: 10px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
}

#brochureform table
{
	width: 400px;
}

#brochureform table tr td.tdbutton
{
	text-align: center;
}

#brochureform table tr td.tdbutton input
{
	border: 1px solid black;
	background-color: #fff;
	color: #000;
}

/***************************************
 Misc.
****************************************/

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}