/* CSS Document */

body{
margin:30px 0 0 0;
padding:0 0 0 0;
background-image:url(../graphisme/fonds/fond-diago.jpg);
background-repeat:repeat-x;
background-position:left top;
background-color:#A7D5ED;
color:#9A9A9A;
font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

/*////////////////////////  TEXTES  ////////////////////////*/

.orange{
color:#FF9900;
font-style:normal;
text-decoration:none;
}

/* bleu italique = anglais */
.anglais{
color:#318FBB/*57A5CB*/;
font-style:normal;
text-decoration:none;
}

a.anglais:link {text-decoration:underline;}
a.anglais:visited {text-decoration:underline;}
a.anglais:hover {text-decoration:underline; color:#EDA31C;}
a.anglais:active {text-decoration:underline; color:#EDA31C;}
a.anglais:focus {text-decoration:underline; color:#EDA31C;}

/* vert = francais */
.francais{
color:#95AA6B/*A4B87B*/;
font-style:normal;
text-decoration:none;
}

a.francais:link {text-decoration:underline;}
a.francais:visited {text-decoration:underline;}
a.francais:hover {text-decoration:underline; color:#EDA31C;}
a.francais:active {text-decoration:underline; color:#EDA31C;}
a.francais:focus {text-decoration:underline; color:#EDA31C;}

.copyright{
font-size:9px;
color:#9A9A9A;
text-decoration:none;
}

.copyright:link {text-decoration:none; color:#9A9A9A;}
.copyright:visited {text-decoration:none; color:#9A9A9A;}
.copyright:hover {text-decoration:none; color:#EDA31C;}
.copyright:active {text-decoration:none; color:#EDA31C;}
.copyright:focus {text-decoration:none; color:#EDA31C;}

.texte-gris{
font-size:11px;
color:#9A9A9A;
text-decoration:none;
}

a.texte-gris:link {text-decoration:none;}
a.texte-gris:visited {text-decoration:none;}
a.texte-gris:hover {text-decoration:none; color:#EDA31C;}
a.texte-gris:active {text-decoration:none; color:#EDA31C;}
a.texte-gris:focus {text-decoration:none; color:#EDA31C;}

span.separateur{
color:#CCCCCC;
line-height:10px;
padding:-5px 0 -5px 0;
}

/*////////////////////////////////////////////////////////////*/

/*/////////////////////////  IMAGES  /////////////////////////*/
.nodisplay{
display:none;
}

/*////////////////////////////////////////////////////////////*/


/*//////////////////////////  DIVS  //////////////////////////*/

/*      /////////////////  CONSTANTS  /////////////////      */

#conteneur {
text-align: center;
height:700px;
}

#top{
background-image:url(../graphisme/fonds/fond-top.gif);
background-repeat:no-repeat;
height:105px;
margin:0 auto -15px auto;
padding-bottom:25px;
width: 722px;
text-align: left;
}

#menu{
margin-left:305px;
padding-top:15px;
}

#copyright{
font-size:9px;
padding-left:370px;
margin-top:-5px;
}


/*////////  PICTOS MENU  ////////////*/

a.accueil{
	display:block;
	width:73px;
	height:73px;
	background-image:url(../graphisme/pictos-menu/accueil.gif);
	background-repeat:no-repeat;
	}
a.accueil:hover{
	width:73px;
	height:73px;
	background-position:0 -73px;
	}
.accueil-hover{
	background-image:url(../graphisme/pictos-menu/accueil_roll.gif);
	background-repeat:no-repeat;
	display:block;
	width:73px;
	height:73px;
	}
	
a.portfolio{
	display:block;
	width:73px;
	height:73px;
	margin:-73px 0 0 80px;
	background-image:url(../graphisme/pictos-menu/portfolio.gif);
	background-repeat:no-repeat;
	}
a.portfolio:hover{
	width:73px;
	height:73px;
	background-position:0 -73px;
	}
.portfolio-hover{
	display:block;
	width:73px;
	height:73px;
	margin:-73px 0 0 80px;
	background-image:url(../graphisme/pictos-menu/portfolio_roll.gif);
	background-repeat:no-repeat;
	}

a.cv{
	display:block;
	width:73px;
	height:73px;
	margin:-73px 0 0 160px;
	background-image:url(../graphisme/pictos-menu/cv.gif);
	background-repeat:no-repeat;
	}
a.cv:hover{
	width:73px;
	height:73px;
	background-position:0 -73px;
	}
.cv-hover{
	display:block;
	width:73px;
	height:73px;
	margin:-73px 0 0 160px;
	background-image:url(../graphisme/pictos-menu/cv_roll.gif);
	background-repeat:no-repeat;
	}
	
a.contact{
	display:block;
	width:73px;
	height:73px;
	margin:-73px 0 0 240px;
	background-image:url(../graphisme/pictos-menu/contact.gif);
	background-repeat:no-repeat;
	}
a.contact:hover{
	width:73px;
	height:73px;
	background-position:0 -73px;
	}
a.contact-hover{
	display:block;
	width:73px;
	height:73px;
	margin:-73px 0 0 240px;
	background-image:url(../graphisme/pictos-menu/contact_roll.gif);
	background-repeat:no-repeat;
	}
	
a.liens{
	display:block;
	width:73px;
	height:73px;
	margin:-73px 0 0 320px;
	background-image:url(../graphisme/pictos-menu/liens.gif);
	background-repeat:no-repeat;
	}
a.liens:hover{
	width:73px;
	height:73px;
	background-position:0 -73px;
	}
.liens-hover{
	display:block;
	width:73px;
	height:73px;
	margin:-73px 0 0 320px;
	background-image:url(../graphisme/pictos-menu/liens_roll.gif);
	background-repeat:no-repeat;
	}
	

/*      ///////////////////////////////////  ERREUR 404  //////////////////////////////////////      */

#zone404{
background-image:url(../graphisme/fonds/fond-404.gif);
background-repeat:no-repeat;
width:722px;
height:375px;
margin-left:auto;
margin-right:auto;
text-align:left;
}


#cadre-anglais2{
width:152px;
text-align:justify;
position:absolute;
margin-left:195px;
margin-top:130px;
color:#318FBB/*57A5CB*/;
font-style:normal;
text-decoration:none;
line-height:14px;
}


/*      ///////////////////////////////////  ACCUEIL  //////////////////////////////////////      */

#accueil{
background-image:url(../graphisme/fonds/fond-accueil.gif);
background-repeat:no-repeat;
width:722px;
height:375px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#maj{
width:130px;
height:50px;
text-align:right;
margin-top:50px;
margin-left:25px;
position:absolute;
}

#liens{
width:130px;
text-align:right;
position:absolute;
margin-left:25px;
margin-top:210px;
padding-top:18px;
background-image:url(../graphisme/fonds/sites-amis.gif);
background-repeat:no-repeat;
background-position:top right;
/*margin-bottom:360px;
bottom:0;*/
}

#kobone{
width:77px;
height:32px;
text-align:center;
position:absolute;
margin-left:163px;
margin-top:309px;
padding-top:18px;
}

#cadre-anglais{
width:158px;
text-align:justify;
position:absolute;
margin-left:190px;
margin-top:120px;
color:#318FBB/*57A5CB*/;
font-style:normal;
text-decoration:none;
line-height:14px;
}

#cadre-francais{
width:155px;
text-align:justify;
position:absolute;
margin-left:533px;
margin-top:65px;
color:#95AA6B/*A4B87B*/;
font-style:normal;
text-decoration:none;
line-height:14px;
}

a.firefox, a.firefox:link, a.firefox:visited{
	display:block;
	position:absolute;
	width:67px;
	height:28px;
	margin:328px 0 0 22px;
	background-image:url(../graphisme/pictos-liens/firefox.gif);
	background-repeat:no-repeat;
	}
a.firefox:hover, a.firefox:active, a.firefox:focus{
	width:67px;
	height:28px;
	background-position:0 -28px;
	}

a.w3c{
	display:block;
	position:absolute;
	width:67px;
	height:28px;
	margin:328px 0 0 92px;
	background-image:url(../graphisme/pictos-liens/w3c.gif);
	background-repeat:no-repeat;
	}
a.w3c:hover{
	width:67px;
	height:28px;
	background-position:0 -28px;
	}
	
	
/*      /////////////////////////////////////  CV  //////////////////////////////////      */

/* PARTIE COMMUNE A TOUS : LA COLONE DE GAUCHE*/
#cv-gauche{
background-image:url(../graphisme/fonds/fond-cv-gauche.gif);
background-repeat:no-repeat;
background-position:top left;
width:722px;
height:485px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#identite{
padding:0 0 0 0;
margin:30px 20px 0 37px;
width:230px;
height:127px;
text-align:right;
position:absolute;
/*background-color:#0000CC;*/
}

#details{
padding:0 0 0 0;
margin:218px 30px 0 37px;
width:230px;
height:86px;
text-align:left;
position:absolute;
/*background-color:#FF00CC;*/
}

a.formation{
	margin:0 0 0 85px;
	padding:0 0 0 0;
	position:relative;
	display:block;
	width:147px;
	height:25px;
	background-image:url(../graphisme/pictos-cv/formation.gif);
	background-repeat:no-repeat;
	}
a.formation:hover{
	width:147px;
	height:25px;
	background-position:0 -25px;
	}
	
a.experience{
	margin:7px 0 7px 66px;
	padding:0 0 0 0;
	position:relative;
	display:block;
	width:166px;
	height:25px;
	background-image:url(../graphisme/pictos-cv/experience.gif);
	background-repeat:no-repeat;
	}
a.experience:hover{
	width:166px;
	height:25px;
	background-position:0 -25px;
	}
	
a.competences{
	margin:0 0 0 102px;
	padding:0 0 0 0;
	position:relative;
	display:block;
	width:130px;
	height:25px;
	background-image:url(../graphisme/pictos-cv/competences.gif);
	background-repeat:no-repeat;
	}
a.competences:hover{
	width:147px;
	height:25px;
	background-position:0 -25px;
	}

#pdf{
padding:0 0 0 0;
margin:364px 30px 0 37px;
width:230px;
height:92px;
text-align:left;
position:absolute;
/*background-color:#00FFCC;*/
}

a.telecharger-cv{
	margin:30px 0 0 165px;
	padding:0 0 0 0;
	position:relative;
	display:block;
	width:61px;
	height:52px;
	background-image:url(../graphisme/pictos-cv/telecharger-cv.gif);
	background-repeat:no-repeat;
	}
a.telecharger-cv:hover{
	width:61px;
	height:52px;
	background-position:0 -52px;
	}

a.download-cv{
	margin:-35px 0 0 38px;
	padding:0 0 0 0;
	position:relative;
	display:block;
	width:61px;
	height:58px;
	background-image:url(../graphisme/pictos-cv/download-cv.gif);
	background-repeat:no-repeat;
	}
a.download-cv:hover{
	width:61px;
	height:58px;
	background-position:0 -58px;
	}


/* PARTIE FORMATION */

#formation{
width:425px;
height:485px;
background-image:url(../graphisme/fonds/fond-formation.gif);
background-repeat:no-repeat;
background-position:top left;
text-align:left;
position:absolute;
padding:0 0 0 0;
margin:0 0 0 297px;
}

