/* options communes * html #containertop{behavior: url(iepngfix.htc);} /* to correct transparent png in IE */
body{ 
background: url(../images/body_bg.gif) repeat-x top #f5f5be;
font:10px Arial, Tahoma, Verdana,Helvetica, sans-serif;
color: #4b4942;
margin:0;
width:1024px;
}

quote{
font-size:13px;
margin:20px 20px 0px 20px;
display:block;
font-style:italic;
}

.temaa{
	font-size:12px;
	margin-right:30px;
	margin-top:5px;
    text-align:right;
}

a{text-decoration: none;color: #FF9900;}
a:hover{color: #000000;}
p{font-size:12px; text-align:center;}

/* HEADER */
#header{
	height:126px;
	min-width:800px;
}

#header .logo{
	margin:28px 0 0 460px;
	position:absolute;
}


#header img{
	float:left;
	margin:0;
}

#header h2{
	font-size:18px;
	left:200px;
	min-width:700px;
	position:absolute;
	top:20px;
	color:#FFF;
	z-index:1;
}

#header h2 span{
	font-size:25px;
}


/* Contenu*/

.tab{
background:transparent url(../images/tab.gif) no-repeat scroll left top;
left:-31px;
position:absolute;
}


#contenu{
	background:#C7A856 url(../images/content-bg.gif) no-repeat scroll left bottom;
	margin-left:150px;
	margin-top:20px;
	padding:2px;
	position:relative;
	width:800px;
}

#contenu_bg{
max-width:904px;
}

#contenu h3 {
	background:transparent url(../images/Fondh3.gif) repeat-x scroll 0 0;
	color:white;
	font-size:18px;
	height:39px;
	line-height:39px;
	margin:0;
	width:100%;
}

#contenu_bottom{
	vertical-align:bottom;
	text-align:right;
	margin:0;
	padding:0;
}

#texte{background-color:#FFFFFF;}
#texte p{text-align:justify;line-height:25px;font-size:14px;margin:10px;}
#texte li{ font-size:12px;}
#texte table,#texte input {margin:10px;}

.stage-titre{
font-size:13px;
background-color:#dcdc88;
line-height:20px;
margin-top:20px;
}

.stage-titre span{
margin-left:5px;
}

.stage-titre a{
margin-left:20px;
color: #0066FF;
}
.stage-titre a:hover{
margin-left:20px;
color: #3399FF;
}

/* Contenu liste sans puces */
#li_sans_puces ul li{
list-style:none;
}


/* Menu */
#menu_gauche{
	float:left;
	width:120px;
	clear:both;
	position:relative;
}

#menu_gauche .barre, #menu_gauche .barre_, #menu_gauche .fin_titre{
	position:absolute;
	top:0;
	z-index:-1;
}
#menu_gauche .barre{
	left:11px;
}

#menu_gauche .barre_{
	left:100px;
}

#menu_gauche .fin_titre {
	left:33px;
}


.idliste {
	height:150px;
	margin: 0;
	margin-top:75px;
	padding: 0;
	list-style:none;
	
}
 
.idliste li {
	display: block;
	margin-bottom:0px;
	padding: 2px 20px 3px 20px;
	width: 120px;
	background: url(../images/fond_menu_texte.gif) no-repeat;
	color: #888;
	font:10px Cursive,Arial;
}

.idliste li a{ 
color:inactiveborder;
font-size:16px;
line-height:14px;}

#menu_gauche .gauche{
	margin-left:30px; 
}

.langue{ border:none; background:none;margin-top:30px;margin-bottom:50px;}

/*Accordeon*/


#accordeon{
	margin:10px;padding:0;
}

.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #FFFFFF;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}

.element p {
	margin: 5px;
	padding: 5px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}

#accordeon ul{
	margin-bottom:20px;
}
 


/**************************************************************
	Image Menu
**************************************************************/


#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
	border-left:#000000 4px solid;
	margin:10px;
}


#imageMenu ul {
	list-style: none;
	margin: 0;
	padding:0;
	display: block;
	height: 200px;
	width: 1000px;
}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:100px;
	height: 200px;
}


/*Image menu en français*/
#imageMenu ul li.salles_travail a{
	background: url(../images/images_menu/salle_travail.jpg) repeat scroll 0%;
}

#imageMenu ul li.vie_commune a {
	background: url(../images/images_menu/refectoire.jpg) repeat scroll 0%;
}

#imageMenu ul li.dortoir a {
	background: url(../images/images_menu/dortoir.jpg) repeat scroll 0%;
}

#imageMenu ul li.exterieur a {
	background: url(../images/images_menu/exterieur.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(../images/images_menu/nature.jpg) repeat scroll 0%;
}

/*Image menu en anglais*/
#imageMenu ul li.salles_travail_en a{
	background: url(../images/images_menu/salle_travail_en.jpg) repeat scroll 0%;
}

#imageMenu ul li.vie_commune_en a {
	background: url(../images/images_menu/refectoire_en.jpg) repeat scroll 0%;
}

#imageMenu ul li.dortoir_en a {
	background: url(../images/images_menu/dortoir_en.jpg) repeat scroll 0%;
}

#imageMenu ul li.exterieur_en a {
	background: url(../images/images_menu/exterieur_en.jpg) repeat scroll 0%;
}


.clear {
	clear: both;
}


/*************************************************************/



/* SLIMBOX */


#lbOverlay {
	position: absolute;
	left:120px;
	width:450px;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left:50px;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#photos div{
	text-align:center;
}



/*************************************************************/

/* TOOL TIP */

.tool-tip {
	color: #fff;
	background-color:#c7a856;
	width:auto;
	height:auto;
	z-index: 13000;
}
 
.tool-text {
	font-size: 15px;
	padding: 6px 30px 8px 20px;
	background: url(../images/bulle.png) left no-repeat;
}