/* CSS Document */
body {
	background: #0c4f85 url("../images/bg_franche_comte.gif") no-repeat center top;
}

#centre {
	/*background: #f3f3f3;*/
	padding: 10px 0;
}

#header {
	background: #fff;
	height: 89px;
}

#contenu, #contenumedia {
	background: #FFF;
}

#contenu img {
	/*border: 4px #ececec solid;*/
	margin: 4px;
}

#contenu .actu img {
	float: left;
	/*border: 4px #ececec solid;*/
	margin: 0 10px 10px 0;
}

#col_droite {
	background: #FFF;
}

#col_droite ul {
	margin: 4px;
}

.bloc_bleu {
	background: #8ebadd;
	border-bottom: 1px solid #8ebadd;
	height: 6px;
	display: block;
	width: 59px;
	padding: 0;
	margin: 0;
}

.separateur_bleu {
	background: #8ebadd;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 1px;
}

#contenu h1, #contenumedia h1, .ligne_bleu {
	color: #2f516c;
	font-weight: bold;
	font-size: 18px;
	height: 32px;
	letter-spacing: -1px;
	background: url(../images/ligne_bleu.jpg) no-repeat 0 bottom;
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 5px;
}

#sommaire {
	padding: 4px;
	margin: 0 0 10px 0;
}

#sommaire a {
	border-bottom: 1px dotted #373737;
	line-height: 20px;
	color: #373737;
	text-decoration: none;
}

.clear {
	clear: both;
	height: 1px;
}

.sommaire {
	float: right;
	background: url("../images/fleche_sommaire.gif") no-repeat 0 0;
	padding: 0 0 0 16px;
	margin: 10px;
	color: #666;
	line-height: 10px;
}

h3 {
	color: #b60000;
	font-weight: bold;
	font-size: 18px;
	height: 32px;
	letter-spacing: -1px;
	background: url("../images/ligne_rouge.jpg") no-repeat 0 bottom;
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.actu_bref {
	background: url("../images/bg_actu.jpg") repeat-x 0 0;
	height: 200px;
	margin: 10px 0;
	padding: 17px 0 0 0;
	color: #fff;
	text-align: justify;
}

.actu_bref h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: normal;
	text-align: left;
	background: none;
}

.actu_bref p {
	float: left;
}

.actu_bref a {
	font-weight: bold;
	color: #1b5684;
}

.actu {
	margin-bottom: 10px;
}

.actu a {
	color: #0C4F85;
	font-weight: bold;
}

.actu h2 {
	color: #2f516c;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.actu ul {
	float: left;
	margin: 5px 0 0 0;
	list-style-type: none;
}

.actu ul li a {
	font-style: italic;
	font-weight: bold;
	color: #00457c;
	font-size: 11px;
}

/* -----------------------------------------------------------------------------------------------------------
COLONNE DROITE
----------------------------------------------------------------------------------------------------------- */
#col_droite {
	width: 250px;
}

#col_droite hr {
	background: #DDD;
	color: #DDD;
	clear: both;
	float: none;
	width: 100%;
	height: .2em;
	margin: 10px 0 5px 0;
	border: none;
}

h6 {
	line-height: 44px;
	height: 41px;
	text-indent: 50px;
	color: #fff;
	text-transform: uppercase;
}

#h6_franche_comte_video {
	background: url("../images/h6_franche_comte_video.gif") no-repeat 0 0;
}

#h6_espace_membre {
	background: url("../images/h6_espace_membre.gif") no-repeat 0 0;
}

#h6_newsletter {
	background: url("../images/h6_newsletter.gif") no-repeat 0 0;
}

#h6_ard_en_action {
	background: url("../images/h6_ard_en_action.gif") no-repeat 0 0;
}

#h6_mediatheque {
	background: url("../images/h6_mediatheque.gif") no-repeat 0 0;
}

a.franche_comte_video, a.ard_en_action {
	position: relative;
	text-decoration: none;
}

a.franche_comte_video span, a.ard_en_action span {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 4px;
}

.membre_input {
	width: 238px;
	padding: 2px 5px;
	border: 1px solid #cacaca;
	color: #a09f9f;
	margin: 0.2em 0;
}

