/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Arjel
    created:    2011-12-01
    author:     JR

    summary:    PRINT
                RESET
                GENERIC
				PAGE
				HEADER
				COLS
				BLOCKS
				BOXES
				BUTTONS
				MENU
				FOOTER
				
				
				
				TYPE-01 = HOME
				TYPE-02 = 2 COLS 
				TYPE-03 = 3 COLS
                
----------------------------------------------------------------------------- */

/*  =PRINT
----------------------------------------------------------------------------- */
@media print {
	body {
		font-size: 11pt !important;
		color: #000 !important;
		background-color: #FFF !important;
	}
	a:link,a:visited,a:active {
		text-decoration: underline;
		color: #000;
	}
	a.print:link:after,a.print:visited:after {
		content: " ( 'http://www.arjel.fr/" attr(href) "' ) ";
		font-size: 90%;
		color: #999999;
	}
	#print {
		display: block !important;
		font-size: 16pt;
		font-weight: bold;
	}
	img {
		width: auto !important;
		height: auto !important;
		border: none !important;
		display: inline !important;
	}
	dl dt {
		position: relative !important;
		display: block !important;
	}
	table th,table td {
		text-align: left;
	}
	#breadcrump {
		margin: 0 0 10px 0;
	}
	#page  {
	background:none;
	}
	.block-type-04 {
		-moz-box-shadow: 0px;
		background:none;
	}
	#header {
		height: 115px;
	}
	#col-2, #col-3, #col-4, h2, .top-line, #menu, #sub-menu, #footer, #spip-admin
		{
		display: none !important;
	}
}


/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Arial, Verdana, sans-serif;
    font-size:69%; /* :INFO:1em = 11px */
    text-align:center;
    margin:0;
    height:100%;
    color:#000;
    background:#fff;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
textarea { overflow:auto; }

hr,
.accessibility { 
    position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
}


/*  =GENERIC
----------------------------------------------------------------------------- */
#content {
    margin:0 auto;
    width:1033px;
    text-align:left;
    position:relative;
}

a {
    color:#666;
    cursor:pointer;
}


/*  =PAGE
----------------------------------------------------------------------------- */

#page {
	overflow:hidden;
	background:url(../img/skin/bg-page.png) left top no-repeat;
	}

#page-inner {
	overflow:hidden;
	padding:40px 0 10px 22px;
	position:relative;
	zoom:1;
}

.type-01 #page-inner {
	padding:30px 0 0 22px;
	min-height:435px;	
}

.type-03 #page-inner h2,
.type-02 #page-inner h2 {
	padding:0 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:3.5em;
	text-transform:uppercase;
	height:40px;
}

.color-1 {
	color:#139ec3;	
}

.color-2 {
	color:#112957;	
}

.breadcrump {
	color:#636363;
	padding:0 0 10px 0;
}

.breadcrump a {
	color:#636363;
	text-decoration:none;
}

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

.breadcrump span {
	color:#101e4a;
}




/*  =HEADER
----------------------------------------------------------------------------- */

#header {
	position:relative;
	margin:25px 0 0 0;
	height:180px;
	width:1033px;
	background:url(../img/skin/bg-header.png) left bottom no-repeat;
}

.top-line {
	position:absolute;
	top:0px;
	right:0px;
	overflow:hidden;
}

.top-line p {
	float:left;
	color:#464340;
	font-size:1.1em;
	padding:19px 10px 0 0;
	display:block;
}

.top-line img {
	float:left;	
}

#header h1 {
	padding:0 0 0 34px;	
	
}


/*  =COLS
----------------------------------------------------------------------------- */

#col-1 {
	float:left;	
}

#col-2 {
	float:left;	
}

#col-3 {
	float:left;	
}

.type-01 #col-1 {
	padding:0 30px 10px 0;
}

.type-01 #col-2 {
	padding:0 28px 10px 0;
}

.type-02 #col-1,
.type-03 #col-1 {
	padding:0 33px 10px 0;	
}

.type-03 #col-2 {
	padding:0 30px 10px 0;
}



