*{margin:0;padding:0}

a img {
	border:	0;
}

body{
	background:		#fff;
	text-align:		center;
	font-family:	Tahoma, Helvetica, Geneva, sans-serif;
	font-size:		12px;
}
.global{
	position:		relative;
	margin-left:	auto;
	margin-right:	auto;
	width:			1000px;
	text-align:		justify;
	padding: 		0;
}

/**
* --------------------------------------
*             NAVIGATION HAUTE
* --------------------------------------
*/
#nav{
	height:		38px;
	background:	#00618c url(../img/bgd_nav.png) no-repeat top left;
	padding:	0 6px 0 6px;
}
#nav li{
	list-style-type:	none;
	display:			block;
	float:				left;
	background:			transparent url(../img/separation.png) no-repeat center right;
	padding:			0 2px 0 0px;
}
#nav li a,
#nav li a:link,
#nav li a:visited{
	display:			block;
	height:				34px;
	line-height:		34px;
	min-width:			76px;
	font-size:			10px;
	text-transform:		uppercase;
	color:				#fff;
	padding:			0 10px 0 10px;
	text-decoration:	none;
	text-align:			center;
}
#nav li a:hover,
#nav li a:active,
#nav li a:focus,
#nav li a.active{
	background:	transparent url(../img/bgd_nav_highlight.png) no-repeat bottom center;
}

/**
* --------------------------------------
*         TAILLE DE LA POLICE
* --------------------------------------
*/
#fontsize{
	position:	absolute;
	top:		10px;
	right:		10px;
}
#fontsize a,
#fontsize a:link,
#fontsize a:visited{
	color:				#fff;
	text-decoration: 	none;
}
#fontsize a:hover,
#fontsize a:focus,
#fontsize a:active{
	color:				#fff;
	text-decoration: 	underline;
}
#fontsize .less{
	font-size:		9px;
	margin-right:	5px;
}
#fontsize .more{
	font-size:	11px;
}


/**
* --------------------------------------
*             LOGO
* --------------------------------------
*/
img#logo{
	margin:	30px 0 30px 0;
	float:	left;
}

/**
* --------------------------------------
*             SERVICES
* --------------------------------------
*/
#services{
	float:	right;
	height:	70px;
	margin:	20px 274px 0 0px;
}
#services li{
	height:				70px;
	width:				80px;
	list-style-type:	none;
	display:			block;
	float:				left;
	position:			relative;
}
#services li a,
#services li a:link,
#services li a:visited{
	display:				block;
	height:					70px;
	width:					80px;
	background-color:		#fff;
	background-position:	top left;
	background-repeat:		no-repeat;
	text-decoration:		none;
}
#services li a#service_1{
	background-image:	url(../img/icone_referencement_naturel.png);
}
#services li a#service_2{
	background-image: 	url(../img/icone_liens_sponsorises.png);
}
#services li a#service_3{
	background-image: 	url(../img/icone_e_publicite.png);
}
#services li a#service_4{
	background-image:	url(../img/icone_statistiques.png);
}
#services li a#service_5{
	background-image: 	url(../img/icone_formation.png);
}
#services li a:hover,
#services li a:active,
#services li a.active,
#services li a:focus{
	background-position:	bottom left;
}
#services li a span{
	display:	none;
	position:	absolute;
	height:		50px;
	width:		254px;
	background:	#000 url(../img/bgd_services.png) no-repeat top left;
	top:		0;
	color:		#fff;
	padding:	10px;
	font-size:	11px;
}
#services li a:hover span,
#services li a:active span,
#services li a:focus span,
#services li a.active span{
	display:	block;
}
#services li a span b{
	display:		block;
	text-transform:	capitalize;
	font-size:		12px;
	margin-bottom:	10px;
}
#services li a#service_1 span{
	right:		-594px;
	z-index:	2;
}
#services li a#service_2 span{
	right:		-514px;
	z-index:	2;
}
#services li a#service_3 span{
	right:		-434px;
	z-index:	2;
}
#services li a#service_4 span{
	right:		-354px;
	z-index:	2;
}
#services li a#service_5 span{
	right:		-274px;
	z-index:	2;
}
#services li a.active#service_1 span,
#services li a.active#service_2 span,
#services li a.active#service_3 span,
#services li a.active#service_4 span,
#services li a.active#service_5 span{
	z-index:	1;
}

