body {
color: #333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
background-color: white;
background-image: url(images/fractale.jpg);
background-position: right bottom; background-repeat: no-repeat;
background-attachment: fixed;
margin: 0em;}

img {
border:0px;}

a:link {
text-decoration: none;
color: rgb(0,156,0);} 

a:visited {
text-decoration: none;
color: rgb(0,170,0);}

a:hover {
text-decoration: underline;
color: rgb(220,0,0);} 

a:active {
text-decoration: none;
color: #ff0000;} 

p {
text-align: justify;
line-height: 1.7em;}

h1 {
text-indent: 17px;
color:#40badb;
font-size: 1em;
left: 17px;
text-align: left;
font-variant: small-caps;}

h2 {
letter-spacing: +5px;
text-indent: 17px;
font-size: 1.1em;}

.logo {
top: 0px;
float: left;
width: 269px;
height: 127px;
position: absolute;
z-index: 3;}

.navigation-box {
background-image: url(images/head_strokes.png);
background-position: top; background-repeat: repeat-x;
top: 0px;
left: 280px;
right: 220px;
height: 127px;
width: 70%;
position: absolute;
z-index: 3;}

.nav-cache {
background-image: url(images/nav_cache.png);
background-position: right bottom;
left: 269px;
top: 0px;
height: 92px;
width: 33px;
z-index: 3;}

.triplug-box {
background-image: url(images/head_right.png);
background-repeat: no-repeat;
position: absolute;
top: 0px;
right: 0px;
width: 220px;
height: 127px;
z-index: 3;}

#header {
width: 100%;
height: 120px;
position: absolute;
right: 0px;
left: 0px;
z-index: 2;}

#header p {
font-size: .6em;
text-indent: 0px;}

.menucol {
background-image: url(images/phi.gif);
background-position: left bottom; background-repeat: no-repeat;
position: absolute;
background-color: #ffffff;
width: 225px;
height: 600px;
bottom: 0px;}

.menucol_title {
position: absolute;
bottom: 42px;
left: 61px;
z-index: 1;}

.menucol-suite {
background-image: url(images/phi_suite.gif);
background-position: left bottom; background-repeat: no-repeat;
position: absolute;
background-color: #ffffff;
width: 180px;
height: 480px;
bottom: -480px;}

.main-box{
width: 100%;
position: absolute;
top: 125px;
z-index: 1;}

.main-left {
float: left;
width: 269px;
position: absolute;}

.main-center {
left: 350px;
right: 240px;
position: absolute;
text-indent: 17px;}

.main-right {
float: right;
width: 235px;}

.main-right-accueil {
float: right;
width: 235px;}

.main-right p{
padding-left: 23px;
padding-right: 26px;
font-size: 11px;
text-align: left;
font-style: italic;
color: rgb(90,110,185);}

.footer {
font-size: .6em;
text-align: center;
text-indent: 0px;
color: rgb(80,145,205);}

.footer2 {
font-size: .6em;
text-align: center;
text-indent: 0px;
line-height: 1em;
font-weight: bold;
}

.footer a:link {
color: rgb(150,145,205);} 

.footer a:visited {
color: rgb(150,145,205);} 

.footer a:hover {
color: rgb(220,0,0);} 

.footer2 a:link {
color: rgb(80,145,205);} 

.footer2 a:visited {
color: rgb(80,145,205);}

