body {
background-color: #fff;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
}


a {color:#133351;}
a:visited {color:#133351;}
a:hover {color:#4194c0;}

#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}

h2 a {text-decoration:none;}
h3 a {text-decoration:none;}

h1 {
padding:5px 10px;
margin:0 0 10px 0;
color:#333;
font-size:18px;
font-family:"Arial Black";
}

h2 {
font-size: 14px;
padding:5px 10px;
margin:0px;
color:#4194C0;
}

h3 {
font-size: 12px;
padding:5px 10px;
margin:0px;
color:#4194C0;
}

.img-droite {
float:right;
}

.img-droite2 {
float:right;
margin:0 0 15px 15px;
}

.img-gauche {
float:left;
margin:0 15px 15px 0;
}


.intro {
color:#007fcc;
font-size:13px;
font-weight:bold;
margin-bottom:10px;
}

/* ----------container to center the layout-------------- */
#container {
width: 960px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner for logo-------------- */
#banner {
text-align: right;
padding: 0px;
margin: 0px;
margin-bottom:15px;
}


/* -----------------content--------------------- */
#content {
padding: 0px;
margin-left: 715px;
margin-right: 0px;
}

p{
padding: 5px 10px;
margin:0px;
}

#intro {
width:480px;
text-align:justify;
}

.screen-video {
margin: 0 0 15px 0;
}

/* --------------left navi------------- */
#left {
float: left;
width: 700px;
margin: 0px;
padding: 0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 10px 0 0 0;
padding: 0px;
text-align: right; 
background:url(css/bg-footer.jpg) repeat-x;
color:#C4E1F5;
font-size:9px;
}

#resume-blog {
border-left:1px solid #e1e1e1;
height:220px;
background:url(css/bg-blog.jpg) repeat-x;
margin-bottom:10px;
}

.news {
width:212px;
float:left;
border-right:1px solid #e1e1e1;
padding:10px;
}



.etoile {
color:#007fcc;
}


a img { border: none; }


hr {
color: #ddd;
background-color: #ddd;
height: 1px;
border: 0;
}