/* @override http://workflow.wilhemarnoldy.fr/wkw2/css/styles.css */

/*
	************************************************
	styles.css
	www.wilhemarnoldy.fr
	************************************************
*/

/* 
	IE6 alert 
*/

div#ie {
	background-color: #3D3D3F;
	position: absolute;
	width: 97%;
	top: 0;
	left: 0;
	border: 1px solid #2a2a2a;
	padding: 10px;
	margin: 10px;
	opacity: .9;
	z-index: 500;
}

div#ie  p {
	margin: 3px 0 5px;
}

div#ie img {
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: -4px;
	margin-left: 0;
	margin-right: 5px;
}

/*
	General
*/

p a, #content a {
	text-decoration: none;
	color: #009999;
}

p a:hover, #content a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a {
	text-decoration: none;
	color: #3D3D3F;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a:visited:before {
	content: "\2713 ";
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	margin: 0;
	padding: 0;
}

span.white {
	color: white;
}

span.cblack {
	color: black;
}

span.color {
	color: #009999;
}

.yellow {
	background-color: yellow;
	color: black;
}

#content .yellow a:hover {
	color: black;
}

span.gray {
	color: #3D3D3F;
}

span.silver {
	color: silver;
}

p.small, .small {
	font: 9px Arial;
	color: #A7AD0D;
}

hr {
	margin-top: 2em;
	margin-bottom: 2em;
	border: 0;
	border-top: 2px groove #656565;
}

hr.spacer {
	margin-bottom: 6em;
	border: 0;
}

/**
	Body
	---------------------------
**/

body {
	background-color: #444444;
	color: white;
	margin: 0;
	padding: 0;
	min-width: 1000px;
	overflow: auto;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	background-image: url(..//design/fond_fonce.jpg);
}

/*
	Tiny header
*/

div#tiny-header-container {
	position: fixed;
	z-index: 100;
	width: 100%;
	opacity: 0.9;
	display: none;
}

div#tiny-header {
	background-color: #333;
	display: block;
	height: 20px;
	color: white;
	padding-top: 4px;
	border-bottom: 1px solid #000;
}

div#tiny-header img {
	margin-bottom: -5px;
	margin-right: 10px;
}

div#tiny-header p {
	font: 11px/18px Arial;
}

div#tiny-header p a {
	color: white;
}

div#tiny-header p a strong {
	font-weight: bold;
}

/*
	Header
*/

div#header {
	height: 230px;
	padding-top: 20px;
	position: relative;
	margin-top: 0px;
	background-color: white;
	color: silver;
}

div#header h1#logotype {
	margin: 0;
	padding: 0;
	line-height: 1em;
	color: black;
	text-shadow: none;
	font-size: 2.2em;
}

div#header p {
}

div#header hr {
	border-top: 1px solid #e5e5e5;
}

/*
	Style : search
*/

div#c-search  div {
	position: relative;
}

div#c-search input {
	border: 0;
	border-bottom: 1px solid;
	background-color: transparent;
	color: #efefef;
	margin-left: 12%;
	width: 88%;
	margin-right: 0;
}

div#c-search input:hover {
	border-color: #009999;
	color: #009999;
}

div#c-search input:focus {
	border-color: #009999;
	color: #009999;
}

div#c-search div:hover {
	background-color: yellow;
}

div#c-search h6.ico.search {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	width: 16px;
	height: 16px;
}

/*
	Correctifs
*/

div#habillage-header {
	background-color: white;
	width: 100%;
	height: 500px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/*
	Content
*/

div#content {
	color: white;
	margin-top: 0;
}

div#c-content, div#c-colright, div#c-colleft {
	padding-top: 25px;
	position: relative;
}

div#content p {
	color: #d8d8d8;
}

div#content div#c-colright p, div#content div#c-colleft p {
	color: #d8d8d8;
}

div#content strong {


/*	color: white; */
	font-weight: bold;
}

p.exergue {
	font: 5em/1em "GlyphaLTStd45Light";
	text-shadow: #000 0 -2px 0;
}