#membre_connexion {
	float: left;
	display: block;
	background: #a09f9f;
	width: 120px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	border: 0;
	margin: 2px 8px 0 0;
	cursor: pointer;
	font-size: 10px;

	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	text-decoration: none;
}

#membre_inscription {
	float: left;
	display: block;
	background: #0c4f84;
	width: 120px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	border: 0;
	text-decoration: none;
	margin: 2px 0 0 0;
	font-size: 10px;

	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.newsletter_input {
	width: 200px;
	padding: 2px 5px;
	border: 1px solid #cacaca;
	color: #a09f9f;
}

.newsletter_submit {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	padding: 2px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-webkit-border-radius: .5em;
	-khtml-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	color: #fef4e9;
	border: solid 1px #6b6b6b;
	background: #a09f9f;

	background: -webkit-gradient(linear, left top, left bottom, from(#a09f9f), to(#6b6b6b));
	background: -webkit-linear-gradient(top, #a09f9f, #6b6b6b);
	background: -moz-linear-gradient(top, #a09f9f, #6b6b6b);
	background: -o-linear-gradient(top, #a09f9f, #6b6b6b);
	background: -ms-linear-gradient(top, #a09f9f, #6b6b6b);
	background: linear-gradient(top, #a09f9f, #6b6b6b);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a09f9f', endColorstr='#6b6b6b');
}

.newsletter_archives, .newsletter_archives a {
	margin: 0;
	color: #000;
}

#global_search {
	margin: 4px 0;
}

#global_search input {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	background: transparent;
	border: 0;
}

#search_keywords, input#search_keywords {
	height: 24px;
	width: 198px;
	padding: 0 8px;
	margin: 0;
	background: transparent url("../images/search_input.png") no-repeat top left;
	color: #fff;
	text-shadow: 0 1px 2px #0a223c;
	font-size: 12px;
}

#global_search .submit {
	text-indent: -5000px;
	width: 31px;
	height: 24px;
	border: none;
	background: transparent url("../images/search_button.png") no-repeat center center;
}

/* -----------------------------------------------------------------------------------------------------------
FIN COLONNE DROITE
----------------------------------------------------------------------------------------------------------- */
#titre_mediatheque {
	background: #a34f84;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-top: 10px;
	margin-bottom: 3px;
	width: 100%;
}

#bas_mediatheque {
	background: #a34f84;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-top: 3px;
	margin-bottom: 18px;
	width: 100%;
	text-align: right;
}

.bas {
	background: #0c4f85;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-top: 3px;
	margin-bottom: 18px;
	width: 100%;
	text-align: right;
}

.bas a {
	background: transparent url(../images/puce_blanche.gif) no-repeat scroll left 0;
	color: #fff;
	float: right;
	line-height: 14px;
	margin: 2px 5px;
	text-indent: 15px;
	font-weight: bold;
}

#bas_mediatheque a {
	background: transparent url(../images/puce_blanche.gif) no-repeat scroll left 0;
	color: #fff;
	float: right;
	line-height: 14px;
	margin: 2px 5px;
	text-indent: 15px;
	font-weight: bold;
}

#recherche {
	width: 100%;
	float: left;
	background: url("../images/loupe.jpg") no-repeat 0 5px;
	padding: 0;
	margin: 0;
	height: 37px;
	line-height: 32px;
}

#recherche form {
	padding: 0;
	margin: 0;
}

.btn_search {
	padding: 5px;
	margin: 0.5em 0;
	background: #0C4F85;
	color: #FFF;
	border: none;
}

#titre_agenda {
	background: #3f840b;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-bottom: 7px;
	width: 100%;
}

#agenda {
	background: #e6e6e6;
	width: 100%;
	float: left;
	margin-bottom: 7px;
}

#agenda ul {
	list-style-type: none;
}

#agenda ul li {
	width: 100%;
	border-bottom: 1px #373737 dotted;
	line-height: 15px;
}

#agenda a {
	color: #373737;
	font-size: 11px;
	text-decoration: none;
}

#bas_agenda {
	background: #3f840b;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-bottom: 18px;
	width: 100%;
}

#bas_agenda a {
	background: transparent url(../images/puce_blanche.gif) no-repeat scroll left 0;
	color: #fff;
	float: right;
	line-height: 14px;
	margin: 2px 5px;
	text-indent: 15px;
	font-weight: bold;
}

