html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #EDEEEF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

p {
	/*font-size:12px;*/
	/*font-weight:normal;*/
	/*color:#5d5f60;*/
	/*padding:0px;*/
	text-align:justify;
	margin:0px;
	padding:0px 0px 10px 0px;
}

.clear {
	clear:both;
}

h1 {
	padding: 0px;
	margin: 0px;
	font-size: 30px;
}

h2 {
	padding: 0px;
	margin: 0px;
	font-size: 20px;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
	
}

a, a:visited {
	color: #37869F;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

table,td,form,img {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

table {
	/*empty-cells: show;*/
}

.update_profil {
	font-weight: bold;
	color:#CC0000;
}

.input_texte {
	width: 250px;
	border: 1px solid #504F4F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3030;
}

.bouton td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	cursor:pointer;
}

.bouton_envoyer {
	width: autopx;
	height: 16px;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 11px;
	text-align: center;
	margin: 5px;
	padding: 5px;
}

.bouton_envoyer a, #bouton_envoyer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.bouton_envoyer a:hover {
	background-color: #000000;
}

.resultatsdonnees {
	padding: 2px;
}

#maintable {
	width: 100%;
     height: 100%;
	margin: 0px auto 0px auto;/*center la table*/
}

#maincell {
	width: 983px;
	/*height:100%;*/
     padding:0px;
	background-color: #FFFFFF;
}

#header {
	width:100%;
	padding:0px;
	margin:0px;
	background-image:url(/images/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align:middle;
	background-color:#173F70;

}

#header_print {
     display:none;
}   

#header_menu {
     vertical-align:middle;
     height: 96px;
}

#header_side{
     width:auto;
     height:96px;
     background-image:url(/images/header_sde.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

#header_menu_element {
	padding:14px;
	vertical-align:middle;
}

#header_menu_element_separateur {
     color:#000000;
	vertical-align:middle;
}

a#header_menu_element_lien, a:visited#header_menu_element_lien  {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	text-decoration:none;	
}

a:hover#header_menu_element_lien  {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	text-decoration:underline;
}

#contenu {
	background-color:#FFFFFF;
	/*padding:0px 14px 14px 14px;*/
}

#membre_info {
	padding:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3030;	
}

/********
BIENVENUE
********/

#bienvenue {
	width:218px;
     height:58px;
     vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top;10px;
}

#bienvenue_nom {
     width: 218px;
	color:#06090b;
	font-weight:bold;
}

#bienvenue_promotion {
	color:#0072C6;
	font-weight:normal;
}

/*********
CALENDRIER
*********/

#box_calendrier{
	width:176px;
	/*height:134px;*/
	background-color:#e9eef0;
	margin: 14px ;
	padding: 21px;
}

#calendrier {
	background-color: #e1ebea;
	/*border-right: 1px solid #000000; */
	/*border-bottom: 1px solid #000000; */
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	/*border-spacing: 0;*/
}

#calendrier th {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color:#bfbfbf;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#calendrier td {
	text-align: center;
	vertical-align: middle;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	/*background-color: #e1ebea;*/
	margin: 0px;
	padding: 0px;
	/*border-top: 1px solid #000000;*/
	/*border-left: 1px solid #000000;*/
	
}

div.ruban{
	width:723px;
	height:353px;

	background-image:url(/images/ruban.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/****
LOGIN
****/

#login {
     
     width:450px;
     height:100px;
     margin:14px 0px 0px 0px;;
     background-color:#f0efe6;
     text-align:center;
     
     font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3030;
     
}

#text_systeme{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3030;
	text-align:justify;
	padding:10px;
}

#login_error{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

#input_login{

}

/****
PAGES
****/

#titre_page {
	background-color:#70b8dc;

	margin:14px 14px 0px 0px;
	padding:15px;
	
	line-height:25px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	margin-top:58px;
}

#titre_page_statut {

	width:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-align:right;
	line-height:10px;
}

#intro_page {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:30302e;
	font-size:12px;
	background-color:#f0efe6;
	margin:0px 14px 14px 0px;
	padding:20px;
}

/*****
IMAGES
*****/

.imageleft {
	float: left;
	margin: 5px 17px 5px 0px;
	border: 2px solid #FFFFFF;
}

.imageleft_nomargin {
	float:left;
	border: 2px solid #FFFFFF;
}

.imageright {
	float: right;
	margin: 5px 0px 5px 17px;
	border: 2px solid #FFFFFF;
}

.imageright_nomargin {
	float: right;
}

.imagecenter {
    border: 2px solid #FFFFFF;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
}

.imagecenter_nomargin {
     border: 2px solid #FFFFFF;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*****
PROFIL
*****/

.text_profil {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3030;	
}

.soustitre{
     font-size:20px;
	color:#0072c6;
	padding: 0px 0px 10px 0px;
	margin:0px;
}

/**********
BOX ACCUEIL
**********/

#accueil_box_activite_calendrier {
	width:934px;
	/*height:136px;*/
	background-color:#e9eef0;
	
	
	margin:14px 14px 0px 14px;
	padding:21px 0px 0px 21px;
}

