/* -------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------- style commun aux pages ------- Accueil --------------- Definition --------------------------------*/

body { background: url(image/fond.png);
	   text-align: center;
		padding: 5px 0px;
		margin: 0px;}

#container {text-align: left;
			position: relative;
			font: 13px/19px "Trebuchet MS", "Georgia", "Times New Roman", serif;
			margin: 0px auto;
			border: 1px black;
			border-style: ridge;
			width: 950px;
			background-color: #fff;}

#haut { border-style: solid;
		border-color: #545454;
		border-width: 0px 0px 0px 0px;
		margin: 40px 0px 25px 20px; 	}

#imagegauche {  float: left;
		 		margin: 0px 0px 0px 10px;}

#cadremenu{	background-image: url(image/ciel.jpg);
			height: 30px;
			width: 950px;
			margin-left: auto;
			margin-right: 0px;
			margin-bottom: 30px;
			border-top: 2px solid #999;
			border-bottom: 2px solid #999;}

dl {
margin: 0;
padding: 0;
list-style-type: none;
}
dt {
margin: 0;
padding: 0 ;
list-style-type: none;
}
dd {
margin: 0;
padding: 0;
list-style-type: none;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu{
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 110 !important; top: 100px;
left: 5;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 100px;
}
#menu dt {
margin: 0px 7px;
color: #666;
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ff9;
border: 1px solid #666;
}
#menu dd {
margin-top: 5px;
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #ffff99;
}
#menu dt a {
display: block;
height: 100%;
border: 0 none;
padding: 0px 5px;
color: #666;
background-color: #ff9;
}
#menu li a{
display: block;
height: 100%;
border: 0 none;
padding: 8px 5px;
color: #666;
background-color: #ff9;
}
#menu dt a:hover, #menu dt a:focus {
color: #000;
border: 0px solid #666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
#menu li a:hover, #menu li a:focus  {
color: #000;
border: 0px solid #666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
#menu li a#current, #menu dt a#current
{
color: #000;
border: 0px solid #666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

a { text-decoration: none; color: #660066;
	 font-weight: bold;}

#imagebas { clear: both;
			height: 50px;
			margin-top: 35px;
			margin-bottom: 0px;
			margin-right: 0px;
			background-image: url(image/barre2bis.jpg);
			border-top: 2px solid #999;}

#copyright{ margin-bottom: -30px; clear: both;
		  	text-align: center;
			 font: 12px ;}

h1 { display:inline; }

h5 { display:inline;
	 color:#993300;
	 font: 15px "Trebuchet MS, Georgia, Times New Roman", serif;
	 font-weight: bold;
	 margin: 20px;
	 margin-left: 35px;}

P { padding:0px 130px 0px 30px;
	text-align: justify;
	text-indent:30px;}

P:first-letter { color:#660066;
				 font-family: "Times";
				 font-size: 180%;
				 font-style: normal;
				 font-weight: bold; }

/* ------------------------------------- style pour le centre des pages ---------------------------------------- */

#centre { float: right;
		  width: 770px;
		  background: white;
		  border-style: solid;
		  border-color: #545454;
		  border-width: 0px;}

#centretexte { background-image: url(image/nouveaucote2.png);
			   font: 15px/19px "Georgia", "Times New Roman", serif;
			   margin: -20px 0px -20px 0px;
			   text-align: justify;
			   }

	#suite { text-align: right;
			  margin-right: 120px;}

#penseedujour { border: 0px solid #993300; padding: 5px; text-align:justify;margin-top: 30px;
				 width: 700px;
				 font-size: 11px; }

#verslematin { border: 0px solid #993300; padding: 20px; text-align:justify;margin-top: 30px;
				 width: 543px; height: 411;
				 background-image: url(image/agendatotal3.jpg);background-repeat: no-repeat;
				 font-size: 11px; }

	#titrepensee { font-family: "Times";
					margin-left: 40px; margin-top: 10px; margin-bottom: 10px;
				 font-size: 150%;
				 font-style: normal;
				 font-weight: bold; }
	#pensee { font-family: "cosmic MS";
			  float : right;
			  margin-left: 20px;
			  margin-bottom: 20px;
			  padding: 5px;
			  width: 230px;
			  text-align: right;
			  font-size: 14px;
			  border-bottom: 0px solid #336600;
			  border-left: 0px solid #336600;}

