/*Document CSS by KAC Art | www.kacart.be | www.webmaster-debutant.net */

/**********************************************
			Balise body
**********************************************/
body
{
	/** Arrière plan */
	background-image : url(../design/fond.png);
	background-position : top;
	background-repeat : repeat-x;
	background-color: #2A2A2A;
	
	/** Caractères */
	font-family : "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, "Times New Roman", MacArial, Times;
	font-size : 12px;
	color : #CCCCCC;
}

/**********************************************
		Conteneur ( div et p)
**********************************************/
#general
{
	/** Dimensions */
	width : 780px;
	
	/** Positionnement */
	position : absolute;
	left : 50%;
	padding : 0;
	padding-top : 10px;
	margin : 0;
	margin-left : -390px;
}

#header
{
	/** Dimensions */
	height : 250px;
	width : 780px;
	
	/** Arrière plan */
	background-position : top;
	background-repeat : repeat-x;
	background-color: #2A2A2A;
	/*background-color : #FFFFFF;*/
}

#navigationPrincipale 
{
	background-color:#000000;
	background-image:url(../design/menu_reflets3.png);
	height:4px;
	margin:5px 0pt 0pt;
	padding:0pt;
}

#menuReflets
{
	/** Dimensions */
	height : 54px;
	
	/** Arrière plan */
	background-image : url(../design/menu_reflets2.png);
	background-position : top left;
	background-repeat : no-repeat;
	background-color: #000000;
}

#blocGauche
{
	/** Positionnement */
	position : absolute;
	width : 220px;
	padding-top : 3px;
}

.menuGauche
{
	width : 200px;
	
	/** Positionnement */
	margin : 0;
	margin-left : 0px;
	margin-bottom : 15px;
	padding : 0;
	
	background-color : #666666;
}


#blocDroite
{
	/** Positionnement */
	position : absolute;
	width : 1000px;
	padding-top : 3px;
}

.menuDroite
{
	width : 260px;
	
	/** Positionnement */
	margin : 0;
	margin-right : 0px;
/*	margin-left : 10px;*/
	margin-bottom : 15px;
	padding : 0;
	
	background-color : #666666;
}

.menuTop
{
	/** Dimensions */
	height : 10px;
	
	/** Arrière plan */
	background-image : url(../design/menu_top.jpg);
	background-position : top left;
	background-repeat : no-repeat;
}
.menuBarre
{
	/** Arrière plan */
	background-color : #666666;
}
.menuBottom
{
	/** Arrière plan */
	background-image : url(../design/menu_bottom.jpg);
	background-position : bottom left;
	background-repeat : no-repeat;
	background-color : #666666;
}

#blocCentral
{
	/** Dimensions */
	height : 300px;
	width : 560px;
	
	/** Positionnement */
	margin : 0;
	padding : 0;
	padding-top : 5px;
}

#blocContenu
{
	/** Dimensions */
	width : 570px;
	
	/** Positionnement */
	margin : 0;
	margin-top : 3px;
	margin-left : 210px;
	margin-right : 5px;
	padding : 0;
	
	/** Arrière plan */
	background-color : #FFFFFF;
}

#contenuTop
{
	/** Dimensions */
	height : 10px;
	
	/** Arrière plan */
	background-image : url(../design/contenu_top.jpg);
	background-position : top left;
	background-repeat : no-repeat;
	background-color : #FFFFFF;
}

#contenuBottom
{
	/** Arrière plan */
	background-image : url(../design/contenu_bottom.jpg);
	background-position : bottom left;
	background-repeat : no-repeat;
	background-color : #FFFFFF;
}

#searchs
{
	/** Positionnement */
	float : right;
	
	/** Dimensions */
	width : 350px;
	height : 25px;
}

#logo
{
	width : 350px;
	float : left;

	/** Positionnement */
	padding : 0;
	padding-top : 33px;
	margin : 0;
	margin-left : 30px;
}

p#copyrights
{
	width : 200px;
	margin : 0;
	margin-left : 15px;
	margin-right : 10px;
}

#footer
{
	position : absolute;
	height : 50px;
	clear : both;
}

/**********************************************
		Textes( p)
**********************************************/
p#linkComment
{
	/** Positionnement */
	margin : 0;
	padding : 0;
	padding-top : 25px;
	
	/** Dimensions */
	height : 50px;
	
	/** Caractères */
	color : #FFFFFF;
	text-align : center;
	font-size : 14px;
}


