/*****************************
 * Structure globale de la page *
 *****************************/

html, body{
	margin:0 0 0 0;
	background-color:#ecece3;
	text-align:center;
	height:100%;
}

a img { border:0;}
td {vertical-align:top;}
th{vertical-align:top; text-align:left;}
p{margin-top:0px; text-align:justify;}


#global {
	position:relative;
    min-height:100%;

	width:950px;
	padding:0 0px;
	margin:0 auto;
	background-image:url(images/page_bg.jpg);
	background-repeat:repeat-y;
	text-align:left;
}

#head {
	background-image:url(images/head.jpg);
	width:950px;
	height:80px;
	position:relative;
}

#menu {
	width:750px;
	height:40px;
}

#menu_left {
	float:left;
	background-image:url(images/menu_left.jpg);
	width:20px;
	height:40px;
}

#menu_right {
	float:left;
	background-image:url(images/menu_right.jpg);
	width:219px;
	height:40px;
	text-align:right;
}


#contener_bg_top {
	background-image:url(images/contener_bg_top.jpg);
	background-repeat:no-repeat;
	padding-top:60px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:134px;
	text-align:left;
}

#contener {
	width:900px;
	margin-right:auto;
	margin-left:auto;
}

#foot {
	position:absolute;
	bottom:0;
	width:950px;
	height:134px;
	text-align:center;
	font:8px Verdana;
	color:#eee;
	background-image:url(images/foot.jpg)
}



/* Style du menu */
#menu_btns {
	width:711px;
	height:40px;
	float:left;
}

ul#menu {
	width:711px;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#menu li {
	margin:0;
	padding:0px;
	display:inline;
	float:left;
}

ul#menu li a { border:0px; padding:0px; margin:0px;}
ul#menu li a:hover { text-decoration:none; }

/* Boutons du menu */
li#btn_accueil a {
	display:block;
	width:83px;
	line-height:40px;
	background:url(images/menu_btn_accueil.jpg) no-repeat 0 0;
}
li#btn_accueil a:hover {
	background:url(images/menu_btn_accueil.jpg) no-repeat 0 -40px;
}

li#btn_realisation a {
	display:block;
	width:130px;
	line-height:40px;
	background:url(images/menu_btn_realisation.jpg) no-repeat 0 0;
}
li#btn_realisation a:hover {
	background:url(images/menu_btn_realisation.jpg) no-repeat 0 -40px;
}

li#btn_evenement a {
	display:block;
	width:135px;
	line-height:40px;
	background:url(images/menu_btn_evenement.jpg) no-repeat 0 0;
}
li#btn_evenement a:hover {
	background:url(images/menu_btn_evenement.jpg) no-repeat 0 -40px;
}

li#btn_actualite a {
	display:block;
	width:111px;
	line-height:40px;
	background:url(images/menu_btn_actualite.jpg) no-repeat 0 0;
}
li#btn_actualite a:hover {
	background:url(images/menu_btn_actualite.jpg) no-repeat 0 -40px;
}

li#btn_formation a {
	display:block;
	width:102px;
	line-height:40px;
	background:url(images/menu_btn_formation.jpg) no-repeat 0 0;
}
li#btn_formation a:hover {
	background:url(images/menu_btn_formation.jpg) no-repeat 0 -40px;
}

li#btn_liens a {
	display:block;
	width:60px;
	line-height:40px;
	background:url(images/menu_btn_liens.jpg) no-repeat 0 0;
}
li#btn_liens a:hover {
	background:url(images/menu_btn_liens.jpg) no-repeat 0 -40px;
}

li#btn_contact a {
	display:block;
	width:90px;
	line-height:40px;
	background:url(images/menu_btn_contact.jpg) no-repeat 0 0;
}
li#btn_contact a:hover {
	background:url(images/menu_btn_contact.jpg) no-repeat 0 -40px;
}


/* onglet actif */
li#btn_accueil_s a {
	display:block;
	width:83px;
	line-height:40px;
	background:url(images/menu_btn_accueil.jpg) no-repeat 0 -40px;
}

