* {margin:0;padding:0;}
body {
	font-size:14px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background-color:#000;
	line-height:1.2em;
	color:#5D5D5B;
	}
.texte {
	font-size:14px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color:#5D5D5B;
	}
.center {
	text-align:center;
	}
.right {
	text-align:right;
	}
.left {
	text-align:left;
	}
.italique {
	font-style:italic;
	}
.justify {
	text-align:justify;
	}
.gras {
	font-weight:bold;
	}
.noir {
	color:#000;
	}
.cb {
	clear:both;
	}
.fl {
	float:left;
	}
.fr {
	float:right;
	}
.nonsouligne {
	border-bottom:0px;
	}
.souligne {
	text-decoration:underline;
	}
.pointeur {cursor:pointer;}
a { 
	color:#A33278;
	font-weight:bold;
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	color:#AC9940;
	}
a img {
	border-bottom-width:0px;
	}

.guillemet_o {background:url(../../images/guillemet_o.jpg) 0 1px no-repeat;padding:0px 12px;}
.guillemet_f {background:url(../../images/guillemet_f.jpg) 0 2px no-repeat;padding:0px 12px;}
.TexteRose { color:#E855A7;font-size:18px;line-height:1.3em;}
.TexteRose2 { color:#E855A7;}
.rose { color:#E855A7;}
h1 {
	background:url(../../images/h1.jpg) no-repeat;
	height:35px;padding-left:35px;margin:0 0 0 -30px ;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 24px; 
	font-weight: normal;	
}

h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	color:#E855A7;font-size:18px;line-height:1.3em;	
	font-weight: normal;margin:5px 0 8px 0px;	
}
h3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 16px; color:#A33278;
	font-weight:bold;margin:5px 0 20px 0;	
}

h4 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;margin:10px 0 10px 0px;	
}
/*-------------------------------formulaires ----------------------------------------*/
.formulaire {margin-left:50px;}
.colonne_label {
    float:left;text-align:right;
	margin:3px 20px 3px 0;
	width:140px;
}	
.colonne_field {
    float:left;
	margin:3px 0;
	font-weight:normal;	
}	
fieldset { 
	border:0px;
}
legend {
    margin:3px; 
	padding:0 0 0 10px;
}
 select{
	font-size:12px;
	font-family: "Trebuchet MS", Verdana, sans-serif;background-color:#F9EBF2;
	}	
 input{
	font-size:12px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	padding:2px 4px;background-color:#F9EBF2;
	}	

textarea {
	font-size:12px;
	margin:5px 0 10px 140px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	overflow:scroll;background-color:#F9EBF2;
	width:330px;
	}
#MessageErreur {
	text-align:center;font-weight:bold;
	}
