/* Standard */

html {
	height: 100%;
}

body {
	background-color: #0E6AFD;
	margin:0;
	height: 100%;
}

#spacer {
	clear: both;
}

/* En tete */
#entete{
	background-image: url("images/interface/logo_02.jpg");
	width: 100%;
	margin: 0px;
}

#lang{
	float: right;
	position: absolute;
	top: 75px;
	right: 10px;
	padding: 0px;
}

#menu{
		background-image: url("images/interface/logo_05.jpg");
		background-repeat: repeat-y;
		background-color: #000F86;
		margin-top:2px;
		margin-bottom: 5px;
		padding: 2px;
		vertical-align: middle;
}

#menu ul{
			text-align: center;
			margin: 2px;
}

#menu li{
			display:inline;
			text-align:center;
			padding: 0px;
}

#menu a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0000CC;
	padding: 1px;
	border: 1px solid #FFFFFF;
}

#menu a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
	background-color: #003333;
	padding: 1px;
	border: 1px solid #FFFFFF;
}

#contenu {
	margin-left: 150px;
	margin-right: 150px;
}

#gauche{
	float: left;
	position: absolute;
	top: 150px;
	left: 10px;
	padding: 0px;
}

#droite{
	float: right;
	position: absolute;
	top: 150px;
	right: 10px;
	padding: 0px;
}

#error {
	margin-bottom :2 px;
	background-color: #C90003;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 2px;
	padding-left: 15px;
}

/* footer */
#footer hr{
	width: 450px;
}

#footer p{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	margin: 2px;
	text-align: center;
}

#footer a{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none
}

#footer a:hover{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Article */

#article{
	width:100%;
	border 1px solid;
}

#article #cadre{
	border: 1px solid #000F86;
}
#article h1{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
	margin:0px;
}

#article h2{
	margin:0px;
	margin-left: 40px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFCA01;
	clear: both;

}

#article p{
	margin-right: 30px;
	margin-left: 30px;
}

#articlebut {
	text-align: right;
}

#article #image{
	float: left;
	border: #FF0000;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#article #images{
	text-align: center;
}

#article #images img{
	text-align: center;
	margin: 10px;
}

.phototext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
/* textbox */
#textbox{
	background-image: url("images/textbox/fond1.jpg");
	width: 129px;
	margin: 0px;
}

#textbox p{
	margin:0;
	width: 129px;
}

#textbox #txtbcontenu{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin-left: 8px;
	margin-top: 2px;
	margin-bottom: 4px;
	width: 108px;
	padding: 0px;
}

#textbox #classement{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#textbox input.bouton1{
	background-color: #353E99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FECB00;
	border: 1px solid #0802C8;
}

#textbox input.bouton2{
	background-color: #353E99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FECB00;
	border: 1px solid #0802C8;
}

#textbox form{
	margin: 0px;
}

#textbox a{
	color: #FFFFFF;
}

.champtxt{
	background-color: #BCD5FC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 80px
}

/* Calendrier */
#calendrier #event {
	background-color:  #000F86;
	margin: 10px;
	padding: 5px;
}

#calendrier #event #date{
	color:  #FECE02;
	font-family: Arial;
	font-size: 10px;
}

#calendrier #event #titre{
	color:  #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

#calendrier #lieu{
	color:  #FECE02;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}

#calendrier #desc{
	color:  #000000;;
	font-family: Arial;
	font-size: 12px;
	margin-left: 10px;
}

#calendrier #cadre{
	border: 1px solid #000F86;
}

/* Annuaire */
#annuaire #site {
	background-color:  #000F86;
	margin: 10px;
	padding: 5px;
}

#annuaire #site #drapeau{
	color:  #FECE02;
	font-family: Arial;
	font-size: 10px;
}

#annuaire #site #titre{
	color:  #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

#annuaire #liens{
	color:  #FECE02;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}

#annuaire #desc{
	color:  #000000;;
	font-family: Arial;
	font-size: 12px;
	margin-left: 10px;
}

#annuaire #cadre{
	border: 1px solid #000F86;
}

/* Module de recherche */
#module {
	background-color:  #000F86;
	margin: 10px;
	padding: 5px;
}

#module p{
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;;
}

/* Pager */
#pager {
	text-align:center;
}
#pager #normal {
	color: #FFFFFF;
	font-family 	: Verdana;
	font-size 		: 10px;
	text-decoration : none;
}
#pager #normal a{
	color: #FFFFFF;
}
#pager #current {
	color: #FFFFFF;
	font-family 	: Verdana;
	font-size 		: 10px;
	font-weight		: bold;
	text-decoration : none;
}


/* Formulaire de saisie */
#formulaire {
	margin: 0px;
}

#formulaire #titre{
	color:  #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	background-color:#000F86;
	padding: 5px;
}

#formulaire p{
	text-align: left;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#formulaire #champ{
	color:  #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	clear: both;
 	padding-top: 10px;
	text-align: center;
}

#formulaire label{
 float: left;
 width: 100px;
 text-align: right;
 }

#formulaire #contenuform{
 	width: 450px;
	text-align: center;
}
#formulaire formw{
	color:  #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	float: left;
 	text-align: right;
}

#formulaire #cadre{
	border: 1px solid #000F86;
}

/* form reponse */
#titre{
	color:  #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	background-color:#000F86;
	padding: 5px;
}

#cadre{
	border: 1px solid #000F86;
}

/* Moteur de recherche */
#moteurrech {
	margin: 10px;
}

#moteurrech #cadre{
		border: 1px solid #000F86;
}

#moteurrech #titre{
	background-color:#000F86;
	padding: 5px;
}

#moteurrech #titre a{
	color:  #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}

#moteurrech #titre a:hover{
	color:  #FDCD01;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}
#moteurrech #message{
	color:  #000000;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	margin: 10px;
	text-align:center;
}
#moteurrech p{
	margin: 5px;
}

#mailling {
	margin: 10px;
}

#mailling #cadre{
		border: 1px solid #000F86;
		height: 300px;
}

#mailling #message{
	color:  #FDCD01;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
	height:100%;
}

#classement {
	border-color:#000099;
	border-width:1px;
	font-family: Arial;
	font-size: 10px;
	color:#FFFFFF;
}

#classementtitre {
	font-family: Arial;
	font-size: 16px;
	color:#000000;
	font-weight: bold;
	text-align: center;
}

#textbox .liencla {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	color: #FFDF0D;
}

/* documents */
.lien {font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.lien:hover {font-family: Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.liensregl{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;	text-decoration: none;	font-weight: bold;}
.txt{font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #FFFFFF;text-decoration: none; text-align: justify;}
.titrepart{font-family: Arial, Helvetica, sans-serif;font-size: 20px;color: #000000;font-weight: bold;text-decoration: underline}
.legende{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#000000;font-style:italic; font-weight: bold;}
.adresse{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#000000;}

.boutton{font-family: Arial; font-size: 10px; background-color:#393E90;color: #FFFFFF;}



.contmodule {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;text-decoration: none;background-color: #0066CC;border: thin outset #000000;margin: 0px;font-weight: bold;padding: 0px;}