@import url('css/thickbox.css');

* {
	margin:0;
	padding:0;
}
a {
	outline:0;
	text-decoration:none;
}
/* Hack IE6 pour les lien et png */
a, input, img
{
	position: relative;
	z-index: 1;
}
body {
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#000000 url(images/fond.jpg) no-repeat top center;
}
img {
	border:0;
}
.spacer {
	clear:both;
}
.top10 {
	padding-top:20px;
}
.droite {
	text-align:right;
}
.centrer {
	text-align:center;
}
.pair {
	background:#eee;
}
.bottom15 {
	padding-bottom:15px;
}
.titre {
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#063d6c;
	padding:0 0 10px 0;
	text-align:left;
}
.stitre {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#8c0928;
	padding:20px 0 5px 0;
}
a.lien {
	color:#063d6c;
	font-weight:bold;
	text-decoration:underline;
}
a.lien:hover {
	text-decoration:none;
}
a.lien_s {
	color:#8c0928;
	font-weight:normal;
	text-decoration:underline;
}
a.lien_s:hover {
	text-decoration:none;
}
a.lien_b {
	color:#ffffff;
	text-decoration:none;
}
a.lien_b:hover {
	text-decoration:underline;
}
a.block_lien {
	display:block;
	width:auto;
	height:15px;
	border:#a9cb44 3px solid;
	background:#bbdb5c;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	padding:5px;
}
a.block_lien:hover {
	background:#ceec76;
}
div.wait {
	background:url('../images/loadingAnimation.gif') center center no-repeat ;
	height:50px ;
}
#contenu h1 {
	text-align:left;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#feae01;
	padding:2px 0 0 10px;
	margin:0 0 15px 0;
}

#contenu h2.genere {
	display:block;
	width:640px;
	height:20px;
	margin:0 0 10px 0;
}
#contenu h2.genere span {
	display:none;
}

div#master {
	position:relative;
	margin:0 auto;
	width:950px;
	height:auto;
}
#entete {
	position:absolute;
	top:0;
	left:0;
	width:950px;
	height:160px;
	background:url(./images/tete.jpg) no-repeat top;
}
#entete h1 {
	display:none;
}
#entete a.home {
	position:absolute;
	display:block;
	top:8px;
	left:14px;
	width:470px;
	height:113px;
	background:transparent;
	
}
#entete a.home span {
	display:none;
}
#entete a.musique {
	position:absolute;
	display:block;
	top:0px;
	left:502px;
	width:114px;
	height:133px;
	background:transparent;
	
}
#entete a.musique span {
	display:none;
}
#entete a.danse {
	position:absolute;
	display:block;
	top:0px;
	left:623px;
	width:114px;
	height:133px;
	background:transparent;
	
}
#entete a.danse span {
	display:none;
}
#entete a.theatre {
	position:absolute;
	display:block;
	top:0px;
	left:743px;
	width:114px;
	height:133px;
	background:transparent;
	
}
#entete a.theatre span {
	display:none;
}
#entete a.lexique {
	position:absolute;
	display:block;
	top:10px;
	left:893px;
	width:57px;
	height:19px;
	background:url(./images/lexique.gif) no-repeat;
	
}
#entete a.lexique span {
	display:none;
}
#entete a.partenaires {
	position:absolute;
	display:block;
	top:35px;
	left:866px;
	width:84px;
	height:19px;
	background:url(./images/partenaires.gif) no-repeat;
	
}
#entete a.partenaires span {
	display:none;
}
#entete a.liens {
	position:absolute;
	display:block;
	top:61px;
	left:906px;
	width:44px;
	height:19px;
	background:url(./images/liens.gif) no-repeat;
	
}
#entete a.liens span {
	display:none;
}
#entete a.contact {
	position:absolute;
	display:block;
	top:86px;
	left:888px;
	width:62px;
	height:19px;
	background:url(./images/contact.gif) no-repeat;
	
}
#entete a.contact span {
	display:none;
}
#entete div.lang {
	position:absolute;
	top:104px;
	left:799px;
}
#entete div.lang a.fr {
	display:block;
	float:left;
	width:16px;
	height:24px;
	background:url(images/fr.gif) no-repeat;
	background-position:0 -24px;
}
#entete div.lang a.fr:hover {
	background-position:0 0;
}
#entete div.lang a.uk {
	display:block;
	float:left;
	width:16px;
	height:24px;
	margin:0 0 0 5px;
	background:url(images/uk.gif) no-repeat;
	background-position:0 -24px;
}
#entete div.lang a.uk:hover {
	background-position:0 0;
}
#entete div.lang a.fr span, #entete div.lang a.uk span {
	display:none;
}
#entete div.lang a.selected {
	background-position:0 0;
}
#body {
	position:absolute;
	top:160px;
	left:0;
	width:950px;
	height:auto ;
	text-align:left;
	background:#fbf2f2 url(./images/fond-contenu.gif) repeat-y left;
}
#menu {
	float:left;
	width:250px;
	padding:33px 0 0 0;
	background:url(./images/menu/h-menu.jpg) no-repeat top left;
}
#menu a.niv0 {
	display:block;
	height:38px;
	padding:18px 0 0 10px;
	color:#fff;
	background:url(images/menu/fond-niv0.jpg) no-repeat;
	background-position:0 0;
	text-align:left;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#menu a.niv0:hover, #menu a.selected {
	background-position:0 0;
}
a.item {
	display:block;
	/*width:250px;*/
	height:20px;
}
#menu .smenu1, #menu .smenu2, #menu .smenu3 {
	/*background:#ff942d;
	text-align:left;
	background:url(images/menu/niv2.gif) repeat-y;*/
}
#menu .elem {
	padding:3px 0 3px 0;
	color:#000000;
	font-size:13px;
	font-weight:bold;
}
#menu .smenu1 a {
	color:#000000;
	font-weight:bold;
	padding:5px 0 0 20px;
}
#menu .smenu2 a {
	font-weight:normal;
	color:#c13200;
	padding:0 0 0 30px;
}
#menu .smenu3 a {
	padding:0 0 0 40px;
}
#menu .smenu1 a {
	text-decoration:none;
}
#menu .smenu1 a:hover {
	text-decoration:underline;
}
#menu .smenu1 a.niv1sel {
	margin-bottom:5px;
	background:#fd9f00;
}
#menu .smenu2 a.niv2sel {
	text-decoration:underline;
}
#menu .smenu2 a.niv3sel {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}
#menu .nl {
	position:relative;
	background:url(./images/fond-nl.jpg);
	width:250px;
	height:135px;
	margin:95px 0 0 0;
}
#menu .nl .mail {
	position:absolute;
	top:72px;
	left:77px;
	width:157px;
	height:16px;
	border:#fed967 1px solid;
	color:#febf01;
	background:#fff7e0;
	font-size:10px;
}
#menu .nl .envoi {
	position:absolute;
	top:93px;
	left:176px;
}

