body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color:#fff;
	margin : 0;
	padding : 0;
	color: #000;
/*IE fix pour centrage de la page*/
	text-align:center;
}

img
{
border:0;
}

/********************/
/* STYLES GENERAUX  */
/********************/

p
{/*text-align:justify;*/
margin:1em 0
}

/*headers*/
h1 {
font-size : 1.8em; margin : 0.67em 0;
color:#cd7a00;
background: url(/pix_cc/puce_h1.png) 0 no-repeat;
padding-left:25px;
}
h2 { font-size : 1.1em; margin : 0.83em 0;
color:#800000;
background: url(/pix_cc/puce_h2.png) 0 0 no-repeat;
padding-left:25px;
}
h3 {
font-size : 1em; margin : 1em 0;
background: url(/pix_cc/puce_h3.png) 0 0 no-repeat;
padding-left:15px;
}
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }



/*styles de lien*/
a
{
font-weight:bold
}
a:link { 
color: #800000;
text-decoration: none;
}
a:visited {
color: #C0c0c0;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/*Styles de liste*/
ul 
{
list-style:none;
}

ul.basic 
{
padding:0 0 0 15px;
margin:0;
}

ul.basic li
{
background: url(/pix_cc/puce_list.png) 0 no-repeat;
padding-left:18px;
}

/********************/
/*       MAIN       */
/********************/
#main
{
width:740px;
margin-left:auto; 
margin-right:auto; 
text-align:center;
padding:0;
background-color:#fff;
margin-top: 5px; /*pour IE qui ne comprend rien à rien*/
}

#content
{
text-align:left;
}

#lefttext
{
width:530px;
padding:0 5px 10px 15px;
}

#rightsidebar
{
float:right;
width:180px;
padding-top:20px;
}

.citation
{
display:block;
background: #f5da99 url(pix_cc/apostrophe.png) no-repeat;
padding:10px;
font-family: georgia, serif;
text-align:left;

}

.author
{
font-weight:bold;
}
.source
{
font-style:italic;
}

.sidecontent
{
padding: 15px 0 15px 0;
}
#rightsidebar img
{
border:4px solid #800000;
}
/********************/
/*      LOGO        */
/********************/
#logo 
{
background: url(pix_cc/header_background.png) 0 no-repeat;
text-align:left;
padding:0;
margin: 0;
}

#logo img
{
padding-left:10px;
}

/********************/
/*       TRICKS     */
/********************/
div.clear
 {
 clear:both;
 }

/********************/
/* NAVIGATION       */
/********************/




/*navigation par ligne*/



#navigation
{
width:740px;
height:40px;
padding:0;
margin:0;
background:url(pix_cc/fond_navig.png) no-repeat 0 0;
}

#navigation ul
{
list-style-type: none;
}

#navigation ul li
{
display: block;
float: left;
text-align: center;
padding:0;
}

#navigation ul li a
{ 
height: 40px; 
display: block; 
padding:0;
margin:0;
}

li.enhome span, li.enservices span, li.enreferences span, li.enabout span, li.encontact span, li.enblog span
{ 
display: none; 
}

li.enhome a, li.enservices a, li.enreferences a, li.enabout a, li.encontact a, li.enblog a
{
background: url(pix_cc/h_en_home.png) no-repeat 0 0;
width:109px;
}

li.enhome a:hover
{
background: url(pix_cc/h_en_home.png) no-repeat 0 -50px;
}

li.enservices a
{
background: url(pix_cc/h_en_services.png) no-repeat 0 0;
width:113px;
}

li.enservices a:hover
{
background: url(pix_cc/h_en_services.png) no-repeat 0 -50px;
}

li.enreferences a
{
background: url(pix_cc/h_en_references.png) no-repeat 0 0;
width:130px;
}

li.enreferences a:hover
{
background: url(pix_cc/h_en_references.png) no-repeat 0 -50px;
}

li.enabout a
{
background: url(pix_cc/h_en_about.png) no-repeat 0 0;
width:113px;
}

li.enabout a:hover
{
background: url(pix_cc/h_en_about.png) no-repeat 0 -50px;
}

li.encontact a
{
background: url(pix_cc/h_en_contact.png) no-repeat 0 0;
width:105px;
}

li.encontact a:hover
{
background: url(pix_cc/h_en_contact.png) no-repeat 0 -50px;
}

li.enblog a
{
background: url(pix_cc/h_en_blog.png) no-repeat 0 0;
width:85px;
}

li.enblog a:hover
{
background: url(pix_cc/h_en_blog.png) no-repeat 0 -50px;
}
/********************/
/* FOOTER           */
/********************/

#footer
{
padding:10px;
font-size:0.85em;
text-align:left;
}




/********************/
/*       TRICKS     */
/********************/
div.clear
 {
 clear:both;
 }

.left {
float:left;
}

.right {
float:right;
}
.center {
text-align:center;}

.left img
{
margin-right:10px;
}
.right img
{
margin-left:10px;
}