/* CSS Document */
/* --------------------------------------------------------------------------------------------- Récurrents */
/* -------------------------------------------------------------------------- Rappel du menu */
	#main ul.rappel_menu {
		float:left;
		font-size:1.1em;
		padding:0 0 0 10px;
		margin:0 0 15px 0
	}
	#main ul.rappel_menu li {
		background:url(../../images/elements/carre_gris.gif) no-repeat 0 6px;
		padding:0 0 0 7px;
		margin:0 0 10px 0
	}
	#main ul.rappel_menu li a {color:#515b61}
	#main ul.rappel_menu li a:hover {text-decoration:underline}
	#main ul.rappel_menu li ul {
		font-size:.9em;
		padding:4px 0 0 15px
	}
	#main ul.rappel_menu li ul li {
		background:url(../../images/elements/cercle.gif) no-repeat 0 5px;
		padding:0 0 0 11px;
		margin:0 0 4px 0
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {position:relative}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		width:984px;
		height:268px;
		padding:0 0 0 11px;
		margin:0 0 5px 0
	}
	.visu0, .visu316, .visu317, .visu318, .visu319, .visu320, .visu321 {background-image:url(../../images/visuels/interne/visu10.jpg)}
	.visu65 {background-image:url(../../images/visuels/interne/visu02.jpg)}
	.visu68 {background-image:url(../../images/visuels/interne/visu03.jpg)}
	.visu66 {background-image:url(../../images/visuels/interne/visu04.jpg)}
	.visu69 {background-image:url(../../images/visuels/interne/visu05.jpg)}
	.visu71 {background-image:url(../../images/visuels/interne/visu06.jpg)}
	.visu67 {background-image:url(../../images/visuels/interne/visu07.jpg)}
	.visu70 {background-image:url(../../images/visuels/interne/visu08.jpg)}
	.visu72 {background-image:url(../../images/visuels/interne/visu09.jpg)}
/* -------------------------------------------------------------------------- Choix langue */
	#header #choix_langue {margin:0 34px 0 0}
	#header #choix_langue li {margin:0 0 4px 0}
/* -------------------------------------------------------------------------- Ecole */
	#header #ecole {
		vertical-align:bottom;
		margin:30px 0 23px 15px
	}
/* -------------------------------------------------------------------------- Menu */
/* ------------------------------------------------------ Premier niveau */
	#header #menu_n1 {margin:20px 0 0 70px}
	#header #menu_n1 li a {
		float:left;
		padding:0 0 0 7px
	}
	#header #menu_n1 li a:hover, #header #menu_n1 li a.on, #header #menu_n1 li a.linkOver {
		color:#fff;
		background:url(../../images/structure/background/onglet_left.gif) no-repeat left top
	}
	#header #menu_n1 li a span.onglet {
		float:left;
		display:block;
		cursor:pointer;
		padding:7px 7px 6px 0
	}
	#header #menu_n1 li a:hover span.onglet, #header #menu_n1 li a.on span.onglet, #header #menu_n1 li a.linkOver span.onglet {background:url(../../images/structure/background/onglet_right.gif) no-repeat right top}
/* ------------------------------------------------------ Second niveau */
	#header #menu_n1 li ul.menu {
		position:absolute;
		top:151px;
		left:0;
		width:995px;
		text-align:center;
		font-size:.9em;
		background:#1355bc
	}
	#header #menu_n1 li ul.menu li {
		position:relative;
		float:none;
		display:inline;
		background:none;
		line-height:30px;
		margin:0 5px
	}
	#header #menu_n1 li ul.menu li a {
		float:none;
		color:#fff;
		background:url(../../images/elements/fleches_blanc.gif) no-repeat 0 8px;
		padding:0 0 0 8px
	}
	#header #menu_n1 li ul.menu li a:hover, #header #menu_n1 li ul.menu li a.linkOver {
		color:#000;
		background:url(../../images/elements/fleches_noir2.gif) no-repeat 0 8px;
	}
/* ------------------------------------------------------ Troisième niveau */
	#header #menu_n1 li ul.menu li ul {
		position:absolute;
		top:19px;
		left:5px;
		width:160px;
		text-align:left;
		font-size:.9em;
		background:#45484d url(../../images/structure/background/menu_deroulant.gif) repeat-x bottom;
		text-transform:none;

		border:1px solid #000;
		visibility:hidden;
		padding:7px 12px 5px 8px
	}
	#header #menu_n1 li ul.menu li ul li {
		float:left;
		display:block;
		width:99%;
		line-height:normal;
		margin:0;
		border-bottom:1px solid #787a7c;
		padding:0 0 2px 1%;
		margin:0 0 2px 0
	}
	#header #menu_n1 li ul.menu li ul li.last {border:none}
	#header #menu_n1 li ul.menu li ul li a {
		background:none;
		padding:0 10px 0 0
	}
	#header #menu_n1 li ul.menu li ul li a:hover, #header #menu_n1 li ul.menu li ul li a.linkOver {
		color:#999;
		background:none
	}