div#c-colleft p.exergue {
	margin: 0;
}

h1 {
	text-shadow: #000 0 -2px 0;
	font-size: 4.5em;
	line-height: 0.9em;
}

h1.titre {
	border-bottom: 3px solid white;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0.67em;
	
	/* Correctif une ligne */
	height: 96px;
	max-height: 96px;
}

/* set font */

.fontkit.thin, .fontkit .thin {
	font-family: "GlyphaLTStd35Thin";
}

.fontkit.thin.oblique {
	font-family: "GlyphaLTStd35ThinOblique";
}

.fontkit.light, .fontkit .light {
	font-family: "GlyphaLTStd45Light";
}

.fontkit.light.oblique {
	font-family: "GlyphaLTStd45LightOblique";
}

.fontkit, .fontkit .regular {
	font-family: "GlyphaLTStd55Roman";
}

.fontkit.oblique {
	font-family: "GlyphaLTStd55RomanOblique";
}

.fontkit.bold, .fontkit .bold {
	font-family: "GlyphaLTStd65Bold";
}

.fontkit.bold.oblique {
	font-family: "GlyphaLTStd65BoldOblique";
}

.fontkit.black, .fontkit .black {
	font-family: "GlyphaLTStd75Black";
}

.fontkit.black.oblique {
	font-family: "GlyphaLTStd75BlackOblique";
}

div.box {
	
}

div.box div.subbox {
	display: block;
	background-color: transparent;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	margin-bottom: 2px;
	overflow: hidden;
	padding: 3px 2px 0 5px;
}

div.box div.subbox:hover {
	background-color: #808809;
}

div.box div.subbox img {
	float: left;
	padding-right: 8px;
}

div.box div.subbox p {
	color: white;
	line-height: 9px;
	margin: 0 0 2px;
	padding: 0;
}

div.gridbox {
	
}

div.gridbox div.subgrid {
	border-bottom: 2px groove #656565;
	overflow: hidden;
	margin-bottom: 1em;
	position: relative;
	min-height: 77px;
}

div.gridbox div.subgrid h1 {
	position: absolute;
	bottom: 10px;
	font-size: 3em;
}

div.gridbox div.subgrid h1.mediumbody {
	font-size: 4em;
}

div.gridbox div.subgrid h1.heavybody {
	font-size: 6em;
}

div.gridbox div.subgrid img {
/*width: 100%;
	max-width: 90px;*/
	margin-bottom: 1em;
	float: right;
}

div.gridbox div.subgrid p.exergue {
	margin-bottom: 0.3em;
}

div.gridbox span {
	color: #3F3F3D;
}

div.extrabox div.gridbox div.subgrid {
	border-bottom: 2px groove #b1b1b1;
}

div.extrabox {
	background-color: black;
	display: table;
	margin-left: -100%;
	padding-left: 100%;
	margin-right: -100%;
	padding-right: 100%;
	-moz-box-shadow: 1px 1px 12px #000;
	-webkit-box-shadow: 1px 1px 12px #000;
	box-shadow: 1px 1px 12px #000;
	position: relative;
	height: 430px;
	margin-top: 70px;
}

div.extrabox.right div.extraimg {
	position: absolute;
	top: -70px;
	left: 47%;
}

div.extrabox.left div.extraimg {
	position: absolute;
	top: -70px;
	right: 47%;
}

div.hidden-box {
	background-color: #111;
	-moz-box-shadow: 1px 1px 12px #666;
	-webkit-box-shadow: 1px 1px 12px #666;
	box-shadow: 1px 1px 12px #666;
	position: relative;
	padding: 20px 50%;
	margin: 20px -50%;
	border-top: 1px solid #656565;
	border-bottom: 1px solid #000;
}

div.hidden-box.restricted {
	height: 400px;
	overflow: auto;
}

/*
	Style : blockquote
*/

#c-content blockquote {
	padding: 20px;
	border: 10px solid #3F3F3D;
}

