/* Tags */

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;	
}


body {
	/*behavior: url("styles/csshover3.htc");*/
	font: normal normal normal 11px/1.2em Tahoma,sans-serif;
	background: transparent url(body.gif) repeat;
}


h1 {
	display: none;
}


ul {
	list-style: none inside none;
}

a {
	color: inherit;
	font: inherit;
	text-decoration: none;
}

a img {
	border: none;
}

/* Blocs principaux */

#site {
	position: relative;
	width: 900px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	background-color: #ffffff;
}

#header {
	position: relative;
	height: 156px;
	background: transparent url(header.jpg) no-repeat;
}

#mainmenu {
	position: relative;
	color: #206C9E;
	background: transparent url(mainmenu.gif) repeat-x;
}

#content {
	position: relative;
	overflow: auto;
	padding: 0 0 120px 0;
	background: transparent url(content.jpg) no-repeat;
	background-color: #ffffff;
}


#footer{
	position: absolute;
	clear: both;
	width: 900px;
	bottom: 0px;
	/*background-color: teal;*/
	height: 115px;
}

/* Entete */

	/* Tools */
	
#tools {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 25px;
	padding: 5px 13px;
	color: #1B85B7;
}

#tools li {
	float: left;
	font-size: 11px;
	padding-top: 6px;
}

#tools li a {
	color: #1B85B7;
	padding: 0 10px 0 17px;
	background: transparent url(tools.gif) no-repeat 0px 2px;
	border-right: solid 1px #b9bbba;
}

#tools li a:hover {
	text-decoration: underline;
}

#tools li.home a {
	background-position: 0px 1px;
}

#tools li.sitemap a {
	background-position: 0px -29px;
}

#tools li.contact a {
	background-position: 0px -58px;
}

#tools #search {
	padding-top: 0;
	margin-left: 5px;
}

#search label {
	display: none;
}

#search .textinput {
	font-size: 11px;
	height: 13px;
	color: #1B85B7;
}

#search .btsend {
	width: 17px;
	height: 20px;
	background: transparent url(bt-search.gif) no-repeat 0 3px;
	border: none;
	text-indent: -5000px;
}


	/* Flyers */
	
#flyer {
	position: absolute;
	left: 362px;
	top: 14px;
	color: #1B85B7;
}

	/* Logo */
	
#logo {
	display: block;
	position: absolute;
	left: 23px;
	top: 28px;
}

	/* Fil d'ariane */

#filariane {
	position: absolute;
	top: 130px;
	height: 25px;
	padding: 5px 13px;
	color: #1B85B7;
}

#filariane li {
	float: left;
	padding: 0 0 0 13px;
	background: transparent url(filariane.gif) no-repeat 0 4px;
}

#filariane li.home {
	padding-left: 0;
	background: none;
}

#filariane li a {
	color: #005C8D;
	text-decoration: none;
}

#filariane li a:hover {
	text-decoration: underline;
}

#filariane li.home a {
	color: #1B85B7;
	background: transparent url(tools.gif) no-repeat 0px 1px;
	padding-left: 15px;
	text-transform: uppercase;
}

#filariane li.current a {
	cursor: default;
}

#filariane li.current a:hover {
	text-decoration: none;
}


/* Menu principal */


#mainmenu {
	font-family: Arial, Helvetica, sans-serif;
}

#mainmenu ul {
	height: 31px;
	padding: 0px 0 0px 18px;
}

#mainmenu li {
	float:left;
	height: 25px;
	padding: 0px 13px 0px 13px;
	margin: 3px 0;
	border-left:solid 1px #b9bbbb;
}

#mainmenu li a {
	display: block;
	height: 18px;
	color: #206C9E;
	padding: 5px 5px 3px 5px;
	font-size: 13px;
	font-weight: bold;
}

#mainmenu li a:hover {
	text-decoration: underline;
}

#mainmenu li.login a {
	font-size: 11px;
	font-weight: normal;
}

#mainmenu li.first {
	border-left: none;
}

#mainmenu li.home a {
	text-transform: uppercase;
}

#mainmenu li.login, #mainmenu li.selected {
	background: transparent url(square-blue.gif) no-repeat 7px 9px;
}