#titre_rss {
	background: #df6a03;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-bottom: 7px;
	width: 100%;
}

#titre_rss a {
	text-decoration: none;
	color: #FFF;
}

#bas_rss {
	background: #df6a03;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-bottom: 18px;
	width: 100%;
	text-align: right;
}

#bas_rss a {
	color: #FFF;
	padding-right: 10px;
}

#rss {
	background: #e6e6e6;
	width: 100%;
	float: left;
	margin-bottom: 7px;
}

#rss ul {
	list-style-type: none;
}

#rss ul li {
	width: 100%;
	border-bottom: 1px #373737 dotted;
	line-height: 15px;
}

#rss a {
	color: #373737;
	font-size: 11px;
	text-decoration: none;
}

#titre_newsletter {
	background: #a92e2e;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-bottom: 7px;
	width: 100%;
}

#newsletter {
	background: #e6e6e6;
	width: 230px;
	float: left;
	margin-bottom: 7px;
	padding: 10px;
}

#bas_newsletter {
	background: #a92e2e;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-indent: 15px;
	color: #FFF;
	float: left;
	margin-bottom: 18px;
	width: 100%;
	text-align: right;
}

#bas_newsletter a {
	background: transparent url(../images/puce_blanche.gif) no-repeat scroll left 0;
	color: #fff;
	float: right;
	line-height: 14px;
	margin: 2px 5px;
	text-indent: 15px;
	font-weight: bold;
}

#newsletter ul {
	list-style-type: none;
	margin: 0;
}

#newsletter ul li {
	width: 100%;
	border-bottom: 1px #373737 dotted;
	line-height: 15px;
}

#newsletter a {
	color: #373737;
	font-size: 11px;
	text-decoration: none;
}

/* Menu horizontal */
#footer {
	background: #256497 url("../images/bg_footer.jpg") repeat-x 0 0;
	height: 220px;
	display: table;
	margin-top: 30px;
	color: #FFF;
}

#footer h6 {
	background: transparent url(../images/ligne_blanche.gif) no-repeat scroll 0 bottom;
	color: #fff;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: 42px;
	letter-spacing: -1px;
	margin-bottom: 5px;
	width: 100%;
	padding-top: 10px;
	text-indent: 0;
}

.larubrique {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
	margin-bottom: 0;
	padding: 0;
	text-indent: 0;
	color: #FFF;
}

#footer li {
	list-style-type: none;
	display: inline;
}

#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.titre_lien_footer {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
}

.separateur {
	background: url("../images/separateur_footer.jpg") no-repeat right 0;
	width: 100%;
	height: 152px;
	display: block;
	float: left;
	padding-top: 20px;
}

.separateur h1 {
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 20px;
	color: #FFF;
}

.separateur ul {
	margin: 0;
	padding: 0;
}

.separateur a {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.no_separateur {
	width: 100%;
	height: 172px;
	display: block;
	float: left;
}

h5, h6 {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	width: 100%;
}

.addthis_button {
	float: left;
	width: 100%;
	padding: 0;
}

/* Cache override: 9/10/08 - also added to main7.css */
div.StoryShare {
	border-top: 1px solid #CCCCCC;
	margin: 5px 0;
	padding: 10px 0;
	height: 40px;
}

ul.dropdown, ul.dropdown ul {
	list-style: none;
	margin: 0;
}

ul.dropdown {
	position: relative;
	width: 100%;
	margin: 7px 0 7px 0;
	height: 29px;
	float: left;
	background: #2f6590;
	z-index: 1000;
}

ul.dropdown li {
	font-weight: bold;
	float: left;
	zoom: 1;
	background: #2f6590;
}

ul.dropdown a:hover {
	color: #fff;
	background: #a5c7e0;
}

ul.dropdown a.actif {
	color: #fff;
	background: #a5c7e0;
}

ul.dropdown a:active {
	color: #ffa500;
}

ul.dropdown li a {
	display: block;
	padding: 6px 14px;
	border-right: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

ul.dropdown li:last-child a {
	border-right: none;
}

/* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
	background: #2f6590;
	color: fff;
	position: relative;
}

ul.dropdown li.hover a {
	color: fff;
}

/*
LEVEL TWO
 */
ul.dropdown ul {
	width: 220px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	border-left: #FFF 1px solid;
}

ul.dropdown ul li {
	font-weight: normal;
	background: #002748;
	color: #000;
	opacity: 0.8;
	border-bottom: 1px solid #fff;
	float: none;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	border-right: none;
	width: 85%;
	display: inline-block;
}

/*
LEVEL THREE
 */
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

#slider {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.scroll {
	height: 250px;
	overflow: auto;

	-ms-overflow-x: hidden;
	overflow-x: hidden;

	position: relative;
	/* fix for IE to respect overflow */
	clear: left;
}

.scrollContainer div.panel {
	padding: 20px;
	height: 210px;
	width: 940px;
	/* change to 560px if not using JS to remove rh.scroll */
}

ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 9px;
}