/*  =BLOCKS
----------------------------------------------------------------------------- */

.block-type-01 {
	background:#fff;
	padding:18px 15px 15px 15px;
	width:130px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

.block-type-01 h3 {
	color:#1c1749;
	font-size:2em;
	text-transform:uppercase;
	line-height:0.9em;
	padding:0 0 15px 0;
}

.block-type-01 p {
	color:#000;
	font-size:1.1em;
	padding:0 0 25px 0;
}

.block-type-01 ul li {
	font-size:1.1em;
	font-weight:bold;
	background:url(../img/skin/bullet-1.png) left 3px no-repeat;
	padding:0 0 0 15px;
}

.block-type-01 ul li a {
	color:#ff001d;
	text-decoration:none;
}

.block-type-01 ul li a:hover {
	text-decoration:underline;
}

.block-type-02 {
	background:url(../img/skin/block-type-02-bg.png) left bottom repeat-x #fff;
	padding:18px 15px 0 15px;
	width:222px;
	height:345px;
	position:relative;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
	border:3px solid #fff;
}

.block-type-02 h3 {
	padding:0 0 20px 0;	
}

.block-type-02 h4 {
	color:#008ccd;
	font-weight:bold;
	font-size:1.1em;
}

.block-type-02 p {
	padding:0 0 10px 0;
	font-size:1.1em;
}

.block-type-02 .btn {
	position:absolute;
	bottom:-38px;
	left:30px;
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}


.block-type-04 {
	background:#fff;
	padding:10px 20px 15px 20px;
	width:710px;
	color:#0b2255;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	position:relative;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

.block-type-04 .with-pic {
	background:none!important;
	padding:0 0 10px 0!important;
}

.block-type-04 .with-pic .article-content {
	background-position:20px bottom!important;	
}

.block-type-04 .article {
	padding:0 0 10px 20px;
	overflow:hidden;
}

.block-type-04 .article h3 {
	padding:0 0 0 0;	
	font-size:1.1em;
}

.block-type-04 .article p {
	padding:0 0 12px 0;	
}

.block-type-04 .mini-article {
	background:url(../img/skin/bullet-4.png) left 3px no-repeat!important;
	padding:0 0 10px 20px;
	overflow:hidden;
	zoom:1;
}

.block-type-04 .mini-article .article-content {
	background:url(../img/skin/separator.png) left bottom no-repeat;
	padding:0 0 25px 0;
	overflow:hidden;
	zoom:1;
}

.block-type-04 .last .article-content { 
	background:none;
	padding:0;
	zoom:1;
}

.block-type-04 .mini-article .article-content h3 {
	font-size:1.1em;
	font-weight:bold;
}

.contact .mini-article .article-content h3 {
	font-size:1.1em;
	padding:0 0 10px 0;
	font-weight:bold;
}


.block-type-04 .mini-article .article-content h3 span.date {
	font-size:0.9em;
	font-weight:normal;
	padding:0 0 0 10px;
}

.block-type-04 .mini-article img {
	float:left;
	padding:0 10px 0 0;
}

.block-type-04 .inner-content p {
	padding:0 0 12px 0;
}

.block-type-04 .inner-content h3 {
	padding:0 0 12px 0;	
	font-size:1.5em;
}

.block-type-04 .mini-press {
	overflow:hidden;
	background:url(../img/skin/separator.png) left bottom no-repeat;
	padding:0 0 0 0;
	margin:0 0 0 0;
	zoom:1;
}

.block-type-04 .mini-inner {
	float:left;	
	width:640px;
	padding:15px 0 15px 0;
}

.block-type-04 h3.rubtop {
	padding:15px 0 15px 0;	
	color:#0b2255;
	font-size:1.7em;
}

.block-type-04 .mini-text h3,
.block-type-04 .mini-press h3 {
	padding:0 0 12px 0;	
	color:#0b2255;
	font-size:1.1em;
}

.block-type-04 .mini-text h3 a,
.block-type-04 .mini-press h3 a {
	padding:0 0 12px 0;	
	color:#0b2255;
	font-size:1.0em;
	text-decoration:none;
}

.block-type-04 .mini-press .misc {
	float:left;
	width:34px;
	text-align:center;
	overflow:hidden;
	margin:0 10px 0 0;
}

.block-type-04 .mini-press .date {
	background:#dbdad8;
	width:34px;
	padding:4px 0 4px 0;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	color:#112957;
	margin:0 0 5px 0;
}


.block-type-04 .date span.year {
	color:#4c5057;
	font-size:0.9em;
	font-weight:normal;
}

.block-type-04 .mini-text {
	overflow:hidden;
	background:url(../img/skin/separator.png) left bottom no-repeat;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	zoom:1;
}

.block-type-04 .mini-text span {
	float:left;
	margin:0 10px 10px 0;
	width:24px;
	height:26px;
	display:block;
}

.block-type-04 .misc span.pdf,
.block-type-04 .misc span.doc {
	float:left;
	width:27px;
	margin:0 0 0 5px;
	height:26px;
	display:block;
}

.block-type-04 span.pdf {
	background:url(../img/skin/picto-pdf.png) left 3px no-repeat;	
}

.block-type-04 span.doc {
	background:url(../img/skin/picto-doc.png) left 3px no-repeat;	
}

.operators h3 {
	color:#008ccd;
	margin: 8px 0 0 0;
}

.content h3 {
	color:#008ccd;
}

.type-03 .block-type-04 {
	width:520px;
}

.block-type-04 .faq-part ul li {
	background:url(../img/skin/bullet-4.png) left 3px no-repeat;
	padding:0 0 12px 20px;
}

.block-type-04 .faq-part h3 {
	padding:0 0 12px;
	font-size:1.1em;
}

.block-type-04 .faq-part {
	background:url(../img/skin/separator-2.png) left bottom no-repeat;
	padding:0 0 10px 0;
}

.type-02 .block-type-04 .last,
.type-03 .block-type-04 .last {
	background:none;
}

.block-type-03 {
	background:#fff;
	position:relative;
	height:327px;
	width:172px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:url(../img/skin/block-type-02-bg.png) left bottom repeat-x #fff;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
	border:3px solid #fff;
}

#col-3 .block-v2 {
	height:400px;
	background:url(../img/skin/block-type-v2-bg.png) left bottom repeat-x #fff;
}


.block-type-03 .btn {
	position:absolute;
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

.block-type-03 .first {
	top:20px;
	left:-6px;
}

.block-type-03 .second {
	top:105px;
	left:3px;
}

.block-type-03 .third {
	top:195px;
	left:-13px;
}

.block-type-03 .fourth {
	top:285px;
	left:-6px;
}

.block-type-05 {
	background:#fff;
	width:750px;
	color:#0b2255;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	position:relative;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
	padding:0 0 10px 0;
}

.block-type-05 .intro {
	background:url(../img/skin/bg-title-article.png) left top no-repeat;	
	padding:10px 23px 5px 23px;
	height:95px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.block-type-05 .intro h3 {
	font-size:1.8em;
	padding:5px 0 0 0;
	text-transform:uppercase;
	font-weight:lighter;
}

.block-type-05 .intro .date {
	font-size:1em;
}	

.block-type-05 .inner-content {
	padding:0 20px 0 20px;
}

.block-type-05 .inner-content h4 {
	color:#008ccd;
	font-weight:bold;
	font-size:1.3em;
	padding:0 0 10px 0;
}

.block-type-05 .inner-content p {
	font-size:1.1em;	
	/*padding:0 0 20px 0;*/
	padding:0 0 5px 0;
}

.block-type-05 .inner-content a {
	color:#e0001a;
	text-decoration:underline;
}

.block-type-05 .inner-content a:hover {
	color:#e0001a;
	text-decoration:none;
}

.block-type-05 .inner-content img {
	float:left;
	padding:0 20px 20px 0;
}

.block-type-04 .buttons,
.block-type-05 .buttons,
.block-type-07 .buttons {
	overflow:hidden;	
	position:absolute;
	right:5px;
	top:-25px;
}

.buttons .size-2 {
	width:71px!important;	
}

.block-type-05 dl {
	padding:0 15px 0 15px;	
}

.block-type-05 dt {
	color:#008ccd;
	font-weight:bold;
	font-size:1.3em;
	padding:0 0 13px 0;
}

.block-type-05 dd {
	color:#112957;
	background:url(../img/skin/separator.png) left bottom no-repeat;
	padding:0 0 20px 0;
	margin:0 0 5px 0;
	font-size:1.1em;
}

.block-type-05 dl .last {
	background:none;	
	padding:0;
}

.lexique .intro {
	padding-top:20px;
	height:85px;
}

.lexique .intro a {
	font-size:2.6em;
	color:#87b7cd;
	padding:0 2px 0 2px;
	font-weight:lighter;
	text-decoration:none;
}

.lexique .intro a:hover {
	text-decoration:underline;	
}

.lexique .intro a.on {
	font-size:3.7em;
	color:#112957;
}

.operator {
	background:url(../img/skin/separator-2.png) left bottom no-repeat;	
	overflow:hidden;
	padding:0 0 20px 0;
	margin:0 0 5px 0;
	zoom:1;
}

.operator h3 {
	color:#750c0a;
	font-weight:bold;
	font-size:1.1em;
	padding:0 0 6px 0;
}


.operator strong {
/*	display: block; */
	padding:10px 0 0 0;
}

.operator br {
	display: block;
	padding:6px 0 0 0;
}

.operator p {
	font-size:1em;
	color:#320907;

}

.operator .inner-txt {
    float:left;
}

.with-img .inner-txt {
    width:350px!important;
}

.operator img {
	float:left;
	padding:0 10px 0 0;
}

.block-type-06 {
	background:url(../img/skin/block-type-05-bg.png) left bottom no-repeat;
	color:#000;
	width:230px;
	font-size:1.1em;
	height:330px;
}


.space-2 .block-type-06 {
	background:url(../img/skin/block-type-05-bg-2.png) left bottom no-repeat;	
}

.block-type-06 p {
	padding:0 0 12px 0;	
}


.block-type-07 {
	background:#fff;
	width:750px;
	color:#0b2255;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	position:relative;
	padding:0 0 10px 0;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}


.block-type-07  h3 {
	font-size:2.8em;
	padding:30px 0 40px 0;
	text-transform:uppercase;
	font-weight:lighter;
	color:#fff;
}

.block-type-07 .inner-content {
	background:url(../img/skin/bg-title-article-2.png) left top no-repeat #fff;	
	padding:0 20px 0 20px;
}

.block-type-07 .inner-content h4 {
	color:#112957;
	font-weight:bold;
	font-size:1.3em;
	padding:0 0 10px 0;
}

.block-type-07 .inner-content p {
	font-size:1.1em;	
	padding:0 0 20px 0;
}

.block-type-07 .inner-content a {
	color:#e0001a;
	text-decoration:underline;
}

.block-type-07 .inner-content a:hover {
	color:#e0001a;
	text-decoration:none;
}

.block-type-07 .inner-content img {
	float:left;
	margin:3px 20px 10px 0;
	
}

.error {
	font-size:1.1em;
	font-weight:bold;
	color:#E81C24;
	padding:0 65px 10px 191px;
	margin:-10px 0 10px;
}

.error a:link {
		color: #E81C24;
	}

.error a:visited {
		color: #E81C24;
	}

.error a:active {
		color: #E81C24;
	}

.inner-content a {
	color:#e0001a;
	text-decoration:underline;
}

.inner-content a:hover {
	color:#e0001a;
	text-decoration:none;
}

.inner-content ul,
.article ul {
	margin:0 0 12px 10px;	
}

.inner-content ul li,
.article ul li {
	background:url(../img/skin/bullet-4.png) left 3px no-repeat;
	padding:0 0 0px 20px;
}

.contact .arrow-list {
	margin:0 0 0 10px;
}

.contact .arrow-list li {
	background:url(../img/skin/bullet-arrow-2.png) left 4px no-repeat;
	padding:0 0 0 10px;
}

.contact .arrow-list li span {
	color:#E0001A;
	font-weight:bold;
}

.contact .arrow-list li a {
	font-weight:bold;	
	color:#e0001a;
	text-decoration:none;
}

.contact .arrow-list li a:hover {
	text-decoration:underline;
}

/*  =BOXES
----------------------------------------------------------------------------- */

.box-type-01 {
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0 0 18px;
	width:448px;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

.box-type-01 h3 a {
	color:#fff;	
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

.red {
	background:url(../img/skin/box-type-01-bg-red.png) left top no-repeat;	
	padding:17px 0 18px 17px;
}

.red h3 {
	font-size:2.5em;	
}

.blue {
	background:url(../img/skin/box-type-01-bg-blue.png) left top no-repeat;	
	padding:17px 0 4px 17px;
}

.blue h3 {
	padding:0 0 15px 0;
	font-size:3em;
}

.blue ul li {
	background:url(../img/skin/bullet-2.png) left 3px no-repeat;
}

.cyan {
	background:url(../img/skin/box-type-01-bg-cyan.png) left top no-repeat;	
	padding:17px 0 4px 17px;
}

.cyan h3 {
	padding:0 0 15px 0;	
	font-size:3em;
}

.cyan ul li {
	background:url(../img/skin/bullet-3.png) left 3px no-repeat;
	font-size:1.1em;
	font-weight:normal;
	padding:0 0 10px 15px;
}

.cyan ul li a {
	color:#fff;
	text-decoration:none;
}

.cyan ul li a.on {
	font-weight:bold;	
}

.cyan ul li a:hover {
	text-decoration:underline;	
}

.box-type-01 ul li {
	font-size:1.1em;
	font-weight:bold;
	padding:0 0 10px 15px;
}

.box-type-01 ul li a {
	color:#fff;
	text-decoration:none;
}

.box-type-01 ul li a:hover {
	text-decoration:underline;	
}

.box-type-02 {
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:134px;
	padding:10px;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

.box-type-02 a {
	color:#fff;
}

.box-type-02 p {
	color:#fff;
	padding:0 0 12px 0;
}

#col-1 .blue {
	background:url(../img/skin/box-type-02-bg-blue.png) left top no-repeat #0f67ad;
}

#col-1 .red {
	background:url(../img/skin/box-type-02-bg-red.png) left top no-repeat #db051e;
}

#col-1 .cyan {
	background:url(../img/skin/box-type-02-bg-cyan.png) left top no-repeat #0085c5;
}

#col-1 .red span.book {
	background:url(../img/skin/bg-book.png) right top no-repeat;
	display:block;
	width:35px;
	height:41px;
	float:right;
	padding:0 0 10px 10px;
}

.box-type-03 {
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:url(../img/skin/box-type-03-bg-cyan.png) left top no-repeat #0190d3;
	width:414px;
	padding:20px 20px 10px 20px;
	margin:0 20px 20px 0;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

.space-2 .box-type-03 {
	background:url(../img/skin/box-type-03-bg-blue.png) left top no-repeat #0d407b;
}

.box-type-03 h3,
.box-type-04 h3,
.box-type-05 h3 {
	color:#FFFFFF;
	font-weight:lighter;
	text-transform:uppercase;
	text-decoration:none;
	font-size:2.5em;
	padding:0 0 10px 0;
}

.box-type-04 h3,
.box-type-05 h3 {
	font-size:1.9em;	
}

.box-type-03 p,
.box-type-04 p,
.box-type-05 p {
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	padding:0 0 20px 0;
}


.box-type-04 {
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:url(../img/skin/box-type-04-bg-cyan.png) left top no-repeat #287a9b;
	width:194px;
	padding:10px;
	margin:0 20px 0 0;
	float:left;
	height:175px;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

html>body .box-type-04 {
	height: auto;
	min-height: 175px;
}

.space-2 .box-type-04 { 
	background:url(../img/skin/box-type-04-bg-blue.png) left top no-repeat #0e57aa;
	width:184px;
	margin:0 40px 0 0;
}

.space-2 .box-type-05  { 
	background:url(../img/skin/box-type-05-bg-blue.png) left top no-repeat #172279;
	width:184px;
}

.box-type-05 {
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:url(../img/skin/box-type-04-bg-cyan.png) left top no-repeat #277B9E;
	width:194px;
	padding:10px;
	float:left;
	height:175px;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

html>body .box-type-05 {
	height: auto;
	min-height: 175px;
}

.box-type-06 {
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:url(../img/skin/box-type-06-bg.png) left bottom repeat-x;
	width:165px;
	color:#0c3580;
	height:325px;
	padding:0 0 10px 0;
	float:left;
	-moz-box-shadow:2px 2px 4px #b8b8b7;
	-webkit-box-shadow:2px 2px 4px #b8b8b7;
	box-shadow:2px 2px 4px #b8b8b7;
}

.box-type-06 .inner {
	padding:12px 20px 0 20px;
}

.box-type-06 .inner p {
	padding:0 0 20px 0;	
}

.sub-col-1 {
	margin:0 20px 0 0;	
}

.sub-col-2 {
	margin:20px 20px 0 0;	
}

.sub-col-3 {
	margin:6px 0 0 0;	
}




/*  =BUTTONS
----------------------------------------------------------------------------- */

a.btn-more ,.block-type-04 .mini-press h3 a.btn-more {
	color:#008ccd;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}

a.btn-view-all {
	color:#e81c24;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}

.btn img {
	display:block;	
}

a.btn-print {
	background:url(../img/skin/btn-print.png) left top no-repeat;
	width:14px;
	height:13px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:9px 10px 0 0;
}

a.btn-type-01 {
	background:url(../img/skin/btn-type-01-middle.png) left top repeat-x;
	height:25px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#0b2255;
	width:113px;
	float:left;
}

a.btn-type-01:hover {
	text-decoration:underline;	
}

a.btn-type-01 span.middle {
	float:left;
	background:url(../img/skin/bullet-arrow-1.png) 3px 14px no-repeat;
	padding:9px 5px 0 10px;
	height:16px;
}

a.btn-type-01 span.left {
	background:url(../img/skin/btn-type-01-left.png) left top no-repeat;	
	width:12px;
	height:25px;
	display:block;
	float:left;
}

a.btn-type-01 span.right {
	background:url(../img/skin/btn-type-01-right.png) left top no-repeat;
	width:12px;
	height:25px;
	display:block;
	float:left;
}


a.btn-type-02 {
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	text-decoration:none;
	background:url(../img/skin/bullet-3.png) left 3px no-repeat;
	padding:0 0 0 20px;
}

a.btn-type-02:hover {
	text-decoration:underline;	
}

.space-2 a.btn-type-02 {
	background:url(../img/skin/bullet-5.png) left 3px no-repeat;
}

.space-2 .box-type-05 a.btn-type-02 {
	background:url(../img/skin/bullet-2.png) left 3px no-repeat;
}

.box-type-06 a.btn-type-02 {
	background:url(../img/skin/bullet-6.png) left 3px no-repeat;
	color:#0c2670;
}

a.btn-type-03 {
	background:url(../img/skin/btn-type-03-middle.png) left top repeat-x;
	height:25px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#0b2255;
	width:179px;
	float:left;
}

a.btn-type-03:hover {
	text-decoration:underline;	
}

a.btn-type-03 span.middle {
	float:left;
	background:url(../img/skin/bullet-arrow-1.png) 3px 15px no-repeat;
	padding:10px 5px 0 10px;
	height:15px;
}

a.btn-type-03 span.left {
	background:url(../img/skin/btn-type-03-left.png) left top no-repeat;	
	width:12px;
	height:25px;
	display:block;
	float:left;
}

a.btn-type-03 span.right {
	background:url(../img/skin/btn-type-03-right.png) left top no-repeat;
	width:12px;
	height:25px;
	display:block;
	float:left;
}

.article a.btn-type-03 {
	margin:20px 0 0 0;	
}

/*  =MENU
----------------------------------------------------------------------------- */

#menu {
	overflow:hidden;
	position:absolute;
	bottom:0px;
	right:65px;
}

#menu li {
	float:left;
}

#menu li a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:79px;
	background:url(../img/skin/menu2.png) left top no-repeat;
}


#menu li.arjel a {
	background-position:left top;	
	width:86px;
}

#menu li.arjel a:hover {
	background-position:left -81px;	
}

#menu li.arjel a.on {
	background-position:left -81px;	
}

#menu li.une a {
	background-position:-86px top;	
	width:96px;
}