#contenu { display: none;
			 width: 227px;
			 font-size: 9px;}

#annonce { float : right; width: 80px; height: 150px;
			margin-right: 80px;
			margin-top: -350px;
			padding: 5px; font-weight: bold;
			font-family: "cosmic MS"; text-align: center;
			text-decoration: blink;
			border: 2px solid black; }

#citation { clear: both; margin:60px;
			text-align: justify;
			font-style: italic;
			font-family: "cosmic MS";
			font-size: 14px;
			border: 0px black solid;}

	 	#citation p { padding:10px;}

#citation2 { margin:60px;
			padding :10px;
			text-align: justify;
			font-style: italic;
			font-family: Georgia, "cosmic MS";
			font-size: 15px;
			border-left: 1px #cc6600 solid;}

h3 { color: #434343; padding:25 100 0 0px ;
	 background-image: url(image/barre3.jpg);background-repeat: no-repeat;
	 height : 52px;
	 font: 17px Georgia, Times New Roman, Times, serif;
	 font-weight: bold; font-variant: small-caps;
	 text-align: right; }

.violet { color:#660066; margin-left: 120px; font-size: 110%;}

.droite { text-align: right; }

.green { color: #339900; font-weight: bold; }

.violet2 { color: #9933cc; font-weight: bold;
		   margin-left: 70px; }

.petit { font-size: 12px;
		 color: #800000; }

.motviolet {color: #660066; font-weight: bold;}



.right { float:right;
		 margin: 10px;}

.left { float:left;
		margin: 10px;}

#dictionnaire { margin: 20px;
				font: 15px Trebuchet MS, Georgia, Times New Roman, serif;
				background-color: #ffcc99;
				padding:5px;}

#suitedico { font: 17px Times; clear: both; margin: 15 20 15 50; }
#suitedico2 { font: 17px Times; clear: both;
				margin: 20 100 80 100;
				text-align: justify; }

#chose1 { float: left; width: 420px;
			margin: 10px 10 10 0px; padding: 15px;
			text-align: justify;
			font: 15px Verdana;
			border: 1px solid #993300; }

#chose2 { float: right; width: 280px;
			margin: 50 20 10 10;
			padding: 15px; text-align: justify;
			font: 15px Verdana;
			border: 1px solid #336600; }

#centrer2 { text-align: center; color: #336600;}

#formule1 { border: 1px solid #6699ff;
			color: #0033cc;
			padding: 20px; margin: 25px;
			background-color: #ffffcc;
			font: 15px Geogia;}
#formule2 { border: 1px solid #66cc66;
			color: #009933;
			padding: 20px; margin: 0 10 0 10px;
			background-color: #ffccff;
			font: 15px Geogia; }
#formule3 { border: 1px solid #cc9900;
			color: #996633;
			padding: 20px; margin: 20px;
			background-color: #ccff99;
			font: 15px Geogia; }

#chateau { text-align: center;
			font: 22px Chicago,sans-serif;
			margin: 50 100 30 100; padding: 10px;
			border-bottom: 3px solid #990066;}
 /* ------------------------------------------------------- bistro ------------------------------------------- */

#retourbistrot { float: right;
			border: 1px solid #990099;
			padding: 10px;
			margin:0 20px;}


#titrelettre  { margin: 20px 70px 40px 0px;
			background : white;
			border: 0px;
			font: 25px Georgia, Times New Roman, serif;
			font-variant:small-caps;
			text-align: center;
			font-weight: bold;}

#lettre {	background-color: #eaffca;
			margin: 20px 120px 70px 0px;
			padding: 20px;
			border: 1px #cc0099 solid;
			word-spacing:5pt;
			text-align: justify;
			font: 16px Trebuchet MS, Georgia, Times New Roman, serif;
			text-indent:30px;	}

#titrepolitique  { margin: 20px 100px 40px 0px; width: 400px;
			background : #ccccff;
			border: 1px;
			font: 23px  Times New Roman, serif;
			font-variant:small-caps;
			text-align: center;
			font-weight: bold;}
#soustitrepolitique {	background-color: #ffcccc;
			font: 20px  Times New Roman, serif;
			text-indent:80px;
			}
#politique {margin: 40px 120px 40px 0px;
			padding: 20px;
			border: 1px #666600 solid;
			word-spacing:5pt;
			text-align: justify;
			font: 18px  Times New Roman, serif;
			text-indent:30px;	}