#texte-formation{
padding:0 0 0 0;
margin:30px 30px 0 37px;
width:357px;
height:177px;
text-align:right;
position:absolute;
line-height:12px;
/*background-color:#FFBBCC;*/
}

#texte-projets{
padding:0 0 0 0;
margin:268px 30px 0 37px;
width:357px;
height:137px;
text-align:right;
position:absolute;
line-height:12px;
/*background-color:#22F5CC;*/
}

/* PARTIE EXPERIENCES */

#experiences{
width:425px;
height:485px;
background-image:url(../graphisme/fonds/fond-experiences.gif);
background-repeat:no-repeat;
background-position:top left;
text-align:left;
position:absolute;
padding:0 0 0 0;
margin:0 0 0 297px;
}

#texte-experiences{
padding:0 0 0 0;
margin:30px 30px 0 29px;
width:367px;
height:350px;
text-align:right;
position:absolute;
line-height:12px;
/*background-color:#FFBBCC;*/
}

/* PARTIE COMPETENCES */

#competences{
width:425px;
height:485px;
background-image:url(../graphisme/fonds/fond-competences.gif);
background-repeat:no-repeat;
background-position:top left;
text-align:left;
position:absolute;
padding:0 0 0 0;
margin:0 0 0 297px;
}

#texte-competences{
padding:0 0 0 0;
margin:30px 30px 0 37px;
width:357px;
height:350px;
text-align:right;
position:absolute;
line-height:14px;
/*background-color:#FFBBCC;*/
}


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