ul.navigation li {
	display: inline;
	margin-right: 10px;
}

ul.navigation a {
	padding: 10px;
	color: #000;
	text-decoration: none;
}

ul.navigation a:hover {
	background-color: #f6f6f6;
}

ul.navigation a.selected {
	background-color: #fff;
}

ul.navigation a:focus {
	outline: none;
}

.scrollButtons {
	position: absolute;
	top: 150px;
	cursor: pointer;
}

.scrollButtons.left {
	left: -20px;
}

.scrollButtons.right {
	right: -20px;
}

.hide {
	display: none;
}

.lien {
	color: #036;
	font-weight: bold;
	font-size: 13px;
}

.sous_lien {
	color: #06C;
	font-weight: bold;
	font-size: 11px;
}

.lien_actu {
	background: transparent url(../images/puce_bleu.gif) no-repeat scroll left 0;
	color: #0C4F85;
	float: left;
	line-height: 14px;
	margin: 10px 0;
	text-indent: 15px;
	font-weight: bold;
}

/* pagination */
.pagination {
	line-height: 2em;
}

.pagination a, .pagination span {
	padding: 0.2em 0.5em;
}

.pagination a {
	border: 1px solid #0c4f85;
	color: #0c4f85;
	text-decoration: none;
}

.pagination a:hover {
	border: 1px solid #0c4f85;
	background-color: #0c4f85;
	color: #fff;
}

.pagination .prevnext {
	font-weight: bold;
}

.pagination span.disabled {
	border: 1px solid #DDDDDD;
	color: #999999;
}

.pagination span.current {
	border: 1px solid #0c4f85;
	background-color: #0c4f85;
	color: #ffffff;
	font-weight: bold;
}

/* thumbnail list */
ul#thumbs {
	margin: 0 0 0 5px;
}

ul#thumbs li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin: 0 31px 20px 0;
	border: 1px dotted #ccc;
	padding: 5px;
	display: inline;
	width: 120px;
}

ul#thumbs li a {
	display: block;
	float: left;
	width: 120px;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	position: relative;
}

ul#thumbs li span {
	line-height: 18px;
}

ul#thumbs li span a {
	width: 32px;
	height: 28px;
}

ul#thumbs li a img {
	float: left;
	position: absolute;
	top: 0;
	left: -20px;
}

ul#thumbs li a:hover {
	overflow: visible;
	z-index: 1000;
	border: none;
}

ul#thumbs li a:hover img {
	border: 1px dotted #ccc;
	background: #fff;
	padding: 10px;
}

ul#thumbs:after, li#thumbs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#thumbs, li#thumbs {
	display: block;
	min-height: 1%;
}

* html ul#thumbs, * html li#thumbs {
	height: 1%;
}

#vignette {
	border: 1px dotted #ccc;
	text-align: center;
	padding: 5px;
}

#vignette a.imagette {
	display: block;
	float: left;
	width: 120px;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	position: relative;
}

#vignette a img {
	float: left;
	position: absolute;
	top: 0;
	left: -20px;
}

#vignette a:hover {
	overflow: visible;
	z-index: 1000;
	border: none;
}

#vignette a:hover img {
	border: 1px dotted #ccc;
	background: #fff;
	padding: 10px;
}

#vignette:after, #vignette:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#vignette {
	display: block;
	min-height: 1%;
}

* html #vignette {
	height: 1%;
}