#accueil_box_calendrier{
	width:180px;
	/*height:136px;*/
	/*float:left;*/
}

#accueil_box_activite {
	/*width:700px;*/
	/*height:136px;*/
	margin-left:21px;
	/*float:left;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#accueil_box_activite_element {
	background-image:url(/images/sepration_activite.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding:10px;
}

#box_date {
	font-size:12px;
	font-weight:bold;
	color:#7fcbe5;
	padding:0px 0px 3px 0px;
}

#accueil_box_activite_element_soustitre {
	font-size:13px;
	font-weight:bold;
	color:#5d5e61;
}

#accueil_box_activite_element_promotion {
	font-size:12px;
	font-weight:normal;
	color:#5d5e61;
}

#accueil_box_activite_titre {
	font-size:30px;
	font-weight:normal;
	color:#0072c6;
	padding: 0px 0px 10px 0px;
}

#accueil_box_nouvelle {
	width:267px;
	height:225px;
	background-color:#e9eef0;
	/*margin:14px 0px 14px 14px;*/
	padding:21px 21px 21px 21px;
	/*float:left;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#box_titre {
	font-size:16px;
	font-weight:bold;
	color:#0072c6;
	padding: 0px 0px 8px 0px;
	margin:0px;
}

#box_soustitre {
	font-size:12px;
	font-weight:bold;
	color:#5d5f60;
	padding:0px 0px 5px 0px;
	margin:0px;
}

#box_texte {
	font-size:12px;
	font-weight:normal;
	color:#5d5f60;
	padding:0px;
	margin:0px;
	padding:0px 0px 10px 0px;
}

#accueil_box_photo {
	width:267px;
	height:225px;
	background-color:#f0efe6;
	padding:21px 21px 21px 21px;
	vertical-align:middle;
	text-align:center;
}

#accueil_box_message {
	width:267px;
	height:225px;
	padding:21px 21px 21px 21px;
	background-color:#f5ebeb;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2d3448;
	text-align:center;
	vertical-align:middle;
}

a#nouvelle, a:visited#nouvelle  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    font-weight:normal;
	color:#0072c6;
	text-decoration:none;
}

a:hover#nouvelle  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    font-weight:bold;
	color:#0072c6;
	text-decoration:none;
}

a#voir, a:visited#voir  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
    font-weight:normal;
	color:#5d5e61;
	text-decoration:none;
}

a:hover#voir  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
    font-weight:bold;
	color:#5d5e61;
	text-decoration:none;
}

/*******
ANNONCES
*******/
div.annonce{
	width:174px;
	height:251px;
	
	background-image:url(/images/box_orange.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin:58px 0px 0px 0px;
	padding: 22px 22px 22px 22px;
	overflow : hidden;
	float:right;
}

#annonce_general{
	width:174px;
	height:251px;
	
	background-image:url(/images/annonce.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 22px 22px 22px 22px;
	overflow : hidden;
}

.annonce#titre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	text-align:justify;
	padding: 0px 0px 10px 0px;
}

.annonce#sous_titre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
     font-weight:bold;
	color:#000000;
	text-align:justify;
	padding: 0px 0px 10px 0px;
}

.annonce#texte{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    font-weight:normal;
	color:#000000;
	text-align:justify;
}

a#annonce, a:visited#annonce  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
     font-weight:normal;
	color:#000000;
	text-align:justify;
	text-decoration:none;
}

a:hover#annonce  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
     font-weight:normal;
	color:#000000;
	text-align:justify;
	text-decoration:underline;
}

/***********************/

#menu_vertical_gauche {
	float:right;
	width: 22px;
	height: 431px;
	margin-top: 188px;
	
	background-color: #FFFFFF;
	background-image: url("/images/menu_vertical_gauche.gif");
	background-position: top center;
	background-repeat: repeat-x;
}

#zone_gauche {
	background-color: #FFFFFF;
	width:218px;
	padding-left:14px;
	padding-right:14px;
	
}

#zone_centre {
	background-color:#FFFFFF;
	width:737px;
	line-height:16px;
}

#zone_centre_contenu {
	/*padding: 10px 18px 18px 18px;*/
	color: #606161;
	text-align:justify;
}

#zone_centre_contenu p {
	/*margin-top: 10px;*/
	margin:0px;
	padding:0px 0px 10px 0px;
}

br {
	margin: 0px;
	padding: 0px;
}

#zone_centre_contenu img {
	/*border: 2px solid #FFFFFF;*/
}

#zone_droite {
	width: 206px;
	
	/*padding: 5px;*/
}


/***
MENU
***/

.fleche_go{
     width:8px;
     height:20px;
     
     background-image: url('/images/bouton_recherche.png');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	margin-left: 5px;

	float:right;
	cursor:pointer;
}