#contact{
background-image:url(../graphisme/fonds/fond-contact.gif);
background-repeat:no-repeat;
width:722px;
height:375px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#formulaire{
width:375px;
text-align:left;
position:absolute;
margin-left:310px;/*300px*/;
margin-top:45px/*40px*/;
}

#merci{
width:375px;
text-align:center;
position:absolute;
margin-left:300px;
margin-top:80px;
}

#coordonnees{
width:165px;
text-align:left;
position:absolute;
margin-left:25px;
margin-top:110px;
padding-top:30px;
background-image:url(../graphisme/fonds/isabelle-biamonti.gif);
background-position:top left;
background-repeat:no-repeat;
}

.icones{
padding-right:10px;
}

.btenvoyer{
background-image: url(../graphisme/pictos-navigation/envoyer.gif);
background-position: top left;
background-repeat: no-repeat;
background-color:#FFFFFF;
border:#FFFFFF 0px solid;
color:#CCCCCC;
width: 95px;
height: 31px;
cursor:pointer;
}

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

#annuaire{
background-image:url(../graphisme/fonds/fond-liens.gif);
background-repeat:no-repeat;
width:722px;
height:450px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#categories{
width:150px;
text-align:left;
position:absolute;
margin-left:240px;
margin-top:90px;
}

