/* CSS Document */

body {
  background-color: #FFFFFF;
  vertical-align:middle;
  
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#333333;
}

h4{
	color:#003366;

}

b{
	color:#003366;
}

ul {
 	padding: 2px; /* décalage intérieur à ce bloc conteneur*/
	margin:0px;
}
li {
	list-style-image: url(./interface/puce.png);
	
	/*background-image: url(../nosimages/puce.png);*/
   margin-left: 20px; /* marge extérieure à ce bloc*/
   padding: 0px;
}




/* LES LIENS */
.lien{
	text-align:right;
	
}
a.standard{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
}
a.standard:link {
  color: #333399;
  }
a.standard:visited {
  color: #333399;
  }
a.standard:hover {
  color: #003366;
  }
a.standard:active {
  color: #333399;
  }




/********************** IMAGES ***************/
.imgfiligrane{
	/*filter: alpha(opacity=50);opacity:0.5;*/
}

#javafilligrane{
	height : 150px;
	width:100%;
	background: url(http://www.antoine-trebuchet.com/images/logoJavaFilligrane.gif) no-repeat top right;
}

#progfilligrane{
	height : 200px;
	width:100%;
	background: url(http://www.antoine-trebuchet.com/images/progFilligrane.gif) no-repeat top right;
}

#diversfilligrane{
	height:70px;
	width:100%;
	background: url(http://www.antoine-trebuchet.com/images/tux-guitare2.gif) no-repeat top right;
}

#proffilligrane{
	width:100%;
	height:120px;
	background: url(http://www.antoine-trebuchet.com/images/logoprof.gif) no-repeat bottom right;
}

#imacfilligrane{
	height : 110px;
	width:100%;
	background: url(images/logoImacFilligrane.gif) no-repeat top right;
}

.leftImg{
	float:left;
	margin-right:10px;
	margin-top:4px;
}	



/************************ INTERFACE GLOBALE *******************/


.banniere{
	
	width:750px;
	height:100px;
	background:url(interface/banniere.jpg) no-repeat;
	border:#003399 solid 1px;
	border-bottom:0px;
}

.boutonmenu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:28px;
	text-align:center;
	color:#999999;
	background:url(interface/menubouton.jpg) no-repeat top left;
	border: 0px;
	padding:0px;
	margin:0px;
}

.corps {
	width:750px;
	color:#333333;
	border: #003399 solid 1px;
	background-color:#FFFFFF;
	text-align:left;
	border-top:0px;
	
}




.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

.textrelief{
	/*font-weight:bold;*/
	color:#0066CC;
}




/************************ CV *******************/
.cvtab{
	width:100%;
	font-size:10px;
	border:0px;
	text-align:justify;
	vertical-align:top;
}

.dotted-right{
	border-color:#003399;
	font-weight:bold;
	width:100px;
	border-right-style:dotted;
	border-right-width:1px;
	font-size:11px;
}


.index {
	text-align:center;
	width:730px;
	color:#333333;
	height:350px;
	border: #003399 solid 1px;
	background-color:#FFFFFF;
	text-align:left;
	padding:10px;
}

.buttonsmall{
	border : solid 1px #AAAAAA;
	background: #E9ECEF;

	color : #555555;
	font-weight : bold;
	font-size : 10px;
	text-decoration:none;
	vertical-align:baseline;
	padding: 2px 2px 2px 2px;
}

.buttonsmall:Hover{
	top: -2px; /* on décale le  */
	right:1px;
	position: relative; /* on superpose le  sur le titre */
	border : solid 1px #cccccc;
	border-bottom-color:#333333;
	border-right-color:#333333;
	background: #99CCFF;
	margin: 0 0 1em 0;
	color : #000066;
	font-weight : bold;
	font-size : 10px;
}





/************************* INTERFACE MENU PRINCIPAL ****************/
.menu .bouton {
	background-image:url(interface/menubouton.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;

	border-collapse:collapse;
	border-style:none;

	float:left;
	height: 22px;
	line-height:20px;
	width: 94px;
}
.bouton a:link {
	color:#000066;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	/*background-image:url(interface/menu_bt_off.png);*/
}
.bouton a:visited {
	/*background-image:url(interface/menu_bt_off.png);*/
	color:#000066;
	text-decoration:none;
	font-weight:bold;
}
.bouton a:hover {
	/*background-image:url(interface/menu_bt_on.png);*/
	color:#0066CC;
	text-decoration:none;
	font-weight:bold;
}

.important{
	font-weight:bold;
	color:#FF0000;
}






/************************ INTERFACE BOX *******************/
.boxL { width:300px; float:left; margin-bottom:8px;}
.boxR { width:300px; float:right; background:#FFFFFF; margin-bottom:8px;}
.boxM { width:100%; background:#FFFFFF;  margin-bottom:8px;}
.boxM2 { width:300px; background:#FFFFFF;  margin-bottom:8px;}
.boxR2 { width:654px; float:right; }




.boxLine { width:100%; float:left; }
.inBoxTL { background: url(interface/box_hg.png) no-repeat top left;}
.inBoxTR { background: url(interface/box_hd.png) no-repeat top right;}
.inBoxT {
	background: url(interface/box_h.png) repeat-x top; height:24px;
	vertical-align:baseline;
	line-height:24px;
	margin-left:24px;
	margin-right:24px;
	text-align:left;

	white-space:nowrap;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
.inBoxTM {
	float:right;
	font-size:10px;
	font-weight:bold;
	line-height:24px;
	display:inline;
}
.inBoxL { background: url(interface/box_g.png) repeat-y top left;}
.inBoxR { background: url(interface/box_d.png) repeat-y top right;}
.inBoxR2 { background: url(interface/box_d.png) repeat-y top right;}
.inBoxM {
	background: url(interface/box_m.png) repeat-x top;
	vertical-align:baseline;
	margin-left:8px;
	margin-right:8px;
}
.inBoxBL { background: url(interface/box_bg.png) no-repeat top left;}
.inBoxBR { background: url(interface/box_bd.png) no-repeat top right;}
.inBoxB {
	background: url(interface/box_b.png) repeat-x top; height:16px;
	vertical-align:baseline;
	line-height:16px;
	margin-left:16px;
	margin-right:16px;
}


/* Contenu */
.marge {
	padding:0px 0px 0px 0px;
	margin:0px 8px 0px 8px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#333333;
}

.marge20 {
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 8px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#333333;
	
	overflow:auto;
}

.marge20left {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 8px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#333333;
}

.corpsmarge {
	color:#333333;
	border: #003399 solid 1px;
	background-color:#FFFFFF;
	text-align:left;
	padding:0px 10px 10px 10px;
}


/*********** NEWS ************/
.ligne1{
	background:#EEEEFF;
	font-size: 11px;
}
.ligne2{
	background:#CCCCFF;
	font-size: 11px;
}