/*** Sélecteurs généraux ***/

body {
	margin:							0;
	padding:						0;
	font-family:					"Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size:						14px;
	background-color:				#fff;
}

li {
	list-style-type:				none;
}

img {
	border:							none;
}

a {
	text-decoration:				none;
}

/*** authentification ***/

#connexion {
	width:							400px;
	margin:							100px auto 0 auto;
	text-align:						center;
	border:							1px solid #303030;
}

#connexion tr {
	vertical-align:					middle;
}

#connexion th {
	width:							400px;
	height:							30px;
	background-image:				url("../images/connexion.jpg");
	background-repeat:				no-repeat;
	color:							#fff;
}

#connexion label[for=login] {
	font-weight:					bold;
}

#logge {
	width:							400px;
	margin:							30px auto 0 auto;
	text-align:						center;
	border:							1px solid #303030;
}

#logge tr {
	vertical-align:					middle;
}

#logge th {
	width:							400px;
	height:							30px;
	background-image:				url("../images/connexion.jpg");
	background-repeat:				no-repeat;
	color:							#fff;
}

#logge tr.row_blanc:hover {
	background-color:				#fff;
}

#logge tr.row_gris {
	color:							#fff;
	background-color:				#303030;
}

#logge tr.row_gris:hover {
	background-color:				#303030;
}

#logge tfoot td {
	padding-top:					4px;
	border-top:						1px solid #303030;
}

/*** Bloc général ***/

#general {
	width:							970px;
	margin:							0 auto 0 auto;
	padding:						0;
}

.block {
	display:						block;
}

#clear {
	visibility:						hidden;
	clear:							both;
	font-size:						1%;
}

/*** Entête ***/

#header {
	margin:							0;
	padding:						0;
	width:							970px;
	height:							116px;
	background-image:           	url("../images/header.jpg");
	background-repeat:				no-repeat;
}

#header a {
	position:						relative;
	top:							60px;
	left:							920px;
	display:						block;
	width:							44px;
	line-height:					44px;
	background-image:				url("../images/bouton_deco.png");
	background-repeat:				no-repeat;
	text-align:						center;
	font-size:						12px;
	color:							#fff;
}

#header a:hover {
	display:						block;
	width:							44px;
	line-height:					44px;
	background-image:				url("../images/bouton_deco_hover.png");
	background-repeat:				no-repeat;
	color:							#ccc;
}

#header span {
	display:						none;
	font-size:						1%;
}

#header p {
	position:						relative;
	display:						inline;
	top:							80px;
	left:							20px;
	font-weight:					bold;
	color:							#fff;
}

/*** Contenu de l'accueil ***/

#contenu_accueil {
	margin:							0;
	padding:						0;
	width:							970px;
	background-image:           	url("../images/repeat.jpg");
	background-repeat:				repeat-y;
}

#contenu_accueil span#bg_nom_site {
	display:						block;
	width:							651px;
	height:							29px;
	margin:							0 auto 0 auto;
	padding:						4px 0 0 0;
	background-image:				url("../images/bg_nom_site.jpg");
	background-repeat:				no-repeat;
	text-align:						center;
	font-weight:					bold;
	font-size:						20px;
	color:							#fff;
}

#contenu_accueil span#bg_panneau {
	display:						block;
	width:							594px;
	height:							464px;
	margin:							0 auto 0 auto;
	padding:						0 0 0 55px;
	background-image:				url("../images/bg_panneau.jpg");
	background-repeat:				no-repeat;
	text-align:						center;
}

#contenu_accueil a.panneau {
	display:						block;
	float:							left;
	width:							140px;
	height:							140px;
	margin:							10px 0 0 30px;
	padding:						0;
	background-image:				url("../images/bg_cellule.jpg");
	background-repeat:				no-repeat;
}

#contenu_accueil a.panneau img {
	float:							left;
}

/*** Contenu ***/

#contenu {
	margin:							0;
	padding:						0;
	width:							970px;
	min-height:						450px;
	background-image:           	url("../images/repeat.jpg");
	background-repeat:				repeat-y;
}

/*** Colonne de gauche ***/

#col_gauche {
	width:							200px;
	margin:							10px 0 0 12px;
	float:							left;
	position:						relative;
}

.box_titre {
	display:						block;
	background-color:				#f5f5f5;
	width:							190px;
	border:							1px solid #bfbfbf;
	padding:						0 0 0 8px;
}

.box {
	border:							1px outset #bfbfbf;
	list-style-type:				none;
	padding:						10px 0 10px 12px;
}

.box a {
	color:							#000;
}

.box a:visited {
	color:							#000;
}

.box a:hover {
	color:							#000;
}

.box img {
	margin:							6px 0 0 0;
}

#suite {
	position:						absolute;
	bottom:							1%;
	right:							2%;
}

/*** Colonne de droite ***/

#col_droite {
	width:							720px;
	float:							left;
	margin:							8px 0 0 12px;
}

fieldset {
	padding:						0 5px 10px 5px;
	border:							solid 1px #bfbfbf;
	-moz-border-radius:				4px;
	width:							710px;
}

legend + a, legend + img, legend + span {
	float:							right;
}

/*** Liste des rubriques et des pages ***/

span.folder_page {
	display:						block;
	float:							left;
	width:							140px;
	height:							140px;
	margin:							10px 0 0 30px;
	padding:						0;
	background-image:				url("../images/bg_folder_page.jpg");
	background-repeat:				no-repeat;
	text-align:						center;
	font-family:					"Arial";
	font-size:						10pt;
}

span.folder_page a {
	color:							#000;
}

span.folder_page a:visited {
	color:							#000;
}

span.folder_page a:hover {
	color:							#000;
}

/*** Edition page ***/

