body {
	background-image : url(/theme/images/banniere.png) ;
	background-position: center top ;
	background-repeat: no-repeat ;
	background-color: #ddd ;
	font-family: Verdana, Arial, "Trebuchet MS" ;
	font-size: 12px ;
	color: black ;
}

hr {
	border: solid 2px #666 ;
}
hr.sign {
	width: 25%;
	border: solid 0.5px #777;
	margin-top: 20px;
	margin-bottom: 10px;
}
img {
	border: none !important ;
}



/* Liens */

a:link, a:visited {
	color: #004 ;
	text-decoration: none ;
}
a:hover, a:active {
	color: #008 ;
	text-decoration: none ;
}



/* Module de connexion */

#sessionBar {
	height: 35px ;
	width: 330px ;
	float: right ;
}
.connect-left {
	width: 20px ;
	height: 100% ;
	background: url('/theme/images/connect-left.png') no-repeat ;
	background-position: bottom ;
	float: left ;
}
.connect-right {
	width: 20px ;
	height: 100% ;
	background: url('/theme/images/connect-right.png') no-repeat ;
	background-position: bottom ;
	float: right ;
}
.connect-cont {
	height: 100% ;
	background: url('/theme/images/connect-cont.png') repeat-x ;
	background-position: bottom ;
	overflow: hidden ;
}
.connect-info {
	position: absolute ;
	margin-top: 22px ;
}



/* Div principal */

#pub {
	position: absolute ;
	top: 0px ;
	left: 0px ;
}

#racine {
	width: 930px ;
	margin: 230px auto 0px auto ;
}
#haut {
	height: 40px ;
	background: url("/theme/images/haut.png") ;
	clear: both ;
}
#bas {
	height: 40px ;
	background: url("/theme/images/bas.png") ;
}
#contenu {
	background: url("/theme/images/contenu.png") ;
}



/* Blocs */

#gauche {
	width: 199px ;
	height: 100% ;
	padding: 0px 17px ;
	float: left ;
}


h2 {
	margin: 0 0 5px 0 ;
	text-align: center ;
	font-size: 17px ;
}

.bloc  {
	margin-bottom: 30px ;
}


/* Princ */

#princ {
	padding: 0px 25px ;
	overflow: hidden ;
}

h1 {
	margin: 0 0 10px 0 ;
	text-align: center ;
	font-size: 22px ;
}

h3 {
	color: #555 ;
	margin: 25px 0 25px 0 ;
	text-align: center ;
	font-size: 16px ;
}

h4 {
	font-size: 16px ;
	margin: 25px 0 10px 0 ;
}



/* Inputs et boutons */

fieldset {
	border: solid 1px #777777 ;
	padding-top: 5px ;
}
fieldset.arrondis {
	border: solid 1px #777777 ;
	padding-top: 5px ;
	border-radius: 20px ;
	-moz-border-radius: 20px ;
	-webkit-border-radius: 20px ;
	-khtml-border-radius: 20px ;
}
legend {
	font-size: 1.2em ;
	font-weight: bold ;
}
fieldset.arrondis legend {
	padding-left: 10px ;
	padding-right: 5px ;
}

input[type="text"], input[type="password"]{
	height: 17px ;
	margin-top: 1px ;
	padding-top: 1px ;
	color: #000 ;
	background-color: #6da6e7 ;
	opacity: 0.6 ;
	border: none ;
}
input[type="text"]:hover, input[type="password"]:hover {
}
input[type="text"]:focus, input[type="password"]:focus {
}
input[type="button"], input[type="submit"] {
	background-color: #333 ;
	border: solid 1px black ;
	color: white ;
}
input[type="radio"] {
	vertical-align: bottom ;
}

textarea {
	border: solid 1px black ;
	padding: 3px ;
	font-family: "Courier New" ;
	font-size: 1.0em ;
	color: black ;
	background-color: #ddd ;
}

select {
	background-color: #ddd ;
	color: black ;
}


button.bouton1 {
	background: url("/theme/images/bouton1.png") no-repeat top left ;
	height: 25px ;
	width: 120px ;
	margin: 0px ;
	border: none ;
	line-height: 22px ;
	padding-bottom: 3px ;
	text-align: center ;
	/*white-space: nowrap ;*/
	font-size: 0.9em ;
	color: black ;
}
button.bouton1:active {
	background: url("/theme/images/bouton1.png") no-repeat bottom left ;
}



/* Tableaux */

