/* ### Classes globales ### */

.spip_logos {
	background: none;
	padding: 5px;
	margin: 5px;
	border: none;
background:transparent url("gfx/bordure_img.gif") no-repeat left top;
}


body {
	margin:0px;
	padding:0px;
	color:#7A4789;
	text-align: center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
}

div#centre {
}

div#centre div#conteneur {
	text-align: left;
}

div#centre div#conteneur div#frise {
	background-color: white;
	height: 110px;
}

div#centre div#conteneur div#frise div.logo {
	/*background:transparent url("gfx2/bg_entete.png") no-repeat left top;*/
	cursor: pointer;
	height: 110px;
}

div#centre div#conteneur div#frise div.personnes {
	position: absolute;
	top: -24px;
	right: 0px;
	background:transparent url("gfx/personnes.jpg") no-repeat right top;
	width: 273px;
	height: 150px;
}

div#centre div#conteneur div#frise div.texte {
	position: absolute;
	top: 62px;
	left: 470px;
	width: 400px;
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
	color: #7A4789;
	color: #00008B;
}

div#centre div#conteneur div#logo span {
	display: none;
}

div#centre div#conteneur div#menu {
	background-color: #7A478A;
	height: 20px;
	margin: 0px;
	color: white;
}

div#centre div#conteneur table {
	border: none;
	margin: 0px;
}

div#centre div#conteneur table tr td {
	vertical-align: top;
}


/* ### Styles pour les colonnes droites et gauches */

div#centre div#conteneur table tr td.colonneGauche, div#centre div#conteneur table tr td.colonneDroite {
	background: transparent url("gfx2/bg_colonne_gauche.png") repeat-y left top;
	padding: 0px;
	margin: 0px;
	text-align: left;
	color: white;
	font-size: 11px;
	width: 205px;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne {
	width: 185px;
	margin: 5px auto 0px auto;
}