#contenu-categories{
width:270px;
text-align:left;
position:absolute;
margin-left:420px;
margin-top:40px;
}

#total-liens{
width:270px;
text-align:right;
position:absolute;
margin-left:430px;
margin-top:407px;
}

#inserer-lien{
width:165px;
text-align:left;
position:absolute;
margin-left:25px;
margin-top:/*110*/70px;
padding-top:30px;
}

/*      //////////////////////////////////////  PORTFOLIO //////////////////////////////////////      */

#portfolio{
background-image:url(../graphisme/fonds/fond_portfolio.gif);
background-repeat:no-repeat;
width:722px;
height:500px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#portfolio_accueil{
position:absolute;
text-align:justify;
color:#95AA6B/*A4B87B*/;
font-style:normal;
text-decoration:none;
margin:110px 0 0 238px;
width:443px;
height:200px;
line-height:12px;
padding:0 0 0 0;
}

#flechesintro{
background-image:url(../graphisme/fonds/fleches.gif);
background-repeat:no-repeat;
background-position:top left;
width:440px;
height:60px;
text-align:justify;
position:absolute;
margin:52px 0 0 228px;
}

#liens-onglets{
position:absolute;
margin:85px 0 0 215px;
width:480px;
height:85px;
line-height:12px;
}

/*//// LIENS SUR LES ONGLETS ///*/
a.webdesign{
	position:absolute;
	display:block;
	width:73px;
	height:25px;
	margin:-73px 0 0 0;
	}
a.gestion{
	position:absolute;
	display:block;
	width:115px;
	height:25px;
	margin:-73px 0 0 90px;
	}
a.pao{
	position:absolute;
	display:block;
	width:48px;
	height:25px;
	margin:-73px 0 0 218px;
	}
a.video{
	position:absolute;
	display:block;
	width:110px;
	height:25px;
	margin:-73px 0 0 280px;
	}
a.photo{
	position:absolute;
	display:block;
	width:85px;
	height:25px;
	margin:-73px 0 0 405px;
	}
	
