.clear:after { content: "."; height:0; visibility:hidden; display:block; clear:both; } .container { width:920px; margin:0 auto; background:#FFF; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:20px; box-shadow: 0px 0px 20px black; -webkit-box-shadow: 0px 0px 20px black; -moz-box-shadow: 0px 0px 20px black; } .logo { left: 0px; position: absolute; top: 6px; } #menu { color: #277DA0; height: 36px; left: 30px; position: relative; top: 192px; font-size:15px; } #menu ul { list-style:none; margin:0; padding:0; } #menu li { display:inline; margin:0; padding:0; } #menu a { box-shadow: 0px 0px 20px black; -webkit-box-shadow: 0px 0px 20px black; -moz-box-shadow: 0px 0px 20px black; float:left; background: #000; margin:0 -5px; padding:0 10px; text-decoration:none; border-radius:8px 8px 0 0; color:white; } #menu a span { float:left; display:block; background: none repeat scroll 0 0 #005CAC; padding:0 5px; border-radius:0 8px; line-height:27px; color:white; font-weight:bold; font-size: 16px;} #menu a span {float:none;} #menu a:hover span { color:#0a3443; } #menu a:hover, #menu .current a:link, #menu .current a:visited { text-decoration:none; } #menu a:hover span, #menu .current a:link span, #menu .current a:visited span { text-decoration:none; }
 .footer { padding:10px 0 0 0; font-size:11px; color:#FFF; text-align:center; width:922px; margin:auto; } .footer a:link, .footer a:visited { text-decoration:none; color:#FFF; } .footer a:hover{ text-decoration:underline; color:#FFF; }
 .logo-menu-container { background:url(/wp-content/themes/perso/img2/headerBG.jpg) no-repeat top right; width:960px; height:220px; margin:auto; overflow: hidden; position:relative; } .welcome, .about-us-container, .journal-container, .works-container, .contact-us-container, .faqs-container { margin:0; width:922px; text-align: justify; }
 .left-services { width:435px; float:left; padding-right: 15px; text-align: justify;line-height: 22px; font-size: 14px; } .left-services h1{font-size: 16px; color: #61A6C8;} .right-services { width:465px; float:left;border: 1px solid #DADDE3;border-bottom: 0px; } .right-services ul li { padding:10px 0 10px 16px; border-bottom:1px solid #DADDE3; width:450px;height: 65px; }
 .services-desc { float:left; margin:0 0 0 20px; width:350px; } .services-desc h2, .services-desc a { color:#61a6c8; font-size:18px; font-weight:bold; margin:0 0 8px 0; text-decoration: none; } .services-desc a:hover { text-decoration: underline; }
 .left-container { width:600px; border-right:1px dotted #DADDE3; padding:0 20px 0 0; float:left; }
 .left-container h1, .left-containerfull h1 { font-size:20px; color:#61a6c8; margin:0 0 20px 0; text-transform:uppercase; font-weight: normal; } .right-container { width:279px; float:left; margin:0 0 0 20px; } .about-us-container h3, .journal-container h3, .works-container h3, .contact-us-container h3, .faqs-container h3 { font-size:20px; margin: 15px 0 15px 0; } .about-us-container h4, .journal-container h4, .works-container h4, .contact-us-container h4, .faqs-container h4 { font-size:18px; margin:15px 0 15px 0; } .about-us-container h5, .journal-container h5, .works-container h5, .contact-us-container h5, .faqs-container h5 { font-size:16px; margin:15px 0 15px 0; } .about-us-container ul, .journal-container ul, .works-container ul, .contact-us-container ul, .faqs-container ul { margin:0 0 20px 0; } .about-us-container ul li, .journal-container ul li, .works-container ul li, .faqs-container ul li { list-style: none; margin: 0 0 0px 45px; }
 .about-us-container a:link, .about-us-container a:visited, .journal-container a:link, .journal-container a:visited, .works-container a:link, .works-container a:visited { color:#FF6600; text-decoration:none; } .about-us-container a:hover, .journal-container a:hover, .works-container a:hover { color:#FF6600; text-decoration:underline; }
 .about-us-container img, .journal-container img { margin:5px; padding:6px; border:1px solid #DADDE3; }
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height:20px; background:#fff url(/wp-content/themes/perso/img2/pageBG.jpg) repeat-x; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 30px 0; } ol, ul { list-style: none; }
 h2 { font-size:18px; font-style:normal; font-variant:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#333; }
 p { margin-bottom: 10px; } .services-desc p { margin-bottom: 0px; }
 .left-container ul li { list-style-image: url(/wp-content/icones/arrow_right2.png); }
 .left-container h1, .left-container h3, .left-container h4, .left-containerfull h1, .left-containerfull h3, .left-containerfull h4 {border-bottom: 2px solid #dadde3;padding-bottom: 3px;clear: both;}
 .icons {background-repeat:no-repeat;float:left;border: 1px solid #dadde3;width: 64px;height: 64px;background-image: url('/wp-content/themes/perso/img/accueil/sprite.jpg');} #Index1 {background-position: 0px 0px;} #Index2 {background-position: -64px 0px;} #Index3 {background-position: -128px 0px;} 

legend { font-size: 30px; margin-top: 15px; font-weught: strong;}

		#principal
			{
			width:900px;
			margin-left:auto;
			margin-right:auto;
			}
			
		#principal td
			{
			font-family: arial;
			font-size: 14px;
			}
		
		/* GAUCHE */	
		
		#principal #cell_gauche
			{
			vertical-align: top;
			color:#000000;
			padding-right:10px;
			}
		
		#principal #cell_gauche a
			{
			color:#176c85;
			text-decoration: none;
			}
		
		#principal #cell_gauche #text_page
			{
			font-weight: bold;
			font-size: 26px;
			margin-bottom:10px;
			line-height: 28px;
			}
		
		#principal #cell_gauche #text_page strong
			{
			color:#0056A1;
			}
		
		#principal #cell_gauche #slogan
			{
			color:#ffffff;
			font-size: 14px;
			padding:5px;
			font-weight: bold;
			background: #0056A1;
			}
		
		#principal #cell_gauche #navibar
			{
			font-size: 12px;
			margin-top:10px;
			}
		
		#principal #cell_gauche h2
			{
			color:#0056A1;
			font-size: 19px;
			}
		
		#principal #cell_gauche fieldset
			{
			background:#d1eeeb;
			border:0px;
			padding:10px;
			margin-top: -40px;
			-moz-border-radius:10px;
			border-radius:10px;
			}
		
		#principal #cell_gauche fieldset legend
			{
			color:#082f3e;
			font-size:24px;
			margin-top: 40px;
			}
			
		/* DROITE */
			
		#principal #cell_droite
			{
			width:300px;
			vertical-align: top;
			}
			
		#principal #cell_droite #bloc_arrondi
			{
			vertical-align: top;
			background:#22a2d8;
			color:#ffffff;
			-moz-border-radius:10px;
			padding:5px
			}
			
		#principal #cell_droite #bloc_arrondi fieldset
			{
			margin-top:15px;
			background:#B7CF74;
			padding:5px;
			border:0px;
			font-size:16px;
			}
			
		#principal #cell_droite #bloc_arrondi fieldset legend
			{
			color:#FBFFEF;
			font-size:22px;
			font-weight:bold;
			}
			
		#principal #cell_droite #bloc_arrondi fieldset ul
			{
			list-style-type: none;
			}
			
		#principal #cell_droite #bloc_arrondi fieldset strong
			{
			font-size:19px;
			color:#4C5F17;
			}
			h2 { margin-bottom: 10px;color: white;}
			h3 { margin: -5px 0px 10px 0px;}
			map { margin-top: 15px;}