/* CSS Global */

body
{
	 background: #FFF;
	 margin: 0;
	 font: 0.625em Arial, Helvetica, sans-serif;
}

#header
{
	background: url(../_images/header/banner.jpg) no-repeat;
	height: 289px;
}

#frame
{
	margin: auto;
	background: url(../_images/conteneur/contenu.jpg) repeat-y;
	width: 922px;
	position: relative;	
}

html
{
	overflow: scroll;
	font-size: 100%;
}

img, div 
{ 
	behavior: url(/scripts/iepngfix.htc); 
}

hr, #header h1
{
	display: none;
}


/* ----- Content ----- */

#index #content p
{
	text-align: justify;
	padding-right: 130px;
}

#content
{
	width: 490px;
	margin: 0 0 0 148px; 
	min-height: 415px;
}

#content p
{
	color: #7A86A0;
	line-height: 18px;
	clear: both;
	font-size: 1.3em;
}

#content span
{
	font-weight: bold;
}


/* ----- Navigation secondary -----*/

#content_right
{
	position: absolute;
	width: 240px;
	top: 455px;
	right: -25px;
}

#content_right span
{
	font-size: 1em;
}


/*----- footer -----*/

#footer
{
	background: url(../_images/footer/footer.jpg) no-repeat;
	height: 42px;
	margin-top: 40px;
	clear: both;
	
}

#footer p
{
	font-size: 1em;
	color: #667184;
	margin-left: 230px;
}


/* ---- titres ---- */

#texte h2
{
	clear: both;
	font: small-caps bold 1.7em Arial, Helvetica, sans-serif;
	color: #7A86A0;
	border: 1px dotted #B0FFFF;
	border-width: 1px 0;
	padding: 3px;
	text-align: center;
	margin-bottom: 30px;
}

#titre h2
{
	font: small-caps bold 1.6em Arial, Helvetica, sans-serif;
	color: #7A86A0;
	border: 1px dotted #B0FFFF;
	border-width: 1px 0;
	padding: 3px;
	text-align: center;
	margin-right: 100px;
	clear: both;
}

#titre_accueil h2 a
{
	font: bold 0.85em Arial, Helvetica, sans-serif;
	color: #7A86A0;
	text-decoration: none;
	border: 1px #B0FFFF dotted;
	border-width: 1px 0;
	padding: 4px 0;
	display: block;
	float: left;
	margin: 5px 0 25px 1px;
}

h4
{
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #7A86A0;
}


/*------ Navigation -----*/

#menu
{
	margin: 60px 0 119px 110px;

}

#menu ul
{
	margin: 0;
	padding: 0;
}  

#menu li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

#menu a
{
	display: block;
	height: 29px;
	margin-left: 3px;
	width: 100px;
	border-bottom: 1px solid #CECECE;
}

ul#langues
{
	margin-bottom: 1px;
}

#menu ul li ul
{
	display: none;	
	
}

#menu ul li:hover ul, ul li.sfhover ul 
{
	display: block;
	
}

#menu li:hover ul li, li.sfhover ul
{
	float: none;
}

#menu li ul li a 
{
	
	width: 100px;
}

#menu li ul 
{
	position: absolute;
	z-index: 2;
}

#accueil a
{
	background: url(../_images/btn_menu/accueil.gif) no-repeat;
}

#langues a
{
	background: url(../_images/btn_menu/langues.gif) no-repeat;
}

#marshall a
{
	background: url(../_images/btn_menu/marshall.gif) no-repeat;
	width: 122px;
}

#contact a
{
	background: url(../_images/btn_menu/contact.gif) no-repeat;
}

#allemand a
{
	background: url(../_images/btn_menu/allemand.gif) no-repeat;
}

#anglais a
{
	background: url(../_images/btn_menu/anglais.gif) no-repeat;
}

#espagnol a
{
	background: url(../_images/btn_menu/espagnol.gif) no-repeat;
}

#ndl a
{
	background: url(../_images/btn_menu/ndl.gif) no-repeat;
}

#italien a
{
	background: url(../_images/btn_menu/italien.gif) no-repeat;
}


#texte
{
	margin-right: 110px;
	text-align: justify;
	font-size: 1em;
}

#texte li
{
	list-style-type: square;
	color: #7A86A0;
	font-size: 1.3em;
}

#texte ul
{
	text-align: left;
}




/* ----- itineraire.html -----*/

a.contact-mail
{
	text-decoration: none;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #7A86A0;
	border: 1px #7A86A0 dotted;
	border-width: 1px 0;
	padding: 4px 0;
}

.lien_plan
{
	border-bottom: 1px dotted #7A86A0;
	text-decoration: none;
	font-size: 1.1em;
	color: #7A86A0;
}

.lien_plan a:hover
{
	border-bottom: 1px dotted #B0FFFF;
}

#send-mail
{
	font-weight: bold;
	background: url(../images/mail/mail_get.png) no-repeat 50px 80px;
	height: 64px;
}

#contact_map
{
	margin-top: 35px;
}

/*----- langues et planmarshall.html -----*/
th{
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #7A86A0;
	border-bottom: 1px solid #7A86A0;
	border-left: 1px dotted #7A86A0;
	padding: 3px;
	
}

td
{
	padding: 2px;
	border: 1px #7A86A0 dotted;
}

.haut_page a
{
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #7A86A0;
	text-decoration: none;
	border-bottom: 1px dotted #7A86A0;
	margin-left: 400px;
}

.haut_page a:hover
{

	border-bottom: 1px dotted #B0FFFF;
}

.border_table
{
	border-top: 1px #7A86A0 solid;
}

.titre-stage
{
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
}

#texte table
{
	width: 400px;
	text-align: center;
	border: 1px #7A86A0 solid;
	border-collapse: collapse;
	color: #7A86A0;
	margin-top: 20px;
}


/*----- bourses-planmarshall.html -----*/

blockquote
{
	color: #7A86A0;
	
}

.extrait
{
	font: italic 1.1em Arial, Helvetica, sans-serif;
}



/* ----- image-navigation secondaire ------ */

#map img
{
	margin: 30px 0 0 12px;
	border: 0;
}


/* ----- liens cliqués ----- */

a:active, a:focus
{
   outline: none;
}


/* ----- liens ----- */

.lien a
{
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #7A86A0;
	margin-top: 20px;
	text-decoration: none;
	border-bottom: 1px dotted #7A86A0;
}

.lien a:hover
{
	border-bottom: 1px dotted #B0FFFF;
}

/* ------ banner forem ----- */

.banner_forem
{
	margin: 30px 0 0 -10px;
}

.banner_forem a img
{
	border: none;
}

/* ----- opportunité jo ------ */

.jo
{
	margin: 30px 135px 0 0;
	border: 1px dotted #B0FFFF;
	border-width: 1px 0 1px 0;
	text-align: center;
	padding: 5px 0;
}

.jo a
{
	font: bold 1.3em Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #7A86A0;
	display: block;
}

.logo_jo
{
	text-align: center;
	border: none;
}

.logo_jo a img
{
	border: none;
	padding-top: 7px;
}

/* ----- détection navigateur ------ */

.detection_navig
{
	height: 180px;
	background-color: #DEE0E7;
	font: 1.7em Arial, Helvetica, sans-serif;
	color: #7A86A0;
	padding: 80px;
}

.detection_navig a
{
	font-weight : bold;
	color: #7A86A0;
}