/* @group Oseox */

	/* @group Common */
	
		html, body {
			height: 100%;
		}
		
		body {
			background-color: #0980ae;
			font-family: Arial, Helvetica, sans-serif;
			margin: 0;
		}
		
		a[hreflang]:after {
			margin-left: 6px;
		}
		
		a[hreflang = 'en']:after {
			content: url("../img/flag/gb.png");
		}
		
		a acronym, a img {
			border: none;
		}
	
	/* @end */
	
	/* @group Global */
	
		#global {
			background-color: #fff;
			margin: 0 auto;
			min-height: 100%;
			width: 1000px;
		}
		
		/* @group Ad */

			.ad {
				margin: 0;
				text-align: center;
			}
			
			.ad a {
				color: #000;
			}
			
			.ad a:hover, .ad a:focus {
				color: #676767;
			}
		
		/* @end */
	
		/* @group Navigation */
		
			.navigation {
				border-color: #d6f2ff;
				font-size: 0.75em;
				padding: 8px 10px 5px 10px;
			}
			
			/* @group Header or Footer */
			
				#header-navigation {
					border-bottom-style: solid;
					border-bottom-width: 1px;
				}
				
				#footer-navigation {
					border-top-style: solid;
					border-top-width: 1px;
				}
				
			/* @end */
			
			/* @group Home & Kinds of Links */
			
				.navigation div {
					padding-bottom: 3px;
				}
				
				.navigation div.services {
					display: inline;
					padding-left: 9px;
				}
				
				.navigation div p {
					color: #008fbb;
					font-weight: bold;
					margin: 0;
				}
				
				.navigation p {
					display: inline;
				}
			
			/* @end */
			
			/* @group Links */
			
				.navigation a {
					color: #008fbb;
				}
				
				.navigation a:hover, .navigation a:focus {
					color: #74be28;
				}
			
				.navigation li {
					display: inline;
					padding-left: 9px;
				}
				
				.navigation strong {
					font-weight: normal;
				}
			
				.navigation ul {
					display: inline;
					list-style-type: none;
					margin: 0;
					padding: 0;
				}
			
			/* @end */
		
		/* @end */
		
		/* @group Header */
		
			#header {
				background: #fff url("../img/design/header.png") no-repeat scroll bottom left;
				display: inline-block;
				margin: 6px;
				min-height: 151px;
				position: relative;
				width: 988px;
			}
			
			#header a {
				color: #087cad;
			}
			
			#header a:hover, #header a:focus {
				color: #74be28;
			}
			
			#header h1 {
				color: #73bf24;
				float: left;
				font-size: 1.7em;
				font-weight: normal;
				margin: 0 0 0 30px;
				padding: 12px 0;
				text-transform: uppercase;
			}
			
			#header li {
				padding-bottom: 6px;
			}
			
			#header ul {
				color: #087cad;
				font-size: 0.85em;
				list-style-position: inside;
				padding: 0;
			}
			
			/* @group Logo */
			
				#logo {
					float: left;
					margin: 0;
					padding: 0;
					min-height: 84px;
					padding-top: 30px;
				}
				
				#logo a {
					color: #008fbb;
					font-size: 0.85em;
				}
			
			/* @end */
			
			/* @group Title of Current Page */
			
				.page #header h1 {
					color: #136586;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					margin: 0 0 0 114px;
					padding: 24px 0;
					text-transform: none;
					width: 480px;
				}		
			
			/* @end */
			
			/* @group Illustration of Current Page */
			
				#category-illustration {
					float: right;
					margin: 0;
					padding: 5px 10px 0;
				}
			
			/* @end */
			
			/* @group About Oseox */
			
				#about-oseox {
					float: left;
					margin: 0 0 0 30px;
					text-transform: uppercase;
				}	
			
			/* @end */
			
			/* @group Follow Oseox */
			
				#follow-oseox {
					list-style-type: none;
					margin: 0;
					position: absolute;
					right: -6px;
					top: 18px;
				}
				
				#follow-oseox img {
					vertical-align: bottom;
				}
			
			/* @end */
		
		/* @end */
		
		/* @group Introduce */
		
			#introduce {
				background-color: #74be28;
				color: #fff;
				font-size: 0.8em;
				margin: 0;
				padding: 2px 0;
				text-align: center;
			}
			
			#introduce a {
				color: #fff;
			}
			
			#introduce a:hover, #introduce a:focus {
				color: #edfcde;
			}
			
			#introduce span {
				font-size: 1.25em;
			}		
		
		/* @end */
		
		/* @group Others */
		
			#others {
				overflow: hidden;
				padding: 10px 10px 0 10px;
			}
			
			/* @group Ad */
			
				#others .ad {
					float: left;
				}
			
			/* @end */
		
			/* @group Newsletter */
			
				#newsletter {
					background: #041e6c url("../img/design/newsletter-subscription.png") no-repeat scroll left top;
					color: #fff;
					float: right;
					font-weight: bold;
					margin: 0;
					min-height: 41px;
					padding: 10px;
					text-align: center;
					text-transform: uppercase;
					width: 228px;
				}
				
				#newsletter a {
					color: #fff;
					text-decoration: none;
				}
				
				#newsletter a:hover, #newsletter a:focus {
					color: #dbf7ff;
				}			
			
			/* @end */
		
		/* @end */
		
		/* @group Boxes */
		
			.boxes {
				overflow: hidden;
			}
			
			#footer-boxes {
				font-size: 0.85em;
				padding: 0 32px 22px;
			}
			
			.boxes .left-boxes {
				float: left;
			}
			
			.boxes .right-boxes {
				float: right;
			}
			
			#content-boxes .boxes-column {
				width: 355px;
			}
			
			#footer-boxes .boxes-column {
				width: 463px;
			}
			
			.boxes .boxes-column .box {
				margin-bottom: 10px;
			}
			
			.boxes .boxes-column .box h3 {
				color: #fff !important;
				font-size: 1.0em !important;
				font-weight: normal !important;
				margin: 0 !important;
				padding: 6px !important;
				text-transform: uppercase;
			}
			
			.boxes .boxes-column .box li {
				background-repeat: no-repeat;
				font-weight: bold;
				min-height: 24px;
				padding: 2px 0 2px 50px;
			}
			
			.boxes .boxes-column .box ul {
				background: transparent url("../img/design/box-list.png") repeat-x scroll left top;
				list-style-type: none;
				margin: 4px 2px !important;
				padding: 0 !important;
			}
			
			/* @group Categories */
				
				.boxes .boxes-column .box li.actualite {
					background-image: url("../img/cat/actualite.png");
				}
				
				.boxes .boxes-column .box li.affiliation {
					background-image: url("../img/cat/affiliation.png");
				}
	
				.boxes .boxes-column .box li.blog {
					background-image: url("../img/cat/blog.png");
				}
				
				.boxes .boxes-column .box li.chiffre {
					background-image: url("../img/cat/chiffre.png");
				}
				
				.boxes .boxes-column .box li.commerce {
					background-image: url("../img/cat/ecommerce.png");
				}
				
				.boxes .boxes-column .box li.ecommerce {
					background-image: url("../img/cat/ecommerce.png");
				}
	
				.boxes .boxes-column .box li.emailing {
					background-image: url("../img/cat/emailing.png");
				}
	
				.boxes .boxes-column .box li.emploi {
					background-image: url("../img/cat/emploi.png");
				}
				
				.boxes .boxes-column .box li.google {
					background-image: url("../img/cat/google.png");
				}
				
				.boxes .boxes-column .box li.internet {
					background-image: url("../img/cat/internet.png");
				}
				
				.boxes .boxes-column .box li.liens-sponsorises {
					background-image: url("../img/cat/liens-sponsorises.png");
				}
	
				.boxes .boxes-column .box li.management {
					background-image: url("../img/cat/management.png");
				}
				
				.boxes .boxes-column .box li.microsoft {
					background-image: url("../img/cat/microsoft.png");
				}
				
				.boxes .boxes-column .box li.mobile {
					background-image: url("../img/cat/mobile.png");
				}
				
				.boxes .boxes-column .box li.ndd {
					background-image: url("../img/cat/ndd.png");
				}
				
				.boxes .boxes-column .box li.rank {
					background-image: url("../img/cat/rank.png");
				}
				
				.boxes .boxes-column .box li.technique {
					background-image: url("../img/cat/technique.png");
				}
	
				.boxes .boxes-column .box li.trafic {
					background-image: url("../img/cat/trafic.png");
				}
				
				.boxes .boxes-column .box li.webanalytics {
					background-image: url("../img/cat/webanalytics.png");
				}
	
				.boxes .boxes-column .box li.webdesign {
					background-image: url("../img/cat/webdesign.png");
				}
				
				.boxes .boxes-column .box li.webmarketing {
					background-image: url("../img/cat/webmarketing.png");
				}
				
				.boxes .boxes-column .box li.yahoo {
					background-image: url("../img/cat/yahoo.png");
				}
			
			/* @end */
	
			.boxes .boxes-column .box a {
				color: #000;
				display: inline-block;
				font-size: 0.75em;
				text-decoration: none;
			}
			
			.boxes .boxes-column .box a:hover, .boxes .boxes-column .box a:focus {
				color: #676767;
			}
			
			/* @group Blue 1 */
	
				.boxes .blue1-box {
					border: solid 1px #366ab0;
					border-right-color: #4273b5;
				}
				
				.boxes .blue1-box h3 {
					background-color: #366ab0;
				}
				
				.boxes .blue1-box li.zebra {
					background-color: #d7e1ef;
				}
			
			/* @end */
			
			/* @group Blue 2 */
			
				.boxes .blue2-box {
					border: solid 1px #1ca2c8;
					border-right-color: #1ca2c8;
				}
				
				.boxes .blue2-box h3 {
					background-color: #1ca2c8;
				}
				
				.boxes .blue2-box li.zebra {
					background-color: #d2ecf4;
				}				
			
			/* @end */
			
			/* @group Blue 3 */
			
				.boxes .blue3-box {
					border: solid 1px #0979ad;
					border-bottom-color: #6bafce;
				}
				
				.boxes .blue3-box h3 {
					background-color: #0979ad;
				}
				
				.boxes .blue3-box li.zebra {
					background-color: #cee4ef;
				}				
			
			/* @end */
			
			/* @group Green */
			
				.boxes .green-box {
					border: solid 1px #74be28;
					border-right-color: #7cc235;
				}
				
				.boxes .green-box h3 {
					background-color: #74be28;
				}
				
				.boxes .green-box li.zebra {
					background-color: #e3f2d4;
				}
			
			/* @end */		

		/* @end */
		
		/* @group Center */
		
			#center {
				overflow: hidden;
				padding: 10px 10px 22px 10px;
			}
		
			/* @group Content */
			
				#content {
					float: left;
					width: 720px;
				}
				
				#content h2, #content h3 {
					color: #0980ae;
					font-weight: normal;
					margin: 0;
					padding: 8px 0;
				}
				
				#content h3 {
					font-size: 1.5em;
				}
				
				#content p, #content ol, #content ul {
					font-size: 0.85em;
					margin: 0;
					padding: 10px 0;
				}
				
				/* @group Page */
				
					.page #content {
						float: right;
						width: 670px;
					}
					
					.page #content a {
						color: #086780;
						font-weight: bold;
					}
					
					.page #content h2 {
						color: #086780;
						font-size: 1.0em;
						font-weight: bold;
					}
					
					.page #content h3 {
						color: #086780;
						font-size: 1.0em;
						font-weight: bold;
					}
					
					.page #content h4 {
						color: #086780;
						font-size: 1.0em;
						font-weight: bold;
						margin: 0;
						padding: 8px 0;
					}
					
					.page #content li span, .page #content li span {
						color: #086780;
					}
					
					.page #content ol, .page #content ul {
						color: #226E05; /*modif jacques*/
						list-style-position: inside;
						list-style-type: disc;
						margin: 0;
					}
					
					.page #content p, .page #content ol, .page #content ul {
						font-size: 0.75em;
						padding-left: 20px;
						padding-right: 20px;

					}
					
					/* @group Breadcrumb & Forum */
					
						.page #content #forum {
							margin-top: 10px;
						}
						
						.page #content #breadcrumb, .page #content #forum {
							background-color: #d8f2f3;
							border:medium none #0099CC;
							color: #0099cc;
							font-family: Verdana,Arial,Helvetica,sans-serif;
							font-size: 0.65em;
							margin-bottom: 10px;
							padding: 4px 10px;
						}
			
						.page #content #breadcrumb a, .page #content #forum a {
							color: #0099cc;
						}
						
						.page #content #breadcrumb a:hover, .page #content #breadcrumb a:focus, .page #content #forum a:hover, #forum a:focus {
							color: #0099cc;
							text-decoration: none;
						}
						
						.page #content #breadcrumb strong {
							font-weight: normal;
						}					
					
					/* @end */
					
					/* @group Author */
					
						#content .author {
							overflow: hidden;
						}
						
						#content .author p {
							padding: 0 0 20px 0;
						}
						
						#content .author .author-pic {
							border: solid 1px #dcefef;
							float: left;
							margin-right: 6px;
							padding: 3px;
						}
						
						#content .author .author-pic img {
							vertical-align: bottom;
						}
					
					/* @end */
					
					/* @group Code */
					
						.page #content .code {
							background-color: #eaeaea;
							border: solid 1px #d6d6d6;
							color: #333;
							font-size: 0.9em;
							font-style: italic;
							padding: 5px 20px;
						}
					
					/* @end */
					
					/* @group Form */
					
						/* @group Parts */
						
							.part {
								border: solid 1px #67AD21;  
								margin: 40px 0 20px 0; 
								padding: 16px 0;
								position: relative;
							}
							
							.part .title {
								background-color: #fff;
								color: #67AD21;
								font-weight: bold;
								left: 10px;
								padding: 0 10px !important;
								position: absolute;
								top: -10px;
							}
						
						/* @end */
						
						/* @group Labels */
						
							label {
								font-weight: bold;
							}
							
							label span {
								font-weight: normal;
							}
							
							span.label {
								display: block;
							}
						
						/* @end */

						span.radio {
							white-space: nowrap;
						}
			
						span.text {
							border: 1px solid #D2D8AD;
							display: block;
							margin-top: 3px;
							padding: 0 2px;
						}
						
						span.text:hover, span.text *:hover {
							background-color: #A2CFFD;
						}
						
						span.text input, span.text textarea {
							border: none;
							padding: 2px 0;
							width: 100%;
						}
						
						span.text textarea {
							margin: 0;
							height: 250px;
						}
						
						input#oseox {
							width: 60px;
						}
			
						/* @group Submit */
						
							input.submit {
								background-color: #fff;
								border: dashed 2px #67AD21;
								color: #000;
								font-size: 1.15em;
								font-weight: bold;
								padding: 6px;
							}
							
							input.submit:hover {
								background-color: #67AD21;
								color: #fff;
							}
							
						/* @end */
			
						label.error {
							color: red;
						}
						
						span.error {
							border-color: red;
						}
					
					/* @end */
					
					/* @group Table */
					
						.page #content table {
							border: solid 1px #dedede;
							font-size: 0.75em;
							margin-bottom: 10px;
							margin-left: auto;
							margin-right: auto;
							width: 580px;
						}
						
						.page #content caption {
							background-color: #f1f1f1;
							border: solid 1px #e7e7e7;
							color: #136586;
							margin-bottom: 3px;
							margin-top: 10px;
							padding: 3px;
							text-align: center;
						}
						
						.page #content td {
							color: #a1ab72;
							text-align: center;
						}
						
						.page #content td, .page #content th {
							border: solid 1px #e7e7e7;
							padding: 3px;
						}
						
						.page #content th {
							background-color: #136586;
							border: solid 1px #136586;
							color: #fff;
						}					
					
					/* @end */
				
				/* @end */
			
			/* @end */
			
			/* @group Sidebar */
			
				#sidebar {
					float: right;
					padding-left: 10px;
					width: 250px;
				}
				
				/* @group Box */
				
					#sidebar div {
						border: solid 1px #7aa0d0;
						border-left-color: #2161b0;
						border-right-color: #2161b0;
						margin-bottom: 10px;
						padding-bottom: 30px;
					}
					
					#sidebar div a {
						color: #000;
					}
					
					#sidebar div a:hover, #sidebar div a:focus {
						color: #676767;
					}
					
					#sidebar div h3 {
						color: #676767;
						margin: 0;
						padding: 15px 0;
						text-align: center;
					}
					
					#sidebar div li {
						background: transparent url("../img/icone/oseox-dot.png") no-repeat scroll 0 2px;
						padding: 0 0 2px 18px;
					}
					
					#sidebar div p {
						border-bottom:  solid 1px #1b5bac;
						color: #1b5bac;
						font-size: 1.1em;
						font-weight: bold;
						margin: 0;
						padding: 4px 6px;
						text-align: center;
						text-transform: uppercase;
					}
					
					#sidebar div ul {
						border-bottom: solid 1px #86add5;
						font-size: 0.75em;
						list-style-type: none;
						margin: 0 20px;
						padding: 0 0 15px 0;
					}
				
				/* @end */
				
				/* @group Page */
				
					.page #sidebar {
						float: left;
						padding: 0 20px 0 0;
						width: 290px;
					}
					
					.page #sidebar li a {
						border-bottom: dotted 1px #ccf2a6;
						color: #226E05; /*modif jacques*/
						display: block;
						padding: 5px 0 5px 15px;
						text-decoration: none;				
					}
					
					.page #sidebar li a:hover, .page #sidebar li a:focus {
						background-color: #e9ffd2;
					}
					
					.page #sidebar ul {
						font-size: 0.75em;
						list-style-type: none;
						margin: 0;
						padding: 0;
					}
					
					.page #sidebar .title {
						font-weight: bold;
						margin: 0;
					}
					
					.page #sidebar .title a {
						color: #000;
						display: block;
						padding: 5px 9px 5px 13px;
						text-decoration: none;
					}
					
					.page #sidebar .subtitle {
						font-size: 0.75em;
						font-weight: bold;
						margin: 0;	
					}
					
					.page #sidebar .subtitle a {
						background: transparent url("../img/design/cross.png") no-repeat scroll left center;
						border-bottom: dotted 1px #ccf2a6;
						color: #67AD21;
						display: block;
						padding: 5px 9px 5px 13px;
						text-decoration: none;
					}
					
					.page #sidebar .subtitle a:hover, .page #sidebar .subtitle a:focus {
						color: #000;
					}	
				
				/* @end */
			
			/* @end */
			
			/* @group Page */
			
				.page #center {
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
			
			/* @end */
		
		/* @end */
		
		/* @group Footer */
		
			#footer {
				padding-bottom: 32px;
			}
			
			#footer a {
				color: #fff;
				text-decoration: none;
			}
			
			#footer a:hover, #footer a:focus {
				color: #edfcde;
			}
			
			#footer li {
				display: inline;
				padding: 0 26px;
			}
			
			#footer ul {
				background-color: #74be28;
				color: #fff;
				font-size: 0.8em;
				list-style-type: none;
				margin: 0;
				padding: 2px 0;
				text-align: center;
			}
		
		/* @end */
	
	/* @end */

/* @end */