#c-content blockquote p {
	font-size: 2em;
	line-height: 1em;
	font: 2em/1em GlyphaLTStd45Light;
	margin: 0 0 5px;
}

#c-content blockquote p.cite {
	font-size: 1em;
	margin: 0;
	border-top: 2px groove #656565;
	padding-top: 5px;
}

/*
	Style : table
*/

#c-content table tr th,
#c-colright table tr th,
#c-colleft table tr th {
	font-weight: bold;
	//background-color: #383838;
	border-bottom: 2px solid #009999;
	height: 3em;
	color: #009999;
}

#c-content table tr th:before,
#c-colright table tr th:before,
#c-colleft table tr th:before {
	content: url(../design/fleche_contour_bas_bleu.png);
	top: 7px;
	position: relative;
	padding-right: 7px;
	padding-left: 4px;
}

#c-content table tr td,
#c-colright table tr td,
#c-colleft table tr td {
	border-bottom: 2px groove #656565;
	padding: 5px;
	margin-top: 5px;
}

#c-content table tr.highlighted,
#c-colright table tr.highlighted,
#c-colleft table tr.highlighted {
	background-color: yellow;
	color: black;
}

#c-content table tr.category td,
#c-colright table tr.category td,
#c-colleft table tr.category td {
	background-color: #009393;
}

/*
	Style : progressbar
*/

.progressbar {
	position: relative;
	top: 10px;
}

#content .progressbar p {
	position: absolute;
	font: 10px/24px Arial, sans-serif;
	padding-right: 2px;
	padding-left: 2px;
	color: silver;
	text-shadow: black 1px 1px 0;
}

/*
	Style : ul li 
*/

#c-content ul {
	margin-top: 1.6em;
}

#c-content ul li {
	color: #d8d8d8;
	background: url(../design/petit_picto_droite.png) no-repeat 0 -18px;
	height: 9px;
	line-height: 9px;
	margin-bottom: 0.8em;
	padding-left: 20px;
	margin-top: 0.8em;
}

#c-content ol {
	margin-top: 1.6em;
}

#c-content ol li {
	color: white;
	background: url(../design/petit_picto_droite.png) no-repeat 0 -18px;
	height: 9px;
	line-height: 9px;
	margin-bottom: 0.8em;
	padding-left: 20px;
	margin-top: 0.8em;
}

/*
	Style : forom
*/

#c-content form {
	margin-top: 2em;
}

/*#c-content form legend {
	padding: 10px;
	font: 2em/1em GlyphaLTStd45Light;
	color: #3F3F3D;
}*/

#c-content form legend {
	color: #009999;
	text-shadow: #000 0 -1px 0;
	padding: 4px;
}

#c-content form fieldset {
	padding: 2px;
	padding-bottom: 26px;
	border-bottom: 2px groove #656565;
}

#c-content form fieldset.double {
	border: 1px solid #3c3c3c;
}

input.styled, textarea.styled {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	width: 97.5%;
	/*    background: #FFFF
	FF url('bg_form.png') left top repeat-x;  For the other browsers */ 
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFF), color-stop(4%, #EEE), to(#FFF));
	background: -moz-linear-gradient(top, #FFF, #EEE 1px, #FFF 15px);
	box-shadow: rgba(0,0,0, 0.5) 0px -1px 0px;
	-moz-box-shadow: rgba(0,0,0, 0.5) 0px -1px 0px;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px -1px 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1.5em;
	color: #009999;
}

input.highlight, textarea.highlight {
	background: #30b3b3;
	border: 1px solid #009999;
	color: white;
}

#c-content form fieldset.double div.grid_1.push_3 {
	left: 37%;
}

#c-content form fieldset.double div.grid_4.push_3,
#c-content form fieldset.double div.grid_4.push_4 {
	margin-left: -2%;
}

#c-content form .double div.grid_4 p input.styled,
#c-content form .double div.grid_4 p textarea.styled {
	width: 46%;
}

label.required:after {
	content: ' *';
	color: yellow;
}

