@charset "utf-8";

/* ---------------------------------------------- HTML 5 ---------------------------------------------- */
/*
abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { 
	display: block;  
}  
*/

/* classic font-face 
@font-face { font-family: Swiss;	src: url(../_fonts/swiss.ttf);} */

/* Bulletproof déclarations - FF, IE... définir truetype en opentype pour FF
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ */
/*
@font-face {
font-family:'Swiss';
src: url('../_fonts/swiss.eot');
src: local('swiss'), url('../_fonts/swiss.ttf') format('opentype');
}

@font-face {
font-family:'Swiss-bold';
src: url('../_fonts/swissb.eot');
src: local('swissb'), url('../_fonts/swissb.ttf') format('opentype');
}
*/

/* ---------------------------------------------- FIXS ---------------------------------------------- */

.format { overflow: hidden;	zoom: 1;}
.zoom-ie { zoom: 1;}

/* (en) clearfix method for clearing floats */
.clearfix:after {
	content: ".";
	display: block;
	font-size:0;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* (en) essential for Safari browser !! */
.clearfix { display: block; }

/* (en) overflow method for clearing floats */
.floatbox { overflow: hidden; }

.transparent {
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}



/* ---------------------------------------------- COULEURS ---------------------------------------------- */

.noir {	color: black; }	
.blanc { color: white; }	
.gris {	color: gray; }
.rouge { color: red }
.vert {	color: green; }
.bleu { color: blue; }
.jaune { color: yellow; }

/* Spécifique au site
---------------------------------------------- */
.noir { color: #1A171B }
.gris { color: #3F3F3F }
.orange { color: #FFB206 }
.bleu { color: #2D616C }


/* ---------------------------------------------- TAILLES ---------------------------------------------------- */

.large { font-size: 14px }
.medium { font-size: 12px }
.small { font-size: 11px; }


/* ---------------------------------------------- STYLES DU TEXTE ---------------------------------------------- */

.normal { font-weight: normal }
.bold {	font-weight: bold; }
.italic { font-style: italic; }

.nodecoration { text-decoration: none }
.underline { text-decoration: underline }

.nobr {	white-space: nowrap; }


/* ---------------------------------------------- POSITIONNEMENT ---------------------------------------------- */

.tleft { text-align: left; }
.tright { text-align: right; }
.center { text-align: center; }	

.left { float: left; }
.right {float: right; }
.clear { clear: both; font-size:0; height:0 }

.block { display: block; }
.iniine { display:inline; }

.hide { visibility: hidden; }


/* ---------------------------------------------- DIVERS ---------------------------------------------- */

.load { background: url(../_img/picto/ajax-loader_2.gif) no-repeat center; } 


.JS .preload img {
	visibility: hidden /* résout bug sous IE */
}


/* Affiche une loupe au survol d'une vignette (voir mootools_fonctions.js) */
.loupes {
	z-index: 1;
	display: block;
	position: relative;	/position: static;
}


.loupes em { 
	visibility: hidden;	display: block;
	position: absolute;
	margin-top: 2px; margin-left: 4px;
	width: 35px; height: 35px;
	background: transparent url('../_img/picto/zoom.png') no-repeat; 
	_background: transparent url('../_img/picto/zoom.gif') no-repeat; 
} 


/* ---------------------------------------------- TITRES ---------------------------------------------- */

/*
 h1,h2,h3,h4,em { font-family: Arial, Helvetica, sans-serif }
*/ 

h3 { 
	padding-bottom: 3px;
	font-family:Swiss-bold, Arial, sans-serif; 
	color: #000; 
}


/* ---------------------------------------------- LISTES - PUCES ---------------------------------------------- */

ul.disc {
	padding: 5px 0;	
}

ul.disc li {
	padding-left: 12px;
	background-repeat: no-repeat; background-position: left 8px;
}

* html ul.disc li {
	/*position: relative; z-index: 99;*/
	zoom: 1;
}

ul.aeree li,
ul li.aeree { margin-bottom: 6px; }

ul.aeree_10 li,
ul li.aeree_10 { margin-bottom: 10px; }

ul.disc li,
ul li.disc { background-image: url(../_img/bakground/puce-orange.gif); }

/* ---------------------------------------------- LEGENDES ---------------------------------------------- */

em { color: #313032; font-style: normal;}


.legend {
	display: block;
	margin-bottom: 10px;
	word-spacing: 1px;
}


/* ---------------------------------------------- COLONNES ---------------------------------------------- */
 
 
 
 

/* ---------------------------------------------- BLOCS ---------------------------------------------- */

/* Bloc infos - coordonnées */
.blc_infos {
	line-height: 110%;	
	font-size: 11px;
}
	.blc_infos img {
		display: block;
		margin-bottom: 2px;
	}


/* ---------------------------------------------- BOXS ---------------------------------------------- */


/* BOX - TABS [ACCUEIL]
------------------------------------------- */

/* Mini boxs accueil - First Step ! */
.boxs_home {
	display: none;
}
.JS .boxs_home {
	display: block;
	position: absolute;
	bottom: 38px;
	width: 196px;
	height: 146px;
	font-size: 11px;
	line-height: 140%;	
	/*border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;*/
	background: url(../_img/bakground/bg_box-home.jpg) no-repeat;
	cursor: pointer;
}
.JS .boxs_home h2 {
	height: 23px;
	padding: 10px 0;
	text-align: center;
}
.JS .boxs_home p {
	padding: 0 25px;
	height: 100px;
	margin-bottom: 0;
	color: #3F3F3F;
	font-size: 11px;
}
.JS .boxs_home strong {
	color: #2D616C
}
.JS .college_lycee {	left: 15px; }
.JS .classe_prep { 		left: 215px; }
.JS .concours { 		left: 414px; }
.JS .coach {			left: 613px; }
/* ------------------------------ */



/* Accessibilité du contenu sans JS */
.boxs_tabs { height:409px; background: #fffffb; overflow:auto; }
.boxs_tabs .ancres { display: block; padding-top: 20px; font-weight:bold; }


/* ------------------------------- */
.JS .boxs_tabs {
	visibility: hidden;
	position: relative; z-index: 1;
	height: auto; /* ecrase */ 
	padding-left: 10px;
	background: none; /* ecrase */
	/*overflow: visible; /* ecrase */ 
	zoom: 1;
	top: -40px;
	/*margin-top: -40px;*/
}
.JS .boxs_tabs .ancres { /* on cache les ancres */
	display: none; /* ecrase */ 
}
	.JS .boxs_tabs .nav li {
		float: left;
		margin-left: 42px;
	}
	.JS .boxs_tabs .nav .first {
		margin-left: 0;
	}
	.JS .boxs_tabs .nav .last {
		margin-left: 43px; /* ajuste le dernier intercallire */
	}
	.JS .boxs_tabs .nav li a {
		display: block;
		height: 30px;
		text-indent: -9999px;
		background: url(../_img/bakground/onglets_intercalaires.jpg) no-repeat;
	}

	/* Custom img titre */
	.JS .boxs_tabs .nav #college-lycee a {		width: 160px; background-position: 0 0;  }
	.JS .boxs_tabs .nav #college-lycee a:hover, 
	.JS .boxs_tabs .nav #college-lycee a:focus,
	.JS .boxs_tabs .nav #college-lycee.actif a { position: relative; top: 1px; background-position: 0 -30px;  }

	.JS .boxs_tabs .nav #class-prepa a {		width: 173px; background-position: -160px 0;  }
	.JS .boxs_tabs .nav #class-prepa a:hover, 
	.JS .boxs_tabs .nav #class-prepa a:focus,
	.JS .boxs_tabs .nav #class-prepa.actif a { position: relative; top: 1px; background-position: -160px -30px;  }

	.JS .boxs_tabs .nav #concours-postbac a {		width: 172px; background-position: -340px 0;  }
	.JS .boxs_tabs .nav #concours-postbac a:hover, 
	.JS .boxs_tabs .nav #concours-postbac a:focus,
	.JS .boxs_tabs .nav #concours-postbac.actif a { position: relative; top: 1px; background-position: -340px -30px;  }

	.JS .boxs_tabs .nav #coaching-orientation a {		width: 176px; background-position: -520px 0; }
	.JS .boxs_tabs .nav #coaching-orientation a:hover,
	.JS .boxs_tabs .nav #coaching-orientation a:focus,
	.JS .boxs_tabs .nav #coaching-orientation.actif a { position: relative; top: 1px; background-position: -520px -30px;  }

	.JS .boxs_tabs .txt {
		display: none;
		clear: left;
		width: 762px;
		min-height: 127px; height: auto !important; height: 127px; 
		padding: 20px;
		border: 1px solid #CCC;
		color: #3F3F3F;
		border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; /* for Chrome */
		text-align: justify;
		background: #FFF;
	}
	/*
	*+html .JS .boxs_tabs .txt { margin-top: -10px; } 
	* html .JS .boxs_tabs .txt { margin-top: -10px; } 
	*/
	.JS .boxs_tabs .txt .col_gauche,
	.JS .boxs_tabs .txt .col_droite {
		width: 361px;
	}
	
	.JS .boxs_tabs .txt .col_gauche { float: left; padding-right:20px; border-right: 1px solid #FFB206}
	.JS .boxs_tabs .txt .col_droite { float: right; }
/* ------------------------------- */


/* Box bord arrondis grande - pnc | equipe enseignante...
-------------------------------- */
.box_brd_rad_2 {
	width:450px; 
	padding: 20px 26px;
	margin: 0 auto;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}

	.box_brd_rad_2 h1 {
		height: 15px;
		border-bottom: 1px solid #F7B234;
		padding-bottom: 3px;
		margin-bottom: 16px;
		font-family: vag_rounded, arial, sans-serif;
		font-size: 15px;
		color: #000;
	}
	.box_brd_rad_2 p {
		text-align: justify;
	}
/* ------------------------------- */





/* ---------------------------------------------- NAV ONGLETS ---------------------------------------------- */

/* onglets */
.JS .nav_tabs .nav {
	padding-bottom: 10px;
}

.JS .nav_tabs .nav li {
	float: left;
	padding-left: 4px;
	margin-left: 4px;
}
.JS .nav_tabs .nav li.first { 
	padding-left: 0;
	margin-left: 0; 
}

	.JS .nav_tabs .nav li a {
		padding: 2px 3px;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	}
	
	.JS .nav_tabs .nav li a:hover,
	.JS .nav_tabs .nav li a:focus,
	.JS .nav_tabs .nav li.actif a { 
		background-color:#FFB206 ;
		color:#FFF;
		text-decoration: none;
	}


/* contenus */
.JS .nav_tabs .contenus .ancres { display: none }

.JS .nav_tabs .contenus { 

}



/* ---------------------------------------------- SLIDE ---------------------------------------------- */
* html .JS .slide { /* IE 6 */
	zoom: 1;
}
.JS .slide a.lien_depliant {
	display: block;
	padding: 4px;
	border: 1px solid #2D616C;
	margin-bottom: 10px;
	text-decoration: none;
}

.JS .slide a.lien_depliant:hover,
.JS .slide a.actif {
	background-color:#FFB206 ;
	color:#FFF;
	text-decoration: none;
}


/* ---------------------------------------------- TABLEAUX ---------------------------------------------- */

/* Tableaux ligne alternés - Blanche + grises */
#contenu table.zebre {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;	margin-left: 1px;
}
* html #contenu table.zebre { width: 95%;}

	#contenu .zebre th {
		padding: 3px 5px; border: 1px solid #EEE;
		letter-spacing: .5px
	}
	
	#contenu .zebre .first { background: #F8F8F8; }
	
	#contenu .zebre .impaires {	background: #F8F8F8; }
	
	#contenu .zebre td { padding: 3px 5px; border: 1px solid #EEE;}

	#contenu .zebre li { padding: 3px 5px; }

	#contenu .zebre .first {
		border-top: 1px solid #EEE;
		background: #FFF;
	}


/* ---------------------------------------------- INFOBULLES ---------------------------------------------- */



/* ---------------------------------------------- ELEMENTS ---------------------------------------------- */

a {	
	/*color: #FFB206;*/
	color: #2D616C;
	text-decoration: none; 
	outline: none; 
}
a:hover, a:focus { text-decoration: underline; }

p { margin-bottom: 10px; }

/*
.ff_swissb { font-family: Swiss-bold, arial, sans-serif; }
strong { font-family: Swiss-bold, arial, sans-serif; }
*/
/* ------------------------------------------------------------------------------------------------------ */
/* -------------------------------------- STRUCTURE DE LA PAGE ------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */

body {
	/*font: 13px/150% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;*/
	/*font: 11px/140% Swiss, Arial, sans-serif;*/
	font: 12px/150% Arial, sans-serif;
	color: #3F3F3F;
	background: #ffffff; 
}


#page {
	width: 832px;
	margin: 10px auto 10px auto;
}


/* ---------------------------------------------- ENTETE ---------------------------------------------- */

#entete { 
	position: relative;
	height: 82px;
	border: 1px solid #AAA;
	border-bottom: none;
	background: url(../_img/bakground/bg_entete.jpg) no-repeat;

}
#entete #logo { 
	position: absolute;
	bottom: 2px; left: 12px;
	display: block;
}
#entete #logo img { display: block;	}

#entete #coordonnees { 
	position: absolute;
	bottom: 10px; left: 104px;
	display: block;
}


/* ---------------------------------------------- CONTENUR AVEC BORDS ---------------------------------- */
#cnt_brd {
	padding: 2px;
	border: 1px solid #AAA;
	border-top: none;
}