#mainmenu li.login, #mainmenu li.login a {
	color: #1B85B7;
}

#mainmenu li.customize {
	width: inherit;
}

#mainmenu li.customize a {
	padding-left: 11px;
	background: transparent url(customize.gif) no-repeat 5px 0px;
}

#mainmenu li.customize a:first-letter {
	color: #f7f8f8;
	text-transform: lowercase;
	padding: 0 3px 0 0;
}

/* Footer */

#footer {
	background: transparent url(footer.gif) repeat-x 0 bottom;
}

	/* Partners */
	
#partners {
	margin-top: 10px;
	height: 65px;
}
	
#partners a{
	display: block;
	float: left;	
	margin: 0 10px
}

#partners p {
	overflow: auto;
	margin: 0 10px;
	padding: 4px 0;
	font-size: 10px;
	line-height: 1.3em;
}

	/* copyright */

#footer a {
	color: #1B85B7;
}

#footer a:hover {
	text-decoration: underline;
}

#copyright {
	position: absolute;
	top: 84px;
	width: 900px;
	text-align: center;
}

	/* Legal */

#legal {
	position: absolute;
	top: 84px;
	right: 15px;
}

#legal li {
	float: left;
	margin-left: 8px;
}

#legal #alphea a {
	color: #005C8D;
}

#legal #alphea:before {
	content: "-";
	margin-right: 8px;
}

#legal em {
	color: #ef5821;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Contenu */

#maincontent {
	width: 490px;
	margin: 0 0 0 390px;
	padding: 0 15px 0 5px;
	overflow: auto;
}

#morecontent {
	float: left;
	width: 370px;
	padding: 0 5px 0 15px;
	overflow: auto;
}

#morecontent2 {
	float: left;
	width: 489px;
	padding: 0 5px 0 15px;
	overflow: auto;
}

/* articles */

.article {
	margin: 15px 0;
	position: relative;
	color: #005C8D;
}

.article div.top {
	position: relative;
	padding: 10px 0 0px 0;
	min-height: 17px;
	background-image: url(article-top.png) ;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.article div.content {
	position: relative;
	padding: 5px 12px 40px 25px;
	background-image: url(article-center.png);
	background-repeat: repeat-y;
	background-position: 0 0;
}

.article div.bottom {
	position: relative;
	height: 13px;
	background-image: url(article-bottom.png) ;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#morecontent .article div.top {
	background-position: -520px 0;
}

#morecontent .article div.content {
	background-position: -520px 0;
}

#morecontent .article div.bottom {
	background-position: -520px 0;
}

	/* Couleurs */
	.article.blue div.top {
		background-image: url(article-blue-top.png) ;
	}
	
	.article.red div.top,
	.article.news div.top {
		background-image: url(article-red-top.png) ;
	}
	
	.article.blue.border div.top {
		background-image: url(article-blue-border-top.png) ;
	}
	
	.article.blue.border div.content {
		background-image: url(article-blue-border-center.png) ;
	}
	
	.article.blue.border div.bottom {
		background-image: url(article-blue-border-bottom.png) ;
	}
	
	.article.red.border div.top {
		background-image: url(article-red-border-top.png) ;
	}
	
	.article.red.border div.content {
		background-image: url(article-red-border-center.png);
	}
	
	.article.red.border div.bottom {
		background-image: url(article-red-border-bottom.png) ;
	}

.article h3 {
	line-height: 11px;
	margin: 0 9px 0 30px;
	padding: 0 0 2px 5px;
	font-size: 11px;
	font-weight: bold;
}

.article.blue h3 {
	background: #00b9f1;
	color: #FFFFFF;
}

.article.red h3 {
	background: #ee1c24;
	color: #FFFFFF;
}

.article div.top a {
	position: absolute;
	top: 9px;
	right: 20px;
}

.article div.top a.rss {
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url(rss.png) no-repeat;
	text-indent: -5000px;
}

.article h4{
	font-size: 11px;
	font-weight: bold;
}

.article p.date{
	font-size: 9px;
}

.article p,
.article ul {
	margin: 0 0 5px 0;
}