button.submit {
	border: 0;
	margin: 0;
	padding: 0;
	width: 90px;
	height: 65px;
	text-indent: -5000px;
	background: transparent url(../design/images/pictos_blanc_07.png) 0 0;
}

button.submit:hover {
	background: transparent url(../design/images/pictos_blanc_08.png) 0 0;
}

button.start {
	border: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
	text-indent: -5000px;
	background: transparent url(../design/start.png) 0 0;
}

button.start:hover {
	background: transparent url(../design/start.png) 0 -150px;
}

button.start:disabled {
	background: transparent url(../design/start_disabled.png) 0 0;
}

button.stop {
	border: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
	text-indent: -5000px;
	background: transparent url(../design/stop.png) 0 0;
}

button.stop:hover {
	background: transparent url(../design/stop.png) 0 -150px;
}

textarea.styled {
	width: 100%;
	max-width: 100%;
	height: 150px;
	line-height: 150%;
}

input.styled:hover, textarea.styled:hover {


}

input.styled:focus, textarea.styled:focus {
	background: #30b3b3;
	border: 1px solid #009999;
	color: white;
}

.styledonfocus {
	background: #30b3b3;
	border: 1px solid #009999;
	color: white;
}

#c-content form p {
	position: relative;
	margin: 0 0 8px;


/*	height: 42px;*/
}

#c-content form label {
	margin-left: 5px;
	color: #d8d8d8;
	position: absolute;
	bottom: 20%;
	left: 0;
}

#c-content form .double .iPhoneCheckContainer label {
	margin: 0;
	display: block;
	bottom: auto;
	border: 0;
}

#c-content form .double label {
	width: 47%;
	display: inline-block;
	position: absolute;
	bottom: 2px;
	border-bottom: 2px groove #656565;
}

#c-content form .double p input.styled,
#c-content form .double p textarea.styled {
	width: 47%;
	margin-left: 50%;
}

#c-content form .double p input {
	margin-left: 50%;
}

#c-content form .double p select {
	

/* width: 49%; */
	display: inline-block;
	margin-left: 50%;
}

/*
	Menus
*/

div#menu ul#menu-regular li h6.btn {
	margin: 0 0 4px;
	z-index: 100;
	position: absolute;
	bottom: 0px;
}

div#menu ul#menu-regular li h6.btn.txt a {
	color: white;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 17px;
	/* 18

px */
	text-indent: 18px;
}

div#menu ul#menu-regular li h6.btn.txt a:hover {
	color: #009999;
}

div#content h6.ico,
h6.btn a,
div#content h6.btn a {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	width: 16px;
	height: 16px;
	display: inline-block;
}

h6.btn a,
div#content h6.btn a {
	display: block;
}

div#content div.row-box {
	position: relative;
}

div#content div.row-box div.sub-row-box {
	position: absolute;
	right: 0;
	top: 0;
}

div#content div.row-box div.sub-row-box h6 {
	margin: 0;
}

/*
	Style : h6 content
*/	

h6.btn,
div#content h6.btn {
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}

div#content h6.btn.up {
	margin: 0 0 8px;
	padding: 0;
	text-indent: -5000px;
	width: 16px;
	height: 16px;
	background: url(../design/fleches_haut.png) 0 -16px;
	display: block;
}

/*
	ico
*/

div#c-search h6.search {
	background: url(../design/recherche.png) 0 -16px;
}

div#content h6.cptclient {
	background: url(../design/compte_client.png) 0 -16px;
}

div#content .yellow:hover h6.cptclient {
	background: url(../design/compte_client.png) 0 0;
}

div#content h6.fichier {
	background: url(../design/fichier.png) 0 -16px;
}

div#content .yellow:hover h6.fichier {
	background: url(../design/fichier.png) 0 0;
}

div#content h6.dossier {
	background: url(../design/dossier.png) 0 -16px;
}

div#content .yellow:hover h6.dossier {
	background: url(../design/dossier.png) 0 0;
}

/*
	btn
*/