.menuBottom p
{
	width : 180px;
	margin : 0px;
	margin-top : 4px;
	margin-left : 10px;
	margin-right : 10px;
	padding : 0;
	padding-bottom : 5px;
	font-size : 12px;
	text-align : left;
	font-weight: bold;
	font-variant: small-caps;	
}

#contenuBottom p
{
	width : 508px;
	
	margin : 0px;

	margin-top : 10px;
	margin-left : 15px;
	margin-right : 15px;


	padding : 0;
	padding-bottom :5px;
	
	font-size : 11px;
	text-align : justify;
	color : #666666;
}

.alinea
{
	text-indent : 30px;
}

/**********************************************
		Menus( form)
**********************************************/
#navigationHeader
{
	/** Positionnement */
	margin : 0;
	margin-top : 5px;
	margin-right : 10px;
	padding : 0;
	
	/** Suppression des puces par défaut */
	list-style-type : none;
	text-align : right;
	
	/** Stylisqtion */
	color : #000000;
}

#navigationHeader li
{
	/** Alignement des liens à l'horizontal */
	display : inline;
}


#menuImages
{
	margin : 0;
	padding : 0;
	/** Suppression des puces par défaut */
	list-style-type : none;
}

#menuImages li
{
	/** Alignement des liens à l'horizontal */
	float : left;
}

#listeMenus
{
	width : 180px;
	margin : 0;
	margin-left : 10px;
	margin-right : 10px;
	padding : 0;
	padding-bottom : 5px;
	list-style-type : none;
	font-size : 11px;
}

#menuBottom
{
	margin : 0;
	margin-top : 5px;
	padding : 0;
	width : 510px;
	height : 30px;
	margin-left : 220px;
	text-align : right;
}

#menuBottom li
{
	display : inline;
}

/**********************************************
		Formulaires( form)
**********************************************/
form#searchForm
{
	/** Positionnement */
	margin : 0;
	margin-left : 125px;
	margin-top : 80px;
	padding : 0;
}

form fieldset legend
{
	display : none;
}

input.bouton
{
	border : 1px solid #FFFFFF;
	background-color : #000000;
	font-size : 12px;
	color : #6ECEFF;
}

input.champ
{
	background-color : #000000;
	border : 1px solid #FFFFFF;
	color : #6ECEFF;
	height : 12px;
	font-size : 9px;
}

input.bouton2
{
	border : 1px solid #000000;
	background-color : #FFFFFF;
	font-size : 12px;
	color : #308DC6;
}

select.release {
	color:#000000;
	width:200px;
	height:18px;
	border:1;
	margin-right : 2px;
}
/**********************************************
		Liens( a)
**********************************************/
a.nav, a.nav:visited, a.nav:active
{
	color : #6ECEFF;
	text-decoration : none;
}

a.nav:hover
{
	color : #FFCC00;
	/*text-decoration : underline;*/
}

a, a:visited, a:active
{
	color : #308DC6;
	text-decoration : none;
}

a:hover
{
	color : #FFCC00;
	/*text-decoration : underline;*/
}



a.navTop, a.navTop:visited, a.navTop:active
{
	color : #000000;
	text-decoration : none;
}

a.navTop:hover
{
	color : #000000;
	text-decoration : underline;
}

a.navBottom, a.navBottom:visited, a.navBottom:active
{
	color : #CCCCCC;
	text-decoration : underline;
}

a.navBottom:hover
{
	color : #FFCC00;
	text-decoration : underline;
}
/**********************************************
		Image ( img)
**********************************************/
img
{
	border : 0;
}

.aGauche
{
	/** Positionnement */
	float : left;
	margin : 0;
	margin-right : 5px;
	padding : 0;
}

/**********************************************
		Titres (h1, h2)
**********************************************/

h2.titreMenu
{
	margin : 0;
	margin-left : 15px;
	padding : 0;
	margin-top : 5px;
	margin-bottom : 5px;
	font-size : 16px;
	line-height : 16px;
}

h2.titreContenu
{
	/** Positionnement */
	margin : 0;
	margin-left : 15px;
	margin-right : 15px;
	padding : 0;
	
	
	/** Stylisation */
	border-bottom : 1px solid #377B90;
	
	/** Caractères */
	font-size : 16px;
	color : #666666;
}

h3.titreAlinea
{
	/** Positionnement */
	margin : 5;
	margin-left : 30px;
	margin-right : 15px;
	padding : 0;
	
	
	/** Stylisation */
	border-bottom : 1px solid #377B90;
	
	/** Caractères */
	font-size : 12px;
	color : #666666;
}