#contenu {
	float:left;
	width:672px; /* 700px de large en tout */
	padding:0 0 30px 28px;
	height:auto ;
	min-height:440px ;
	_height:440px
}
#contenu .chapo {
	font-size:13px;
	font-weight:bold;
	color:#595959;
	margin:0 0 10px 0;
	text-align:justify;
}
#chemin {
	text-align:left;
	font-size:10px;
	color:#333333;
	padding:21px 0 10px 0;
}
#chemin a {
	color:#333333;
	text-decoration:none;
}
#chemin a:hover {
	text-decoration:underline;
}
#pied {
	clear:both;
	position:relative;
	width:950px;
	height:70px;
	background:#000000 url(images/fond-pied.jpg) no-repeat top;
	color:#ffffff;
	text-align:center;
	padding:25px 0 0 0;
}
#pied a {
	color:#ffffff;
	text-decoration:none;
}
#pied a:hover {
	text-decoration:underline;
}
#pied a.ee {
	color:#f4ac46;
}
/**
  Page d'accueil
**/
.accueil .bg {
	float:left;
	width:422px;
	padding:0 17px 0 0;
}
.accueil .lien_sa {
	color:#FFFFFF;
}
.accueil .bg .presentation {
	float:left;
	width:204px;
	height:193px;
	background:url(./images/accueil/presentation.jpg) no-repeat;
}
.accueil .bg .presentation div {
	padding:37px 25px 10px 15px;
	overflow:hidden;
	color:#FFFFFF;
	font-size:11px;
}
.accueil .bg .actualites {
	float:right;
	width:204px;
	height:193px;
	background:url(./images/accueil/actualites.jpg) no-repeat;
}
.accueil .bg .actualites a.act_toutes {
	position:absolute;
	top:169px;
	left:51px;
	display:block;
	width:150px;
	height:21px;
	background:0;
}
.accueil .bg .actualites div {
	position:relative;
	padding:37px 15px 0 15px;
	width:174px;
	height:156px;
	overflow:hidden;
}
.accueil .bg .actualites a.act_titre {
	font-weight:bold;
	font-size:12px;
	color:#f10c83;
	text-decoration:none;
}
.accueil .bg .actualites a.act_titre:hover {
	color:#ab1563;
}
.accueil .bg .actualites a.act_texte {
	font-weight:bold;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
.accueil .bg .actualites a.act_texte:hover {
	color:#666666;
}
.accueil .bg .actualites a.act_date {
	font-weight:normal;
	font-size:11px;
	color:#fb61b0;
	text-decoration:none;
}
.accueil .bg .actualites a.act_date:hover {
	color:#ab1563;
}
.accueil .bg .actualites a.act_plus {
	font-weight:normal;
	font-size:11px;
	color:#ab1563;
	text-decoration:underline;
}
.accueil .bg .actualites a.act_plus:hover {
	text-decoration:none;
}
.accueil .bg .zoom {
	float:left;
	width:204px;
	height:218px;
	background:url(./images/accueil/zoom.jpg) no-repeat;
}
.accueil .bg .groupe {
	float:right;
	width:204px;
	height:218px;
	background:url(./images/accueil/zoom2.jpg) no-repeat;
}
.accueil .bg .zoom .contenu_zoom, .accueil .bg .groupe .contenu_zoom {
	position:relative;
}
.accueil .bg .zoom .contenu_zoom a.titre, .accueil .bg .groupe .contenu_zoom a.titre {
	position:absolute;
	top:44px;
	left:14px;
	display:block;
	width:162px;
	height:15px;
	font-size:12px;
	text-decoration:none;
	overflow:hidden;
}
.accueil .bg .zoom .contenu_zoom a.titre {
	color:#fe7600;
}
.accueil .bg .groupe .contenu_zoom a.titre {
	color:#258ecb;
}
.accueil .bg .zoom .contenu_zoom a.titre:hover, .accueil .bg .groupe .contenu_zoom a.titre:hover {
	text-decoration:underline;
}
.accueil .bg .zoom .contenu_zoom a.img_ac, .accueil .bg .groupe .contenu_zoom a.img_ac {
	position:absolute;
	top:60px;
	left:7px;
	display:block;
	width:190px;
	height:153px;
	color:#fe7600;
	font-size:12px;
	text-decoration:none;
	overflow:hidden;
}
.accueil .bg .zoom .contenu_zoom a.suite, .accueil .bg .groupe .contenu_zoom a.suite {
	position:absolute;
	top:195px;
	left:121px;
	width:77px;
	height:18px;
}
.accueil .bg .zoom .contenu_zoom a.suite {
	background:url(./images/accueil/suite-orange.gif) no-repeat;
}
.accueil .bg .groupe .contenu_zoom a.suite {
	background:url(./images/accueil/suite-bleu.gif) no-repeat;
}

.accueil .agenda {
	float:left;
	width:204px;
	height:411px;
	background:url(./images/accueil/agenda.jpg) no-repeat;
}
.accueil .agenda .blk {
	position:relative;
}
.accueil .agenda .blk .ag1 {
	position:absolute;
	top:41px;
	left:13px;
	width:179px;
	height:80px;
	overflow:hidden;
}
.accueil .agenda .blk .ag2 {
	position:absolute;
	top:121px;
	left:13px;
	width:179px;
	height:80px;
	overflow:hidden;
}
.accueil .agenda .blk .ag3 {
	position:absolute;
	top:201px;
	left:13px;
	width:179px;
	height:80px;
	overflow:hidden;
}
.accueil .agenda .blk .ag4 {
	position:absolute;
	top:281px;
	left:13px;
	width:179px;
	height:80px;
	overflow:hidden;
}
.accueil .agenda a.ag_titre {
	color:#8f9f3b;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.accueil .agenda a.ag_titre:hover {
	color:#4f5a14;
}
.accueil .agenda a.ag_texte {
	color:#000000;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
.accueil .agenda a.ag_texte:hover {
	color:#666666;
}
.accueil .agenda a.ag_date {
	color:#8f9f3b;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
.accueil .agenda a.ag_date:hover {
	color:#4f5a14;
}
.accueil .agenda img {
	margin:5px 0;
}
.accueil .agenda a.ag_txt {
	color:#000000;
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
}
.accueil .agenda a.ag_txt:hover {
	color:#666666;
}
.accueil .agenda a.ag_plus {
	color:#8f9f3b;
	font-weight:normal;
	font-size:12px;
	text-decoration:underline;
}
.accueil .agenda a.ag_plus:hover {
	text-decoration:none;
}
.accueil .agenda .blk a.ag_complet {
	position:absolute;
	top:387px;
	left:72px;
	display:block;
	width:128px;
	height:19px;
	background:0;
}

/**
  Module formulaire
**/
#erreur {
	font-size:11px;
	font-weight:bold;
	color:#FF0000;
}
.table_formulaire {
	
}
.champ {
	border:#c5c7ca 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#f3f7f9;
	padding:2px;
}
.textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:#c5c7ca 1px solid;
	font-size:11px;
	background:#f3f7f9;
	padding:2px;
}
.bouton {
	border:#333 1px solid;
	background:#999999;
	color:#fff;
	padding:3px 10px;
	margin:10px 0 0 0;
}
.table_center {
	margin:15px auto;
}
.td_liste_titre {
	background:#666;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:#FF9900 1px solid;
	padding:3px 5px;
	text-align:center;
}
/*td {
	padding:3px;
}*/
td.libelle {
	width:170px;
	font-weight:bold;
	padding:0 0 0 0;
}
td.td_titre {
	background:#333333; 
	color:#FFFFFF;
	font-weight:bold; 
}
td.td_titre2 {
	background:#999999; 
	color:#FFFFFF;
	font-weight:bold; 
}
.form_g {
	float:left;
	width:200px;
}
.bloc_formulaire {
	float:right;
	width:390px;
	padding:15px 15px 15px 15px;
	margin:0 0 0 0;
	background:#ffeaac;
}
.obligatoire {
	font-weight:bold;
	color:#FF0000;
	font-size:14px;
}
.

/**
  Module Texte Brut
**/
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.tc {
	float:left;
	width:412px;
	text-align:justify;
	padding:0 0 0 0;
	margin:0;
}
.ic {
	float:left;
	width:200px;
	margin:0 0 0 30px;
	padding:0 10px;
	/*padding:20px 10px;*/
	/*background:url(./images/fond-col.jpg) repeat-y top;*/
	/*background:#fee494 url(./images/fond-degrade.gif) repeat;*/
}
.ic img.itr {
	width:200px;
	border:#ffffff 1px solid;
}

/**
  Module texte riche
**/
.fck {
	/*float:left;
	width:500px;*/
}
.fck p {
	padding:5px 0;
	font-size:12px;
	text-align:justify;
}
.fck p b {
	font-weight:bold;
	font-size:12px;
}
.fck a {
	color:#980224;
	font-weight:bold;
	text-decoration:underline;
}
.fck a:hover {
	text-decoration:none;
}
.fck h2 {
	color:#980224;
	font-size:14px;
	font-weight:bold;
}
.fck h3 {
	color:#fd8b00;
	font-size:14px;
}
.fck ul {
	margin:0 0 0 15px;
	padding:0;
	list-style-type:disc;
}
.fck ol {
	margin:0 0 0 15px;
	padding:0;
}
.fck li {
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}
.img_fck {
	float:left;
	width:100px;
	padding:0 0 0 25px;
}
.img_fck .float_machine {
	padding:5px 0;
}

/**
  Module liste
**/
.liste_intro {
	width:640px;
	font-size:12px;
	text-align:justify;
	padding:0 0 20px 0;
	color:#595959;
	font-weight:bold;
}
.liste_contenu {
	width:640px;
	text-align:justify;
}
a.liste_contenu_titre {
	color:#8c0928;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
}
a.liste_contenu_titre:hover {
	text-decoration:underline;
}
a.texte {
	color:#000;
	text-decoration:none;
}
a.texte:hover {
	color:#666666;
}
._titre {
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#8c0928;
	padding:25px 0 0 0;
}
. a.actu_titre {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#8c0928;
}
.news a.actu_titre:hover {
	text-decoration:underline;
}
. a.texte {
	text-decoration:none;
	font-size:12px;
	color:#000000;
}
. a.texte:hover {
	color:#333333;
}
. a.plus {
	color:#666666;
	text-decoration:underline;
}
. a.plus:hover {
	text-decoration:none;
}
.ct {
	float:left;
	width:425px;
}

/** CONTENUS **/
.bloc_contenu {

}
.img {
	float:left;
	margin: 0 10px 0 0;
	border:#fff 7px solid;
}
h2 {
	color:#8c0928;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}

/** Actualites **/
.date {
	font-style:italic;
	padding:0 0 15px 0;
}
.img {
	float:left;
	margin:0 10px 0 0;
}
.video {
	width:auto;
	margin:0 auto;
	padding:15px 0;
}

/** Partenaires **/
.liste_partenaires {

}
.liste_partenaires img {
	display:block;
	float:left;
	margin:0 15px 15px 15px;
	padding:10px;
	width:151px;
	height:85px;
	background:url(images/f-partenaires.jpg) no-repeat;
}

/** Publications **/
.liste_publications {
	
}
.liste_publications .bloc_publi {
	text-align:left;
	padding:0 30px;
}
.liste_publications .bloc_publi ._titre {
	padding:10px 0 0 0;
	margin:0;
}
.liste_publications .bloc_publi a.texte {
	color:#000000;
	text-decoration:none;
}
.liste_publications .bloc_publi a.texte:hover {
	color:#999999;
}
.liste_publications a.plus {
	color:#0075ba;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}
.liste_publications a.plus:hover {
	text-decoration:none;
}

/** Accès **/
.acces_gauche {
	float:left;
	width:200px;
	text-align:left;
}
.acces_droite {
	float:right;
	width:420px;
	padding:0 10px 0 0;
}

/** Paragraphe **/
.bloc_paragraphe {
	float:left;
	width:400px;
	padding:0 30px 0 0;
}
.bloc_paragraphe_img {
	float:left;
}
.bloc_paragraphe_img img {
	border:#fff 1px solid;
}

/** News **/
.bloc_actu {
	/*padding:0 10px 0 0;*/
}

/** Manifestations **/
.manif_g {
	float:left;
	width:114px;
}
.manif_d {
	float:left;
	width:526px;
}
.titre_bm {
	display:block;
	height:20px;
	font-size:14px;
	font-weight:bold;
	padding:3px 0 0 5px;
	margin:0 0 5px 0;
	color:#FFFFFF;
	border:#fff 1px solid;
}
.type_manif {
	font-weight:bold;
	font-size:12px;
}
.youtube {
	width:400px;
	overflow:hidden;
}

/**
  Page de connexion à l'espace eleves
**/
#erreur_connex {
	width:264px;
	margin:50px auto 0 auto;
	background:#ffffff;
	border:#f8d452 1px dotted;
	font-size:12px;
	padding:18px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}
#connexion {
	width:264px;
	margin:50px auto 0 auto;
	background:#ffe79d;
	border:#febf01 4px dotted;
	font-size:11px;
	padding:18px;
}
#connexion .tconex {
	font-weight:bold;
	font-size:12px;
	border-bottom:#7a755f 1px solid;
	margin:0 0 15px 0;
}
#connexion .identifiant {
	border:#7a755f 1px solid;
	background:#ffffff;
	width:187px;
	padding:3px;
	margin:0 0 3px 0;
}
#connexion .mdp {
	border:#7a755f 1px solid;
	background:#ffffff;
	width:150px;
	padding:3px;
	margin:0 0 3px 0;
}
#connexion .email {
	border:#7a755f 1px solid;
	background:#ffffff;
	width:145px;
	padding:3px;
	margin:0 0 3px 0;
}
#connexion div.mdpp {
	float:left;
	padding:10px 0 0 0;
}
#connexion div.mdpp a {
	color:#000000;
	text-decoration:underline;
}
#connexion div.mdpp a:hover {
	text-decoration:none;
}
#connexion .envoif {
	float:right;
	padding:3px;
	font-weight:bold;
	background:#fda84e;
	border:#fe8301 2px solid;
	text-align:center;
}