li#btn_realisation_s a {
	display:block;
	width:130px;
	line-height:40px;
	background:url(images/menu_btn_realisation.jpg) no-repeat 0 -40px;
}

li#btn_evenement_s a {
	display:block;
	width:135px;
	line-height:40px;
	background:url(images/menu_btn_evenement.jpg) no-repeat 0 -40px;
}

li#btn_actualite_s a {
	display:block;
	width:111px;
	line-height:40px;
	background:url(images/menu_btn_actualite.jpg) no-repeat 0 -40px;
}

li#btn_formation_s a {
	display:block;
	width:102px;
	line-height:40px;
	background:url(images/menu_btn_formation.jpg) no-repeat 0 -40px;
}

li#btn_liens_s a {
	display:block;
	width:60px;
	line-height:40px;
	background:url(images/menu_btn_liens.jpg) no-repeat 0 -40px;
}

li#btn_contact_s a {
	display:block;
	width:90px;
	line-height:40px;
	background:url(images/menu_btn_contact.jpg) no-repeat 0 -40px;
}

div#menu_admin a{
	font:10px Verdana;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#menu_admin a:hover, #menu_admin a:focus, #menu_admin a:active {
	color:#800;
}

/* Connexion */
#connexion {
	position:absolute;bottom:10px;right:20px;
	width:65px;
	height:20px;
	text-align:right;
}

#connexion a {
	font:10px Verdana;
	color:#bbb;
	text-decoration:none;
}

#connexion a:hover, #connexion a:focus, #connexion a:active {
	color:#800;
}

#newsletter {
	position:absolute;
	right:15px;
	top:20px;
}
#newsletter label {
	/*color:#595445;*/
	color:#ffffff;
	font-size:13px;
}


h1 {font-size:24px;padding:0;margin:0;border-bottom:1px solid #000;}
h2 {font-size:20px;padding:0;margin:0;}
h3 {font-size:18px;padding:0;margin:0;}
a {color:#6b6745;text-decoration:none;}
a:hover {color:#6b6745;text-decoration:underline;}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.invisible {visibility:hidden;}

/* Contenu de la page (cadre) */
#corps_top{
	width:800px;
	height:8px;
	background-image:url(images/corps_top.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	font-size:1px;
}

#corps {
	background-image:url(images/corps_bg.jpg);
	background-repeat:repeat-y;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#corps_bottom{
	width:800px;
	height:8px;
	background-image:url(images/corps_bottom.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	font-size:1px;
}

table tr td {text-align:justify;}

.align_center {text-align:center;}
.align_right {text-align:right;}

/* date picker icon */
a.mydp {
	float:left;
	width:16px;
	height:16px;
	padding:0;
	margin:5px 3px 0;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	background:url(images/calendar.png) no-repeat 0 0; 
}
a.mydp:hover {background:url(images/calendar.png) no-repeat 0 -16px; }
.pagination {background:url(images/background_pagination.jpg) no-repeat center;text-align:center;}
div.btn_retour {padding-left:18px;padding-bottom:2px;background:url(images/btn_retour.png) no-repeat 0px 3px;}
.remarque {font-size:12px;font-style:italic;color:#999;}
.message {font-size:12px;font-style:italic;color:#d66;}

/* ADMIN */
.obligatoir {font-weight:bold;font-style:italic;color:red;}
.admin {	background-color:#fff;}
.admin_btn {
	height:20px;
	font-style:italic;
	font-size:15px;
	color:#E44;
	margin:0;
	padding:0;
	cursor:pointer; cursor:hand;
}
.admin_block_invisible {	display:none;}
.admin_block_visible {display:block;}

/* loading... */

div#spinner {
	position:fixed;
	top:47%;
	left:47%;
	width:55px;
	height:55px;
	background-color:#fff;
	border:solid 1px #000;
	z-index:1001;
}

.spinner_on {display:block;}
.spinner_off {display:none;}

.link_selected:link, .link_selected:visited {color:#000;}
.link_unselected:link, .link_unselected:visited {color:#999;}