/* ------------------------------------------------------ Autres niveaux */
	#header #menu_n1 li ul.menu li ul li ul {
		margin-left:160px;
		margin-top:-20px;
		font-size:1em
	}
/* --------------------------------------------------------------------------------------------- Compass */
	#compass {
		float:left;
		width:630px;
		color:#515b61;
		font-weight:bold;
		padding:0 10px
	}
	#compass ul {display:inline}
	#compass li {
		display:inline;
		background:url(../../images/elements/fleche_gris.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#compass li.first {
		background:none;
		padding:0
	}
	#compass li.last {text-transform:uppercase}
	#compass li a {color:#515b61}
	#compass li.first a {
		background:url(../../images/boutons/home.gif) no-repeat;
		padding:0 0 0 16px
	}
	#compass li a:hover {
		color:#69c028;
		text-decoration:underline
	}
	#compass li.first ul li a {
		background:none;
		padding:0
	}
/* --------------------------------------------------------------------------------------------- Outils */
	#outils {
		float:left;
		padding:7px 0 0 0;
		margin:0 10px 0 0
	}
	#outils li {
		display:inline;
		margin:0 0 0 10px
	}
	#outils li.a {margin:0 0 0 3px}
/* --------------------------------------------------------------------------------------------- Zone de recherche */
	#zone_recherche {float:left}
	#zone_recherche ul {
		clear:both;
		padding:4px 0 0 10px
	}
	#zone_recherche ul li {float:left}
	#zone_recherche ul li input {
		float:left;
		height:13px;
		width:13px
	}
	#zone_recherche ul li label {
		font-family:tahoma;
		color:#515b61;
		margin:0 10px 0 3px
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:983px;
		padding:0 0 0 12px;
		margin:5px 0 20px 0
	}
/* ------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:184px;
		min-height:1px
	}
	#main #left span.titre_rubrique {
		padding:0 0 5px 0;
		margin:0 0 5px 0
	}
	#main #left span.titre_rubrique.dans_rubrique {font-size:1.3em}
	#main #left span.titre_rubrique.bleu {
		text-transform:none;
		color:#00a8ff
	}
/* ------------------------------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		width:542px;
		padding:0 20px
	}
/* ----------------------------------------------------- Titres */
	#main #contenu h1 {
		color:#1355bc;
		font-size:1.7em;
		text-transform:uppercase;
		background:url(../../images/elements/dotted_bleuC.gif) repeat-x bottom;
		margin:0 0 8px 0
	}
	#main #contenu h2 {
		color:#00a8ff;
		font-size:1.4em;
		margin:0 0 7px 0
	}
	#main #contenu h3 {
		color:#69C028;
		font-size:1.3em;
		margin:0 0 5px 0
	}
	#main #contenu h4 {
		color:#45484c;
		font-size:1.2em;
		margin:0 0 3px 0
	}
	#main #contenu h5 {
		color:#666;
		font-size:1.1em;
		margin:0 0 2px 0
	}
	#main #contenu h6 {
		color:#999;
		font-size:1em;
		margin:0 0 2px 0
	}
	#main #contenu span.titre_detail {
		float:left;
		display:block;
		width:100%;
		color:#1355bc;
		font-size:1.1em;
		text-transform:uppercase;
		font-weight:bold;
		text-indent:5px;
		background:url(../../images/elements/dotted_bleuC.gif) repeat-x bottom;
		padding:0 0 4px 0;
		margin:30px 0 1px 0
	}
/* ----------------------------------------------------- Galerie photos */
	#main #contenu #galerie_photos {
		float:left;
		width:90%;
		padding:0 5%;
		margin:10px 0 0 0
	}
	*+html #main #contenu #galerie_photos {margin:10px 0 10px 0}
	#main #contenu #galerie_photos li {
		float:left;
		width:100%;
		background:none;
		padding:0;
		margin:0 0 10px 0
	}
	#main #contenu #galerie_photos li img {
		float:left;
		border:1px solid #adadad;
		padding:2px;
		margin:0 10px 0 0
	}
	#main #contenu #galerie_photos li span.titre, #main #contenu #galerie_photos li a.titre {
		color:#515b61;
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:bold
	}
	#main #contenu #galerie_photos li a.titre:hover {text-decoration:underline}
	#main #contenu #galerie_photos li p {
		padding:4px 0;
		margin:0
	}
	#main #contenu #galerie_photos li a.nb_photos {
		float:right;
		text-decoration:none;
		background:url(../../images/elements/fleches_vertC.gif) no-repeat right;
		padding:0 8px 0 0
	}
	#main #contenu #galerie_photos li a.nb_photos:hover {text-decoration:underline}