div#map_canvas {
	clear:both ;
	margin:10px ;
	height:220px ;
	border:1px solid #f6a800 ;
	z-index:9 ;
	overflow:hidden ;
}

div#map_canvas a, div#map_canvas input, div#map_canvas img {
	position: static ;
	z-index:auto ;
}

/** Galerie de photos **/
.img_gal {
	padding:20px 0 0 0;
}
.img_gal .galerie {
	float:left;
	border:#cccccc 1px solid;
	padding:5px;
	margin:2px;
}
.img_gal .galerie img {

}

/** Galerie **/
.liste_galeries {

}
.liste_galeries .galerie {
	float:left;
	width:110px;
	height:130px;
	border:#e8d2d2 2px solid;
	background:#fff;
	padding:5px;
	margin:5px;
	text-align:center;
}
.liste_galeries .galerie img {
	padding-bottom:5px;
	margin-bottom:3px;
	border-bottom:#c44e6a 1px solid;
}
.liste_galeries .galerie a.titre_gal {
	color:#8c0928;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.liste_galeries .galerie a.titre_gal:hover {
	color:#c44e6a;
}
a.date_parution {
	color:#c44e6a;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
a.date_parution:hover {
	color:#ec819a;
}
.bloc_image .bli {
	float:left;
	width:110px;
	text-align:center;
}
.bloc_image .bli a {
	text-align:center;
	color:#FFFFFF;
}
.bloc_image img {
	border:#fff 2px solid;
	margin:5px 10px 5px 0;
}