/*/// ONGLETS ///*/
#onglet-webdesign{
	position:absolute;
	width:87px;
	height:27px;
	background-image:url(../graphisme/caches/webdesign.gif);
	background-repeat:no-repeat;
	margin-left:208px;
	margin-top:37px;
}
#onglet-gestion{
	position:absolute;
	width:132px;
	height:27px;
	background-image:url(../graphisme/caches/gestion-projet.gif);
	background-repeat:no-repeat;
	margin-left:295px;
	margin-top:37px;
}
#onglet-pao{
	position:absolute;
	width:59px;
	height:27px;
	background-image:url(../graphisme/caches/pao.gif);
	background-repeat:no-repeat;
	margin-left:428px;
	margin-top:37px;
}
#onglet-video{
	position:absolute;
	width:129px;
	height:28px;
	background-image:url(../graphisme/caches/video.gif);
	background-repeat:no-repeat;
	margin-left:486px;
	margin-top:37px;
}
#onglet-photo{
	position:absolute;
	width:96px;
	height:28px;
	background-image:url(../graphisme/caches/photographie.gif);
	background-repeat:no-repeat;
	margin-left:615px;
	margin-top:37px;
}

/*/// COLONE DE GAUCHE ///*/
#projets{
	width:175px;
	text-align:left;
	position:absolute;
	/*margin:100px 0 0 28px;*/
	margin:90px 0 0 25px;
	height:345px;
}

#derniersprojets{
	width:175px;
	text-align:left;
	position:absolute;
	/*margin:100px 0 0 28px;*/
	margin:90px 0 0 25px;
	height:345px;
}

.margetop{
margin-top:7px;
}

/*vignettes des projets*/
div.float {
 	float: left;
	padding:0 4px 4px 4px;
	margin:0 0 0 0;
	text-align:center;
	font-weight: normal; 
	color:#AAAAAA;
	font-size:9px;
 }

.bordminiatures{
border:#BBBBBB 1px solid;
}

/*
dl.gallery{
	width: 21px;
	text-align: center;
	padding: 1px;
	float: left;
	margin-right: 1em;
	margin-top:-4px;
}

.gallery dt { 
	font-weight: normal; 
	color:#CCCCCC; 
	margin-top:-7px;
	margin-left:-3px;
	font-size:9px;
}

.gallery dt img{
	border: 1px solid #CCCCCC;
	width: 21px;
	height: 21px;
}

.gallery dd{margin: 0; padding: 0;}
*/
/*      /////////////////////////////////////  GALERIES DANS LE PORTFOLIO  //////////////////////////////////////      */

/*
#intro{ //// INTRO v1 : juste du texte de présentation
width:410px;
height:350px;
text-align:justify;
position:absolute;
margin:80px 0 0 260px;
}
*/

#intro{ /* INTRO v2 : le mode d'emploi en fond de div*/
width:480px;
height:440px;
text-align:left;
position:absolute;
margin:55px 0 0 217px;
background-image:url(../graphisme/fonds/mode-emploi.gif);
background-repeat:no-repeat;
background-position:top left;
}

#portfolio_webdesign{
background-image:url(../graphisme/fonds/fond_portfolio_webdesign.gif);
background-repeat:no-repeat;
width:722px;
height:560px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#titre_projet{
font-size:12px;
color:#AAAAAA;
font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
border-bottom:#EEEEEE 1px solid;
text-align:left;
position:absolute;
width:452px;
margin:50px 0 0 235px;
}

#agrandi{
width:393px;
height:320px;
text-align:left;
position:absolute;
margin:65px 0 0 235px;
}

a.btdemo{
	position:relative;
	display:block;
	width:47px;
	height:28px;
	background-image:url(../graphisme/pictos-navigation/demo2.gif);
	background-repeat:no-repeat;
	}
a.btdemo:hover{
	width:47px;
	height:28px;
	background-position:0 -28px;
	}
	
/*
#commentaire{
position:absolute;
text-align:justify;
color:#95AA6B/*A4B87B*//*;
font-style:normal;
text-decoration:none;
margin:390px 0 0 238px;
width:443px;
height:70px;
line-height:12px;
}
*/