.article ul li {
	padding: 0 0 0 10px;
	background: transparent url(article-bullet.gif) no-repeat 0 4px;
}

.article a {
	color: #1B85B7;
}

.article a:hover {
	text-decoration: underline;
}

.article a img {
	border: solid 0px;
}


/* news */

.article div.content div.news,
.article div.content div.link {
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
	border-top: 1px dotted;
}

.article div.content div.link {
	margin-bottom: 0;
}

.article div.content div.news a.up {
	float: right;
	display: block;
	width: 9px;
	height: 7px;
	margin: 4px 0 0 0;
	background: transparent url(arrow-up.gif) no-repeat;
}

.article div.content div.link a {
	padding: 0 0 0 10px;
	background: transparent url(square-blue.gif) no-repeat 0 4px;
}

  
/* formulaire */
select {
	width: 135px;
	font: normal normal 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px;
	border: 1px solid #7F9DB9;
}
select.icon-menu option {
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:25px;
}

input {
	color: #000000;
	text-decoration: none;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	FONT-SIZE: 11px;
	width: 95px;
   }
.btSubmit {
	color: #000000;
	text-decoration: none;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	FONT-SIZE: 12px;
	width: 105px;
   }
.pok {
	height: 14px;
	width: 14px;
	border: 0px;
	}
.frmDate {
	width: 62px;
	text-align:left;
	}
.input2 {
	width: 78px;
	}
.input4 {
	width: 230px;
	}
.lng {
	width: 322px;
	}

fieldset {
	border:1px solid black;
	padding:2px;
	margin:2px;
	}

textarea {
	font-size : 11px;
	font-weight: helvetica;
	background: #FFFFFF;
	color : #000000;
	font-family : helvetica;
	width: 480px;
	height: 60px;
	}
.mycustomizer {
	font-size : 11px;
	width: 272px;
	height: 65px;
	}
.mycustomizer2 {
	font-size : 12px;
	width: 280px;
	height: 475px;
	}
.myquestion {
	font-size : 11px;
	width: 402px;
	}
.mysmall {
	font-size : 11px;
	width: 230px;
	height: 43px;
	}


/* presentation */
TD {
	font: normal 8pt Tahoma, sans-serif;
	font-size:11px;
	color:#005C8D;
	}
.encart {
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial, helvetica, sans-serif;
	color: #FFFFFF;
	FONT-SIZE: 11px;
	}
.myWelcome {
	color: #F37D1D;
	}
.copy {
	FONT-WEIGHT: normal;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #005C8D;
	FONT-SIZE: 11px;
	}
.progress {
	FONT-WEIGHT: normal;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #808080;
	text-align:right;
	FONT-SIZE: 10px;
	}
.myTitleCustomizer {
	FONT-WEIGHT: bold;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #005C8D;
	FONT-SIZE: 28px;
	}
.mySubTitleCustomizer {
	FONT-WEIGHT: normal;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #EE3224;
	FONT-SIZE: 15px;
	text-align:justify;
	}
.myStepTitleCustomizer {
	FONT-WEIGHT: bold;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #EE3224;
	FONT-SIZE: 11px;
	}
.myErrorCustomizer {
	FONT-WEIGHT: normal;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #FF0000;
	FONT-SIZE: 11px;
	}
.specification {
	FONT-WEIGHT: normal;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #000000;
	FONT-SIZE: 9px;
	}
.small {
	font: normal 8pt Tahoma, sans-serif;
	font-size:9px;
	color:#005C8D;
	}
.smallheader {
	FONT-WEIGHT: normal;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #005C8D;
	FONT-SIZE: 9px;
	}
.legend {
	FONT-WEIGHT: normal;
	FONT-FAMILY: Tahoma, Arial, helvetica, sans-serif;
	color: #808080;
	FONT-SIZE: 9px;
	}


#hackbrowser {
   width:100%;
   background-color:#990000;
   font-size:12px;
   color:#FFFFFF;
   text-align:center;
   height:60px;
   }
#hackbrowser a {
   color:#FFFFFF;
   text-decoration:none;
   margin-top:8px;
}
#hackbrowser a:hover {
   color:#FFFFFF;
   text-decoration:underline;
}