body {
 width: 800px;
 margin: 0 auto; 
 background-color: #252525;
 color:#fff;
 font:16px "Trebuchet MS","lucida Grande","Bistream Vera Sans", Verdana, Helvetica, sans-serif;
 }
 
 #header {
background: url(../images/logo.jpg) no-repeat 0 20px;
height:73px;
margin: 0;
 }
#header h1 {
font-size:0px;
color:#252525;
padding:0;
} 
#header h2{
font-size:18px;
margin: 0;
text-align:right;
padding: 30px 5px 0 0;
z-index:20;
}
.border{
border-top:1px solid #fff;
margin:9px 0 0 76px;
width:90%;
z-index:10;
}
#menu {
margin-left: 80px;
}
 #menu ul {
 
 margin: 0;
 padding:0;
 }
 #menu li {
 display:inline;
 }

#menu li.baseline{
float:left;
padding: 0 20px 0 0;
font-variant:small-caps;
}

 #menu li span{
 float:right;
 }
 #menu li a {
text-decoration:none;
color:#fff;
padding: 0 5px;
font-weight:bold;
 }
  #menu li a:hover {
text-decoration:none;
color:#AFA800;
 }

p{
 text-align:justify;
 text-indent:20px;
 }

 strong {
color:#AFA800;

}
.phi {
background: url(../images/philippedanti.jpg) no-repeat 8px 0;
width: 460px;
height:400px;
padding-left: 270px;
}
.phi img{
margin:30px 0 0 70px ;
padding:0;
}
#footer {
margin:20px 0 0 0;
padding:0;
}
#footer span.creasite{
text-align:right;
font-size:10px;
}
.creasite  {
color:#fff;
float:right;
}
.creasite a {
color:#fff;
}
img {
border:none;
}
#contenu{
margin-left:68px;
}
#actualites {
border:4px solid #1F1D1D;
background-color:#1F1D1D;
width:410px;
overflow:auto;
float:right;
}
.expo{
  float:left;
  margin: 0 10px;
  width:350px;
  padding:0;
 }

.expo a {
text-decoration:none;  
color:#fff;
margin:0;
padding:0;
 }
.expo h2 {
border-left:4px solid #fff;
padding: 0 0 0 5px;
margin-bottom:5px;
}
.expo h3 {
color:#AFA800;
padding:0;
margin:0;
}
.expo h3 span {
font-weight:normal;
font-size:12px;
 }
.expo droite p{
font-weight:normal;
padding:0;
margin:0;
}
.droite{
  margin: 0 20px;
  padding:0;
}

 h2 {
 font-size:1.2em;
 }
 .separation{
background: url(../images/separation.jpg) no-repeat top left;
width:722px;
height:22px;
margin: 30px 0 30px 0;
 }

.annees {
margin: 20px 0;
padding: 0;
width:700px;
font-weight:bold;
}
/*------ JTruncate ----*/
.tip{
font-size:14px;
padding: 0 15px 0 0;
}
.truncate_more_link {
color:white;
font-size:12px;
}
.truncate_more_link:hover {
text-decoration:underline;
}

/*------ Tableaux ----*/

table {
width: 685px;
margin: 20px 0 0 0;
}
th{
background-color: #4F4F4F;
color: #252525;
}

td {
text-align: center;
}
tr:hover {
background-color: #4F4F4F;
color: #252525;
}

.texte_tableau {
text-align: left;
}
 /*----- SLIDER ---- */
 #slider {
 width:700px;
 height:320px;
 margin: 50px 0 20px 10px;
 border:4px solid #191919;
 position:relative;
 overflow:hidden;
  }
.inslider {
	float: left;
	position: relative;
}
.inslider a {
	text-decoration:none;
}
.imageholder {
	border: 1px solid #191919;
	height:320px;
	width: 700px;
	overflow: hidden;
	position: relative;
}
.imgslider {
	position: absolute;
	top: 0; left: 0;
}
.imgslider img {
	float: left;
}
.imagenav {
	position: absolute;
	bottom: 10px; right: 10px;
	 height:30px;
	z-index: 100;
	text-align: center;
	line-height: 30px;
	border: 1px solid #191919;
	background-color: #fff;
	border: 1px solid #191919;
	}
.imagenav a {
	padding: 5px;
	text-decoration: none;
	color: #333;
}
.imagenav a.active {
	font-weight: bold;
	background: #4b4b4b;
	color: #fff;
}
/*-----FIN  SLIDER ---- */

/* glider.css */
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
width: 700px; 
overflow: hidden;
	}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:700px;
	overflow:hidden;
	float:left;
	padding:1em;		
	}
div.scroller div.content {
	width: 10000px;
	}
	

div.controls {
	text-align:right;
}
div.controls a {
text-decoration:none;
color:#fff;
}
div.controls a:hover {
text-decoration:none;
color:#252525;
background-color:#fff;
font-weight:bold;
}
/* style du contact form */
#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#252525;
	padding:20px;
	margin: 50px 0 0 130px;
}

#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
#contact-wrapper p {
	color:#ccc;
	font-weight:bold;
}

form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#000;
}
form#contactform strong{
	font-size:16px;
	color:#fff;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
form#contactform  label.error{
color:#de0000;
}

form#contactform input.submit {
background-color:#252525;
color:#fff;
cursor:pointer;
}
form#contactform input:hover.submit {
background-color:#fff;
color:#252525;
cursor:pointer;
}
/* style VCARD */
.vcard {
margin:30px 0 220px 10px;

}
.vcard  a {
text-decoration:none;
color:#fff;
font-weight:bold;
}
/* style MAP */
#map {
width: 425px;
height:285px;
float:right;
color:#000;
}

.gmap_marker{
width:200px;
}

/* style MACROS */
.macros {
margin-left: 190px;
}
.macros img {
border:4px solid #191919;
padding: 10px;
}
.englishflag {
margin-left:700px;
}