table.table1 {
	margin: 0 auto ;
	width: 90% ;
	border-spacing: 0px ;
	border-right : solid 1px black ;
	border-top : solid 1px black ;
}
table.table1 tr {
	text-align: center ;
}
table.table1 th {
	font-size: 14px ;
	height: 22px ;
	background-color: black ;
	color: white ;
	font-family: "Comic sans MS" ;
	border-left: solid 1px black ;
}
table.table1 td {
	font-size: 1.1em ;
	height: 20px ;
	background-color: #DDD ;
	border-bottom: solid 1px black ;
	border-left: solid 1px black ;
}
tr.smallTitre th {
	height: 20px;
	font-size: 11px !important ;
}

.infosDossier {	
	width: 85% ;
	margin: 0px auto 10px auto ;
	padding: 5px 3px 11px 3px;
	background-color: #c8daf3 ;
	border: solid 1px black ;
}

table.table2 {
	background-color: black ;
	border-spacing: 1px ;
	color: white ;
	opacity: 0.7 ;
}
table.table2 th {
	background-color: #333 ;
	font-size: 11px ;
	padding: 3px ;
	text-align: center ;
	height: 15px ;
}
table.table2 td {
	background-color: #666 ;
	font-size: 11px ;
	padding: 3px ;
	height: 15px ;
}


/* Forum */

tr.postit td {
	background-color: #AAA ;
}
tr.aca-annonce td {
	background-color: #c8daf3 ;
}
div.aca-annonce {
	font-family: 'Courier New' ;
	font-size: 0.9em ;
	margin-bottom: 8px ;
	font-weight: bold ;
	letter-spacing: 1px ;
}
tr.it-rapport td {
	background-color: /* #e6c8f3 ;*/ #cfd3e7 ;
}
a.nonlu {
}
a.nonlu:after {
	content: url(/theme/images/nonlu.png);
}




/* Chat */

#chat-haut {
	height: 78px ;
	background: url("/theme/images/chat-haut.png") ;
	background-position: center top ;
	background-repeat: no-repeat ;
}

#chat-header {
	position: relative ;
	top: 50px ;
	left: 51px ;
	width: 545px ;
	height: 38px ;
	overflow-x: auto ;

}
#chat-outils {
	position: relative ;
	left: 498px ;
	top: -17px ;
}
#chat-outils img {
	cursor: pointer ;
}
#chat-smileys { margin-right: 22px ; }
#chat-open { margin-right: 20px ; }
#chat-close { visibility: hidden ; }

#chat-onglets {
	background-color: rgba(150, 150, 150, 0.7) ;
	padding: 2px 0 ;
	overflow: auto ;
}
.chat-onglet {
	padding: 2px 4px ;
	border-right: solid #666 1px ;
	cursor: pointer ;
}
.chat-onglet.actif {
	background-color: rgba(165, 115, 115, 0.4) ;
}

#chat-milieu {
	background: url("/theme/images/chat-contenu.png") ;
	background-position: center top ;
	background-repeat: repeat-y ;
	height: 300px ;
	padding: 11px 51px 0 52px ;
}
.chat-contenu {
	padding-left: 4px ;
	height: 287px ;
	overflow-y: scroll ;
}

.chat-message {
	position: relative ;
	margin-bottom: 8px ;
}
.chat-auteur {
	font-weight: bold ;
	cursor: pointer ;
}
.chat-auteur:not(.chat-me) {
	margin-right: 3px ;
}
.chat-auteur:not(.chat-me):before {
	font-weight: normal ;
	color: black ;
	content: "<" ;
}
.chat-auteur:not(.chat-me):after {
	font-weight: normal ;
	color: black ;
	content: ">" ;
}
.chat-auteur.chat-me:after {
	content: "\00a0" ;
}
.chat-message .controls {
	position: absolute ;
	top: 0px ;
	right: 0px ;
}
.chat-message .controls img {
	cursor: pointer ;
}

#chat-input {
	width: 100% ;
}

#chat-bas {
	height: 28px ;
	background: url("/theme/images/chat-bas.png") ;
	background-position: center top ;
	background-repeat: no-repeat ;
}




/* News */

.newser {
	float: left ;
	border: 1px solid white ;
	text-align: center ;
	width: 160px ;
	padding: 10px ;
	margin-right: 10px ;
	margin-bottom: 10px ;
}

.sondage {	
	width: 97% ;
	margin: 0px auto 10px auto ;
	padding: 8px 5px 8px 5px;
	background-color: #AAA ;
	border: solid 1px black ;
}
.sondage h1 {
	font-size: 14px ;
	text-align : left ;
	margin-left: 15px ;
}
.sondage .reponse {
	margin-top: 10px ;
}
.sondage .reponse .barre {
	margin-left: 25px ;
	padding-top: 5px ;
	position: relative ;
}
.sondage .barre img, .sondage div strong,
.sondage .barre input {
	vertical-align: middle ;
}
.sondage .barre strong {
	font-size: 13px ;
}
.sondage .barre span {
	display: block ;
	float: right ;
	margin-right: 70px ;
}
.sondage .barre input[type="checkbox"],
.sondage .barre input[type="radio"] {
	position: absolute ;
	right: 17px ;
}
.sondage input[type="submit"] {
	display: block ;
	float: right ;
	margin-right: 7px ;
	margin-top: 10px ;
}



