@CHARSET "ISO-8859-1";
/*
couleur fond grise : 	eee
couleur bord cadre : 	9aa
couleur orange : 		d60
couleur verte : 		141

orange : e70

*/


/**
* ============================
*		General
* =============================
*/
html, body {
	margin: 			0;
	padding: 			0;
	font-family: 		Verdana, Arial, Geneva, Helvetica, sans-serif;
	color : 			black;
	background-color : 	white;
	font-size: 			1em;
	height : 			auto;
}
#bodypage {
	height :			600px;
	overflow: 			auto;
	position: 			relative;
	
	
	
	
	margin : 			0;
	border : 			1px solid red;
	}

#entree { text-align: center; }

pre {
	border : 			1px solid black;
	width : 			400px;
	overflow : 			hidden;
	margin : 			30px auto auto auto;
	padding : 			1em;
	font-family: 		Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 		0.6em;
}


.titre1 {
	color : #e70;
	font-size: 22px;
	margin : 0 0 .5em 2em;
}
.titre2 {
	color : #e70;
	font-size: 14px;
	font-weight: bold;
	margin : 0 0 .5em 2em;
}
.titre3 {
	color : #333;
	font-size: 13px;
	font-weight: bold;
	margin : 0 0 .5em 0em;
}
.hr1 {
	background-color: #9aa;
	width : 80%;
	height : 1px;
	margin : 10px auto 10px auto;
} 
/**
* =============================================================
* 		Liens Generaux
* =============================================================
*/
a img {
	border: 0px;
}
a:link, a:visited {
	color : #141;
	background-color : transparent;
	text-decoration : none;
}
a:hover, a:focus, a:active {
	color : #d60;
	background-color : transparent;
	text-decoration : underline;
}

/* couleurs perso */
#snd_content a:link, #snd_content a:visited {
	color : #d60;
}


/**
* =============================================================
* 		Titre
* =============================================================
*/
#titrecontainer {
	width : auto;
	height : 220px;
	border : 0px solid black;
	margin : 0 0 10px 0;
	padding : 0;
	background-color : transparent;
	background-image: url(../img.php?pic=images/titre_bg.png) ;
}
#jetons {
	float : left;
	width : 230px;
	height : 220px;
	background : transparent url(../img.php?pic=images/titre_jetons.png) no-repeat;
}
#titre_d {
	float : right;
	width : 10px;
	height : 220px;
	background: transparent url(/img.php?pic=images/titre_d.png) no-repeat ;
}
#titre_txt {
	position : absolute;
	left : 250px;
	top : 68px;
	width : 383px;
	height : 71px;
	background: transparent url(../img.php?pic=images/titre_text.png) no-repeat ;
}
	


/**
* =============================================================
*		Foot bar & pied de page
* =============================================================
*/
#foot {
	background-image: url(../img.php?pic=images/foot_bg2.png);
	background-color: #152;
	border : 0px solid black;
	height : 21px;
	padding : 0;
	margin : 2em 0 0 0;
	font-size : 0.7em;
	color : white;
}
#foot_g {
	float : left;
	width : 10px;
	height : 21px;
	background : transparent url(../img.php?pic=images/foot_g2.png);
}
#foot_d {
	float : right;
	width : 35px;
	height : 21px;
	background : transparent url(../img.php?pic=images/foot_d2.png);
}
#foot a:link, #foot a:visited {
	color : #fff;
	background-color: #152;
	text-decoration : none;
}
#foot a:hover, #foot a:focus, #foot a:active {
	color : #d60;
	background-color: #152;
	text-decoration : underline;
}
#foot p {
	padding : 4px 0 0 0;
	margin : 0;
}
#footlnk {
	font-size: .8em;
	text-align: center;
	margin : 5px 0 30px 0 ;
}
#footlnk p {
	margin : .1em;
	padding : 0;
}
#footlnk img {
	margin : 0;
	padding : 0;
	border : 0;
	vertical-align: bottom;
}
#footlnk, #footlnk a, #footlnk a:hover, #footlnk a:visited {
	color : #888;
	background-color: white;
}
#footlnk a, #footlnk a:hover, #footlnk a:visited {
	color : #d60;
	background-color: white;
}
#xiti {
	margin : 0;
	padding : 0;
	position : absolute;
	left : 10px;
}
#fflnk {
	margin : 0;
	padding : 0;
	position : absolute;
	left : 770px;
	border : 1px solid black;
}