/* ----------------------------------------------------- Téléchargements */
	#main #contenu #telechargements {
		float:left;
		width:100%;
		padding:0;
		margin:0
	}
	#main #contenu #telechargements li {
		background:#e1f2d4 url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:6px 15px;
		margin:0
	}
	#main #contenu #telechargements li.alterne {background:#fff url(../../images/elements/dotted_gris.gif) repeat-x bottom}
	#main #contenu #telechargements li a {
		font-weight:bold;
		text-decoration:none;
		margin:0 5px 0 0
	}
	#main #contenu #telechargements li a:hover {text-decoration:underline}
/* ----------------------------------------------------- Sommaire */
	#main #contenu #sommaire {
		float:left;
		padding:0;
		margin:10px 0 0 0
	}
	#main #contenu #sommaire li {
		float:left;
		width:100%;
		clear:both;
		background:none;
		padding:0;
		margin:0 0 20px 0
	}
	#main #contenu #sommaire li img {
		float:left;
		margin:0 10px 0 0
	}
	#main #contenu #sommaire li a.titre {
		color:#1355bc;
		font-size:1.3em;
		font-weight:bold;
		text-decoration:none;
		background:url(../../images/elements/puceH.gif) no-repeat 0 6px;
		padding:0 0 0 12px
	}
	#main #contenu #sommaire li a.titre:hover {color:#69c028}
	#main #contenu #sommaire li p {
		padding:4px 0 0 10px;
		margin:0
	}
/* ----------------------------------------------------- Pagination */
	#main #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		font-size:1.1em;
		margin:0 0 15px 0
	}
	#main #contenu ul.pagination li {
		display:inline;
		margin:0 2px
	}
	#main #contenu ul.pagination li.precedent {
		background:url(../../images/elements/fleche_grisG.gif) no-repeat left;
		padding:0 0 0 12px
	}
	#main #contenu ul.pagination li.suivant {
		background:url(../../images/elements/fleche_grisD.gif) no-repeat right;
		padding:0 12px 0 0
	}
	#main #contenu ul.pagination li a {color:#626469}
	#main #contenu ul.pagination li a:hover {text-decoration:overline}
	#main #contenu ul.pagination li a.on {text-decoration:underline}
	#main #contenu ul.pagination li a.on {cursor:auto}
/* ------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:217px;
		padding:0
	}
	#main #right span.titre_rubrique {
		background-image:url(../../images/elements/dotted_gris.gif);
		padding:0 2% 3px 0;
		margin:0 0 5px 0
	}
	#main #right span.titre_rubrique.no_marge {margin:0}
/* ----------------------------------------------------- Repères et témoignages */
	#main #right ul.rubrique {
		float:left;
		width:100%;
		margin:0 0 10px 0
	}
	#main #right ul.rubrique li {
		background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:0 0 10px 0;
		margin:0 0 10px 0
	}
	#main #right ul.rubrique li a, #main #right ul.rubrique li span {
		color:#00a8ff;
		font-size:1.3em;
		font-weight:bold
	}
	#main #right ul.rubrique li a {text-decoration:underline}
	#main #right ul.rubrique li a:hover {color:#69c028}
	#main #right ul.rubrique li p {
		width:100%;
		line-height:1.6em;
		margin:3px 0 0 0
	}
/* ----------------------------------------------------- Images */
	#main #right div.img {
		float:left;
		width:100%;
		text-align:center;
		margin:0 0 20px 0
	}
	#main #right div.img img {
		border:1px solid #605f5f;
		padding:4px
	}
/* ----------------------------------------------------- Raccourcis */
	#main #right #raccourcis {
		float:left;
		width:100%;
		margin:0 0 20px 0
	}
	#main #right #raccourcis li {
		background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:4px 0 4px 5px
	}
	#main #right #raccourcis li.alterne {
		background:#e1f2d4 url(../../images/elements/dotted_gris.gif) repeat-x bottom;
	}
	#main #right #raccourcis li a {
		color:#69c028;
		background:url(../../images/elements/fleches_vertC.gif) no-repeat 0 6px;
		padding:0 0 0 12px
	}
	#main #right #raccourcis li a:hover {color:#00a8ff}