/**********************************************
		Barres horizontales (hr)
**********************************************/
hr
{
	width : 180px;
	border : 0;
	margin-top : 10px;
		
	/** Arrière plan */
	background-image : url(../design/separateur.gif);
	background-position : left;
	background-repeat : repeat-x;
	background-color : #666666;
}

/**********************************************
		Affichage des membres
**********************************************/
table.teamwom {
	
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing : 0px;
}

table.allteam{
	width: 94%;
	border: 0px;
}

table.alep{
	width: 94%;
	border: 0px;
	margin-top: -400px;
}

td.t_wom_taff{
	
	font-size : 12px;
	text-align : justify;
	color : #666666;
	vertical-align : top;
	
	border-top: 1px dotted #377B90;
	border-left: 1px dotted #377B90;
	border-bottom: 1px dotted #377B90;
	border-right: 1px dotted #377B90;	
	
	padding-bottom :4px;	
	padding-top : 20px;
	padding-left :4px;	
	padding-right : 4px;
}

td.t_wom_dossier{
	
	font-size : 12px;
	text-align : justify;
	color : #666666;
	vertical-align : top;
	
	border-top: 1px dotted #377B90;
	border-left: 1px dotted #377B90;
	border-bottom: 1px dotted #377B90;
	border-right: 1px dotted #377B90;	
	
	padding-bottom :20px;	
	padding-top : 20px;
	padding-left : 10px;	
	padding-right : 10px;
}

td.t_wom_name{
	
	font-size : 12px;
	text-align : justify;
	color : #666666;
	vertical-align : top;
	width : 100px;
	
	border-top: 1px dotted #377B90;
	border-left: 1px dotted #377B90;
	border-bottom: 1px dotted #377B90;

	
	padding-bottom :4px;	
	padding-top : 4px;
	padding-left :4px;	
	padding-right : 4px;
}

/**********************************************
		Screens
**********************************************/

td.screen{

   width: 300px; /* Tous les paragraphes font 300px */
   border: 2px dotted gray;
   text-align: justify;
   padding: 12px; /* Marge intérieure de 12px */
}
 

/**********************************************
		Affichage des news
**********************************************/
td.newscontenu{
	font-size : 12px;
	text-align : justify;
	color : #666666;
	border: 1px dotted #377B90;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 2px;
	padding-top : 5px;
}

td.newsinfo{
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	padding-top : 5px;
	font-size : 12px;
	text-align : justify;
	color : #666666;
	border: 1px dotted #377B90;
	background-color : #FCFCFC;
}	

table.news{
	width: 94%;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}

td.titrenews{
	font-size : 14px;
	border: 1px solid #377B90;
	text-align : center;
	color : #666666;
}

img.membre{
	height : 100px;
	width : 100px;
}

td.commentaire
{
	border: 1px solid #377B90;
	color : #666666;
	padding-right : 10px;
	text-align : right;
	height : 5px;
}

td.commentaire_auteur{
	border: 1px solid #377B90;
	color : #666666;
	padding-left : 10px;
	text-align : left;
}
/**********************************************
		Tableaux projets
**********************************************/

table.projets {
	width: 94%;
	border-spacing : 2px;
}


td.desc{
	font-size : 12px;
	text-align : center;
	color : #666666;
	border: 1px dotted #000000;
	padding-left : 2px;
	padding-bottom : 1px;
	padding-top : 1px;
	padding-right : 2px;
}
	
/**********************************************
		Tableaux releases
**********************************************/

td.bardisp{
	padding-top : 7px;
	padding-left : 6px;
	padding-right : 6px;
	text-align : center;
}

/**********************************************
		Tableaux avancement
**********************************************/

table.avancement{
	width: 94%;
	border-spacing : 2px;
}

td.release_green{
	text-align : center;
	font-size : 12px;
	border: 1px dotted #000000;
	padding-left : 2px;
	padding-bottom : 1px;
	padding-top : 1px;
	padding-right : 2px;
	background-color : #ffffff;
}

td.release_red{
	text-align : center;
	font-size : 12px;
	border: 1px dotted #000000;
	padding-left : 2px;
	padding-bottom : 1px;
	padding-top : 2px;
	padding-right : 2px;
	background-color : #ffffff;
}

td.release_black{
	text-align : center;
	font-size : 12px;
	border : 1px dotted #000000;
	color : black;
	padding-left : 2px;
	padding-bottom : 1px;
	padding-top : 2px;
	padding-right : 2px;
	background-color : #D8E6E9;
}

p.note{ 
	font-size: 10px;
	color: green;
	font-style: italic;
}