/**
* =============================================================
*		Menu Principal
* =============================================================
*/
#navcontainer {
	position : absolute;
	width : auto;
	left : 240px;
	top : 150px;
	font-size : 0.9em;
	border : 0px solid 	#000;;
}
#navcontainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#navcontainer ul li {
	display: inline;
}
#navcontainer ul li a { 
	text-decoration: none;
	padding: .2em 0.5em ;
	color: #000;
	background-color: white;
	font-weight : bold;
}
#navcontainer ul li a:hover {
	border-bottom : 2px solid #d60;
}



/**
* ========================================================================
*		boites de mise en forme interface 
* ========================================================================
*/
#entree { text-align: center; margin-top: 200px;}
#page {
	position: relative;
	font-size: 0.8em;
	width: 850px;
	margin: 5px auto 0px auto;
	padding : 0 5px 0 5px;
	text-align: left;
	border : 0px solid black;
}
#lang { 
	position : absolute; 
	font-size : 0.8em;	
	right : 10px;
	width : 130px;
	margin : 0px 5px 0 0;
	text-align : right;
	border : 0px solid black;
	background-color: transparent;
}

#annonce img { vertical-align : middle; }
.spacer {
	clear: both;
	margin : 0;
	padding : 0;
}
#content {
	margin : 0;
	padding : 5px;
	border : 0px solid black;
	height : 350px;
}
html>body #content {
height: auto;
min-height: 350px;
}

#restricted {
	text-align:  center;
}
#restricted .titre1 {

	margin : 0 0 .5em 0;
}

/**
* ========================================================================
*		home
* ========================================================================
*/
#home_present {
	
}
#hometext {
	width : auto;	
	margin : 0 400px 0 10px;
}
#hometext ul {
	padding : 0;
	margin : 0;
}
#hometext li {
	list-style: url("../img.php?pic=images/arrow_left.png");
	font-size: 0.9em;
	padding : 0.2em;
	margin : 0 0 0 20px;
	text-align: justify;
}
#hometext p.titre {
	font-weight:  bold;
	font-size: 1.2em;
	text-align: center;
}
#homedl{
	text-align: right;
	width : 427px;
	float : right;
	margin: auto 0 auto 10px;
	padding : 0;
	border : 0px solid red;
}
#homedl img {
	margin : 0;
	padding : 0;
	border: 0;
	display : block;
}
#homedl  * {
	background-color: transparent;
}

#home_dltxt a:hover {
	text-decoration: none;
	background-color: transparent;
}
#homedl table {
	border-collapse: collapse;
	margin : 0;
	padding : 0;
	z-index: 0;
	
}
#homedl table * {
	border-collapse: collapse;
	margin : 0;
	padding : 0;
	z-index: 0;
}
#homedl td {
	border : 0px solid red;
}
#homedl td.tdbottom {
	text-align: left;
	padding : 0 0 0 110px;
	background-image: url("../img.php?pic=images/home_slide_bottom.jpg");
	height: 95px;
	font-size: 
}
#homedl td.tdbottom a:link, #homedl td.tdbottom a:visited {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;
	color : #152;
	/*color: #f58020;*/
	background: transparent; 
	background-color: transparent;
}






