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

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

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

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

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

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

#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: 30px;
width: 100px;
color: #ffffff;
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: #990000;
background: transparent url(../img/button_red.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_red.png);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.sondageTitre
{
	color:#330000;
}

.sondageQuestion
{
	color : #cc9966;
}

.sondageTexte
{
	color : #663300;
}

.sondageLien
{
	color : #330000;
}
.sondageLien:hover
{
	color : #663333;
}

.sondageT
{
	color:#330000;
}

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

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

.texteInfo
{
	color : #993300 ;
}

.lienInfo
{
	color : #330000 ;
}

.lienInfo:hover
{
	color : #993333 ;
}

.commentNewsTitre
{
	color:#663300;
}

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

.comTD1
{
	background-color:#996633;
}
.comTD1 td
{
	border : 1px solid #663300;
}

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

.tableRealisation a
{
	color:#3F1A04;
}

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

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

.identite, .cv
{
	color:#3F1A04;
}

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

.pdf a
{
	color:#3F1A04;
}

.pdf a:hover
{
	color:#993333;
}
/*------------------------------------------------chat------------------------------------------------*/

.chatFond1, .tdAvatar
{
	background:  url(../img/fd3_red1.png);
}
.chatFond2
{
	background:  url(../img/fd3_red2.png);
}	

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

.contenu
{
	color:#3F1A04;
}

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

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

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

.miniature:hover
{
	background:  url(../img/fd3_red2.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_red1.png);	
}