input#motcle {
	color:#0072C6;;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:150px;
}

select#motcle {
	color:#0072C6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:155px;
}

#menucont {
	width:200px;
	height:271px;
	background-color:#0072C6;
	padding:24px 0px 0px 18px;
	color: #FFFFFF;
}

.menu_note {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
    font-weight:normal;
}

.menu_element {

	padding-left:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 13px;
	background-color:#0072C6;
	border-bottom:1px solid #0072C6;
	
	background-image: url('/images/dotmenu.jpg');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:29px;
}

.menu_element_over {

	padding-left:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 13px;
	background-color:#0072c6;
	border-bottom:1px solid #e77824;
	
	background-image: url('/images/dotmenu.jpg');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:29px;
}	

/***
BLOC
***/
#bloc {
	/*width:553px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#e9eef0;
	margin:0px 14px 14px 0px;
	padding:14px;
}


#bloc_espacement {
     height:18px;
}

#bloc_titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2f3030;
	padding: 0px 0px 10px 0px;
}

#bloc_contenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3030;	
	text-align:justify;
}

.bloc_goto_top {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2f3030;	
	text-align:right;
	clear:both;
}

.bloc_menu {
	margin:0px 14px 14px 0px;
	text-align:left;
	vertical-align:top;
	/*padding:0px;*/
}

a#bloc_menu_element, a:visited#bloc_menu_element {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0072c6;
	text-decoration:none;
	
	background-image: url('/images/dotmenu.jpg');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 10px;
}

a:hover#bloc_menu_element  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0e357a;
	text-decoration:none;
	
	background-image: url('/images/dotmenu.jpg');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 10px;
}

.bloc_separateur {
	width:100%;
	height:3px;
	margin-bottom:14px;
	
	/*border-bottom:2px dotted #a3a4a4;*/
	background-image: url("/images/point.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

a#bloc_lien_membre, a:visited#bloc_lien_membre  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3030;
	text-decoration:underline;	
}

a:hover#bloc_lien_membre  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f3030;
	text-decoration:none;
}

a#bloc_lien_participation, a:visited#bloc_lien_participation  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5d5f60;
	text-decoration:underline;	
}

a:hover#bloc_lien_participation  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5d5f60;
	text-decoration:none;
}

/******
LANGUES
******/
#langues {
	float:right;
	padding-top: 8px;
	color: #c8c8c8;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}

#langues a, #langues a:visited {
	padding: 4px 6px 4px 6px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #0b97c3;
	border: 1px solid #FFFFFF;
	text-decoration: none;
}

#langues a:hover {
	background-color: #F19F34;
	text-decoration: none;
}

/***
NEWS
***/

.news_list {
	text-align: left;
	margin: 8px;
	font-size: 11px;
}

.news_list_date {
	font-weight: bold;
	font-size: 12px;
}

.news_list_title {
	font-weight: bold;
	font-size: 14px;
	/*color: #438cbe;*/
	padding-bottom: 8px;
}

.news_list_contenu {
	text-align: justify;
}

.news_page {
	text-align: left;
	/*margin: 8px;*/
	font-size: 12px;
}

.news_page_date {
	font-weight: bold;
	font-size: 12px;
}

.news_page_title {
	font-weight: bold;
	font-size: 16px;
	/*color: #438cbe;*/
	padding-bottom: 8px;
}

.news_page_contenu {
	text-align: justify;
}

#titre_section {
	text-align: right;
	padding-right: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

/*********
PAGINATION
*********/

.pagination 
{
	font-size: 12px;
	/*float: right;*/
}

.pagination td a:link, .pagination td a:visited 
{
	text-decoration: none;
	border-bottom: 0px;
	color: #5B666C;
	padding:9px;
}

.pagination td a:hover 
{
	text-decoration: none;
	border-bottom: 0px;
	color: #000000;
}

td#pagination_text_first_last
{
	width:30px;
}

td#pagination_text_next_prev
{
	width:30px;
}

td#pagination_text_nbr
{
	/*width:20px;*/
}

td#pagination_text_PageTotalSur
{
	width:60px;
}

img#pagination
{
	border:none;
	width:30px;
	height:30px;
}

/*****
FOOTER
*****/

#footer {
	background-color:#EDEEEF;
	color: #717377;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	/*letter-spacing: 1px;*/
}

#footer a, #footer a:visited {
	color: #717377;
	text-decoration: none;
}

#footer a:hover {
	color: #717377;
	text-decoration: underline;
}

.galerie {
	margin: 10px 0px 10px 0px;
}

.galerie_element {
	text-align: center;
	vertical-align: middle;
	/*border: 1px solid #CCCCCC;*/
}

#zone_centre_contenu .galerie_element img {
	padding:0px;
	margin:0px;
	border:none;
}

.legende {
	text-align: center;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
	line-height: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:30302e;
	font-size:10px;
}