.Erreur { color:#A33278; font-weight:bold;}
.boutonsubmit {
	width:97px;height:30px;display:block;border:0px;color:#fff;padding-top:9px;text-align:center;
	background:url(../../images/submit.jpg) 0 0 no-repeat;margin-left:250px;
	}

.boutonsubmit:hover {
	background:url(../../images/submit.jpg) 0 -40px no-repeat;padding-top:8px;color:#fff;
	}

/*-----------------------------------------------------------------------------------------------------------------*/


.FloatingDiv {
	position:absolute;
	top:0px;
	left:50%; 
	padding:0 ;
	margin:0 0 0 -485px;
	}

div#refer
	{
	position:absolute;
	top:30px;left:100px;
	width:800px;
	height:850px;color:#000;
	}

div#refer a  {color:#000;}
div#refer h1 {color:#000;}
div#refer h2 {color:#000;}

/*---------------------- Elements de decor ------------------------*/
div #p1
	{
	position:absolute;
	top:0px;left:2px;
	width:591px;
	height:131px;
	background:url(../../images/ecrivaine_01.jpg) no-repeat;
	}
div #p2
	{
	position:absolute;
	top:0px;left:591px;
	width:437px;
	height:203px;
	background:url(../../images/ecrivaine_02.jpg) no-repeat;
	}
div #p3
	{
	position:absolute;
	top:131px;left:2px;
	width:281px;
	height:60px;
	background:url(../../images/ecrivaine_03.jpg) no-repeat;
	}
div #p4
	{
	position:absolute;
	top:131px;left:283px;
	width:310px;
	height:72px;
	background:url(../../images/ecrivaine_04.jpg) no-repeat;
	}
div #p5
	{
	position:absolute;
	top:191px;left:2px;
	width:281px;
	height:73px;
	background:url(../../images/ecrivaine_05.jpg) no-repeat;
	}
div #p6
	{
	position:absolute;
	top:201px;left:283px;
	width:31px;
	height:763px;
	background:url(../../images/ecrivaine_06.jpg) no-repeat;
	}
div #p7
	{
	position:absolute;
	top:201px;left:314px;
	width:506px;
	height:737px;
	background:url(../../images/ecrivaine_07.jpg) no-repeat;
	}
div #p8
	{
	position:absolute;
	top:201px;left:819px;
	width:160px;
	height:229px;
	background:url(../../images/ecrivaine_08.jpg) no-repeat;
	}
#p8 ul {list-style:none;position:relative;margin:40px 20px 20px 15px;}
#p8 a { font-size:18px;text-decoration:none;color:#404040;padding:8px 0 8px 15px;display:block;}
#p8 a:hover { color:#A33278;text-decoration:none;}
.p8hover { background:url(../../images/ssmenu_over.gif) 0px center no-repeat;}

div #p8b
	{
	position:absolute;
	top:201px;left:819px;
	width:160px;
	height:229px;
	background:url(../../images/ecrivaine_08b.jpg) no-repeat;
	}
div #p9
	{
	position:absolute;
	top:201px;left:977px;
	width:50px;
	height:763px;
	background:url(../../images/ecrivaine_09.jpg) no-repeat;
	}
div #p10
	{
	position:absolute;
	top:264px;left:2px;
	width:281px;
	height:45px;
	background:url(../../images/ecrivaine_10.jpg) no-repeat;
	}
div #p11
	{
	position:absolute;
	top:309px;left:2px;
	width:281px;
	height:71px;
	background:url(../../images/ecrivaine_11.jpg) no-repeat;
	}
div #p12
	{
	position:absolute;
	top:380px;left:2px;
	width:281px;
	height:89px;
	background:url(../../images/ecrivaine_12.jpg) no-repeat;
	}
div #p13
	{
	position:absolute;
	top:430px;left:817px;
	width:160px;
	height:534px;
	background:url(../../images/ecrivaine_13.jpg) no-repeat;
	}
div #p14
	{
	position:absolute;
	top:469px;left:2px;
	width:281px;
	height:74px;
	background:url(../../images/ecrivaine_14.jpg) no-repeat;
	}
div #p15
	{
	position:absolute;
	top:541px;left:2px;
	width:281px;
	height:131px;
	background:url(../../images/ecrivaine_15.jpg) no-repeat;
	}
div #p16
	{
	position:absolute;
	top:672px;left:2px;
	width:281px;
	height:292px;
	background:url(../../images/ecrivaine_16.jpg) no-repeat;
	}
div #p17
	{
	position:absolute;
	top:938px;left:311px;
	width:506px;
	height:26px;
	background:url(../../images/ecrivaine_17.jpg) no-repeat;
	}

#BoutonAccueil {
	position:absolute;
	left:120px;top:153px;
	width:95px;height:27px;
	background:url(../../images/accueilbouton.png) 0 0  no-repeat;
	display:block;
	}	
#BoutonAccueil:hover {
	background:url(../../images/accueilbouton.png) 0 -27px  no-repeat;
	}	
#BoutonEcriture {
	position:absolute;
	left:137px;top:225px;
	width:116px;height:23px;
	background:url(../../images/ecriturebouton.png) 0 0  no-repeat;
	display:block;
	}	
#BoutonEcriture:hover {
	background:url(../../images/ecriturebouton.png) 0 -23px  no-repeat;
	}	
#BoutonMisenpage {
	position:absolute;
	left:150px;top:276px;
	width:129px;height:24px;
	background:url(../../images/misenpagebouton.png) 0 0  no-repeat;
	display:block;
	}	
#BoutonMisenpage:hover {
	background:url(../../images/misenpagebouton.png) 0 -24px  no-repeat;
	}	
#BoutonReliure {
	position:absolute;
	left:140px;top:330px;
	width:63px;height:28px;
	background:url(../../images/reliurebouton.png) 0 0  no-repeat;
	display:block;
	}	
#BoutonReliure:hover {
	background:url(../../images/reliurebouton.png) 0 -28px  no-repeat;
	}	
#BoutonContact {
	position:absolute;
	left:140px;top:388px;
	width:71px;height:23px;
	background:url(../../images/contactbouton.png) 0 0  no-repeat;
	display:block;
	}	
#BoutonContact:hover {
	background:url(../../images/contactbouton.png) 0 -23px  no-repeat;
	}	
#BoutonActualites {
	position:absolute;
	left:170px;top:460px;
	width:100px;height:43px;
	background:url(../../images/actualitesbouton.png) 0 0  no-repeat;
	display:block;
	}	
#BoutonActualites:hover {
	background:url(../../images/actualitesbouton.png) 0 -43px  no-repeat;
	}	
#BoutonQuisuisje {
	position:absolute;
	left:150px;top:582px;
	width:136px;height:43px;
	background:url(../../images/quisuisjebouton.png) 0 0  no-repeat;
	display:block;
	}	