.footer2 a:hover {
color: #ff0000;} 

.base {
border: none;
font-size: 0.5em;
text-align: center;
text-indent: 0px;}

.sc {
color: rgb(255,150,0);
font-size: 1.2em;
left: 17px;
font-variant: small-caps;
font-weight: bold;
margin-bottom: 33px;}

.courant {
font-size: .8em;
padding-top: 0px;}

.courant-chapo {
font-size: .8em;
text-align: left;
padding-bottom: 12px;
margin-top: 0px;}

.force {
color: rgb(255,160,0);
font-weight: bold;}

.rouge {
color: rgb(255,0,0);
font-weight: bold;}

.vert {
font-size: .8em;
color: rgb(0,190,0);
font-weight: bold;}

em {
color: rgb(135,100,185);
font-weight: bold;}

abbr, acronym, .help {
border-bottom: 1px dotted;
cursor: help;
color: rgb(220,0,150);
font-weight: bold;}

.prenom {
font-size: 1em;
color: rgb(255,0,0);
font-weight: bold;}

.nom {
font-size: 1em;
color: rgb(0,125,190);
font-weight: bold;}

.cv-adresse {
font-size: .8em;
color: #333333;
text-align: left;
text-indent: 0px;
line-height: 1.3em;
margin-top: 5px;}

.cv-naissance {
font-size: .6em;
color: rgb(140,140,140);
text-align: left;
text-indent: 0px;}

.cv-naissance a {
color: rgb(51,51,51);}

.cv-naissance a:hover {
color: rgb(255,0,0);}

.cv-icone {
position: absolute;
right: 142px;
text-indent: 0px;}

.section {
text-align: center;
margin-bottom: 15px;
padding-top: 5px;
text-indent: 0px;}

.section-fin {
text-align: center;
margin-bottom: 26px;
padding-top: 15px;
text-indent: 0px;}

.section-rea {
text-align: center;
margin-bottom: 26px; 
margin-top: 0px;}

.cv-rubrique {
font-weight: bold;
text-indent: 0px;
font-size: 0.8em;
width: 100%;
background-color: #00ff00;}

.cv-conteneur {
text-align: center;
margin-left:10%;
width: 560px;
font-size: 12.6px;}

.flottante1 {
color: rgb(0,185,0);
float: left;
width: 130px;
text-align: right;
text-indent: 0px;
font-weight: bold;
line-height: 18px;
margin-bottom: -3px;}

.flottante2 {
padding-left: 17px;
float: left;
width: 356px;
text-align: left;
text-indent: 0px;}

.intro-cv {
padding-left: 26px; 
color: rgb(78,78,78); 
text-align: left;
text-indent: 17px;}

.bleu-titre {
color: rgb(0,115,185);
font-variant: small-caps;
font-size: 13.6px;
position: relative; bottom: -5px;}

.gris {
color: rgb(78,78,78);}

.legende {
font-style: italic;
position: relative; bottom: -5px;}

.legende-liens {
font-style: italic;
text-align: left;
position: relative; 
bottom: -5px;}

.legende-icone {
color: rgb(128,128,128); 
padding-left: 17px; 
font-size: .9em; 
position: relative; 
top: -3px;}

.vignette {
width: 170px; 
height: 230px; 
text-indent: 0px; 
float: left;
margin-right: 30px;}

.rea {
font-size: 10px;
line-height: 16px;
color: rgb(78,78,78);
text-align: left;
margin-top: 4px;
margin-bottom: 20px;
padding-left: 3px;}

.rea-base {
position: relative; 
bottom: -5px; 
color: rgb(50,100,185);}

.rea-base a:hover {
color: #ff0000;}

.rea-vert {
font-size: 10px;
line-height: 16px;
color: rgb(78,78,78);
text-align: left;
margin-top: 4px;
margin-bottom: 20px;}

.main-center2 {
width: 570px;
position: absolute;
margin-left: 33%;}

/*pages détails réalisations*/

.trame {
position: absolute; 
bottom: 120px; 
left: 0px;}

.baseline {
position: absolute; 
bottom: 9px; 
text-align: left;
font-size: 11px;
margin-left: 17px;}

.année {
color: rgb(50,100,185);
font-weight: bold;}

.metawill {
color: rgb(255,100,0);
font-weight: bold;}

#rea-conteneur {
position: absolute;
margin-left: 15%;
margin-top: 9%;
width: 730px;
height: 410px;}

#rea-conteneur2 {
position: absolute;
z-index: 1;
margin-left: 10%;
margin-top: 3.5%;
width: 554px;
height: 661px;}

#rea-conteneur3 {
position: absolute;
margin-left: 10%;
margin-top: 4.5%;
width: 820px;
height: 472px;}

.image {
position: relative; 
float: left;}

.navig {
padding-top: 282px;
float: left;}

.description {
position: absolute;
font-size: .75em;
text-align: left; 
text-indent: 17px;
line-height: 1.8em;}

.liens-part {
border-bottom: #00ff00 dotted thin; 
padding-bottom: 3px; 
margin-top: 0px;
color: rgb(0,178,0); 
font-variant: small-caps; 
font-size: 13.6px;
font-weight: bold;}

.vtxt-accueil {
margin-top: 33px; 
padding-left: 12px;}

.spir-accueil {
padding-left: 12px;}

.hiddenPic {display:none;}