/**
* ========================================================================
*		Login
* ========================================================================
*/
#headlogin {
	position : absolute; 
	font-size : 0.8em;	
	top : 53px;
	right : 40px;
	margin : 0;
	padding : 0;
	text-align : right;
	border : 0px solid black;
	background-color: transparent;
}
#headlogin .disconnected {
	color : #aaa;
	margin : 0 .8em 0 0;
}
#headlogin .logged {
	color : #aaa;
	margin : 0 .8em 0 0;
}
#headlogin .loggedname {
	font-weight: bold;
}


#formlogin {
	margin : 0 100px 0 100px;
}
#corpForm .label1, #corpForm .label2   {
	margin : 0 0 1em 0;
}

form #corpForm  .label1  label {
	float: left;	
	width: 30%;	
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}



form#adminnews #corpForm  .label1  label {
	float: left;	
	width: 70px;	
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
form#adminnews #corpForm  #adminnews_titre_fr,
form#adminnews #corpForm  #adminnews_titre_us {
	width : 500px;
}
form#adminnews #corpForm  #adminnews_texte_fr,
form#adminnews #corpForm  #adminnews_texte_us {
	width : 500px;
	height : 300px;
}

form.nonInput {
	line-height: 1.8;
}

#login-ok {
	width : 500px;
	margin : 30px auto 50px auto;
	text-align: center;
}


/**
* ========================================================================
*		Formulaires 
* ========================================================================
*/
#corpForm fieldset {
	margin: 0;
	font-style: normal;
	padding: .5em;
}
#corpForm p {
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;
}
corpForm .focus {	
	background: #fff;
	color: black;
}
#corpForm .normal {	
	background: #fff;
	color: black;
}
#piedForm {
	margin : 1em 0 0 0;
	text-align: right;
}

form input, form textarea, form select {
	border : 1px solid #9aa;
	background-color: #fff;
	padding : 0;
}

form .label1 input:focus, form .label1 textarea:focus {
	background-color : #fff;
	border : 1px solid black;
}
form input:hover, form textarea:hover  {
	border : 1px solid #e70;
}

form input.noedit {
	background-color: #fff;
	color : #999;	
}

/* gestion des erreurs */
form .label1 .errorLegende {
	color : red;
	font-size : 0.8em;
	font-style: italic;
}
form .label1 input.fromError {
	background-image: url("../img.php?pic=images/icon_alert.gif");
	background-repeat:no-repeat;
	background-position: right;
	border: 1px solid red;
}

#adm-news-tabs {
	margin : 			0;
	padding :			0px 0 0 0 ;
}

/**
* ========================================================================
*		Contact
* ========================================================================
*/
#formcontact #formcontact_obj {
	width: 500px;
}
#formcontact textarea {
	width: 500px;
	height : 200px;
}

/**
* ========================================================================
*		menus communs
* ========================================================================
*/
.menu_titre {
	color : black;
	font-size: 12px;
	font-weight: bold;
	margin : 0 0 .5em .2em;
}
#snd_menu, #news_menu, #admin_menu {
	float : right;
	width : 200px;	
}
#snd_content, #news_content, #admin_content {
	width : auto;
	margin-right : 220px;	
}

.menuFx  {
	color : transparent;
	
}
.menuFx {
	margin : 0 0 20px 0;
	padding : 0;
	border : 0px solid grey;
	
}
 
.menuFx a {
	display: block;
	margin: 0;
	padding: 0 0 0 15px;
	background-image : url("../img.php?pic=images/radio.png");
	background-position: left;
	background-repeat: no-repeat;
	color: #141;
	border : 0px solid grey;
	text-decoration: none;
}


/**
* ========================================================================
*	layout + menu : 	suppport n developpement & news  & admin
* ========================================================================
*/
#snd_content .ul1, #news_content .ul1 {
	margin : 1em 0 1em 3em;
}
#snd_content .ul1 a {
	color : #141;
}
#snd_content .ul1 .li1, #news_content .ul1 .li1 {
	list-style: square;
}


/**
* ========================================================================
*	news 
* ========================================================================
*/

