/* CSS Document */

/* TOUS */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/fondhaut.gif);
background-position:10px 243px;
background-repeat:repeat-x;
background-color:#FFFFFF;
width:100%;
margin-top:0;
border-width:0px; 
scrollbar-face-color :#FFFFFF; 
scrollbar-shadow-color:#bc31d4; 
scrollbar-3dlight-color:#bc31d4;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#bc31d4;
margin : 0px;
}  

.orange {color:#ff9400; text-decoration:none; font-size:14px;} 
.violet {color:#bc31d4; text-decoration:none;} 
.titre_rouge {color:#ff0000; font-size:14px; text-decoration:none; } 
.titre_orange {color:#ff9400; font-size:13px; text-decoration:none; }
.lien {color:#e9523c; text-decoration:underline;} 
.lien:hover {color:#ff0000; text-decoration:underline;}
.texte {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
.souligne {text-decoration:underline;}

a {
color:#000000;
}

a:hover {
color:#00a5b8;
}

img {
border:0;
}

img a{
border:0;
}

.centre {
width:762px;
position:absolute;
left:50%; 
margin-left:-381px; /* moitié de la largeur */
}

.validation {
position:absolute;
margin-top:20px;
margin-left:20px;
}

.top {
width:762px;
height:256px;
background-position:center;
background-repeat:no-repeat;
}

.menu {
width:762px;
height:30px;
list-style-type:none;
margin:0;
margin-bottom:-3px;
padding:0;
}

.menu li {
display:inline;
float:left;
}

.frame {
border-width:0px; 
scrollbar-face-color :#FFFFFF; 
scrollbar-shadow-color:#bc31d4; 
scrollbar-3dlight-color:#bc31d4;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#bc31d4;
margin : 0px;
}


/* INDEX */	/* INDEX */	/* INDEX */	/* INDEX */	/* INDEX */	/* INDEX */

.contenuindex {
position:absolute;
width:762px;
height:650px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
text-align:justify;
color:#000000; 
text-decoration:none;
}

.interieur {
width:680px;
height:600px;
margin-left:45px;
margin-right:45px;
margin-top:20px;
} 

.intro {
background:url(../images/accueil_haut.gif) no-repeat;
width:680px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.introtexte {
width:510px;
padding:10px 0 0 100px;
text-align:left;
}

.reseaux {
width:510px;
margin-left:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.reseaux img {
margin-top:5px;
}

.red {
color:#FF0000;
text-align:center;
}

.orange {
color:#FF6600;
text-align:center;
}


/* CV */	/* CV */	/* CV */	/* CV */	/* CV */	/* CV */

.contenucv {
position:absolute;
width:762px;
height:1300px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
line-height:14px;
color:#000000; 
text-decoration:none;
}

.interieur_cv {
float:left;
width:680px;
height:1290px;
margin-top:10px;
margin-left:30px;
background-image:url(../images/fondcv.gif);
background-repeat:no-repeat;
position:absolute;
}

.formation {
float:left;
margin-top:60px;
margin-left:25px;
position:absolute;
}

.competences {
float:left;
margin-top:240px;
margin-left:410px;
position:absolute;
}

.experience {
float:left;
margin-top:380px;
margin-left:60px;
width:310px;
position:absolute;
text-align:justify;
}

.interet {
float:left;
margin-top:60px;
margin-left:370px;
position:absolute;
}

.telechargez {
float:left;
margin-top:560px;
margin-left:518px;
position:absolute;
text-align:center;
}


/* CONTACT */	/* CONTACT */	/* CONTACT */	/* CONTACT */	/* CONTACT */	

.contenucontact {
position:absolute;
width:762px;
height:600px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
text-align:justify;
color:#000000; 
text-decoration:none;
}

.interieur_contact {
float:left;
width:680px;
height:400px;
margin-top:10px;
margin-left:20px;
text-align:center;
background-image:url(../images/fondcontact.gif);
}

.interieur_contact form {
width:500px;
margin-right:100px;
}

.interieur_contact form div {
clear:both;
}

.interieur_contact form span {
float:left;
text-align:right;
width:200px;
margin-right:10px;
}

.interieur_contact form input {
width:180px;
}

.interieur_contact form input[type=radio] {
width:auto;
}

.interieur_contact form textarea {
width:180px;
}


/* REALISATIONS */	/* REALISATIONS */	/* REALISATIONS */	/* REALISATIONS */	/* REALISATIONS */

.contenurealisations {
position:absolute;
width:762px;
height:1010px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
}

.interieur_realisations {
float:left;
width:660px;
height:960px;
padding-top:7px;
padding-left:30px;
}


/* PRIVE */	/* PRIVE */	/* PRIVE */	/* PRIVE */	/* PRIVE */	/* PRIVE */	/* PRIVE */

.contenuprive {
position:absolute;
width:762px;
height:600px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
text-align:justify;
color:#000000; 
text-decoration:none;
}

.interieur_prive {
float:left;
width:680px;
height:420px;
margin-top:10px;
margin-left:30px;
text-align:left;
background-image:url(../images/fondprive.gif);
}

.retour {
margin-top:-30px;
margin-left:550px;
}


/* AMITIE */	/* AMITIE */	/* AMITIE */	/* AMITIE */	/* AMITIE */	/* AMITIE */	/* AMITIE */

.contenuamitie {
position:absolute;
width:762px;
height:600px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
text-align:justify;
color:#000000; 
text-decoration:none;
}

.interieur_amitie {
float:left;
width:700px;
height:319px;
margin-top:10px;
margin-left:20px;
text-align:left;
background-image:url(../images/fondamitie.png);
}

.amitie {
float:left;
margin:0px;
vertical-align:top;
}

.menuamitie1, .menuamitie2, .menuamitie3 {
margin-top:0px;
margin-left:0px;
position:absolute;
}

/* PHOTOS */	/* PHOTOS */	/* PHOTOS */	/* PHOTOS */	/* PHOTOS */	/* PHOTOS */

.contenuphotos {
position:absolute;
width:762px;
height:1200px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
text-align:justify;
color:#000000; 
text-decoration:none;
}

.interieur_photos {
float:left;
width:680px;
height:1180px;
margin-top:10px;
margin-left:30px;
text-align:left;
background-image:url(../images/fondrien.gif);
}

.photoens {
width:630px;
margin-left:20px;
}

.photo {
margin:5px;
text-align:center;
float:left;
display:inline;
}

.photo a {
color:#bc31d4;
text-decoration:none;
}

.photo a:hover {
color:#ff0000; text-decoration:none;
}


/* UNIVERS */	/* UNIVERS */	/* UNIVERS */	/* UNIVERS */	/* UNIVERS */	/* UNIVERS */

.contenuuniv {
position:absolute;
width:762px;
height:810px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
text-align:justify;
color:#000000; 
text-decoration:none;
}

.interieur_univ {
float:left;
width:680px;
height:800px;
margin-top:10px;
margin-left:30px;
text-align:left;
background-image:url(../images/fondunivers.gif);
background-repeat:no-repeat;
position:absolute;
}

.photographes {
float:left;
line-height:20px;
padding-left:230px;
padding-top:13px;
position:absolute;
}

.graphistes {
float:left;
line-height:20px;
padding-top:553px;
padding-left:303px;
text-align:right;
position:absolute;
}

/* LIENS */	/* LIENS */	/* LIENS */	/* LIENS */	/* LIENS */	/* LIENS */	/* LIENS */	/* LIENS */

.contenuliens {
position:absolute;
width:762px;
height:750px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
text-align:justify;
color:#000000; 
text-decoration:none;
}

.interieur_liens {
float:left;
width:680px;
height:720px;
margin-top:10px;
margin-left:40px;
text-align:left;
background-image:url(../images/fondliens.gif);
position:absolute;
}

.blogs {
position:absolute;
margin-top:25px;
margin-left:30px;
float:left;
width:350px;
}

.blogs ul {
list-style-image:url(../images/puce.gif);
margin:0;
padding:0;
}

.blogs li {
margin:10px;
}

.blogs a {
color:#bc31d4;
}

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

.illustrateurs {
position:absolute;
margin-top:85px;
margin-left:425px;
float:left;
width:350px;
}

.illustrateurs ul {
list-style-image:url(../images/puce2.gif);
margin:0;
padding:0;
}

.illustrateurs li {
margin:10px;
}

.illustrateurs a {
color:#ff9400;
}

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

.podcasts {
position:absolute;
margin-top:420px;
margin-left:50px;
float:left;
width:350px;
}

.podcasts ul {
list-style-image:url(../images/puce3.gif);
margin:0;
padding:0;
}

.podcasts li {
margin:10px;
}

.podcasts a {
color:#000000;
}

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


/* LIVRE */	/* LIVRE */	/* LIVRE */	/* LIVRE */	/* LIVRE */

.contenulivre {
position:absolute;
width:762px;
height:800px;
background-image:url(../images/fond.gif);
background-repeat:repeat-y;
font-size:11px; 
text-align:justify;
color:#000000; 
text-decoration:none;
}

.interieur_livre {
float:left;
width:680px;
height:750px;
margin-top:10px;
margin-left:30px;
text-align:left;
background-color:#FFFFFF;
}

.livre {
width:600px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.mail {
background-image:url(../images/rayures.gif);
padding:10px;
}

.mail a {
color:#ff9400;
}

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

.message {
padding:10px;
}


/* MISE EN PLACE TEXTE */	/* MISE EN PLACE TEXTE */	/* MISE EN PLACE TEXTE */	/* MISE EN PLACE TEXTE */

.bloctexteT1 {
margin-top:22px;
text-valign:top;
margin-bottom:0;
position:absolute;
}

.bloctexteT2 {
margin-top:10px;
margin-right:10px;
margin-bottom:0;
text-align:center;
}

.blochidden {
filter:alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
-khtml-opacity: 0;
font-size:1px;
color:#FFFFFF;
width:1px;
height:1px;
}

.blocimage {
float:left;
margin-right:15px;
margin-top:15px;
}

.blocdiapo {
float:left;
margin-right:10px;
margin-left:0;
margin-top:0;
}


/* FOND GRIS */	/* FOND GRIS */	/* FOND GRIS */	/* FOND GRIS */	/* FOND GRIS */	/* FOND GRIS */

.fondgris440 {
position:absolute;
float:left;
padding:10px;
width:440px;
height:105px;
margin-left:0px;
margin-right:10px;
margin-top:20px;
margin-bottom:30px;
background-image:url(../images/rayures.gif);
background-repeat:repeat;
}

.fondgris170 {
position:absolute;
float:left;
padding:10px;
width:170px;
height:105px;
margin-left:490px;
margin-right:20px;
margin-top:20px;
margin-bottom:30px;
background-image:url(../images/rayures.gif);
background-repeat:repeat;
}

.fondgris250 {
float:left;
padding:10px;
width:250px;
height:105px;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:30px;
background-image:url(../images/rayures.gif);
background-repeat:repeat;
}

.fondgris280 {
float:left;
padding:10px;
width:280px;
height:100px;
margin-right:20px;
margin-top:20px;
margin-bottom:30px;
background-image:url(../images/rayures.gif);
background-repeat:repeat;
}

.fondgris2802 {
float:left;
padding:10px;
width:280px;
height:40px;
margin-right:20px;
margin-top:5px;
background-image:url(../images/rayures.gif);
background-repeat:repeat;
text-align:center;
}