/* ---------------------------------------------- CONTENU ---------------------------------------------- */
#contenu {
	clear: both;
	position: relative;
	min-height: 300px; height: auto !important; height: 300px;
	padding-top: 80px; padding-bottom: 10px;
	background: #FFF /*url(../_img/bakground/bg_contenu-photo.jpg) repeat-y;*/
}

/* Concours Accès, Fésic, Sésame */
/*h1.acces { background: url(../_img/picto/logo_mini-acces.jpg) no-repeat right top; }*/

/* Home */
.edito {
	font: 16px/140% georgia,serif;
	margin: 10px 30px;
	color: #2D616C
}

/* fesic */
.list_middle li a {
	display: block;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}
.list_middle li a * { vertical-align: middle; }

	.list_middle li .cnt_img {
		float: left;
		width: 80px;
	}
	.list_middle li img {
		display: block;
	}


/* ---------------------------------------------- PIED DE PAGE ----------------------------------------- */

#p2p {
	padding-top: 6px;
	color: #3F3F3F;
}


#p2p #p2p_menu {
	float: left;
	width: 400px;
	padding-left: 25px;
	text-align: center;
	cursor: default;
}
	#p2p #p2p_menu a { 
		margin: 0 10px; 
		font-size: 11px;
		color: #3F3F3F; 
	}
	#p2p #p2p_menu a:hover, 
	#p2p #p2p_menu a:focus,
	#p2p #p2p_menu a.actif { color: #FFB206; text-decoration: none; }

#p2p .copyright {
	float: left;
	font-size: 10px;
}

#p2p .infos_2 { float: right; margin-left: 10px; }
* html #p2p .infos_2 { width: 180px; } /* IE6 */ 
*+html #p2p .infos_2 { width: 180px; } /* IE7 */

#p2p .infos_2 .blc_infos { float: right; font-size: 10px; }