div#content h6.modifier a {
	background: url(../design/modifier.png) 0 -16px;
}

div#content .yellow:hover h6.modifier a {
	background: url(../design/modifier.png) 0 0;
}

div#content .yellow:hover h6.modifier a:hover,
div#content h6.modifier a:hover {
	background: url(../design/modifier.png) 0 -32px;
}

div#content h6.supprimer a {
	background: url(../design/supprimer.png) 0 -16px;
}

div#content .yellow:hover h6.supprimer a {
	background: url(../design/supprimer.png) 0 0;
}

div#content .yellow:hover h6.supprimer a:hover,
div#content h6.supprimer a:hover {
	background: url(../design/supprimer.png) 0 -32px;
}

div#content h6.export a {
	background: url(../design/export.png) 0 -16px;
}

div#content .yellow:hover h6.export a {
	background: url(../design/export.png) 0 0;
}

div#content .yellow:hover h6.export a:hover,
div#content h6.export a:hover {
	background: url(../design/export.png) 0 -32px;
}

div#content h6.editer a {
	background: url(../design/editer.png) 0 -16px;
}

div#content .yellow:hover h6.editer a {
	background: url(../design/editer.png) 0 0;
}

div#content .yellow:hover h6.editer a:hover,
div#content h6.editer a:hover {
	background: url(../design/editer.png) 0 -32px;
}

div#content h6.ajouter a {
	background: url(../design/ajouter.png) 0 -16px;
}

div#content .yellow:hover h6.ajouter a {
	background: url(../design/ajouter.png) 0 0;
}

div#content .yellow:hover h6.ajouter a:hover,
div#content h6.ajouter a:hover {
	background: url(../design/ajouter.png) 0 -32px;
}

div#content h6.retirer a {
	background: url(../design/retirer.png) 0 -16px;
}

div#content .yellow:hover h6.retirer a {
	background: url(../design/retirer.png) 0 0;
}

div#content .yellow:hover h6.retirer a:hover,
div#content h6.retirer a:hover {
	background: url(../design/retirer.png) 0 -32px;
}

div#content h6.cacher a,
div#content .category.yellow:hover h6.cacher a:hover {
	background: url(../design/cacher.png) 0 -16px;
}

div#content .yellow:hover h6.cacher a {
	background: url(../design/cacher.png) 0 0;
}

div#content .yellow:hover h6.cacher a:hover,
div#content h6.cacher a:hover {
	background: url(../design/cacher.png) 0 -32px;
}

div#content h6.montrer a,
div#content .category.yellow:hover h6.montrer a:hover {
	background: url(../design/montrer.png) 0 -16px;
}

div#content .yellow:hover h6.montrer a {
	background: url(../design/montrer.png) 0 0;
}

div#content .yellow:hover h6.montrer a:hover,
div#content h6.montrer a:hover {
	background: url(../design/montrer.png) 0 -32px;
}

div#menu ul#menu-regular li  h6.deconnexion a,
div#content h6.deconnexion a,
div#content .category.yellow:hover h6.deconnexion a:hover {
	background: url(../design/deconnexion.png) no-repeat 0 -16px;
}

div#content .yellow:hover h6.deconnexion a {
	background: url(../design/deconnexion.png) no-repeat 0 0;
}

div#menu ul#menu-regular li h6.deconnexion a:hover,
div#content .yellow:hover h6.deconnexion a:hover,
div#content h6.deconnexion a:hover {
	background: url(../design/deconnexion.png) no-repeat 0 -32px;
}

/*
	Menu
*/

div#menu {
	height: 0px;
	background-color: white;
	border-bottom: #000 solid 1px;
	overflow: hidden;
}

#ie div#menu {
	text-align: center;
}

#ie div#menu ul#menu-regular {
	display: inline;
	zoom: 1;
}

div#menu ul#menu-regular {
	position: relative;
}

div#menu ul#menu-regular li {
	float: left;
	border: 1px solid #d6d6d6;
	margin: 2px;
	background-image: url(../design/fond_moyen.jpg);
}

