/*-------------------------------
 * SoutienAdoption
 * réalisé par elfeen
 * Création : 25.08.2009
 --------------------------------*/

/*-------------------------------
	général
--------------------------------*/ 
body {background-image: url("images/fond/fond.jpg"); background-repeat: repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80%; line-height: 140%; text-align: justify; }
a {color:#1C1982;} /*-- les liens --*/
a img {border: none;} /* images contenues dans un lien : pas de bordure */
.intro {color:#1C1982; font-style:italic;}
.nom {color:#1C1982; font-weight:bold;}
.cercle {list-style-type:circle;} /*-- listes --*/
#contenu {position:relative; left:200px; width:80%; text-indent:20px; margin-bottom:50px; margin-top:3%;}
.introduction /*-- page introduction __*/ {text-align:center; margin-left:100px; margin-right:100px; color:#1C1982; font-weight:bold;}
h5 /*-- date de mise à jour, page index --*/ {text-align:center; color:#1C1982; font-size:80%; font-style: italic; margin-top:30px;}
h3 /*-- titres paragraphes --*/ {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:120%; color: #291B80;}
h4 /*-- page contact, titres paragraphes des "pour en savoir plus" --*/ {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:120%; color: #291B80;}
 
/*-------------------------------
	bannière
--------------------------------*/ 
#banniere {background: url("images/fond/banniere.png") top center; background-repeat: no-repeat; width:100%; height:140px;}
h1  /*-- titre principal --*/ {font-family: "Segoe Script", Verdana, Arial, Helvetica, sans-serif; font-size:200%; color: #291B80; text-align:center; position:relative; left:12%; top:48%;}
h2 /*-- mots clés cachés permettant un lien sur la bannière --*/ {visibility: hidden; font-size:700%; margin-top: -50px}
h6 /*-- titres des "pour en savoir plus" --*/ {font-family: "Segoe Script", Verdana, Arial, Helvetica, sans-serif; font-size:220%; color: #291B80; font-weight:bold; text-align:center; margin-left:10%; margin-top:10%; line-height: 120%;}
#haut {text-align:right; font-size:90%;}
.haut {text-align:right; font-size:90%;}

 /*-------------------------------
	menu1
 --------------------------------*/ 
	#menu1 {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; width:150px; height:150px; position: fixed; left: 20px; top: 90px; margin:0; font-size:95%; margin:50px 0;}
	#menu1 ul li a, #menu1 ul li a:visited {display:block; color:#000; width:150px; height:20px; text-align:center; border:1px solid #270B84; border-width:1px 1px 1px 1px; background:transparent; line-height:20px; font-size:100%;}
	#menu1 ul {padding:0; margin:0; list-style-type: none; }
	#menu1 ul li {float:left; margin-right:1px; position:relative;}
	#menu1 ul li ul {display: none;}
	#menu1 ul li:hover a {color:#fff; background:#8A7AF0;}
	#menu1 ul li:hover ul {display:block; position:absolute; top:0; left:150px; width:100px;}
	#menu1 ul li:hover ul li a#hide {background:#8A7AF0; color:#fff;}
	#menu1 ul li:hover ul li:hover a#hide {width:130px;}
	#menu1 ul li:hover ul li ul {display: none;}
	#menu1 ul li:hover ul li a {display:block; background:#8A7AF0; color:#fff; width:150px;}
	#menu1 ul li:hover ul li a:hover {background:#8A7AF0; color:#fff;}
	#menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; top:0; color:#fff;}
	#menu1 ul li:hover ul li:hover ul li a {display:block; width:100px; background:#8A7AF0; color:#fff;}
	#menu1 ul li:hover ul li:hover ul li a:hover {background:#8A7AF0; color:#fff;}
/*-------------------------------
   menu2
 --------------------------------*/ 
	#menu2 {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; width:150px; height:150px; position: fixed; left: 20px; top: 250px; margin:0; font-size:95%; margin:50px 0;}
	#menu2 ul li a, #menu2 ul li a:visited {display:block; text-decoration:none; color:#000; width:150px; height:20px; text-align:center; border:1px solid #270B84; border-width:1px 1px 1px 1px; background:transparent; line-height:20px; font-size:100%;}
	#menu2 ul {padding:0; margin:0; list-style-type: none; }
	#menu2 ul li {float:left; margin-right:1px; position:relative;}
	#menu2 ul li ul {display: none;}
	#menu2 ul li:hover a {color:#fff; background:#8A7AF0;}
	#menu2 ul li:hover ul {display:block; position:absolute; top:0; left:150px; width:100px;}
	#menu2 ul li:hover ul li a#hide {background:#8A7AF0; color:#fff;}
	#menu2 ul li:hover ul li:hover a#hide {width:130px;}
	#menu2 ul li:hover ul li ul {display: none;}
	#menu2 ul li:hover ul li a {display:block; background:#8A7AF0; color:#fff; width:150px;}
	#menu2 ul li:hover ul li a:hover {background:#8A7AF0; color:#fff;}
	#menu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; top:0; color:#fff;}
	#menu2 ul li:hover ul li:hover ul li a {display:block; width:100px; background:#8A7AF0; color:#fff;}
	#menu2 ul li:hover ul li:hover ul li a:hover {background:#8A7AF0; color:#fff;}