#BoutonQuisuisje:hover {
	background:url(../../images/quisuisjebouton.png) 0 -43px  no-repeat;
	}	
/*---------------------- Fin elements de decor ------------------------*/


/*---------------------- Zones de texte  ------------------------*/
.IndicateurSup {
	position:absolute;top:200px;left:330px;width:300px;height:40px;font-size:12px;color:#bcbcbc;
	}
.IndicateurSup a {
	font-size:12px;color:#bcbcbc;text-decoration:underline;
	}
.IndicateurSup a:hover {
	text-decoration:none;
	}
.IndicateurSup img {position:relative;top:2px;margin-right:0px;margin-left:5px;}

.TexteSup {
	position:absolute;top:250px;left:340px;width:470px;height:200px;
	}
.TexteSup img {margin-right:4px;border-width:0px;}
.TexteCorps img {margin-right:4px;border-width:0px;}
.TexteSupb {
	position:absolute;top:220px;left:340px;width:640px;height:210px;
	}
.TexteSupc {
	position:absolute;top:220px;left:340px;width:470px;height:190px;
	}


.TexteCorps {
	position:absolute;top:440px;left:340px;width:600px;height:460px;
	}
.TexteCorpsc {
	position:absolute;top:400px;left:340px;width:600px;height:460px;
	}

/* --- */
.ExempleLivre {float:left;margin:4px 12px 4px 3px;}
.ExempleLivre2 {float:right;margin:4px 0px 4px 5px;}
.DelimiteurSup {clear:both;margin-left:150px;}
.Delimiteur {clear:both;margin-left:250px;}
#Masque {position:absolute;top:0;left:0;background-color:#FF008F;width:100%;height:100%;border:1px solid red;}
#Surimpression {position:absolute;top:120px;left:100px;width:800px;border:2px solid #A33278;text-align:center;background:#fff;}
#surimpressioncontainer {margin:40px 30px;overflow:hidden;}
.FermerFenetre {position:absolute;top:0px;right:0px;background:url(../../images/boutonfermer.gif) 0 -24px no-repeat;width:24px;height:24px;}
.FermerFenetre:hover {background:url(../../images/boutonfermer.gif) 0px 0 no-repeat;height:23px;}
.CadreEcriture0 {
	float:left;width:313px;height:116px;
	background:url(../../images/cadrecriture0.jpg) 0 0 no-repeat;overflow:hidden;
	}
.CadreEcriture1 {
	float:left;width:400px;height:111px;margin:5px 0;
	background:url(../../images/cadrecriture1.jpg) 0 0 no-repeat;overflow:hidden;
	}
.CadreEcriture2 {
	float:left;width:400px;height:111px;margin:5px 0;
	background:url(../../images/cadrecriture2.jpg) 0 0 no-repeat;overflow:hidden;
	}
.CadreEcriture3 {
	float:left;width:226px;height:140px;margin:5px 0;
	background:url(../../images/cadrecriture3.jpg) 0 0 no-repeat;overflow:hidden;
	}
.CadreEcriture4 {
	float:left;width:280px;height:140px;margin:5px 0;
	background:url(../../images/cadrecriture4.jpg) 0 0 no-repeat;overflow:hidden;
	}
.CadreEcritureContainer {margin:15px 20px;}

/* Qui suis-je --*/
.PhotoDroite {position:absolute;top:250px;left:820px;width:130px;height:180px;text-align:right;}

/*-- Actu */
.Actu {margin:5px 0;padding:5px; border:1px solid #E855A7;background-color:#FAEAF4;}

/*--- Contact */
.CadreContact {
	float:left;margin:5px 30px 9px 60px;color:#E855A7;width:150px;text-align:center;}
.CadreContact span {padding:3px 8px;border:1px solid #E855A7;}
.CadreContact h3 {
	font-size:16px; color:#404040;font-weight:normal;margin-bottom:9px;}
#Carte {
	position:absolute;
	top:204px;left:730px;
	width:275px;height:209px;
	background:url(../../images/carte.jpg) no-repeat;
	}
#Portrait {
	width:197px;height:227px;
	position:absolute;top:0;left:780px;background:url(../../images/portrait.jpg) no-repeat;
	}

.Liens {
	position:absolute;top:680px;left:75px;width:197px;
	color:#fff;
	}
.Liens h2 {color:#bbb;text-align:center;}
.Liens ul {list-style:none;margin-left:5px;}
.Liens a {color:#ccc;font-weight:normal;font-size:12px;}
.textelien {position:absolute;top:680px;left:260px;width:400px;background:#dddddd;border:1px solid #000;padding:5px 10px;}
.textelien h2 {color:#000;text-align:center;}