div#menu ul#menu-regular li span.ico.down {
	margin: 0 0 8px;
	padding: 0;
	width: 16px;
	height: 16px;
	background: url(../design/fleches_bas.png) no-repeat 0 0;
	display: block;
	position: absolute;
	bottom: 10px;
	opacity: 0.75;
}

div#menu ul#menu-regular li:hover span.ico.down {
	background-position: 0 -16px;
}

div#menu ul#menu-regular li:hover,
div#menu ul#menu-regular li.act {
	background: none;
	background: #30b3b3;
	border: 1px solid #009999;
	color: white;
}

div#menu ul#menu-regular li:hover h1 a {
	color: white;
}

div#menu ul#menu-regular ul.grid_2 {
	margin: 0;
	padding: 0;
}

div#menu ul#menu-regular ul.grid_2 li {
	background-color: #cccbcb;
	background-image: none;
	border-color: #c4c4c4;
}

div#menu ul#menu-regular ul.grid_2 li:hover {
	background-color: #b1b1b1;
	border-color: #9d9d9d;
}

div#menu ul#menu-regular ul.grid_2 li.infos {
	background-color: #2fbaba;
	border-color: #009999;
}

div#menu ul#menu-regular ul.grid_2 li.infos:hover {
	background-color: #009999;
	border-color: #2fbaba;
}

div#menu ul#menu-regular ul.grid_2 li.action {
	background-image: url(../design/fond_fonce.jpg);
	border-color: #262626;
}

div#menu ul#menu-regular ul.grid_2 li.action:hover {
	background-color: #009999;
	border-color: #000000;
}

div#menu ul#menu-regular ul.grid_2 li.action p {
	color: silver;
}

div#menu ul#menu-regular li h1 {
	text-shadow: none;
	padding-left: 2px;
}

div#menu ul#menu-regular li h4 {
	text-shadow: none;
	padding-left: 2px;
	font-size: 1.3em;
}

div#menu ul#menu-regular li p {
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;		/* 12px */
  	line-height: 1em;	/* 18px */
  	color: white;
	padding-left: 2px;
	margin-top: 1em;
}

div#menu ul#menu-regular li p strong {
	font-weight: bold;
}

div#menu ul#menu-regular li p.baseline {
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;		/* 12px */
  	line-height: 1em;	/* 18px */
  	color: gray;
	padding-left: 2px;
	margin-top: 1em;
}

div#menu ul#menu-regular li:hover p.baseline,
div#menu ul#menu-regular li.act p.baseline {
	color: #acd8d8;
}

div#menu ul#menu-regular li.home {
	
}

div#menu ul#menu-regular li.home a {
	
}

div#menu ul#menu-regular li a {
	overflow: hidden;
	color: #3D3D3F;
	display: block;
	background-position: right;
	text-decoration: none;
	font: 1em GlyphaLTStd75Black;
	line-height: 0.9em;
}

div#menu ul#menu-regular li a:hover, div#menu ul#menu-regular li.act a {
	color: white;
	text-decoration: none;
}

/*
	Bloc with line
*/

.blocwithline {
	background: #eee;
	position: relative;
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

div#c-colright ul#menu-ancre {
	
}

div#content div#c-colright ul#menu-ancre  li {
	color: white;
	padding: 2px 2px 2px 0;
}

div#content div#c-colright ul#menu-ancre li a {
	color: white;
	padding: 2px;
}

div#content div#c-colright ul#menu-ancre li a:before {
	content: '¶ '
}

div#content div#c-colright ul#menu-ancre li a:hover,
div#content div#c-colright ul#menu-ancre li.act a {
	background-color: yellow;
	color: black;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

div#header ul#menu-rapide {
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	position: absolute;
	right: 0;
}

div#header ul#menu-rapide li {
	float: left;
}

div#header ul#menu-rapide li a {
	width: 90px;
	height: 65px;
	display: block;
	text-indent: -5000px;
	background-position: 0 0;
}

