/************************************/
/* Couleurs utilisées :             */
/*   bleu :  #0071B5                */
/*   jaune : #FDCE06                */
/*   ocre :  #E36C0A                */
/*   gris :  #EEECE1                */
/*   brique: #984806				*/
/************************************/

/* LA PAGE EN GÉNÉRAL */

body {
	background:		#EEECE1 url(IMG/jpg/plage.jpg) 0px 0px no-repeat;
	font :			normal 12px/17px Verdana,Helvetica,Arial,Sans-Serif;
	margin:			0px;
	padding:		0px;
}

p {
	font :			normal 12px/17px Verdana,Helvetica,Arial,Sans-Serif;	
	text-align:		justify;
	text-indent:	1em;
	margin :		0px 0px 10px 0px;
}

h1 {
	font:			bold 16px Verdana, Helvetica,Arial,Sans-Serif;
	text-align:		left;
	text-indent:	0px;
	clear:			left;
	margin:			5px 0px 5px 0px;
	color:			#E36C0A;
}

h1 a:link, h1 a:visited {
	color:				#E36C0A;
}

h1 a:hover, h1 a:active {
	color:				#0071B5;
	text-decoration:	underline;
}

/* UTILITAIRES UNIVERSELS */

div.hr  {
	background:		#EEECE1 url(IMG/jpg/plage.jpg) 0px 0px no-repeat;
	height:			8px;
	padding:		0px;
	margin:			0px;
	width:			722px;
}

.petit {
	font:			normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
}

.lourd {
	font-weight:	bold;
}

.ocre {
	color:			#E36C0A;
}

.bleu {
	color:			#0071B5;
}

.jaune {
	color:			#FDCE06;
}

.noir {
	color:			#000000;
}

.pagination{
	font:			normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
	margin:			5px 0px 0px 0px;
}

/* CLASSES TRÈS PARTICULIÈRES DANS LE BANDEAU SUPÉRIEUR */

p.logo {
	position: 		absolute;
	left: 			483px;
	top: 			60px;
	padding : 		0px;
	font:			bolder italic 48px "Arial Black",Verdana,Helvetica,Arial,Sans-Serif;
	color:			#FFFFFF;
	text-align:		left;
	text-indent:	0px;
	margin:			0px;
}

p.logo .ocre {
	font-style:		normal;
}

input.recherche {
	display:		inline;
	font-size:		12px;
	width:			120px;
	padding:		2px;
	border:			1px solid #0071B5;
	margin:			0px 0px 0px 15px;
}

input.email {
	font:			normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
	border:			1px solid #0071B5;
}

/* SPIP */

.spip {}

.spip_surligne {
	background:		#FDCE06;
}
/* LES LIENS */

a:link, a:visited {
	color: 				#0071B5;
	background-color:	inherit;
	text-decoration:	none;
}

a:hover, a:active {
	color: 				#984806;
	background-color: 	inherit;
	text-decoration: 	underline;
}

/* L'ENTÊTE */

#entete {
	width:			100%;
	padding:		135px 0px 0px 20px;
	margin:			0px;
}

#entete p {
	font:			bold 16px Verdana, Helvetica,Arial,Sans-Serif;
	text-align:		left;
	text-indent:	0px;
	margin:			0px 0px 5px 0px;
	padding:		0px;
	color:			#0071B5;
}

#entete form {
	margin:			0px;
	padding:		0px;
}

#entete .ariane{
	font:			normal 12px/17px Verdana, Helvetica,Arial,Sans-Serif;
	text-align:		left;
	text-indent:	0px;
	border:			none;
	margin:			0px;
	color:			#000000;
}

#entete .lettre{
	font:			normal 10px/12px  Verdana, Helvetica,Arial,Sans-Serif;
	text-align:		left;
	text-indent:	0px;
	border:			none;
	margin:			0px;
	color:			#000000;
}

/* LES CLASSES DES DIVISIONS STRUCTURANT LA PAGE */