#menu li.une a:hover {
	background-position:-86px -81px;	
}

#menu li.une a.on {
	background-position:-86px -81px;	
}

#menu li.public a {
	background-position:-182px top;	
	width:195px;
}

#menu li.public a:hover {
	background-position:-182px -81px;	
}

#menu li.public a.on {
	background-position:-182px -81px;	
}


#menu li.ope a {
	background-position:-377px top;	
	width:182px;
}

#menu li.ope a:hover {
	background-position:-377px -81px;	
}

#menu li.ope a.on {
	background-position:-377px -81px;	
}

#menu li.presse a {
	background-position:-559px top;	
	width:82px;
}

#menu li.presse a:hover {
	background-position:-559px -81px;	
}

#menu li.presse a.on {
	background-position:-559px -81px;	
}

#menu li.faq a {
	background-position:-641px top;	
	width:60px;
}

#menu li.faq a:hover {
	background-position:-641px -81px;	
}

#menu li.faq a.on {
	background-position:-641px -81px;	
}

#sub-menu {
	position:absolute;
	top:0px;
	left:130px;
}

#sub-menu li  {
	background:url(../img/skin/pipe-2.png) right 3px no-repeat;
	display:inline;
	padding:0 10px 0 10px;
}

#sub-menu li.last {
	background:none;	
}

