/* **************************** */
/* Défintition des balises html */
/* **************************** */

* { padding: 0; margin: 0; }
 
body {
	background :  url(../images/fond.jpg);
	font-family: Arial, sans serif;
	text-align: center;
	margin: 0 auto;
	width: 752px;
}

img {
  border: 0;
}

hr {
  border-width: 0px;
  border-top: 1px solid #999;
  margin: 15px 5px 5px 5px;
}

h1 { margin-top: -10px; }
h1 span.titre {
	border : 1px solid #000099;
	background-color : #FEFF82;
	color : #000099;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-style : normal;
	font-weight : bold;
	padding: 1px 30px !important;
}
h1 .left, h1 .right { position: relative; top: 5px; }
h1 .left { margin-right: -5px; }
h1 .right { margin-left: -5px; }

h2 {
  text-align: center;
  color: #009;
	font-weight: bold;
  font-size: 13px;
  font-family: Comic Sans MS, Arial, sans serif;
	text-decoration: none;
	padding: 2px;
	border: 1px dashed #009;
	background-color: #CCF;
}

p {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	line-height: 135%;
	text-align: justify;
	color: #003;
	text-indent: 1em;
}

a:active, a:focus, a:visited, a:link {
	text-decoration : none;
	color : #006;
}

a:hover {
  color: #F60;
}

label {
  font-size: 12px;
  font-weight: bold;
  padding-right: 15px;
}

input, label, select {
  margin: 10px auto 0px auto;
}

form {
  text-align: left;
  margin-left: 25px;
  padding-bottom: 10px;
}

/* *************************** */
/* Strcuture des blocs du site */
/* *************************** */

#header { margin: 6px 0 0 0; }
#header #left { float: left; height: 100px; }
#header #center { padding: 3px 0 0 0; float: left; border-top: 2px solid #000099; border-bottom: 2px solid #000099; height: 93px; background-color: #D3D4FF; }
#header #center img { border: 1px solid #000; }
#header #right { float: left; }

#middle { clear: both; }
#middle #nav { width: 150px; float: left; height: 20px; }
#middle #menu { background: no-repeat #D3D4FF; list-style: none; border-left: 2px solid #000099; border-right: 2px solid #000099; margin-top: -5px; }
#middle #menu .sous_menu { background: no-repeat #BDBDF7; margin: -5px 3px -5px 3px; border-left: 2px solid #000099; border-right: 2px solid #000099; font-size: 12px; }
#middle #content { float: left; background: #D3D4FF; border: 2px solid #000099; margin: 0 0 10px 5px; width: 543px; padding: 10px 25px 0 25px; }
#middle #content .left_top { float: left; position: relative; top: -12px; left: -27px; background: #FFF; }
#middle #content .right_top { float: right; position: relative; top: -12px; right: -27px; background: #FFF; }
#middle #content .left_bottom { clear: both; float: left; position: relative; bottom: -2px; left: -27px; background: #FFF; }
#middle #content .right_bottom { float: right; position: relative; bottom: -2px; right: -27px; background: #FFF; }

/* *************************** */
/* Personnalisation des styles */
/* *************************** */

.date { font-size: 12px; margin: 0; width: 450px;}
.date a { display: none; font-size: 12px; }
.date b, .date font { font-weight: normal; font-size: 12px; }

#content img.border { border: 1px inset #333; } 

p.lien { font-family: Arial, sans-serif; font-weight: bold; font-size: 13px; }

.clear { clear: both; }

#content ul { text-align: left; margin-left: 70px; }

#content li { list-style: url('../images/nblw4.gif'); margin: 10px auto; font-weight: bold; font-size: 14px; }

#dernieres_infos { text-align: center; margin: 5px -5px; }
#dernieres_infos .ejs_scroll {
	font-size: 14px;
	margin: 2px auto;
	line-height: 135%;
	font-family: Arial, Helvetica, sans-serif;
}

div.retour { font-weight: bold; font-size: 13px; }

.left_200 { float: left; width: 200px; text-align: center; }
.left_200 img { margin: 10px 5px 5px 0; }

.marg
{
	margin-left : 10px;
	text-align : left;
}

/* **************************** */
/* Gestion des cas par rubrique */
/* **************************** */

body.accueil p { font-family: "Comic sans MS", Verdana, Arial, sans-serif; text-align: center; font-size: 13px; color: #009; }
body.accueil .left_200 { width: 250px; }
body.accueil .copyright p { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #003;}

body.agenda #content ul { margin-left: 15px; }
body.agenda #content ul li h2 {
	color: #00C;
	border: 0;
	background: transparent;
	text-align: left;
	margin: 3px 0;
}
body.agenda #content ul li {
	list-style: none url(../images/puce_a.gif);
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	color: #000;
	margin: 5px auto 12px auto;
}
body.agenda h3 { font-size: 16px; margin: -10px auto 5px auto; color: #006; }

body.groupes .left_200 { margin-left: 75px; }
body.groupes p.lien { font-weight: bold; }
body.groupes img.img { border: 1px outset #FF6; }
p.contacts { text-indent: -8em; margin-left: 9em; line-height: 160%; }
p.groupes { text-indent: -7em; margin-left: 8em; line-height: 160%; }

body.reportages .left_200 { margin-left: 75px; }
body.reportages p.lien { font-weight: bold; }
body.reportages img.img { margin: 2px 3px; border: 1px outset #FF6; }
body.reportages #content #gallerie { margin: 0px -12px; }
body.reportages div.nav { font-size: 12px; text-align: center; margin: 2px auto; width: 300px; font-weight: bold; background-color: #DDF; }

body.membres #barre_outils { margin: 0 auto 0 22%; }
body.membres img.calendar { position: relative; left: 5px; bottom: -2px; }
body.membres td.action4 img { padding: 2px; }
body.membres table.admin td.action4 { width: 100px; }
body.membres table.admin { font-size: 11px; }
body.membres tr.past td { background-color: #CCC; }
body.membres tr.futur td { background-color: #99F; }
body.membres tr.present td { background-color: #9F9; }  
body.membres fieldset { margin: 5px 90px; border: 1px solid #006; background-color: #DDF; }
body.membres fieldset legend { margin: 0 100px; color: #006; padding: 0 5px; font-weight: bold; font-size: 14px; }
body.membres .error { padding: 10px 0 0 0; font-weight: bold; text-align:center; color: Red; font-size: 13px; }
body.membres fieldset form { text-align: right; }
body.membres fieldset input { margin-right: 50px; }
body.membres fieldset input.submit { margin-right: 75px; }
body.membres h5 #saveId { color: #C00; }

body.contacts img.img { border: 1px outset #FF6; }
body.contacts p { margin-left: 200px; }
body.contacts .cnil p { margin-left: 0px; font-size: 11px; text-align: center; }

body.personnes .error { border: 1px solid Red; background-color: #FCC; margin: 5px 100px; padding: 5px; text-align:center; color: Red; line-height: 150%; font-size: 12px; }
body.personnes input.submit, body.personnes input.reset { padding: 2px; margin: 0 25px; }
body.personnes input.submit { font-weight: bold; }

form#newsletter { margin: 0 2px; text-align: center; }