div#header ul#menu-rapide li.mr1 a {
	background-image: url(../design/images/pictos_bleu_01.png);
}

div#header ul#menu-rapide li.mr1 a:hover,
div#header ul#menu-rapide li.mr1.act a {
	background-image: url(../design/images/pictos_gris_01.png);
}

div#header ul#menu-rapide li.mr2 a {
	background-image: url(../design/images/pictos_bleu_02.png);
}

div#header ul#menu-rapide li.mr2 a:hover,
div#header ul#menu-rapide li.mr2.act a {
	background-image: url(../design/images/pictos_gris_02.png);
}

div#header ul#menu-rapide li.mr3 a {
	background-image: url(../design/images/pictos_bleu_03.png);
}

div#header ul#menu-rapide li.mr3 a:hover,
div#header ul#menu-rapide li.mr3.act a {
	background-image: url(../design/images/pictos_gris_03.png);
}

div#header ul#menu-rapide li.mr4 a {
	background-image: url(../design/images/pictos_bleu_04.png);
}

div#header ul#menu-rapide li.mr4 a:hover,
div#header ul#menu-rapide li.mr4.act a {
	background-image: url(../design/images/pictos_gris_04.png);
}

div#header ul#menu-rapide li.mr5 a {
	background-image: url(../design/images/pictos_bleu_05.png);
}

div#header ul#menu-rapide li.mr5 a:hover,
div#header ul#menu-rapide li.mr5.act a {
	background-image: url(../design/images/pictos_gris_05.png);
}

div#header ul#menu-rapide li.mr6 a {
	background-image: url(../design/images/pictos_bleu_06.png);
}

div#header ul#menu-rapide li.mr6 a:hover,
div#header ul#menu-rapide li.mr6.act a {
	background-image: url(../design/images/pictos_gris_06.png);
}

/*
	Boutons span
*/

div#content span.ppp {
	display: inline-block;
	height: 16px;
	padding-left: 20px;
	background: url(../design/allera.png) no-repeat 0 -16px;
	line-height: 16px;
	color: white;
	margin-right: 1px;
	margin-left: 1px;
}
span.ppp:hover {
	background-position: 0 -18px;
}
span.ppp.right {
	background-position: right 9px;
	padding-right: 18px;
	padding-left: 0;
}
span.ppp.right:hover {
	background-position: right -18px;
}


/*
	Mansonry
*/

.wrap {
	
}

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

/*
	Blocs 
*/

div.clearbloc {
	clear: both;
}

div#c-galerie, div#c-album, div#c-liste-album {

}

div#c-galerie div.bl

oc, div#c-album div.bloc, div#c-liste-album div.bloc {
	margin-bottom: 16px;


/*1,667%*/

	display: block;
	-moz-box-shadow: 1px 1px 12px #3F3F3D;
	-webkit-box-shadow: 1px 1px 12px #3F3F3D;
	box-shadow: 1px 1px 12px #3F3F3D;
	background-color: white;
}

div#c-album div.bloc.slideshow {


/*	height: 667px;
    vertical-align: middle;
	overflow: hidden;*/
	background-color: #3F3F3D;
	display: block;

/*	overflow: hidden;  // Supprimer pour lView */
	position: relative;
	border-bottom: 1px solid #3F3F3D;
	margin-bottom: 60px;
}

.bloc:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	margin-bottom: -5px;
}

div#c-album div.bloc.slideshow img {
	position: absolute;
	top: 0;
	left: 0;
}

div#c-galerie div.bloc p {
	padding: 0;
	margin: 0;
}

div#c-galerie div.bloc img, div#c-album div.bloc img, div#c-liste-album div.bloc img {
	width: 99.999%;
	border-bottom: 1px solid #3F3F3D;
	border-right: 1px solid #3F3F3D;
}

div#c-album span.gpm {
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 10;
}

div#c-album span.gpp {
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 10;
}

div#c-album span.gpd {
	position: absolute;
	top: 50%;
	left: 70px;
	z-index: 10;
}