#sub-menu li a {
	color:#1e184e;
	text-decoration:none;
	font-size:1.1em;
	
}

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

#sub-menu li a.on {
	font-weight:bold;
}

/*  =FOOTER
----------------------------------------------------------------------------- */

#footer {
	width:1033px;
	padding:50px 0 10px 0;
	overflow:hidden;
	background:url(../img/skin/bg-footer.png);
	text-align:center;
}

#footer ul li {
	display:inline;
	background:url(../img/skin/pipe-1.png) right 3px no-repeat;
	padding:0 9px 0 7px;
}

#footer ul li.last {
	background:none;	
}

#footer ul li a {
	color:#404040;
	text-decoration:none;
}

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

/* Horizontal navigation
----------------------------------------------------------------------------- */

#horizontal-navigation {
	width: 710px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	padding: 0px 0px 20px;
}


/* CSS for each Parent Item */
#horizontal-navigation li
{
	clear: both;
	height: 2em;
}

#horizontal-navigation li a
{
	float: left;
	display: block;
	padding: 4px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-right: 10px;
	color:#0b2255;
}

#horizontal-navigation li:hover a,
#horizontal-navigation li a:hover
{
	background: #999;
}

#horizontal-navigation ul 
{
	display: none;
}

#horizontal-navigation li:hover ul {display: block;}

#horizontal-navigation ul
{
	list-style: none;
	float: left;
	margin: 0;
	padding: 4px 8px 0px;
        font-size: 0.7em;
}

#horizontal-navigation ul li
{
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}


#horizontal-navigation li:hover ul li a,
#horizontal-navigation ul li a
{
	display: inline;
	padding: 0 6px 0 0;
	float: none;
	background: none;
}

#horizontal-navigation li:hover ul li a:hover,
#horizontal-navigation ul li a:hover
{
	background: none;
	color: #000;
}