body {margin:0; padding:0; background-color:#104454; font-family:verdana, sans-serif}
.arr_plan {background-image:url(images/motif_fond2.gif); background-repeat:no-repeat}

/* Liens */
 a:link {font-size:10px; color:#FF3600; text-decoration:none; font-weight:bold}
 a:visited {font-size:10px; color:#FF3600; text-decoration:none; font-weight:bold}
 a:hover {font-size:10px; color:#ffffff; text-decoration:none; font-weight:bold}
 a:active {font-size:10px; color:#ffffff; text-decoration:none; font-weight:bold}

/* Page_Accueil */
.conteneur {position:absolute; 
width:750px; 
height:520px; 
left:50%;
/* hack pour IE MAC \*/ 
top:50%; 
margin-top:-260px;
/* fin hack pour IE MAC */
margin-left:-375px; 
margin-right:-375px}
.accueil {position:absolute; width:750px; height:520px}
.infographiste1 {position:absolute; top:195px; left:323px; height:20px; width:150px; z-index:2;
color:#ffffff; font-size:10px; line-height:16px; text-align:center}
.descriptif {position:absolute; width:170px; height:40px; margin-top:265px; margin-left:370px;
font-size:13px; color:#ffffff; line-height:18px; text-align:right}
.entrez {position:absolute; width:77px; height:60px; margin-top:456px; margin-left:465px;
font-size:11px; color:#ffffff; text-align:right}
   /* div.entrez a:link, div.entrez a:visited {color:#FFA488}
   div.entrez a:hover, div.entrez a:active {color:#ffffff} */
.copyright {position:absolute; width:300px; height:20px; margin-top:522px; margin-left:199px;
font-size:55%; color:#ffffff; text-align:left}
.version {font-size:9px; font-weight:normal}

/* Page_Flash */
.cont2 {position:absolute; 
width:750px; 
height:520px; 
left:50%;
/* hack pour IE MAC \*/ 
top:50%; 
margin-top:-260px;
/* fin hack pour IE MAC */
margin-left:-375px; margin-right:-375px; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px; line-height:11pt; color:#ffffff}

/* Page_Accueil avec animation */
.cont3 {position:absolute; 
width:750px; 
height:520px; 
left:50%;
/* hack pour IE MAC \*/ 
top:50%; 
margin-top:-260px;
/* fin hack pour IE MAC */
margin-left:-375px; margin-right:-375px; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px; line-height:11pt; color:#ffffff; /* background-color:#208198 */}
.entrez2 {position:absolute; width:210px; height:10px; margin-top:490px; margin-left:280px;
font-size:11px; color:#ffffff; text-align:right}
.logo {position:absolute; width:160px; height:90px; margin-top:430px; margin-left:0px;
				font-size:11px; color:#ffffff; background-image:url(images/logo.gif)}
.nom {margin-top:8px; margin-left:50px; font-size:12px; letter-spacing:1pt; font-style:italic; font-weight:bold; line-height:18px}
.creation {position:absolute; width:200px; height:10px; margin-top:490px; margin-left:115px; font-size:11px; color:#ffffff}

/* Page_CV */
.cont {position:absolute; width:750px; left:50%; top:3%; margin-left:-375px; margin-right:-375px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:11pt; color:#ffffff}
.contenu {float:right; width:668px; line-height:16px; background-image:url(images/central.jpg); height:260px} /* height:385px */
   div.contenu a:link, div.contenu a:visited {color:#FFA488}
   div.contenu a:hover, div.contenu a:active {color:#ffffff}
   div.contenu a.courant:link,div.contenu a.courant:visited,div.contenu a.courant:hover,div.contenu
a.courant:active {color:#ffffff}
a img {border: none}

.titre {width:165px; font-size:13px; font-weight:bold; letter-spacing:1pt; text-align:right; margin-left:15px;
margin-top:0px; margin-bottom:10px; padding-bottom:4px; border-bottom-style:solid;
border-bottom-width:1px; border-bottom-color:#208198}/* background-color:#208198; width:255px */
h2 {width:280px; font-size:11px; font-weight:bold; letter-spacing:0pt; text-align:center; margin-top:10px;
margin-bottom:9px; padding-bottom:2px; border-bottom-style:solid; border-bottom-width:1px;
border-bottom-color:#208198}
p {padding:0px; margin:0px}
.hautfixe {height:304px; margin-bottom:6px; overflow:auto}

.gche {float:left; width:180px; height:260px}/* ; background-color:#858585; width:255px; height:304px; margin-bottom:6px; padding-left:30px */
.dt {float:right; width:310px; height:260px}/* height:304px; margin-bottom:6px; padding-right:20px */
.dt2 {float:right; width:310px; height:260px}/* height:304px; margin-bottom:6px; */
  div.gche p {margin-left:15px; margin-top:12px; width:165px}/*  */
  div.dt p {width:280px; margin-top:10px; }/* margin-top:9px */
  div.dt2 p {width:280px; margin-bottom:10px}
  div.gche h2 {margin-left:10px; width:180px}
h3 {width:280px; padding-top:6px; padding-bottom:6px; font-size:15px; font-weight:normal; margin-top:0px; margin-bottom:15px;
text-align:center; border-bottom-style:solid;
border-bottom-width:1px; border-bottom-color:#208198} /* background-color:#208198;  */
.ascenseur {width:300px; height:200px; overflow:auto}
.contacts {padding-left:30px; float:left; width:285px; text-align:center}
/* hr {width:438px; color:#ffffff; background-color:#ffffff; height:1px; border:0} */

/* Page_Portfolio */
.menu {float:left; margin-left:0px; margin-top:4px; width:80px; font-size:9px; text-align:center;
border-style:solid; border-width:1px; border-color:#208198} /* position:absolute;
left:45px; top:176px; width:80px; font-size:9px; text-align:center; border-style:dotted;
border-width:1px; border-color:#FFffff; padding-bottom:15px; background-color:#6EA0B3 */
.margebas {padding-bottom:0px; margin-bottom:4px; /*background-color:#208198; border-bottom-style:dotted;
border-bottom-width:1px; border-bottom-color:#208198; */ border-top-style:solid;
border-top-width:2px; border-top-color:#208198}
.vignette1 {height:30px; width:30px; border:none; margin-top:8px; margin-bottom:8px}
.vignette {height:30px; width:30px; border:none; margin-top:8px; margin-left:11px; margin-bottom:8px}
.real {position:absolute; right:0px; top:0px; height:424px; width:380px; margin-right:9px; background-image:url(images/fond_real.gif); background-repeat:no-repeat /* ; background-color:#6EA0B3 */}
    div.real p {font-size:10px; line-height:11pt; width:155px; margin-top:5px; padding-bottom:4px; border-bottom-style:solid;
border-bottom-width:1px; border-bottom-color:#208198}/* background-color:#858585; */
.media {width:370px; margin-left:5px; margin-top:12px; border-style:solid; border-width:1px; border-color:#208198}
.media_inter {text-align:center; border-style:solid; border-width:1px; border-color:#208198; padding:20px; margin-left:20px; margin-right:20px; margin-bottom:40px; margin-top:40px}
.legende {width:340px; margin-left:20px} /*; background-color:#000000*/
.p1 {float:left}
.p2 {float:right}
/* .legende {float:right; width:130px; background-color:#858585) */

.v_internet {float:right; width:80px; height:80px; margin-left:50px; margin-bottom:9px}
/* .inter_gche {float:left; width:280px; margin-left:0px; margin-top:0px; margin-bottom:25px;
padding-bottom:10px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#208198}
.inter_dt {float:right; width:160px; margin-right:15px} */

/* Page_Contacts */
.tabform {float:left; height:150px; width:285px; text-align:right; border:none}
.titreform {text-align:left; font-family:verdana, sans-serif; font-size:10px; color:#ffffff}
.champ1 {width:180px; background-color:#ffffff; border:1px solid #208198}
.champ2 {width:180px; height:70px; background-color:#ffffff; border:1px solid #208198; font-family:verdana, sans-serif; font-size:11px} 
.boutform {width:80px; background-color:#208198; border:1px solid #6EA0B3; font-family: Verdana, sans-serif; font-size:10px; color:#FFA488; font-weight:bold}

.popup {background-color:#104454; font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align:center}
.message {margin-top:20px; margin-bottom:20px; font-size:12px; font-weight:bold}
.erreur {margin-top:10px; font-size:11px}
ul.erreur li {margin-top:10px}

/* Scrollbar */
div {scrollbar-base-color:#6EA0B3; scrollbar-arrow-color:#FA6633; scrollbar-darkshadow-color:#6EA0B3}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 4em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: normal;
font-family: /* Trebuchet MS, Georgia, Verdana,*/Times New Roman, Times, serif;
color: #FFffff;
  /* border: 1px solid #208198; background-color: #208198; définition d'une bordure autour de la lettrine*/ 
margin-top: 0px;
margin-right: 2px;
padding-right: 4px;
line-height: 1em;
}

.lettrine2 {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 2.6em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: normal;
font-family: /* Trebuchet MS, Georgia, Verdana,*/Times New Roman, Times, serif;
color: #FFffff;
  /* border: 1px solid #208198; background-color: #208198; définition d'une bordure autour de la lettrine*/ 
margin-top: 0px;
margin-right: 1px;
padding-right: 2px;
line-height: 1em;
}