/* Inter-teams */

.infosIt {	
	width: 85% ;
	margin: 0px auto 10px auto ;
	background-color: /* #e6c8f3 ;*/ #cfd3e7 ;
	padding: 7px ;
	border: solid 1px black ;
	line-height: 22px ;
}
.calendrierIt {
	position: absolute ;
	width: 240px ;
	height: 110px ;
	background-color: #b9beda ;
	border: solid 1px black ;
}
.calendrierIt table {
	margin: 7px auto 7px auto ;
	height: 68px ;
	overflow: hidden ;
}
.calendrierIt table tr {
	height: 20px ;
}
.calendrierIt table td {
	height: 20px ;
	width: 30px ;
	text-align: center ;
	position: relative ;
}
.calendrierIt table th {
	height: 20px ;
	width: 30px ;
	text-align: center ;
	background-color: darkred ;
	color: white ;
	font-weight: bold ;
}
.calendrierIt table th.mois {
	font-family: 'Courier New' ;
	width: 50px ;
	background-color: #006 ;
}

#luListAr, #luListAdv {
	padding-left: 0 ;
	margin-top: 10px ;
	margin-bottom: 12px ;
	margin-left: 0 ;
}
.luPoints {
	margin-top: 10px ;
}
.luPoints span {
	padding-left: 10px ;
}
.luCa {
	position: absolute ;
	border: solid 1px black ;
	background-color: #b9beda ;
	padding: 3px ;
}

.choixPseudo {
	float: right ;
	width: 145px ;
	border: solid 1px black ;
	background-color: #b9beda ;
	margin-top: 30px ;
	font-weight: bold ;
	text-align: center ;
}
.choixPseudo div:hover {
	cursor: pointer ;
	background-color: #c4c8de ;
}



/* Texte */

.none {
	font-weight: normal ;
	color: #888 ;
}



/* Saisie de message */

.smileys {
	width: 23% ;
	height: 157px ;
	float: right ;
	background-color: #ccc ;
	border: solid 1px black ;
	text-align: center ;
}
.smileysChat {
	width: 98% ;
	height: 98% ;
	background-color: #ccc ;
	border: solid 1px black ;
	text-align: center ;
}
.smileysChat .smilPage {
	padding: 0px 3px 0px 3px ;
	overflow: auto ;
}
.preview {
	font-size: 1.1em ;
	background-color: #aaa ;
	border: solid 1px black ;
	width: 510px ;
	margin: 10px auto ;
	padding: 10px 5px ;
}


/* Administration */

div .arrondis {
	border: solid 1px black ;
	border-radius: 20px ;
	-moz-border-radius: 20px ;
	-webkit-border-radius: 20px ;
	-khtml-border-radius: 20px ;
	padding: 10px ;
	margin: 4px ;
}


.thumbnail {
	border: solid 1px black ;
	border-radius: 10px ;
	-moz-border-radius: 10px ;
	-webkit-border-radius: 10px ;
	-khtml-border-radius: 10px ;
	padding: 5px ;
	margin: 4px ;
	float: left ;
	text-align: center ;
}



/* Utilisé dans le BBCode */

.code {
	font-family: 'Courier New';
	font-size: 0.9em ;
	border: solid 1px black ;
	background-color: #999 ;
	padding: 4px ;
	margin-left: 5px ;
	margin-right: 5px ;
}
blockquote {
	background-color: #BBB ;
	border: solid 1px black ;
	padding: 3px ;
	margin-left: 30px ;
	margin-right: 10px ;
}
blockquote div.cite_auteur {
	font-size: 0.9em ;
	font-weight: bold ;
	padding-left: 15px ;
	border-bottom: groove 1px #aaa ;
	margin-bottom: 2px ;
}

div.video {
	text-align: center ;
}



/* Utilisés dans le javascript */

.chPage {
	position: absolute ;
	background-color: #CCC ;
	border: solid 1px black ;
	width: 70px ;
}
.chPage {
	height: 25px ;
	width: 76px ;
	padding: 3px ;
}
.chPage input[type="button"] {
	width: 33px ;
}

.choixColor {
	position: absolute ;
	background-color: #CCC ;
	border: solid 1px black ;
}

.popErreur {
	position: absolute ;
	border: solid 1px darkred ;
	color: #671818 ;
	background-color: #f77373 ;
	padding: 3px ;
}

.popInfo {
	position: absolute ;
	border: solid 1px darkblue ;
	color: #181b67 ;
	background-color: #959eea ;
	padding: 3px ;
}