body {
	font-size: 13px; /* Resets 1em to 10px */
	font-family: Arial,Helvetica,Georgia,Sans-Serif;
	background: #fff url('')top left repeat-x;
        color: #000000;
	text-align: left;
	}

.no_cadre{
	text-decoration:none;
	border:0px;
	clear:both;
}

*
{
	margin: 0;
	padding: 0;
}

img a:hover{
border:none;
}

img a{
border:none;
}

img a:link{
border:none;
}

a:link{
	color:#CC0033;
	text-decoration:none;
	}
	
a:hover{
	color:#000000;
	text-decoration:none;
	}
	
a:visited{
	color:#CC0033;
	text-decoration:none;
	}		
	
	ul, ol {
list-style:none outside none;
}



/*------------ /////// PARTIE HAUTE//////// ------------ */
#headband{
background:#000000;
display:inline-block;
height:50px;
margin-bottom:0px;
margin-top:-2px;
vertical-align:middle;
width:100%;
position:relative;
}


.container{
width: 985px;
height:900px;
margin:0 auto;
margin-top:0px;
background-color:#ffffff;
}


	
#header{
	padding-top:15px;
    padding-left:10px;
	height:120px;
}

#header h1 {
float:left;
margin:0;

}

#header h1 a {
background:url("images/header2.jpg") no-repeat scroll 0 0 transparent;
display:block;
height:165px;
width:350px;
}
/*------------ /////// PARTIE HAUTE_________FIN//////// ------------ */





/*------------ //////////NAVIGATION-MENU ///////------------ */	
#header ul{
float:right;
margin-top:115px;
}

#header ul li{
float:left;
display:inline-block;
}

#header ul li a{
margin:0 5px;
padding:5 5px;
}

.nav {
background:url("images/bck_nav.png") repeat-x scroll 0 0 transparent;
height:50px;
width:985px;
}

.nav ul{
float:left;
margin-right:7px;
}

.nav ul li{
display:inline-block;
}

a.blog{
background:url("images/blog.png") no-repeat scroll 0 0 transparent;
display:block;
height:50px;
width: 155px;
}

a.apropos{
background:url("images/apropos.png") no-repeat scroll 0 0 transparent;
display:block;
height:50px;
width: 121px;
}

a.contact{
background:url("images/contact.png") no-repeat scroll 0 0 transparent;
display:block;
height:50px;
width: 40px;
margin-left:10px;
margin-right:0px;

}

a.twitter{
background:url("images/twitter.png") no-repeat scroll 0 0 transparent;
display:block;
height:50px;
width: 80px;
}

a.client{
background:url("images/clients.png") no-repeat scroll 0 0 transparent;
display:block;
height:50px;
width: 78px;
}

a.twitter:hover, a.contact:hover, a.blog:hover, a.client:hover, a.apropos:hover{
background-position:0 -50px;
}
/*------------ /////////NAVIGATION-MENU_________FIN///////------------ */	





/*------------/////// CONTENU//SLIDE/////// ------------ */	
#wrapper{
border-top:#000 solid 3px;
float:left;
margin-top:10px;
width:980px;
}

#main{
font-family:Georgia, "Times New Roman", Times, serif;
width:652px;
height:406px;
font-size:13px;
text-align:left;
margin-left:0px;
margin-top:5px;
float:left;
background:#fff;
border:1px #a7a7a7 solid;
}

#slide{
width:575px;
padding:5px;
}

.slideshow { 
height: 500px; 
width: 300px;  
}

.slideshow img { 
padding: 0px; 
background-color: #fff; 
border:none;  
}

.slideshow img a { 
padding: 0px; 
background-color: #fff; 
border:none;  
}

.slideshow img a:hover { 
padding: 0px; 
background-color: #fff; 
border:none;  
}
/*------------/////// CONTENU//SLIDE_________FIN/////// ------------ */	




/*------------ //////SIDEBAR////// ------------ */	
#sidebar{
width:320px;
float:right;
margin-top:5px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;

}

#timeline{
background:#fff;
font-family: 'helvetica neue';
font-weight:lighter;
text-align:justify;
font-size:17px;
line-height:30px;
padding-top:20px;
padding:10px;
height:279px;
width:299px;
border:1px #a7a7a7 solid;
float:left;
}







/*------------ Petits carrés twitter, facebook et mail ------------ */	

/*------------ les deux de gauche ------------ */	

.boxgrid{ 
width: 101px; 
height: 101px; 
margin-right:8px;
margin-bottom:5px; 
float:left; 
background:#161613; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}

/*------------ celui de droite ------------ */	

.boxfrid{ 
width: 101px; 
height: 101px; 
margin-bottom:5px; 
float:right; 
background:#161613; 
overflow: hidden; 
position: relative; 
}

.boxfrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxfrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}

/*------------ code pour les autres effets non utilisés ici ------------ */	

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 101;
left: 0;
}
.caption .boxcaption {
top: 101;
left: 0;
}
/*------------ //////SIDEBAR_____FIN////// ------------ */	



/*------------ ///////Partie basse////// ------------ */	

#bottom{
float:left;
padding-top:5px;
padding-bottom:5px;
width:980px;
border-bottom:3px #000 solid;
}

#blockfirst{
background:#fff;
font-family:"helvetica neue", Helvetica, sans-serif;
font-weight:lighter;
text-align:justify;
font-size:12px;
margin-right:5px;
padding:10px;
height:220px;
width:302px;
border:1px #a7a7a7 solid;
float:left;
}

#blocksecond{
background:#fff;
font-family:"helvetica neue", Helvetica, sans-serif;
font-weight:lighter;
text-align:justify;
font-size:12px;
padding:10px;
height:220px;
width:299px;
border:1px #a7a7a7 solid;
float:right;
}

#credits{
background:#fff;
font-family:"helvetica neue", Helvetica, sans-serif;
font-size:10px;
text-align:center;
float:left;
padding-top:5px;
padding-bottom:5px;
width:980px;
}

/*------------ FONT ------------ */	

h1{
	font-family:helvetica ;
	font-size:16px;
	text-align:left;
	text-decoration:underline;
	font-weight:bold;
}

h2{
	font-family:helvetica ;
	font-size:16px;
	text-align:left;
	text-decoration:underline;
	font-weight:bold;
}	

h3{
	font-family: "helvetica neue", Helvetica, sans-serif;
	color:#a0a0a0; 
	padding:2px;
    font-weight:lighter;
    text-align:left;
    font-size:15px;
	text-transform:uppercase;
	border-bottom:1px #a7a7a7 solid;
}



/* begin styles for RSS Feed */

.rss_box {
	background:#fff;
font-family: 'helvetica neue';
font-weight:lighter;
text-align:justify;
font-size:17px;
line-height:20px;
padding-top20px;
padding:10px;
height:279px;
width:299px;
border:1px #a7a7a7 solid;
float:left;
}

.rss_title, rss_title a {
	font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
}

.rss_items {
  
}

.rss_item  {
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  font-weight : bold; 
  margin: 8px 0;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #88b;
	}

.rss_item a:hover { 
	text-decoration : none;
	color: #e0861e;
	border-bottom: 1px dotted #e0861e;
	}
	
.rss_date {
	font-size: 11px;
	font-weight : normal;
	color: #F60;
	}