/* ///// EN COLONES ////
#commentairefr{
position:absolute;
text-align:left;
color:#95AA6B/*A4B87B*//*;
font-style:normal;
text-decoration:none;
margin:395px 0 0 238px;
width:215px;
height:90px;
line-height:12px;
border-right:#EEEEEE 1px solid;
}

#commentaireen{
position:absolute;
text-align:left;
color:#95AA6B/*A4B87B*//*;
font-style:normal;
text-decoration:none;
margin:395px 0 0 470px;
width:210px;
height:90px;
line-height:12px;
}
*/


#commentairesFrEn{
position:absolute;
text-align:justify;
color:#95AA6B/*A4B87B*/;
font-style:normal;
text-decoration:none;
margin:392px 0 0 232px;
width:455px;
height:140px;
line-height:12px;
}

#commentairefr{
position:absolute;
text-align:left;
color:#95AA6B/*A4B87B*/;
font-style:normal;
text-decoration:none;
margin:392px 0 0 238px;
width:440px;
height:70px;
line-height:12px;
}

#commentaireen{
position:absolute;
text-align:left;
color:#95AA6B/*A4B87B*/;
font-style:normal;
text-decoration:none;
margin:444px 0 0 238px;
width:440px;
height:70px;
line-height:12px;
}

p.francaisCom{
color:#95AA6B/*95AA6B/*A4B87B*/*/;
font-style:normal;
text-decoration:none;
line-height:12px;
margin:0 0 0 0;
padding:0 0 0 0;
}
p.anglaisCom{
color:#318FBB/*57A5CB*/;
font-style:normal;
text-decoration:none;
margin:5px 0 0 0;
padding:0 0 0 0;
line-height:12px;
}

#autres_maquettes{
position:absolute;
text-align:center;
width:45px;
height:305px;
margin:70px 0 0 635px;
}

#web{
position:absolute;
/*margin:344px 0 0 637px;*/
margin:344px 0 0 633px;
}

.images-numeros{
padding-bottom:5px;
}

a.precedent{
display:block;
position:absolute;
width:27px;
height:23px;
margin:522px 0 0 232px;
background-image:url(../graphisme/pictos-navigation/precedent.gif);
background-repeat:no-repeat;
background-position:top left;
}
a.precedent:hover{
width:27px;
height:23px;
background-position:0 -23px;
}

a.suivant{
display:block;
position:absolute;
width:27px;
height:23px;
margin:522px 0 0 660px;
padding:0 0 0 0;
background-image:url(../graphisme/pictos-navigation/suivant.gif);
background-repeat:no-repeat;
}

a.suivant:hover{
width:27px;
height:23px;
background-position:0 -23px;
}

#texte_precedent2{
position:absolute;
text-align:left;
font-size:12px;
color:#AAAAAA;
margin:527px 0 0 265px;
}
#texte_suivant2{
position:absolute;
font-size:12px;
text-align:right;
color:#AAAAAA;
margin:527px 0 0 635px;
}

#texte_precedent{
position:absolute;
text-align:left;
margin:527px 0 0 265px;
line-height:12px;
}
#texte_suivant{
position:absolute;
text-align:right;
margin:527px 0 0 565px;
line-height:12px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/



/*//////////////////////////  INPUTS   ///////////////////////////*/

#inserer-lien input.button{
background-color:	#FFFFFF;
border:1px solid #FFFFFF;
}
/*
#formulaire input.button{
border:1px solid #FFFFFF;
width:95px;
height:31px;
background-color: #FFFFFF;
background-image:url(../graphisme/pictos-navigation/envoyer.gif);
background-repeat:no-repeat;
color:#EEEEEE;
font-size:6px;
cursor:help;
}*/

.champstexte, #formulaire textarea, #inserer-lien input, #inserer-lien textarea {
border:3px solid #ECF0F4;
background-color:#ECF0F4;
font-size:11px;
font-family:"trebuchet ms",sans-serif;
color:#9A9A9A;
}

select, option {
border:2px solid #ECF0F4;
background-color:#ECF0F4;
font-size:11px;
font-family:"trebuchet ms",sans-serif;
color:#9A9A9A;
}

/*////////////////////////////////////////////////////////////*/