/* CSS Document */



/* General */

body {
	background-color:#E2E2E2;
	font-family:Verdana , "Chaparral Pro" , sans-serif;
	font-size:12px;
}

body.premiere {
	background-color:#FFFFFF;
	text-align:center;
}

body.premiere a {
	text-decoration:none;
	color:#999999;
}

div#page {
	width:97%;
	margin:0 auto;
	background-color:#FFF;
	min-height:650px;
}

div.premiere {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-350px;
	margin-top:-250px;
}

div.passer a {
	margin-left:30px;
	margin-right:30px;
}

/***************************/


/* Header */

div#header {
}

img#bandeau {
	width:600px;
}

img#flag {
	position:absolute;
	left:90%;
	vertical-align:top;
	margin-top:10px;
	border:none;
}

/***************************/


/* Sidebar */

div#sidebar {
	float:left;
	width:170px;
	margin-left:10px;
	margin-top:40px;
	background:url(../images/box-top.png) top left no-repeat;
}

div#sidebar a
{
	color: #000;
	text-decoration:none;
}

div#sidebar a:hover
{
	color: #000;
	font-style:italic;
	text-decoration:underline;
}

div#box p {
	margin-left:30px;
	margin-right:20px;
}

div#box
{
	padding-bottom:40px;
	background:url(../images/box-bottom.png) bottom left no-repeat;
}

div#box ul
{
	padding-left:35px;
	margin:0;
	list-style-type:disc;
	line-height:1.5em;
}

div#box li
{
	margin-top:5px;
}

div#box_cat {
	padding-left:15px;
	padding-bottom:7px;
	
}

div#box_titre {
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
	font-weight:bold;
	font-variant:small-caps;
}

div#box_footer {
	margin-top:40px;
	text-align:center;
}

div#box_footer ul {
	text-align:left;
}

div#box_footer a:hover {
	text-decoration:none;
}

div#box_footer a img {
	border:none;
}

/***************************/


/* Contenu */

div#contenu {
	margin-left:170px;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:30px;
	padding-left:20px;
}

div#contenu_prev {
	margin-right:20px;
	margin-bottom:20px;
	margin-top:20px;
	padding-left:20px;
}

div#contenu p
{
	text-align:justify;
	padding-left:10px;
	line-height:1.5em;
	font-size:12px;
}

div#contenu h3 {
	text-align:center;
}
/***************************/


/* Menu */

div#menu
{
	height: 35px ;
	margin-top:10px;
	margin-bottom:10px;
	padding: 0 ;
	background: url(../images/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}

/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
div#menu span
{
	float: left ;
	text-align: center ;
	border-right: 1px solid #dea;
}
/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */


div#menu span a, #menu span a:visited {
	line-height: 25px ;
	font-size: 14px;
	font-variant:small-caps;
	color: #000 ;
	display: block ;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */

body#index a#lien-index,
body#presentation a#lien-presentation,
body#colonies a#lien-colonies,
body#activites a#lien-activites,
body#nature a#lien-nature,
body#membres a#lien-membres,
body#bodycontact a#lien-contact,
div#menu span a:link:hover, div#menu span a:visited:hover {
	background: url(../images/bg_menu.gif) repeat-x 0 0;
	color:#FFFFFF;
}/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */
/***************************/


/* Footer */

div#footer {
	text-align:center;
	font-size:9px;
	color:#999999;
	margin:20px;
	margin-top:30px;
	padding-bottom:20px;
}

div#footer a:link, div#footer a:visited {
	color:#999999;
	text-decoration:none;
}

div#footer a:active, div#footer a:hover {
	text-decoration:underline;
}
/***************************/



/* Contenu des pages */

div#global_section {
	display:inline-block;
	margin-bottom:20px;
	width:100%;
}
div#global_section a:visited {
	color: #0f4b05;
}
div#global_section a:hover {
	color: #0f4b05;
	font-style:italic
}
div#global_section a:active {
	color: #0f4b05;
}
div#global_section a:link {
	color: #0f4b05;
}
.titre_section {
	margin-top:0;
	margin-right:20px;
	margin-left:20px;
	padding-top:20px;
	padding-right:20px;
	font-style:italic;
	border-bottom: 1px solid #000000;
	border-bottom-color:#0f4b05;
}
.date_section {
	text-align:right;
	font-size:10px;
	color:#333333;
	margin-right:20px;
}

#contenu_section {
	margin-top:30px;
}

img#image_section {
	max-width:200px;
	max-height:200px;
	margin-right:20px;
	margin-left:20px;
	padding-left:10px;
	float:left;
}

img#image_section_lettre {
	max-width:200px;
	max-height:200px;
	margin-right:20px;
	margin-left:20px;
	padding-left:10px;
	border:none;
}

div#text_section {

}
#lien_section {
	margin-right:5px;
	margin-left:5px;
}
.fin_section {
	padding-bottom:20px;
	padding-right:20px;
} p {
	margin-left:20px;
	margin-right:20px;
}
/************************/



/* Admin News */

div#liste {
	text-align:center;
	margin:50px;
	padding-bottom:50px;
}

div#liste h3 {
	text-align:center;
	margin-bottom:20px;
}

div#liste table {
	margin-top:30px;
	text-align:center;
	width:100%;
}

div#liste table tr th {
	padding-bottom:12px;
}

div#liste table tr td {
	background-color:#AFC7E0;
}

div#liste table tr td a img {
	border:none;
}

img#visu {
	max-height:380px;
	max-width:580px;
	border:none;
}


div#liste a:visited span,
div#liste a span
{
	background-color:lightblue;
	text-decoration:none;
	color: black;
	border-right:1px solid white;
	padding-left:10px;
	padding-right:10px;
}

div#listePage-index a#listeIndex span,
div#listePage-presentation a#listePresentation span,
div#listePage-colonies a#listeColonies span,
div#listePage-activites a#listeActivites span,
div#listePage-nature a#listeNature span,
div#listePage-actus a#listeActus span,
div#listePage-lettres a#listeLettres span,
div#liste a:link:hover span, div#liste a:visited:hover span
{
	background-color:skyblue;
	color: darkblue;
}

div#body_redaction {
	text-align:center;
}

form#form div {
	margin-top:10px;
}

/************************/



/* Contact */

#formulaire_contact {
	padding-top:20px;
	padding-bottom:40px;
}

.champ {
	margin-bottom:10px;
}

.labelChamp {
	width:23%;
	float:left;
	text-align:right;
	padding-right:10px;
}

#contact span {
	color:#AE0000;
}

input#autreSujet {
	margin-left:10px;
}

div#coordonnees {
	width:50%;
	margin-left:25%;
	margin-right:25%;
}

div#coordonnees p {
	text-align:left;
}


/* Membres */

div#form_membres {
	text-align:left;
	margin-left:10px;
	margin-top:40px;
}

div#form_membres input {
	margin-bottom:8px;
}

div#erreur_connec {
	margin-top:60px;
	text-align:center;
}



/* Activites */

div#programme {
	padding-top:30px;
}

span.programmeDate {
	font-weight:bold;
	margin-left:10px;
}

span.programmeTitre {
	font-weight:bold;
}

blockquote.programmeContenu {
	padding-left:40px;
	margin-bottom:70px;
}