.news_titre a {
	color : #e70;
	font-size: 14px;
	font-weight: bold;
	margin : 0 0 .1em 1em;
}
.news_date {
	font-style: italic;
	margin : 0 0 0 3em;
}
.news_auteur {
	font-style: italic;
	color : #e70;
}
.news_texte {
	margin : 1em 0 2em 0;	
}
.news_texte a {
	color : #e70;
}
.news_texte img {
	display : block;
	margin : 1em auto 1em auto;	
	max-width: 580px;
}
.news_by {
	color : #555;
	font-size: 0.8em;
}
.news_info {
	font-size: 0.8em;
}

/**
* =============================================================
* 		Download
* =============================================================
*/
.dlBloc ul {
	padding : 0 0 0 2em;
}
.dlBloc li {
	list-style: url("../img.php?pic=images/arrow_left.png");
	padding : 0.2em;
	margin : 0 0 0 20px;
}
.dlBloc img {
	display : block;
	margin : 1em auto 1em auto;	
	
} 
	
/**
* =============================================================
* 		Quick Start
* =============================================================
*/
#qs ul {
	padding : 0 0 0 2em;
}
#qs li {
	list-style: url("../img.php?pic=images/arrow_left.png");
	padding : 0.2em;
	margin : 0 0 0 20px;
}
#qs img {
	display : block;
	margin : 1em auto 1em auto;	
	
} 
	
	
/**
* =============================================================
* 		Text et paragraphes
* =============================================================
*/
.txt_titre_1 {
	font-size: 1em;
	font-weight: bold;
	margin : 2em 0 1em 0;
}
.txt_1 {
	font-size: 0.8em;
	font-weight: normal;
}
.txt_2 {
	font-size: 0.8em;
	font-weight: normal;
}
.txt2 img {
	vertical-align: middle;
}
.pItalic {
	font-style: italic;
}
.barred {
	text-decoration:  line-through;
	color : #999;
}


/**
* =============================================================
* 		fenetre ligne de commande
* =============================================================
*/
.msdos_style {
	background-color: black;
	color : #ddd;
	font-size : 1.3em;
	font-family: monospace;
	font-weight: bold;
	margin : 10px auto 10px 20px;
	padding : 0 0 50px 0;
	border :1px solid #bbb;
	border-top : 15px solid #678;
	width : 550px;
	height : 100px;
}

.linuxTerm_style {
	background-color: white;
	color : black;
	font-size : 1.3em;
	font-family: monospace;
	font-weight: bold;
	margin : 10px auto 10px 20px;
	padding : 0 0 50px 0;
	border :1px solid #bbb;
	border-top : 15px solid #678;
	width : 550px;
	height : 100px;
}
	
	
/**
* =============================================================
* 		Wips
* =============================================================
*/
.singleWip {
	font-size: 10px;
	margin : 10px;
	padding : 0;
	border-bottom : 1px solid #888;
	border-collapse: collapse;
	width : 545px;
}
.singleWip .id,
.singleWip .statut,
.singleWip .datetext {
	border : 0px solid #888;
	margin : 0;
	padding : 2px;
}
.singleWip .progess .bar {
	width: 500px;
	border : 1px solid #aaa;
	margin: 0 5px 0 0;
	float: left;
}
.singleWip .progess img {
	border : 0px;
	height : 14px;
	margin : 0;
	padding : 0;
	vertical-align: bottom;
}
textarea#adminwips_describ {
	width : 350px;
	height : 150px;
	padding : 2px;
}
	
#adminwips #adminwips_progress {
	width: 40px;
}
#adminwips  .bar {
	width: 200px;
	border : 1px solid #aaa;
	margin: 0 0 0 31%;
	height : 10px;
	overflow: hidden;
}
#adminwips .bar img {
	border : 0px;
	height : 10px;
	margin : 0;
	padding : 0;
	vertical-align: top;
}