/* Portfolio-Arphaxat.CSS*/
 body {margin-top:10px;background:Black;color:white;Font-family:"Times New Roman",sans-serif;Font-size:16px;}
 * {margin: 0; padding: 0;} 
 a img {border: 0;} 
	.blocktotalI {position:absolute;width: 770px;margin-left:-385px;left:50%;height:620px;margin-top:-310px;top:50%;	border:white solid 1px;background-color:Black;}
	#Bhaut{left:0;width:770px;height:110px;font-style: italic;background-color:black;}
	#CL{position:absolute;top:10px;left:40px;font-size:36px;color:white;}
	#CLp{position:absolute;top:65px;left:40px;font-size:26px;color:white;}
	#CLad{position:absolute;top:25px;right:40px;font-size:15px;color:white;text-align:right;line-height:150%;font-style:normal;}
	#Trait{position:absolute;top:93px;left:180px;width:550px;height:1px;background-color:#bbbbbb;}
	#Bdroit{position:absolute;margin-left:180px;width:590px;Height:470px;background-color:black;}
	#Slide {margin-top:10px;margin-left:50px;width:490px;height:360px;}
	#Text1{margin-top:5px;margin-left:50px;width:495px;text-align:justify;background-color:black;}
	#Bgauche{position:absolute;left:0;width:180px;Height:470px;}
	#Adres{margin-top:60px;margin-left:10px;width:140px;Font-size:12px;}
	#Bbas {position:Absolute;top:580px;left:0;width:770px;height:40px;background-color:black;}
	#Text2{margin-top:2px;width:770px;Font-size:11px;text-align:center;}
	#Text3{margin-top:10px;text-align:right;Font-size:11px;}
	ul#index{padding:0;margin-top:120px;list-style-type:none;margin-left:auto;margin-right:auto;width:110px;} 
	ul#index li {margin-bottom: 10px;}
	#index a {color:white;text-decoration:none;}
	#index a:hover {color:#993333;margin-left:5px;}
	#index a:active {color:black;}
	a{color:white;text-decoration:none;}
	.blocktotal {position:absolute;width:980px;/*margin-left:-490px;left:50%;*/height:630px;margin-top:-315px;top:50%;border:solid 1px white;}
	.haut {height:120px;background-color:black;}
	a.logoCl{ display:block;position:absolute;left:0;top:0;width: 98px; height: 98px;background-image: url("Images/Chrystele-lacene2.jpg");}
	a.logoCl:hover { visibility: visible;}
	a.logoCl:hover img { visibility: hidden;}
	#Section {position:absolute;top: 10px;left:190px;font-size:30px;}
	.ImagetO {position: absolute; margin-top: 25px;left: 450px; width: 500px;}
	div.float2{float: left; width: 50px; height:70px; margin: 5px;}
	#titrepage{position:absolute;margin-left:210px;margin-top:55px;background:black;Font-weight:bolder;font-size:18px;}
	.gauche {position:absolute;left: 0; width: 189px; height: 463px;background-color:black;}
	ul#menu { list-style-type: none ;} 	
	ul#menu li a{display: block ;width: 128px ; height: 23px ;margin-left: 10px;}	
	ul#menu li a.SeaMenSun{background-image: url("Images/m-SMS.jpg"); }
	ul#menu li a.SeaMenSun:hover { background: url("Images/m-SMS.jpg") no-repeat 0 -23px ; }
	ul#menu li a.Histoire {	background-image: url("Images/m-histoire-copie.jpg"); }
	ul#menu li a.Histoire:hover { background: url("Images/m-histoire-copie.jpg") no-repeat 0 -23px ;}
	ul#menu li a.Architecture { background-image: url("Images/m-archi-copie.jpg"); }
	ul#menu li a.Architecture:hover { background: url("Images/m-archi-copie.jpg") no-repeat 0 -23px ;}
	ul#menu li a.Nbc {background-image: url("Images/m-Nbc-copie.jpg");}
	ul#menu li a.Nbc:hover { background: url("Images/m-Nbc-copie.jpg") no-repeat 0 -23px ;}
	ul#menu li a.papierNepalais { background-image: url("Images/m-Nepalais-copie.jpg"); }
	ul#menu li a.papierNepalais:hover { background: url("Images/m-Nepalais-copie.jpg") no-repeat 0 -23px ; }
	ul#menu li a.Paysages {	background-image: url("Images/m-Paysages-copie.jpg"); }
	ul#menu li a.Paysages:hover { background: url("Images/m-Paysages-copie.jpg") no-repeat 0 -23px;}
	ul#menu li a.Portraits {  background-image: url("Images/m-Portraits-copie.jpg"); }
	ul#menu li a.Portraits:hover  { background: url("Images/m-Portraits-copie.jpg") no-repeat 0 -23px;}
	ul#menu li a.Scenes2vie { background-image: url("Images/m-Scenes2Vie-copie.jpg"); }
	ul#menu li a.Scenes2vie:hover {	background: url("Images/m-Scenes2Vie-copie.jpg") no-repeat 0 -23px ;}
	ul#menu li a.Communication { background-image: url("Images/m-communication-copie.jpg"); }
	ul#menu li a.Communication:hover {	background: url("Images/m-communication-copie.jpg") no-repeat 0 -23px ;}
	ul#menu li a.Voyages { background-image: url("Images/m-Voyages-copie.jpg"); }
	ul#menu li a.Voyages:hover { background: url("Images/m-Voyages-copie.jpg") no-repeat 0 -23px ; }
	.Imagettes { margin-top:5px;left: 5px; width: 189px;}
	div.float { float: left; width: 50px; height:50px;margin-left:5px;margin-top:5px;}
	.image {margin-left: 189px;width:780px; height: 463px; overflow: auto;}
	div.cadre {margin-left: 2px;height:430px;text-align:center;}
	div .cadre img{border-top: solid 1px #FFFFFF;border-right:solid 1px #FFFFFF;border-bottom: solid 1px #FFFFFF;border-left:solid 1px #FFFFFF;}
	.bas {height:30px;}
	a.contact{margin-left:10px;text-decoration:none;Font-weight:bolder;font-size:18px;color:white;background:black;}
	a.contact:hover{color:#993333;background:black;}
	.marge{margin-left:120px;font: 10px "comic sans ms",sans-serif; color:white;background:black;}
	
	/* ----- POLICES ET COULEURS --- */
			 .rouge13 {background-color:black;color:#993333;font-size: 13px;}
			 .rouge14 {background-color:black;color:#993333;font-size: 14px;}
			 .rouge16 {background-color:black;color:#993333;font-size: 16px;}
			 .blanc12 {background-color:black;color:#FFFFFF;font-size: 12px;}
			 .blanc13 {background-color:black;color:#FFFFFF;font-size: 13px;}
			 .blanc14 {background-color:black;color:#FFFFFF;font-size: 14px;}
			 .blanc16 {background-color:black;color:#FFFFFF;font-size: 16px;}
			 .blanc18 {background-color:black;color:#FFFFFF;font-size: 18px;}
			 .italblanc{background-color:black;font:Italic 12px "comic sans ms",sans-serif;color:white;}
			 .Nom {background-color:black; color:#993333;font-size: 26px;}
			 a{background-color:black;color:#993333;font-size:16px;}
			 .ctr{text-align:center;}
												/* ----- FIN POLICES ET COULEURS --- */
	/*-----------------------------*/