/**
* --------------------------------------
*             BANDEAU
* --------------------------------------
*/
#banner{
	background:		#00618c url(../img/bgd_bandeau.png) no-repeat top left;
	height:			87px;
	width:			500px;
	padding:		45px 250px 30px 250px;
	text-align:		left;
	clear:			both;
	margin-bottom:	20px;
}
#banner .title{
	color:			#00b1ff;
	font-size:		16px;
	text-transform:	uppercase;
	letter-spacing: 4px;
	font-weight:	normal;
	margin:			0px 0px 5px 0px;
}
#banner .subtitle{
	color:			#fff;
	font-size:		12px;
	text-transform:	uppercase;
	line-height:	20px;
	letter-spacing: 1px;
}

/**
* --------------------------------------
*             MODULES
* --------------------------------------
*/
#modules{
	float: right;
	width: 274px;
}
.module{
	/*float:				right;
	clear:				right;*/
	background-color:	#ddd;
	color:				#333;
	margin-bottom:		20px;
	text-align: left;
}
.module .top{
	height:		4px;
	background:	#ddd url(/img/bgd_news_top.png) no-repeat top left;
}
.module .middle{
	padding:	6px 10px 6px 10px;
}
.module .bottom{
	height:		4px;
	background:	#ddd url(/img/bgd_news_bottom.png) no-repeat top left;
}
.module h2{
	margin-bottom:	10px;
	font-weight:	bold;
	font-size:		18px;
}

/**
* --------------------------------------
*             NEWS
* --------------------------------------
*/
.news{
	margin-bottom:		50px;
}
.news .date{
	height:		47px;
	width:		41px;
	background:	transparent url(/img/date.jpg) no-repeat top left;
	float:		left;
	position:	relative;
}
.news .date .month{
	text-transform:	uppercase;
	color:			#fff;
	position:		absolute;
	font-size:		8px;
	top:			8px;
	left:			5px;
}
.news .date .day{
	position:		absolute;
	color:			#000;
	font-size:		12px;
	font-weight:	bold;
	top:			23px;
	left:			12px;
}
.news .title{
	font-weight:	bold;
	padding:		10px 0 0 50px;
	margin:			0 0 5px 0;
}
.news .fulldate{
	color:		#999;
	font-style:	italic;
	padding:	0 0 0 50px;
}
.news .text{
	margin:	20px 0 50px 0;
	clear:	left;
}
#news.news img{
	width:	auto;
	height:	auto;
}
#news .rss{
	float:	right;
}
#news .rss img{
	width:	16px;
}
#news .all_news{
	text-align:	right;
}
#news.news{
	background-color:	#ddd;
	padding:			0px;
	margin-bottom:		20px;
}
#news.news .title{
	padding: 		0px;
	margin-bottom:	15px;
}
#news.news .date{
	margin-bottom:	10px;
	text-align:		right;
	font-size:		10px;
	height:			auto;
	width:			auto;
	background:		none;
	float:			none;
	position:		static;
}
#news.news .text{
	margin:	20px 0 0px 0;
	clear:	left;
}

/**
* --------------------------------------
*             CONTACT
* --------------------------------------
*/
#contact .middle{
	background-image:	url(/img/contact.jpg);
	background-repeat:	no-repeat;
	background-position: 170px 5px;
}

/**
* --------------------------------------
*             GOOGLE
* --------------------------------------
*/
#google .middle{
	
	background-repeat:	no-repeat;
	background-position: 170px 5px;
}

/**
* --------------------------------------
*          REFERENCES CLIENTS
* --------------------------------------
*/
#references .middle img{
	max-width: 250px;
}
#references .middle p{
	text-align: center;
}
.client{
	margin-bottom:150px;
}
.client .date{
	float:		right;
	color:		#999;
	font-size:	11px;
}