.titre {
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	/*background:url(../images/underline_dotted.png) repeat-x bottom center ;*/
	float: left;
	line-height: 20px;
	text-align: left;
}

.titre_media {
	font-size: 16px;
	width: 100%;
	font-weight: bold;
	background: url(../images/underline_dotted.png) repeat-x bottom center;
	float: left;
	line-height: 28px;
	text-transform: uppercase;
	/*text-indent:40px;*/
	color: #0c4f85;
	letter-spacing: -1px;
}

.titre_media a {
	color: #0c4f85;
	text-decoration: none;
}

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

/*.shadowbox {
padding: 0;
float: left;
display: block;
position: relative;
margin: 6pxx !important;
background: url("../images/shadow.png") no-repeat bottom right !important;
}

.shadowbox ELEMENT {
margin: -6px 6px 6px -6px;
position:relative;
display:block;
}

.shadowbox img, .shadowbox div {
margin: -6px 6px 6px -6px;
position:relative;
display:block;
}*/
.detail_media {
}

.detail_media p {
	margin-bottom: 5px;
	border-bottom: dotted 1px #ccc;
	line-height: 28px;
	text-indent: 35px;
}

.icone {
	display: block;
	float: left;
	width: 40px;
	height: 28px;
}

.photographe {
	background: url("../images/icones/photographe.gif") no-repeat 0 0;
}

.tag {
	background: url("../images/icones/tag.gif") no-repeat 0 0;
}

.reference {
	background: url("../images/icones/reference.gif") no-repeat 0 0;
}

.telecharger {
	background: url("../images/icones/telecharger.gif") no-repeat 0 0;
}

.telechargement {
	background: url("../images/icones/telechargement.gif") no-repeat 0 0;
}

.date {
	background: url("../images/icones/date.gif") no-repeat 0 0;
}

.description {
	background: url("../images/icones/description.gif") no-repeat 0 0;
}

.panier {
	background: url("../images/icones/panier.gif") no-repeat 0 0;
}

.bibliotheque {
	background: url("../images/icones/bibliotheque.gif") no-repeat 0 0;
}

.cadenas {
	background: url("../images/icones/cadenas.gif") no-repeat 0 0;
}

.video {
	background: url("../images/icones/video.gif") no-repeat 0 0;
}

.lieu {
	background: url("../images/icones/lieu.gif") no-repeat 0 0;
}

.dimension {
	background: url("../images/icones/dimension.gif") no-repeat 0 0;
}

.vue {
	background: url("../images/icones/vue.gif") no-repeat 0 0;
}

.lien_telechargement {
	padding: 5px;
	float: right;
	width: auto;
	color: #fff;
	background: #0c4f85 url("../images/icones/lien_telechargement.gif") no-repeat 0 0;
	line-height: 20px;
	text-indent: 35px;
	display: block;
	text-decoration: none;
}

.lien_telechargement:hover, .lien_telechargement:focus {
	color: #fff;
}

/* nuage de tags */
#tagCloud {
	width: 100%;
	background-color: #fff;
	text-align: center;
	padding: 5px;
	overflow: auto;
	font-size: 10px;
	font-family: arial;
}

#tagCloud h2 {
	color: #ffffff;
	font-size: 2.5em;
	margin: 0 0 10px 0;
	background: url(images/cloud.gif) no-repeat 0;
	padding: 15px 0 15px 80px;
}

#tagList {
	margin: 0;
	padding: 0;
}

#tagList li {
	list-style-type: none;
	float: left;
	margin: 0 10px;
}

#tagList li a {
	text-decoration: none;
	color: #000;
}

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

.col_contact {
	float: left;
	width: 50%;
}

.form-row {
	margin-bottom: 10px;
}

span.surligne {
	background: #2F516C;
	color: #fff;
	padding: 1px;
}

.designBtn {
	border-top: 1px solid #96d1f8;
	background: #65a9d7;

	background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
	background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	background: -o-linear-gradient(top, #3e779d, #65a9d7);
	background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	background: linear-gradient(top, #3e779d, #65a9d7);

	padding: 5px;
	margin: 2px;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;

	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	text-decoration: none;
	vertical-align: middle;
}

.designBtn:hover {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
}

.designBtn:active {
	border-top-color: #1b435e;
	background: #1b435e;
}