div#c-album span.gpb {
	position: absolute;
	top: 50%;
	left: 40px;
	z-index: 10;
}

div#c-album span.pagegauche {
	border-right: 1px solid #80807c;
	width: 49.9%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../design/lumiere.png) no-repeat 0 0;
}

div#c-album span.pagedroite {
	border-left: 1px solid #3F3F3D;
	width: 49.9%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	background: url(../design/ombre.png) no-repeat 0 0;
}

div#c-liste-album span.reliure {
	border-right: 1px dotted #262625;
	width: 15.9%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div#c-liste-album span.page {
	border-left: 1px solid #3F3F3D;
	width: 79.1%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 16.3333%;
	background: url(../design/ombre.png) no-repeat 0 0;
}

div#c-liste-album span.couv {
	display: block;
	position: absolute;
	right: 1px;
	top: 0;
	z-index: 10;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

div#c-liste-album .grid_1 span.couv img {
	border: 0;
	right: 0;
	position: absolute;
}

div#c-album div.bloc.slideshow p.l_view a img:hover, div#c-album div.bloc.slideshow p.l_view a.act img {
	opacity: 0.3;
}

div#c-album p.l_information {
	position: absolute;
	top: 0;
	z-index: 10;
}

div#c-album p.l_information {
	padding: 9px;
	padding-left: 20px;
	color: white;
	text-shadow: #3F3F3D 1px 1px 4px;
	font-weight: bold;
}

div#c-album p.l_view {
	color: #3F3F3D;
	font: bold 1.1em/1.2em Arial, sans-serif;
	position: absolute;
	left: 0;
	z-index: 10;
	padding: 9px 9px 9px 0;
	margin: 0;
	top: 101%;
}

div#c-album p.l_view a {
	
}

div#c-album div.bloc.slideshow p.l_view a img {
	width: 26px;
	height: 26px;
	position: static;
	border-top: 1px solid #80807c;
	border-left: 1px solid #80807c;
	-moz-box-shadow: 1px 1px 12px #3F3F3D;
	-webkit-box-shadow: 1px 1px 12px #3F3F3D;
	box-shadow: 1px 1px 12px #3F3F3D;
}

div#c-album p.l_buttons {
	color: #9A9A9D;
	font: bold 1.1em/1.2em Arial, sans-serif;
	padding: 9px;
	padding-right: 0;
	width: 40%;
}

div#c-album p.l_view a {
	color: #3F3F3D;
}

div#c-album p.l_view a:hover {
	color: #3D3D3F;
}

div#c-album p.l_view a.act {
	color: white;
}


#content div#c-colright p.firstbloc, #content div#c-colleft p.firstbloc {
	border: none;
	border-bottom: 3px solid white;
	position: relative;
	top: 0px;
	height: 150px;
	color: yellow;
}

/*
	Footer
*/

div#footer {
	
}

div#c-footer {
	background: url(../design/ombres_noir.png) no-repeat 0 -1px;
	display: block;
	height: 140px;
}

div#footer h6#b_admin a {
	width: 23px;
	height: 14px;
	display: block;
	background: url(../design/picto_admin.gif) no-repeat 0 0;
	text-indent: -5000px;
}

div#footer h6#b_admin  a:hover {
	background-position: 0 -14px;
}

div#footer ul#menu-footer {
	height: 30px;
	border-top: 1px solid gray;
	width: 100%;
	margin-top: 140px;
}

div#footer ul#menu-footer li {
	float: left;
	font: 1em GlyphaLTStd45Light;
	padding: 6px 12px;
	color: gray;
}

div#footer ul#menu-footer li.home {
	
}

div#footer ul#menu-footer li.home a {
	
}

div#footer ul#menu-footer li a {
	color: silver;
	margin-right: 0px;
	display: block;
	background-position: right;
	text-decoration: none;
	font: 1em GlyphaLTStd65Bold;
}

div#footer ul#menu-footer li a:hover, div#menu ul#menu-footer li.act a {
	color: white;
	text-decoration: none;
}