#contenu {
	clear:		 	both;
	padding-left:	0px;
	padding-right:	370px;
	background:	 	#EEECE1;
}

#contenu .colonne {
	position:		relative;
	float:			left;
	padding-top:	1em;
}

#principal {
	width:			100%;
	padding: 		10px 20px;
	background:		#EEECE1;
	margin-bottom:	25px;
}

#droite {
	width: 			300px;
	padding: 		0px 10px;
	margin-right:	-100%;
	background: 	#EEECE1;
	margin-bottom:	25px;
}

#pied {
	clear: 			both;
	width:			100%;
	background:		#EEECE1 url(IMG/jpg/plage.jpg) 0px 0px no-repeat;
	padding: 		5px;
}

/* LE PIED DE PAGE */

#pied p {
	text-align:		left;
	text-indent:	0px;
	color:			#000000;
	margin:			0px;
}

#pied a:link {
	color: 				#984806;
}

#pied a:visited {
	color: 				#984806;
}

/* LES IMAGES */

img {
	border: 			none;
	vertical-align: 	middle;
	float: 				left;
	margin-right: 		.5em
}

img.motcle {
	border:				none;
	vertical-align:		text-bottom;
	float:				right;
	cursor:				help;
	margin:				0px;
}

img.liens {
	border:				thin solid black;
	vertical-align:		middle;
	float:				left;
	margin-right:		.5em;
	width:				100px;
}

/* CLASSES PARTICULIÈRES */

/* Les amas */

.amasRubriques {
	font:				normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
	text-align:			left;
	text-indent:		0px;
	margin:				0px 0px 20px 0px;
	color:				#0071B5;
	background-color: 	#F1EFE6;
}

.amasAuteurs {
	font:			normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
	text-align:		left;
	text-indent:	0px;
	margin:			4px 0px 0px 0px;
	color:			#984806;
}

.amasAuteurs a:link, .amasAuteurs a:visited {
	color:				#984806;
}

.amasAuteurs a:hover, .amasAuteurs a:active {
	color: 				#0071B5;
	background-color: 	inherit;
	text-decoration: 	underline;
}

/* Le grand cadre de gauche */

div.grandCadre {
	border:			none;
	padding:		10px;
	margin-bottom:	5px;
	background:		#FFFFFF;
}

.grandCadre p.surtitre {
	text-align:		left;
	text-indent:	0px;
	font-weight:	bold;
	margin:			0px;
}

.grandCadre p.titre {
	font:			bold 15px Verdana, Helvetica,Arial,Sans-Serif;
	text-align:		left;
	text-indent:	0px;
	font-weight:	bold;
	margin:			0px;
	clear:			left;
}

.grandCadre p.titre a:link, .grandCadre p.titre a:visited {
	color:			#666666;
}

.grandCadre p.titre a:hover, .grandCadre p.titre a:active {
	color:				#0071B5;
	text-decoration:	none;
}

.grandCadre p.soustitre {
	text-align:		left;
	text-indent:	0px;
	font-style:		italic;
	margin:			0px;
}

.grandCadre p.soustitre i {
	font-style:		normal;
}

.grandCadre .introduction {
	text-align:		justify;
	text-indent:	0px;
	font-style:		normal;
	margin:			0px;
}

.grandCadre p.detail {
	font:			normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
	margin:			0px 0px 10px 0px;
	text-align:		left;
	text-indent:	0px;
}

.grandCadre p.detail a:link, .grandCadre p.detail a:visited {
	color:			#984806;
}

.grandCadre p.detail a:hover, .grandCadre p.detail a:active {
	color:			#0071B5;
}

.grandCadre .auteurs a:link, .grandCadre .auteurs a:visited {
	color:			#984806;
}

.grandCadre .auteurs a:hover, .grandCadre .auteurs a:active {
	color: 				#0071B5;
	background-color: 	inherit;
	text-decoration: 	underline;
}

.grandCadre .chapo, .grandCadre .chapo p {
	text-align:		left;
	font-style:		italic;
	color:			#984806;
	text-indent:	0em;
	margin:			0px 3cm 5px 0px;
	
}