/* Box "spéciale" pour le quizz... */
div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.texte form input {
	margin: 0px 5px 0px 0px;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.texte a:link, a:visited {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.texte a:hover {
	font-weight: normal;
	text-decoration: underline;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite input, td.colonneDroite div.colonne div.boite input {
	background: url("gfx/bg_form.png") repeat left top;
	border: 1px solid white;
	font: 10px verdana, tahoma;
	color: #5C5C5C;
	font-size: 11px;
	margin: 0px;
	padding-left: 5px;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite input.submit, td.colonneDroite div.colonne div.boite input.submit {
	width: 45px;
	height: 18px;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 1px solid white;
	cursor: pointer;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite, td.colonneDroite div.colonne div.boite {
	margin: 0px 0px 25px 0px;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite form, td.colonneDroite div.colonne div.boite form {
	margin: 0px;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite img.spip_logos, td.colonneDroite div.colonne div.boite img.spip_logos {
	background: none;
	float: left;
	padding: 5px;
	margin: 0px 5px 0px 0px;
	width: 50px;
	border: none;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.archives, td.colonneDroite div.colonne div.boite div.archives {
	margin: 10px 0px 0px 0px;
	clear: both;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.archives a.archives:link, a.archives:visited, td.colonneDroite div.colonne div.boite div.archives a.archives:link, a.archives:visited {
	color: white;
	text-decoration: none;	
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.archives a.archives:hover, td.colonneDroite div.colonne div.boite div.archives a.archives:hover {
	text-decoration: underline;
}



/* ### Colonne gauche ### */

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boiteMenuPrincipal {
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid white;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boiteMenuPrincipal ul {
	margin: 0px;
	padding: 0px;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boiteMenuPrincipal ul li.menuPrincipal {
	background:transparent url("gfx2/puce_1_orange.png") no-repeat left 6px;
	padding: 0px 0px 0px 15px;
	list-style: none;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boiteMenuPrincipal ul li.menuPrincipal a.menuPrincipal {
	padding: 0px;
	color: white;
	text-decoration: none;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boiteMenuPrincipal ul li.menuPrincipal a.menuPrincipal:hover {
	text-decoration: underline;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.titreThematique {
	background:transparent url("gfx2/puce_2_orange.png") no-repeat left center;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 14px;a
	height: 30px;
	line-height: 30px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.titreThematique a.titreThematique:link, a.titreThematique:visited {
	color: white;	
	text-decoration: none;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite div.titreThematique a.titreThematique:hover {
	text-decoration: underline;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite li.lienThematique {
	background:transparent url("gfx2/puce_1_orange.png") no-repeat left 6px;
	padding: 0px 0px 5px 15px;
	list-style: none;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite a.lienThematique:link, a.lienThematique:visited {
	margin: 0px 0px 0px 0px;
	color: white;
	text-decoration: none;
	font-size: 11px;
}

div#centre div#conteneur table tr td.colonneGauche div.colonne div.boite a.lienThematique:hover {
	color: white;
	text-decoration: underline;
}


/* ### Colonne droite ### */

div#centre div#conteneur table tr td.colonneDroite {
	background:transparent url("gfx2/bg_colonne_droite.png") repeat-y left top;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne {
	margin: 5px auto 0px auto;
	width: 185px;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite form {
	margin: 0px;
}

/* Style pour les boucles Actualités et Communiqués */
div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite div.titreActualite, div.titreCommunique {
	background:transparent url("gfx2/puce_2_violet.png") no-repeat left center;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite div.boxAcutalite, div.boxCommunique {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width: 100%;
	display: table;
	border-bottom: 1px dotted white;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite div.date {
	background:transparent url("gfx2/puce_1_violet.png") no-repeat left 6px;
	clear: both;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 11px;
}


/* Style pour la boucle Actualités */
div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite div.titreActualite a.titreActualite:link, a.titreActualite:visited {
	color: white;	
	text-decoration: none;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite div.titreActualite a.titreActualite:hover {
	text-decoration: underline;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite a.lienActualite:link, a.lienActualite:visited {
	display: block;
	padding: 0px 0px 0px 10px;
	color: white;
	text-decoration: none;
	font-size: 11px;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite a.lienActualite:hover {
	color: white;
	text-decoration: underline;
}

/* Style pour la boucle Communiqués */
div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite div.titreCommunique a.titreCommunique:link, a.titreCommunique:visited {
	color: white;	
	text-decoration: none;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite div.titreCommunique a.titreCommunique:hover {
	text-decoration: underline;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite a.lienCommunique:link, a.lienCommunique:visited {
	display: block;
	padding: 0px 0px 0px 10px;
	color: white;
	text-decoration: none;
	font-size: 11px;
}

div#centre div#conteneur table tr td.colonneDroite div.colonne div.boite a.lienCommunique:hover {
	color: white;
	text-decoration: underline;
}


/* ### Colonne centre ### */

div#centre div#conteneur table tr td.colonneCentre {
	background-color: white;
	padding: 5px 8px 25px 8px;
	margin: 0px;
	text-align: left;
}

div#centre div#conteneur table tr td.colonneCentre a:link, a:visited {
	color : #FAA028;
	text-decoration: none;
}

div#centre div#conteneur table tr td.colonneCentre a:hover {
	color : #7A4789;
	text-decoration: underline;
}

div#centre div#conteneur table tr td.colonneCentre div#accueil {
	margin: 0px auto 0px auto;
	text-align: center;
	width: 90%;
		font-size:20px;
}

div#centre div#conteneur table tr td.colonneCentre div#accueil div.titre {
	margin: 0px 0px 10px 0px;
	color: #D35203;
	font-weight: bold;
}

div#centre div#conteneur table tr td.colonneCentre div#accueil div.texte {
	color: #7A4789;
	font-weight: bold;
}

div#centre div#conteneur table tr td.colonneCentre div#articles {
	margin: 25px 0px 0px 0px;
	text-align: left;
}

 div.boiteAccueil {
	width: 210px;
	text-align: left;	
}

div.surtitre {
	background:transparent url("gfx2/puce_1_violet_blanc.png") no-repeat left 6px;
	margin: 0px 0px 0px 9px;
	padding: 0px 0px 0px 15px;

}

div#centre div#conteneur table tr td.colonneCentre div#articles div.boiteAccueil div.chapo {
	margin: 0px 0px 0px 24px;
	color: #4E4E4E;
}

div#centre div#conteneur table tr td.colonneCentre div#articles div.boiteAccueil a {
	font-weight: bold;
}

div#centre div#conteneur table tr td.colonneCentre div#articles div.boiteAccueil img.spip_logos {
	background:transparent url("gfx/bordure_img.gif") no-repeat left top;

}

div#centre div#conteneur table tr td.colonneCentre div#articles table {
	border: none;
}

div#centre div#conteneur table tr td.colonneCentre div#articles table tr td {
	width: 50%;
	padding: 0px 5px 25px 0px;
	vertical-align: top;
}

div#centre div#conteneur table tr td.colonneCentre a.lienArticle:link, a.lienArticle:visited {
	color: #7A4789;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}

div#centre div#conteneur table tr td.colonneCentre a.lienArticle:hover {
	text-decoration: underline;
}


/* ### Pied de page ### */

div#centre div#conteneur div#pied {
	color: #BD7B00;
	text-align: left;
	font-size: 11px;
	margin: 20px 0px 15px 0px;
	padding: 3px 0px 0px 0px;
	position: relative;
	border: 1px solid white;
}

div#centre div#conteneur div#pied div.texte {
	text-align: center;
}

div#centre div#conteneur div#pied div.texte a.pied:link, a.pied:visited {
	color: #FAA028;
	text-decoration: underline;
}

div#centre div#conteneur div#pied div.texte a.pied:hover {
	color: #6F4102;
	text-decoration: underline;
}

div#centre div#conteneur div#pied div.copyright {
	position: absolute;
	left: -190px;
	bottom: 0px;
	font-size: 11px;
	color: white;
}

div#centre div#conteneur div#pied div.copyright a {
	color: white;
}