#bar_top
{
	background: url('../img/bar_top.png');
	width:1100px;
	height:35px;
}

.bar_colour
{
	background: url('../img/bar_grey.png');
	width:1100px;
	height:5px;
}

#img_header
{
	background: url('../img/img_header_grey.jpg');
	width:1100px;
	height:150px;
}

.buttons_header
{
	width:1100px;
	height:35px;
}

/* ------------------------- menuTop --------------------------------------*/
#menutop {
	position: relative;
	top:105px;
	height: 35px;
	clear: both;
	background:  url(../img/button_grey.png) left top no-repeat;
}

#menutop ul, #menutop li {
	margin:0;
	padding: 0;
	list-style-type: none;
	}
#menutop ul {
	position: absolute;
	height: 35px;
}

#menutop li {
float: left;
}

#menutop li a { /* dimensions et définitions des boutons */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 35px;
width: 100px;
color: #999999;
font: 15px  Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
text-decoration: none;

text-align: center;
}
#menutop li a.last {
border-right: 1px solid #fff;
}

#menutop a:hover {
color: #ffffff;
background: transparent url(../img/button_grey.png) top left no-repeat;
}

#menutop a#menu1:hover {
background-position: 0px -35px;
}
#menutop a#menu2:hover {
background-position: -100px -35px;
}
#menutop a#menu3:hover {
background-position: -200px -35px;
}
#menutop a#menu4:hover {
background-position: -300px -35px;
}
#menutop a#menu5:hover {
background-position: -400px -35px;
}

/*------------------------------------------------------------------------------------*/

body
{
	background:  url(../img/fd.png);
}

#milieu
{
	background:  url(../img/fd3.png);
	width:1100px;
	margin-bottom:-16px;
}

.titre
{
	font-size:2em;
	margin-top:15px;
	margin-left:15px;
	color:#333333;
}

.titre a
{
	color:#333333;
	text-decoration:none;
}

.titre a:hover
{
	color:#333333;
	text-decoration:underline;
}

.news
{
	width: 600px;
	margin-left: 30px;	
}

.contenu_news
{
	width: 600px;
	background:  url(../img/milieu_grey.png);
	color : #999999;
}

.box
{
	width: 400px;
	margin-left: 20px;	
	margin-right:30px;
}

.contenu_box
{
	width: 400px;
	background:  url(../img/milieu2_grey.png);
}

.box_top
{
	width: 400px;
	height:58px;
	background:  url(../img/haut2_grey.png);
}

.box_bottom
{
	width: 400px;
	height:26px;
	background:  url(../img/bas2_grey.png);
}

.news_top
{
	width: 600px;
	height:56px;
	background:  url(../img/haut_grey.png);
}

.news_bottom
{
	width: 600px;
	height:35px;
	background:  url(../img/bas_grey.png);
}

.newsTitre
{
	padding-left:20px;
	font-size:17px;
	color:#191919;
}

.sondageTitre
{
	color:#191919;
}

.sondageQuestion
{
	color : #999999;
}

.sondageTexte
{
	color : #663300;
}

.sondageLien
{
	color : #333333;
}
.sondageLien:hover
{
	color : #999999;
}

.sondageT
{
	color:#191919;
}

.imgBulle
{
	background:  transparent url('../img/bulle_grey.gif') no-repeat;
}

.imgBulle:hover
{
	background:  transparent url('../img/bulle_grey2.gif') no-repeat;
}

.texteInfo
{
	color : #993300 ;
}

.lienInfo
{
	color : #333333 ;
}

.lienInfo:hover
{
	color : #666666 ;
}

.commentNewsTitre
{
	color:#333333;
}

.comTr
{
	background-color:#333333;
	border : 1px solid #333333;
	color:#ffffff;
	text-align: center;
}

.comTD1
{
	background-color:#999999;
}
.comTD1 td
{
	border : 1px solid #666666;
}

.comTD2 td
{
	border : 1px solid #666666;	
}
/*-----------------------------------------------realisations--------------------------------------*/

.tableRealisation a
{
	color:#444444;
}

.tableRealisation a:hover
{
	color:#666666;
}


/*------------------------------------------------cv-----------------------------------------------*/

.identite, .cv
{
	color:#444444;
}

.cv h3
{
	background:  url(../img/fd3_grey1.png);
}

.pdf a
{
	color:#444444;
}

.pdf a:hover
{
	color:#666666;
}

/*------------------------------------------------chat------------------------------------------------*/

.chatFond1, .tdAvatar
{
	background:  url(../img/fd3_grey1.png);
	/*background-color:#cccccc;*/
}
.chatFond2
{
	background:  url(../img/fd3_grey2.png);
	/*background-color:#666666;*/
}	

/*-------------------------------------------portfolio-------------------------------------------------*/

.contenu
{
	color:#444444;
}

.inp4
{
	width:100px;
	height :51px;
	background:  url(../img/bouton_photo.png);
	background-repeat: no-repeat;
	border: none;
}

.inp5
{
	width:100px;
	height :51px;
	background:  url(../img/bouton_dessin.png);
	background-repeat: no-repeat;
	border: none;
}

.miniature
{
	background:  url(../img/fd3_grey1.png);
}

.miniature:hover
{
	background:  url(../img/fd3_grey2.png);	
}

/*----------------------------------------------------info------------------------------------------*/

.alert_orange , .alert_valid, .alert_info, .alert_fail
{
	display: block;
	width:500px;
	height:50px;
	margin: auto;
	border-radius: 10px 10px;
	-moz-border-radius: 10px; 
	background:  url(../img/fd3_grey1.png);	
}