#centrer { text-align: center; color: #993300;	}

#lettre24 { position: absolute;
			padding: 10px;
			top: 230px;left: 160px;
			width: 500px;height: 80px;
			 border: 1px solid black; color: #ffffcc;
			background-image: url(image/Ecce homo/fond1.jpg);
			text-align: center; font: 16px Trebuchet MS, serif;  font: bold;text-transform: uppercase;}
#lettre24 a { font: 23px Georgia, Times New Roman, serif; text-align: center;
				color:#ccff33; font: bold;}
#lettre24 a:hover { font: 25px Georgia, Times New Roman, serif;
					color:#ffffff;  font: bold;}

#autre  { position: absolute; padding: 5px 10px 10px 20px;
			padding-top: 5px;
			top: 380px; left: 620px;
			width: 270px; height: 160px;
			border: 1px solid black;
			background-image: url(image/Ecce homo/fond12bis.jpg);
			 color: #0033cc;
			 font: 15px Georgia; }
#autre a {	font: 21px Trebuchet MS, Georgia, Times New Roman, serif;text-align: center;
				font: bold;	 color: #993300; }
#autre a:hover { font: 21px  Trebuchet MS, Georgia, Times New Roman, serif;
					color:#336600;  font: bold;}

#reponse  { position: absolute;
			padding-top: 5px;
			top: 390px; left: 200px;
			width: 275px; height: 100px;
			border: 1px solid #660000;
			background-image: url(image/Ecce homo/fondtaillis2.jpg);
			text-align: center; color: #663300;
			 font: 16px Georgia; font: bold;}
#reponse a {	font: 21px  Trebuchet MS, Times New Roman, serif;
					 color: #000000; }
#reponse a:hover { font: 23px  Georgia, Times New Roman, serif;
					color:#cc0000;  font: bold;}



#fondtexte {  position: absolute;
				top: 300px;	height: 400px;
				left: 120px;
			margin:10px 0 10px 0;
			 background-image:url(image/poemes et chansons/planisphere.gif);
			 background-position: 50 70;
			 background-repeat: no-repeat;	}

#pourqui { margin: 10 0 40 340px;
			border-bottom: 2px solid #cc6600;
			 text-transform:uppercase;
			color: #663300; z-index: 600;
			 font: 14px "Trebuchet MS, Georgia, Times New Roman", serif;	 }

#gifecriture { position: absolute;
				top: 260px;
				left: 200px; }


.art { color: #336600;
	 margin:30px;
	 font: 20px Georgia, "Times New Roman", Times, serif;
	 font-weight: bold;
	 text-align: center;}

#vide { height: 550px; }

#chateauimage { float : left;
				margin-bottom: 50px;
				margin-right: 20px; }

/* ------------------------------------------------------- contact ------------------------------------------- */
#centrecontact { margin-top: 50px; }

#contact { margin: 20px 20px;
		   padding: 5px;
			width: 908px;
			font: 16px Georgia, Times New Roman, serif;
			color: #000000;
			background-color: #ccccff;
			border: 1px solid black;}


#contactformulaire { float: left;
					 padding: 20px 0 10 10;
					 border: 0px solid black;}

#contactfoto { float: right;
				padding : 20px 10 0 0;}

#formnom {  margin-left : 40px;
			background-color: #cc6666;
			border: 1px solid black;}

#formmail {  margin-left : 130px;
			background-color: #cc9966;
			border: 1px solid black;}

#formmessage {  margin-left : 40px;
		/*	background-image: url(image/fondMichel2.jpg); */
			border: 1px solid black;}

#forminput { margin-left : 400px;
			 color: #009900;
			  font-weight: bold;}

#adresse { margin-left: 250px;
			padding: 20px;
			width: 250px;
			text-align: center;
			font: 17px Georgia, Times New Roman, serif;
			border: 1px solid black;
			background-color: #ffff99;}

#cadreadresse { }

.dateconf { border: 1px solid black; margin: 10px;display: inline;
			width: 50px; padding: 25px;
			text-decoration: blink;
			font-weight: bold;
			 text-align: center;
			font: 20px Georgia, Times New Roman, serif; }

#photoconf { border: 1px solid black; width: 600px;
			margin-top: 50px; background-color: black;
			height: 380px; display: inline;}