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

*{
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:62,5%;
/*text-align: center;  pour corriger le bug de centrage IE */
}
h1{
color:#3c3c3c;
font-variant:small-caps;
font-size:1.6em;
margin-bottom:14pt;
letter-spacing:0.025em;
}
h2{
color:#666;
font-variant:small-caps;
font-size:1.1em;
margin-top:20pt;
margin-bottom:10pt;
font-weight:bold;
letter-spacing:0.015em;
}
h3{
margin-top:10pt;
font-size:1.1em;
letter-spacing:0.020em;
color:#511a6b;
font-weight:bold;
}
h4{
margin-top:6px;
font-size:0.8em;
font-variant:small-caps;
color:#666;
font-weight:bold;
}
span{
color:#666;
}
ul {
    list-style: none;
    margin-left: 0;
	margin-top: 6px;
    padding-left: 10px;
    text-indent: -10px;
   }
li, p{
font-size:0.75em;
color:#606060;
line-height:22px;
}
p{
margin-top:6px;
}
.date{
color:#666;
font-size:8pt;
font-weight:lighter;
}
#site{
	width:1000px;
	height:100%;
	margin-left:auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
}
#header{
	width:1000px;
	height:100px;
}
#header h1{
	font-size:2.5em;
	color:#511a6b;
	line-height:0.8em;
	letter-spacing:0.01em;
	padding-top:20px;
	text-align:left;
}
#header h2{
font-size:1.4em;
font-variant:small-caps;
color:#606060;
line-height:1.2em;
letter-spacing:0.10em;
text-align:right;
padding-right:3em;
margin-top:-1.6em;
}
#header h3{
font-size:0.8em;
font-variant:small-caps;
color:#606060;
line-height:4.2em;
letter-spacing:0.08em;
text-align:right;
padding-right:5.5em;
margin-top:-2.6em;
}
#menu{
border-bottom:1px dashed #666666;
margin-bottom:40px;
height:40px;
width:930px;
}
#lien {
float:left;
text-align:left;
width:400px;
}
#contact{
float:right;
text-align:right;
width:400px;
}
#lien ul, #contact ul {
 padding:0;
 margin:0;
 list-style-type:none;
 margin-bottom:10px;
 }

#lien li{
margin-left:2px;
 float:left; /*pour IE*/
margin-right:34px;
margin-bottom:10px;
font-size:1em;
font-style:italic;
font-variant:normal;
}
#contact li{
margin-left:34px;
 float:right; /*pour IE*/
margin-bottom:10px;
font-size:1em;
font-style:italic;
font-variant:normal;
}
#lien ul,#lien li, #contact ul, #contact li {
 display:block;   
 color:black;
 text-decoration:none;
}
#lien a{
font-size:1em;
font-style:italic;
color:#333333;
text-decoration:underline;
}
#contact a{
font-size:1em;
font-style:normal;
color:#333333;
text-decoration:none;
}
#lien span, #contact span{
font-size:1em;
font-style:normal;
color:#333333;
text-decoration:none;
}
#lien a:hover, #contact a:hover{
color:#9966CC;
text-decoration:none;
}
#experiences{
width:550px;
float:left;
margin-right:50px;
}
#competences{
width:350px;
float:left;
}
#interlude{
clear:both;
margin-top:10px;
padding-top:10px;
margin-bottom:30px;
/* border-bottom:1px solid #666666; */
page-break-after:always;
}
#formations{
width:550px;
margin-right:50px;
float:left;
}
#divers{
width:350px;
float:left;
}
#divers a{
color:#511a6b;
text-decoration:underline;
}
#divers a:hover{
color:#9966CC;
text-decoration:none;
}


/*------------------------*/
/*-- Clients
/*------------------------*/

#container .bloc {
	background-color: #F8F8F8;
	width: 222px;
	height: 194px;
	border-color: #FFFFFF;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float: left;
	margin-right: 14px;
	margin-bottom: 11px;
}


#container .bloc .img {
	margin-top:11px;
	margin-left: 11px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:200px;
	height:170px;
}



#container .project_titre {
	text-align: left;
	margin-top: 32px;
	color: #3C3C3C;
	font-size: 20px;
	
	font-style: italic;
	margin-left: 11px;
	line-height:normal;
}
#container .project_texte {
	text-align: left;
	margin-top: 0px;
	color: #606060;
	font-size: 13px;
	margin-left: 11px;
	line-height:normal;
}
#container .project_texte a {
	text-decoration: none;
	color: #606060;
}
#container .project_texte a:visited {
	color: #FFFFFF;
	padding: 0px 4px;
	background-color: #D5D5D5;
}
#container .project_texte a:hover {
	color: #C80000;
}
#presentation {
width:930px;
	text-align: left;
	margin-top: 0px;
	color: #606060;
	font-size: 12px;
	line-height:normal;
}
#presentation a {
	color: #606060;
	font-size: 12px;
	line-height:normal;
}



/*------------------------*/
/*-- realisations
/*------------------------*/

#realisations .bloc {
	background-color: #F8F8F8;
	width: 222px;
	height: 240px;
	border-color: #FFFFFF;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float: left;
	margin-right: 14px;
	margin-bottom: 11px;
}


#realisations .bloc .img {
	margin-top:11px;
	margin-left: 11px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:200px;
	height:170px;
}



#realisations .project_titre {
	text-align: left;
	margin-top: 12px;
	color: #3C3C3C;
	font-size: 14px;
	
	font-style: italic;
	margin-left: 11px;
	line-height:normal;
}
#realisations .project_texte {
	text-align: left;
	margin-top: 6px;
	color: #606060;
	font-size: 11px;
	margin-left: 11px;
	line-height:normal;
}
#realisations .project_texte a {
	text-decoration: none;
	color: #606060;
	padding: 0px 4px;
	background-color: #D5D5D5;
}
#realisations .project_texte a:visited {
	color: #FFFFFF;
	padding: 0px 4px;
	background-color: #D5D5D5;
}
#realisations .project_texte a:hover {
	color: #C80000;
}


#footer{
float:left;
text-align:center;
width:930px;
height:40px;
margin-top:30px;
margin-bottom:20px;
/*padding-left:60px;*/
border-top:1px dashed #666666;
}
#footer div{
margin-left:60px;
text-align:center;
}
#footer ul {
 padding:0;
 margin:0;
 list-style-type:none;
 margin-bottom:10px;
 }

#footer li{
margin-left:2px;
 float:left; /*pour IE*/
margin-right:34px;
margin-bottom:10px;
font-size:1em;
font-style:italic;
font-variant:normal;
}
#footer ul,#footer li{
 display:block;   
 color:black;
 text-decoration:none;
}
#footer a{
font-size:1em;
font-style:italic;
color:#333333;
text-decoration:none;
}