.grandCadre .chapo i {
	font-style:		normal;
}

.grandCadre .texte {
	text-align:		justify;
	font-style:		normal;
	text-indent:	1em;
	margin:			0px;
}

.grandCadre .ps {
	text-align:		left;
	text-indent:	0px;
	font-style:		normal;
	margin:			0px 0px 5px 0px;
	width:			400px;
	border:			1px solid #984806;
	padding:		2px;
}

.grandCadre .lien {
	color:			#0071B5;
	text-align:		left;
	margin:			0px 0px 10px 0px;
}

.grandCadre .notes {
	text-align:		justify;
	font:			normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
	margin-top: 	5px;
	padding-top: 	5px;
	border-top: 	1px solid #984806;
}

.grandCadre .spip_note {
	text-align:		justify;
	font:			normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
	margin:			0px;
	border:			0px;
}

.intertitre {
	font:			bold 14px Verdana, Helvetica,Arial,Sans-Serif;
	text-align:		right;
	text-indent:	0px;
	padding-bottom: .5cm;
	padding-top:	0px;
	margin:			0px;
	clear:			left;
	color:			#E36C0A;
}

.intertitre a:link, .intertitre a:visited {
	color:			#0071B5;
}

.intertitre a:active, .intertitre a:hover {
	color:			#984806;
}

/* Un petit cadre d'actualités (news) */

div.cadreNews {
	border:			1px solid #000000;
	padding:		5px;
	margin-bottom:	5px;
	background:		#DCE3E8;
}

.cadreNews p.titre {
	font:			normal 13px Verdana, Helvetica,Arial,Sans-Serif;
	text-align:		left;
	text-indent:	0px;
	margin:			0px 0px 10px 0px;
	color:			#984806;
}

.cadreNews p.titre a:link, .cadreNews p.titre a:visited {
	color:			#000000;
}

.cadreNews p.titre a:hover, .cadreNews p.titre a:active {
	color:				#0071B5;
	text-decoration:	underline;
}

/* Un petit cadre à droite */

div.petitCadre {
	border:			1px solid #000000;
	padding:		5px;
	margin-bottom:	5px;
	background:		#EBEBE3;
}

.petitCadre p.titre {
	font:			bold 13px Verdana, Helvetica,Arial,Sans-Serif;
	text-align:		left;
	text-indent:	0px;
	font-weight:	bold;
	margin:			0px;
}

.petitCadre p.titre a:link, .petitCadre p.titre a:visited {
	color:			#666666;
}

.petitCadre p.titre a:hover, .petitCadre p.titre a:active {
	color:				#0071B5;
	text-decoration:	underline;
}

.petitCadre .introduction {
	text-align:		justify;
	text-indent:	0px;
	font-style:		normal;
	margin:			0px;
}

.petitCadre .description {
	text-align:		left;
	text-indent:	0px;
	font-style:		normal;
	margin:			0px;
	padding:		0px;
}

/* LES FORUMS */

h2.forum-repondre {
	font :			bold 12px/17px Verdana,Helvetica,Arial,Sans-Serif;
	text-align:		left;
	margin-top: 	2.5em;
	padding-top: 	2px;
	border-top: 	1px solid #984806;
}

h2.forum-decompte{
	font :			normal 10px/12px Verdana,Helvetica,Arial,Sans-Serif;
	text-align:		left;
}

ul.forum, ul.forum ul { 
	list-style: 	none;
}

.forum-fil {
	margin-top: 	1.5em;
}

.forum-fil ul {
	margin: 		0;
	padding: 		0;
	margin-left: 	1em;
}

.forum-chapo .forum-titre, .forum-chapo .forum-titre a {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	color: #984806;
}

/* LES TABLEAUX */

table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid black;
	border-collapse: collapse;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold;
}
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: white; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* ENCADRÉ */

.texteencadre-spip {
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
	padding: .25em;	
	position: relative;
}

.spip_documents {
	padding: 1em;
	font-size: 10px;
}