/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#F8F8F8;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#555555;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#555555; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}


input {
	border: 1px solid #BCBCBC;
	width: 100%;
}

textarea {
	width: 550px;
	height: 250px; 
	padding: 10px;
	border: 1px solid #BCBCBC;
}

td {
	height: 32px;
}


/* ============================= Autres ====================== */

.w80 {width: 80px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w280 {width: 280px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w550 {width: 550px;}

.sup {
	font-size: 8px;
}

.small {
	font-size: 10px;
}

.ital { font-style: italic; }
.bold {font-weight: bold}

.disabled {
	display: none;
}

.violet {color: #800080;}
.black {color: #000}
.orange {color: #F09938;}

.pointer {cursor: pointer}
.justify {text-align: justify;}

.fs10 {font-size: 10px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}

/* ============================= main layout ====================== */

li { background:url(/_img/elmts/puce.jpg) no-repeat 0 4px; padding: 0 0 10px 19px; line-height:14px;}
li a {color:#2cadff; font-weight:bold;}

.ul_accueil li {
	padding: 0 0 20px 19px;
}

.imgindent {margin:0 15px 0 0; float:left;}
.imgindent1 {margin:0 8px 0 0; float:left;}

h2 {font-size:1.6875em; line-height:1.2em; color:#000; text-transform:uppercase; letter-spacing:-1px; padding-bottom:14px;}
h3 {font-size:1.69em; line-height:1.2em; color:#000; text-transform:uppercase;  padding:28px 0 17px 0;}
h3 em {color:#fff; font-style:normal; letter-spacing:-1px;}
strong {color:#800080; display:inline-block; padding-top:20px;}
strong span {text-transform:uppercase;}
em {color:#800080; font-style:normal; font-weight:bold; font-size: 14px}
em span {text-transform:uppercase;}

.formButton {
	width: 128px;
	height: 25px;
	border: 1px solid #EDEDED;
	background: url('/_img/elmts//menu-right-bg2.gif') repeat-x;
	text-align: center;
	font-size: 16px;
	padding: 12px 0 0;
	margin-top: 15px;
	cursor: pointer;
	color: #FFF;
}

.formButton2 {
	border: 1px solid #EDEDED;
	background: url('/_img/elmts//menu-right-bg2.gif') 0 bottom repeat-x;
	text-align: center;
	font-size: 10px;
	padding: 1px 5px;
	margin-left: 10px;
	cursor: pointer;
	color: #FFF;
}

.floatRight {
	float: right;
}



/* ============================= header ====================== */
/*.extra-header {background:url(/_img/elmts//header-tail.gif) left top repeat-x #181e21;}*/
.extra-header {background:#FFF}

.block {padding:8px 0 4px 0;}
.date {float:left; color:#8a8f92; font-size:10px;}
.date .input {width: 100px;}


.menu1 {float:right; margin:-4px -7px 0 0;}
.menu1 li {background:url(/_img/elmts//menu1-bg.gif) left 6px no-repeat; padding-left:7px; float:left; font-size:0.76em; padding-right:7px;}
.menu1 li a {color:#000; text-decoration:none;}
.menu1 li a:hover {text-decoration:underline;}
.menu1 .last {background:none;}

#logo {
	float:left;
	padding: 10px 0;
	width: 600px;
}

#loginForm {
	float: left;
	text-align: right;
	width: 300px;
	padding: 15px 0 0 0
}

#loginForm p {
	padding: 5px 0 0 0;
	margin: 0;
}

.tail-bg {background:url(/_img/elmts//menu-right-bg2.gif)}
.left-bg {background:url(/_img/elmts//menu-right-bg2.gif) left top no-repeat;}
/*.right-bg {background:url(/_img/elmts//menu-right-bg.gif) right top no-repeat; height:54px;}*/
.right-bg {height:45px;}
/*
.menu {float:left; padding:17px 0 0px 15px; font-size: 14px;}

ul.menu {
	position: relative;
}
.menu li {float:left; background:url(/_img/elmts//menu-li-bg.jpg) right 0 no-repeat; padding:0 14px 0 13px; }
*/
#menu li a {color:#FFF; font-weight:bold; text-decoration:none; text-transform:uppercase;}
#menu li a:hover {color:#573F77;}
/*
.menu li ul {padding-top: 5px; background-color: #F6A22F}
ul li ul li {background-color: #F6A22F}
.menu .last {background:none;}

#menu a.show2 {
		position: relative;
		z-index: 1000;
	}
*/
.container li {
	
}

.col-2 p {
	padding: 15px 0;
}

.col-2 ul {
	padding-top: 15px;
}

.col-1 ul {
	padding-top: 15px;
}



.paragraph {
	padding: 8px 0 30px 0;
	line-height: 16px;
}



.rss {display:inline-block; float:right; color:#fff; background:url(/_img/elmts//rss.jpg) right 0px no-repeat; padding:3px 28px 6px 0; margin:17px 16px 0 0; text-decoration:none; font-weight:bold;}
/* ============================= content ====================== */
/*.extra-content {background:url(/_img/elmts//content-tail.gif) left top repeat-x #181e21;}*/
.extra-content {background:#FFF}

.slide-blog {padding-top:19px;}
.blog {padding:0 0 0 24px; width:248px; float:left; font-size:12px; line-height:16px;}

.blog .link {background:url(/_img/elmts//link-bg-left.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:34px 0 0 0px; color:#fff;  cursor:pointer; font-size:0.8125em; text-transform:uppercase;}
.blog .link span {background:url(/_img/elmts//link-bg-right.gif) right top no-repeat; display:inline-block; padding:0px 5px 0px 5px;}
.blog .link span span  {background:#2cadff; padding:14px 11px 14px 10px;}

.blog .link:hover {background:url(/_img/elmts//link-left-bg-hover.gif) left top no-repeat; }
.blog .link:hover span {background:url(/_img/elmts//link-right-bg-hover.gif) right top no-repeat;}
.blog .link:hover span span  {background:#267fb8;}

/*.indent {padding:21px 0 69px 0;}*/
.indent {padding:21px 0 40px 0;}

.col-pad {padding-right:56px;}
.col-pad1 {padding-right:19px;}
.col-pad2 {padding-right:30px;}
.col-pad3 {padding-right:10px;}

.link {font-size:1.23em; display:inline-block; margin-top:25px;}

.link1 {font-size:0.84em;}
.link-pad {padding-top:6px;}

.pad {padding-top:14px;}
.pad1 {padding-top:18px;}
.pad2 {padding-top:30px;}

.margin {margin-top:30px;}

.alignright {text-align:right;}

.phone {display:inline-block; width:75px;}

.policy-pad {padding-top:45px;}
/* ============================= footer ====================== */
.footer-menu { padding:25px 0 0px 0px; margin-left: -13px;}
.footer-menu li {float:left; background:url(/_img/elmts//menu-li-bg-footer.gif) right 7px no-repeat; padding:0 14px 0 13px;}
.footer-menu li a {color:#555555; font-weight:normal; font-size:12px;}
.footer-menu li a:hover {color:#000;}
.footer-menu .last {background:none;}
.policy {float: left; width: 650px; color:#a1a5a8; padding-top:10px; font-size:0.92em;}
.policy a {color:#a1a5a8; text-decoration: none;}
.policy a:hover {text-decoration: underline}

.credits {
	float: right;
	width: 200px;
	text-align: right;
	padding-top: 10px;
	font-size: 10px;
}
/* ============================= forms ============================= */

#SubscribeForm {float:right; font-size:0.92em;}
#SubscribeForm a {display:inline-block; padding-top:4px; font-size:0.91em;}
#SubscribeForm input {margin-top:12px;}
#SubscribeForm .input {width:180px; height:20px; border:1px solid #b0cddb; background:#fff; padding:3px 4px 0 5px; font-size:1em; margin:12px 2px 0 0;}

#ContactForm label {height:40px; display:block;}
#ContactForm .link {margin:20px 0 0 30px;}
#ContactForm .input {width:230px; height:15px; border:1px solid #a4a4a4; background:#24292c; padding:0 0 0 5px; font-size:0.92em;}




.scrollable { 
 
		/* required settings */ 
		position:relative; 
		overflow:hidden; 
	 
		/* vertical scrollers have typically larger height than width */ 
		height: 300px; 
		/*width: 320px; */
	} 
	
	.scrollable #items { 
		position:absolute; 
	 
		/* this time we have very large space for the height */ 
		height:20000em; 
	}

.scrollable_left {
	float: left;
	width: 90px;
}

.scrollable_right {
	float: left;
	width: 140px;
}