label[for=titre], label[for=corps], label[for=date_envoi] {
	font-weight:					bold;
}

select {
	width:							190px;
}

input.titre {
	width:							422px;
}

span.date_saisie {
	margin-left:					80px;
}

label.statut {
	margin-left:					48px;
}

/*** Erreur ***/

.error {
	color:							#ff0000;
}

.obligatoire {
	font-weight:					bold;
	font-size:						11px;
	margin-left:					150px;
}

.obligatoire_bis {
	font-weight:					bold;
	font-size:						11px;
	margin-left:					200px;
}

/*** Liste des pages ***/

.liste_contenu {
	width:							100%;
	border-collapse:				collapse;
}

.liste_contenu th {
	font-weight:					normal;
	background-color:				#b2b3b5;
}

tr.row_blanc:hover {
	background-color:				#bacfed;
}

tr.row_gris {
	background-color:				#e2e2e2;
}

tr.row_gris:hover {
	background-color:				#bacfed;
}

/*** Comptes ***/

#compte label[for=login], label[for=password], label[for=nom], label[for=prenom], label[for=mail] {
	font-weight:					bold;
}

#compte #user label[for], #compte #user select, #compte #user input, #compte table {
	margin-left:					20px;
}

#compte table {
	width:							92%;
}

select[id=niveau] {
	margin-right:					150px;
}

#alphabet {
	width:							60px;
}

/*** Upload ***/

#upload {
	width:							450px;
	border:							1px solid #303030;
	margin:							0 0 0 30px;
	padding:						1px 1px 2px 1px;
}

#upload th {
	background-color:				#303030;
	height:							23px;
	color:							#fff;
}

/*** up ***/

#backup {
	width:							350px;
	text-align:						center;
	vertical-align:					middle;
	border:							1px solid #303030;
	margin:							0 0 0 10px;
	border-collapse:				collapse;
	background:						#fff url("../images/save.png") no-repeat bottom right;
}

#backup th {
	width:							350px;
	height:							23px;
	background-color:				#303030;
	color:							#fff;
}

#backup td {
	border:							1px solid #303030;
}

/*** Edition rubrique ***/

label[for=libelle] {
	font-weight:					bold;
}

input[name=libelle] {
	width:							250px;
	margin-left:					28px;
}

input.ordre {
	width:							60px;
}

.submit + span {
	font-weight:					bold;
	font-size:						11px;
	margin-left:					80px;
}

/*** Menu ***/

table.menu {
    width:          				100%;
    border-collapse:    			collapse;
}

table.menu th {
	background-color:				#b2b3b5;
	font-weight:					normal;
}

table.menu td {
    border:         				1px solid #e7e7e7;
    border-left:    				none;
    border-right:   				none;
}

table.menu tr.altern td {
    background-color:   			#f1f1f1;
}
table.menu td.rubrique label {
    padding-left:   				36px;
    background:     				transparent url("../images/folder_close.png") left top no-repeat;
    cursor:         				pointer;
}
table.menu td.rubrique.open label {
    background:     				transparent url("../images/folder_open.png") left top no-repeat;
}
table.menu td.rubrique.empty label {
    padding-left:   				36px;
    background:     				transparent url("../images/folder_empty.png") left top no-repeat;
}

/*** Boutons d'actions (valider/annuler) des formulaires ***/

.submit {
	background: 					#e2e2e2 url("../images/accept.png") 2px 1px no-repeat;
	padding-left:					20px;
	border:							solid 1px #b2b3b5;
	width:							100px;
}

.submit:hover {
	background: 					#b2b3b5 url("../images/accept.png") 2px 1px no-repeat;
	padding-left:					20px;
	border:							solid 1px #e2e2e2;
	width:							100px;
}

.cancel {
	background: 					#e2e2e2 url("../images/cancel.png") 2px 1px no-repeat;
	padding-left:					20px;
	border:							solid 1px #b2b3b5;
	width:							100px;
	margin-left:					100px;
}

.cancel:hover {
	background: 					#b2b3b5 url("../images/cancel.png") 2px 1px no-repeat;
	padding-left:					20px;
	border:							solid 1px #e2e2e2;
	width:							100px;
}

.cancel_bis {
	background: 					#e2e2e2 url("../images/cancel.png") 2px 1px no-repeat;
	padding-left:					20px;
	border:							solid 1px #b2b3b5;
	width:							100px;
	margin-left:					200px;
}

.cancel_bis:hover {
	background: 					#b2b3b5 url("../images/cancel.png") 2px 1px no-repeat;
	padding-left:					20px;
	border:							solid 1px #e2e2e2;
	width:							100px;
}

.cancel_ter {
	background: 					#e2e2e2 url("../images/cancel.png") 2px 1px no-repeat;
	padding-left:					20px;
	border:							solid 1px #b2b3b5;
	width:							100px;
	margin-left:					250px;
}

/*** Highslide ***/

.highslide-html {
    background-color: 				#fff;
}

.highslide-html-content {
	width:							630px;
	position: 						absolute;
    display: 						none;
}

.highslide-body {
	width:							630px;
}

.highslide-display-block {
    display: 						block;
}

.highslide-display-none {
    display: 						none;
}

.control {
	float: 							right;
    display: 						block;
	margin: 						0 2px 0 0;
}

.highslide-control {
	display:						block;
	height:							30px;
}

.highslide-move {
    cursor: 						move;
	margin-top:						2px;
}

/*** Pied de page ***/

#footer {
	width:							970px;
	height:							34px;
	background-image:           	url("../images/footer.jpg");
	background-repeat:				no-repeat;
	text-align:						center;
	color:							#fff;
	font-size:						12px;
	margin:							0;
	padding:						16px 0 0 0;
}