@charset "utf-8";
/* CSS Document */


body{ margin:0; padding:0px; background-color:#231f08; top repeat-x; text-align:left;
background:url(img/body/bg.gif) top left repeat; align: center;}
p{font-family:Trebuchet MS, Lucida Grande, Helvetica;font-size:12px;color:#282828;text-align:justify;}
h1{font-family:Trebuchet MS, Lucida Grande, Helvetica;font-style:bold;font-size:24px;color:#282828; text-align:left; padding:0; margin:0;}
h2{font-family:Trebuchet MS, Lucida Grande, Helvetica;font-style:none;font-size:16px;color:#ff7700; text-align:left; padding:0 0 5px 0; margin:0;}


.date{font-family:Trebuchet MS, Lucida Grande, Helvetica;font-size:16px;color:#e03f13;text-align:left;background:transparent url(img/puce_jaune.gif) center left no-repeat; padding-left:15px;}
.red {color:#e03f13;}
.white {color:#ffffff;}
.orange {color:#ff7700;}
.vert {color:#a4c502;}
.blue {color:#06599b;}
.bold {font-weight:bold;}
.italique {font-style:italic;}
.citation { font-style:italic; font-weight:bold; line-height: 150%; color:#5f5e51; }
.trema { font-size:30px; font-weight:bold; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; vertical-align:middle; color:#bbb89a; }

#middleLeft a {color:#ff7700; text-decoration:overline underline;}
#middleLeft a:hover {color:#000; text-decoration:none; }
#bottomRight a {color:#282828; background-color: #f7b602; text-decoration:none; font-weight:bold; }
#bottomRight a:hover {color:#282828; background-color: #FFFFFF; text-decoration:none; font-weight:bold; }

/* Menu-----------------------------------------------------------------------------*/


#menu{
	margin				:0px;
	padding				:0px;
	width				:555px;
	height				:139;
	list-style-type		:none;
	position			:absolute; right: 0; top: 0;
		padding-top:14px;


}

#menu li{
	padding				:0px 0px;  /* Espacement du haut intérieur des boutons----*/
	margin				:0px 0px; /* Espacement entre les boutons de menu----*/
	width				:111px; /* largeur du bouton----*/
	height				:139px; /* hauteur du bouton---*/
	float				:right; /* permettre l'allignement horizontale du menu---*/
}

#menu li a{

	display				:block;
	font-family			:Trebuchet MS, Lucida Grande, Helvetica; /* police de caractère---*/
	font-size 			:12px; /* grandeur de la police---*/
	text-decoration		:none; /* Enleve les liens soulignés----*/
	color				:#4e4e4e; /* Couleur du texte----*/
	width				:111px; /* largeur du bouton----*/
	height				:139px; /* hauteur du bouton---*/
	line-height			:120px;
	text-transform: uppercase;
		font-weight: bold;

}

#menu li a:hover{
	background			:url("img/menu/bg_roll.gif");


}

#menu li.roll a{
	text-decoration: underline;
	background			:url("img/menu/bg_roll.gif");

	
}







/* Squelette-----------------------------------------------------------------------------*/


#container{
width:100%;
padding:0; 
margin:0 auto; 
text-align:left;
position:absolute top left; 

}

#top{
	background			:url("img/top/bg.gif") repeat-x;
	width				:100%;
	height				:393px;
	padding				:0px;
	margin				:0px;
	text-align			:center;





}

#header{ 
	margin-top			:14px;
	width				:875px;
	height				:140px;
	position			:relative;
    margin              :0 auto;
	padding-top:14px;



}

#logo{ 
	float:left;
	width				:258px;
	height				:139px;
	background:url("img/logo/logo.gif");



}

#flash{
	width				:100%;
	height				:239px;
	padding				:0px;
	margin				:0px;
	text-align			:center;


}









#middle{
	color				:#555555;
	font-family			:Trebuchet MS, Lucida Grande, Helvetica;
	width				:875px;
	text-align			:center;
    margin              :0 auto;
	

}

#middleLeft{
	padding							:10px;
	text-align						:left;
	float							:left;
	width							:499px;


}

#middleRight{
	padding				:10px;
	text-align			:left;
	float				:right;
	width				:330px;
	border-left: dotted 1px #000;

}









#footer{
	border-top: 8px solid #000;
	color				:#FFF;
	font-family			:Trebuchet MS, Lucida Grande, Helvetica;
	font-size 			:14px;
	width				:100%;
	height				:100px;
	background-color	:#363636;

}

#footer .titre_bas{
	font-size 			:14px;
	color				:#2a79a8;
}


#footerBox{

	width				:875px;
	height				:100px;
	        margin                          :0 auto;
	

}

#footerLeft{
	text-align:left;
	padding:40px 0 0 0;
	float				:left;
	width				:440px;



}

#footerRight{
	background:url("img/footer/logo_dynamx.gif") no-repeat top right;
	float				:right;
	width				:435px;
	height:85px;

}


#tblForm tr{ 
	font-family	:Trebuchet MS, Lucida Grande, Helvetica; /* police de caractère---*/
	font-size:12px;
	font-style:bold;
}



#tblForm tr td{ 
	border-top:#6b5c1b 1px dashed;
	padding:3px;
}