/**
* --------------------------------------
*             CONTENT
* --------------------------------------
*/
#content{
	margin-right:294px;
}
h1{
	font-size:		15px;
	font-weight:	normal;
	color: 			#fff;
	margin:			20px 0 20px 0;
	background:		#00618c url(/img/bgd_h1.png) no-repeat top left;
	height:			26px;
	clear:			both;	
	padding:		8px 10px 0px 10px;
	font-family:	Arial;
}
#content.index h1{	
	font-size:		18px;
	font-weight:	bold;
	color: 			#00618c;
	margin:			20px 0 20px 0;
	background:		none;
	height:			auto;
	clear:			none;	
	padding:		0;
	clear:			left;
}/*
#content h2{
	font-size:		18px;
	font-weight:	bold;
	color: 			#00618c;
	margin:			20px 0 20px 0;
}*/
#content h2{
	font-size:				12px;
	color: 					#111;
	margin:					10px 0 10px 0;
	background:				transparent url(/img/bgd_h2.png) no-repeat top left;
	background-position:	0px 2px;
	padding-left:			15px;
	border-bottom:			solid 1px #e5eff3;
	padding-bottom:			5px;
}
#content p + h2,
#content ul + h2,
#content ol + h2,
#content div + h2{
	margin-top:	50px;
}

#content.little{
	font-size:	10px;
}
#content.index.little h1{
	font-size:	12px;
}
#content.little h2{
	font-size:	10px;
}
#content.big{
	font-size:	14px;
}
#content.index.big h1{
	font-size:	20px;
}
#content.big h2{
	font-size:	14px;
}

/**
* --------------------------------------
* LIENS, TITRES, PARAGRAPHES, MISE EN RELIEF
* --------------------------------------
*/
a:link,
a:visited{
	text-decoration:	underline;
	color:				#00618c;
}
a:hover,
a:active,
a:focus{
	text-decoration:	none;
	color:				#00618c;
}
.b1{
	font-weight:	bold;
	color:			#00618c;
}
b,.b{
	font-weight:	bold;
}
p{
	margin-bottom:	10px;
}
p.cadre{
	padding: 			10px;
	border:				solid 1px #999;
	text-align:			center;
	color:				#555;
	background-color:	#fafafa;
	margin:				50px 0 50px 0;
}
p.cadre:hover{
	background-color:	#eee;
}
ul,ol{
	margin-bottom:	10px;
	padding-left:	30px;
}
li{
	margin-bottom:	10px;
}

/**
* --------------------------------------
*             ILLUSTRATIONS
* --------------------------------------
*/
.right{
	float:		right;
	margin:		0 0 10px 10px;
}
.left{
	float:		left;
	margin:		0 10px 10px 0;
}
.center{
	display:		block;
	margin:			auto;
	margin-top:		10px;
	margin-bottom:	10px;
}
.img{
	border:		solid 1px #ddd;
	padding:	1px;
}

/**
* --------------------------------------
*        MESSAGES ERREUR ET SUCCES
* --------------------------------------
*/
span.error{
	display:	block;
	color:		#ff0000;
	font-size:	11px;
}
p.error{
	color:				#ff0000;
	background-color:	#ffe5e5;
	border-top:			solid 1px #ff0000;
	border-bottom:		solid 1px #ff0000;
	padding:			5px 0 5px 0;
}

/**
* --------------------------------------
*             ERREURS HTTP
* --------------------------------------
*/
.http_error{
	font-size:			14px;
	margin:				20px 0 0 0;
	text-align:			center;
	background-color:	#00618c;
	color:				#fff;
	padding:			5px;
}

/**
* --------------------------------------
*             FOOTER
* --------------------------------------
*/
#footer{
	clear:		both;
	background:	#323232 url(/img/bgd_footer_top.png) no-repeat top left;
	text-align:	center;
	color: 		#fff;
	padding:	10px 10px 5px 10px;
	font-size:	11px;
	margin-top:	30px;
}
#footer a,
#footer a:link,
#footer a:visited{
	color: 				#fff;
	text-decoration:	none;
}
#footer a:hover,
#footer a:active,
#footer a:focus{
	text-decoration:	underline;
}
#footer p{
	margin-bottom:	5px;
}
#xiti{
	float:		right;
	margin-top:	20px;
}