body {
	background-image:url("../images/m35-1280.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	padding-left:10%;
	padding-right:10%
}
.navbar,.menuhaut,.menubas,.form-search {
	margin-bottom:.1em;
	padding:.1em;
	font-size:.9em
}
.screenzecyb {
	width:268px;
	height:250px;
	margin-top:5em;
	margin-bottom:5em;
}
.screenzecyb img {
	display:inline;
}
.divimg,.boite_nuage,ul,ol,.code,table,.well,.pull-right,.label {
	margin-top:1em;
	margin-bottom:1em
}
.page {
	font-family:sans-serif,arial;
	font-size:.85em;
	line-height:1.5em;
	text-align:justify;
	padding:0em 24em 0em 6em
}
#body {
	padding:6em;
}
.navbar,img,.page,.menuhaut,.menubas,.divimg,ul,ol,.code,.toc,.list_tags,form,.form-actions,.form-horizontal,.form-contact,input,dl,h3,h4,h5,h6,.boite_nuage,.btn,.hombre {
	border:solid .1em;
	border-radius:.8em
}
.screenzecyb,.divimg,.hombre,h1,h2,h3,h4,h5,h6,.menuhaut,.menubas,.form-horizontal,.form-actions,.form-contact,.boite_nuage {
	text-align:center
}
.screenzecyb,.menuhaut,.menubas,.form-horizontal,.form-contact,.divimg,.code,ul,ol,.hombre,dl,.boite_nuage {
	margin-left:auto;
	margin-right: auto
}
/*BOUTONS*/
.btn {
	padding:.2em;
	line-height:1em;
}
.btn:hover {
	background:green;
}
.btn-large {
	font-size:1.2em;
}
.btn-small,.btn-mini {
	font-size:1em;
}
.btn-primary {
	background:blue;
	color:ivory;
}
.btn-warning {
	background:orange;
	color:ivory;
}
.btn-danger {
	background:red;
	color:ivory;
}
.btn-success {
	background:green;
	color:ivory;
}
.btn-info {
	background:#ddd;
	color: #004464;
}
/*bouton pleine largeur*/
.btn-block {
	text-align:left;
}
.hidden {
	height:1em;
}
ul,ol {
	padding:.4em;
	margin-bottom:1em;
	list-style-type:none;
}
table,.table,th,tr,td {
	padding:.5em;
	border:solid .1em #004464;
}
.code {
	padding:.5em;
}
.code,pre {
	background:#d2d2b1
}
textarea {
	height:auto;
	margin-left:40px;
	margin-right:40px;
}
ol,ul {
	box-shadow:.2em .2em .2em #004464;
}
.ref {
	padding:0 8px;
	margin-bottom:8px;
	background:#c37a24;
}
.hombre {
	width:14%;
	padding-top:3%;
	color:tan;
	line-height:.8;
	border:#004464 solid .1em;
	border-radius:8em
}
dl {
	margin-bottom:16px;
	background:#d69b3b;
	color:#fdf3eb;
	padding:20px 16px
}
dd {
	font-style:italic
}
hr,hr:before {
	border-radius:.8em;
	border:.1em solid green
}
hr {
	height:1.8em;
	border-width:.1em 0 0 0
}
hr:before {
	display:block;
	content:"";
	height:1.5em;
	margin-top:-1.6em;
	border-width:0 0 .1em 0
}
.hr_clear {
	margin-top:2em
}
h1,h2,h3,h4,h5,h6 {
	margin-top:.1em;
	margin-bottom:.1em;
	padding:.1em;
	line-height:1.5em;
	font-family:"times new roman"
}
h1 {
	font-size:1.8em;
	color:green
}
h2 {
	margin-left:auto;
	font-size:1.2em;
	background:green;
	border-top-left-radius:.8em;
	border-top-right-radius:.8em
}
h1,h2,dt {
	text-transform:uppercase
}
h3,h4 {
	font-size:1em
}
h5 {
	font-size:.9em;
	margin-left:auto
}
h6 {
	font-size:.9em
}
h3,h4,h5,h6 {
	width:auto;
	margin-right:50%;
}
form {
	padding:.1em;
	margin-bottom:.1em;
	text-align:right;
	background:#004464;
}
.form-actions {
	font-size:.8em;
	padding:0;
	margin-top:.2em;
	margin-bottom:.2em
}
.contact-message {
	margin-left:0
}
.input-medium {
	width:12.7em
}
.controls,li,.navbar {
	text-align:left;
}
submit {
	border:none;
	text-align:left;
	padding:.1em
}
input {
	color:black;
	margin:.1em;
	text-align:left
}
select,select:hover {
	font-size:.8em;
}
.text {
	width:113px;
	border-style:solid;
	border-width:1px;
	font-size:.8em
}
#ACEditor textarea {
	margin:.8em;
	padding:.8em;
	border:red solid 1px;
	width:94%;
	max-height:800px;
	overflow:auto
}
.tag-label,.label {
	background:green;
	font-size:.8em;
	font-weight:400;
	margin:.1em;
	text-align:left
}
.toc {
	width:24%;
	margin-right:.5em;
	top:2.2em;
	padding:.2em
}
.toc-menu {
	overflow: hidden;
}
/*class ul de toc*/
.unstyled {
	border:none;
	border-radius:0;
	box-shadow:0 0 0;
	width:100%
}
/*TAGS PLAN*/ .nuage li {
	margin:0;
	padding:0
}
.nuage {
	border:0;
	box-shadow:0 0 0;
	margin:0
}
.tag-list {
	display:block;
	float:left;
	list-style-type:none;
	background-image:none;
	color:#000;
	margin:0;
	padding:0;
}
.nuage a {
	color:#000;
	border:.1em;
}
a.size6 {
	font-size:4em;
	color:darkgreen;
	padding:.1em
}
a.size5 {
	font-size:3.5em;
	color:green;
	padding:.1em
}
a.size4 {
	font-size:3em;
	color:forestgreen;
	padding:.1em
}
a.size3 {
	font-size:2.5em;
	color:seagreen;
	padding:.1em
}
a.size2 {
	font-size:2em;
	color:green;
	padding:.1em
}
a.size1 {
	font-size:1em;
	color:grey;
	padding: .1em
}
/*////COULEURS////*/
.page,#ACEditor textarea,.divimg,.boite_nuage,.label:hover,td,th,table,ul,ol,.hombre {
	background:ivory;
}
.footer-hidden a,select,select:hover,.tag-label,.label,.navbar,.menuhaut,.menubas,h2,form,.footer a,.ref,.btn-inverse {
	color:ivory
}
.navbar,.menuhaut,.menubas,.nuage,.toc {
	background-color:transparent
}
.btn-inverse {
	background:#004464
}
.page,.divimg,.label:hover,.hombre {
	color:#004464
}
h3,h4,h5,h6 {
	background:gold
}
.navbar,.page,.menuhaut,.menubas,.form-actions,.form-search {
	border-color:gold
}
h3,h4,h5,h6,input,select,img,form,.code,.btn {
	border-color:transparent
}
a,a:hover {
	text-decoration:none
}
a,a:visited,a:active {
	color:green
}
a:hover,.btn:hover {
	color:gold
}
.tag-list {
	display:block;
	opacity:.89999997615814;
	padding:.2em;
	margin-bottom:1em;
	text-align:left
}
.menuplan {
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:95%;
}
.menuplan a {
	display:block;
	opacity:0.89999997615814208984375;
	font-size:1.2em;
	padding:0.2em;
	margin-bottom:1em;
	text-align:left;
	background-color:ivory;
	border-style:solid;
	border-width:0.1em;
	border-radius:0.8em;
}
.menuplan a:hover {
	background-color:olivedrab;
}
@media screen and (max-width:1152px) {
	.page {
		padding:4em 23em 4em 2em
	}
}
@media screen and (max-width:1024px) {
	body {
		line-height:1.2em;
		background:black;
		background-image:url();
		padding-left:0;
		padding-right:0;
	}
	.page {
		padding:0em 26em 4em 2em
	}
	h1,h2,h3,h4,h5,h6 {
		font-size:1em;
	}
	.btn-block {
		font-size:.9em;
	}
}
@media screen and (max-width:768px) {
	.page {
		padding:1em;
		min-height:auto;
	}
	.toc,.menuhaut {
		clear:both;
		margin:0;
		padding:0;
		border:0;
		height:0;
		visibility:hidden;
		background:transparent;
	}
	h1,h2,h3,h4,h5,h6 {
		font-size:.8em;
	}
}
@media screen and (max-width:480px) {
	.tag-list {
		clear:both;
	}
	a.size6,a.size5,a.size4,a.size3,a.size2,a.size1 {
		font-size:1em;
		color:#004464
	}
}
@media screen and (min-width:1px) and (max-width:320px) {
	.navbar,.form-search {
		text-align:center
	}
	body,.page {
		min-height:auto;
		text-align:left
	}
	.screenzecyb {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	.screenzecyb img {
		width:15%;
		margin:0;
		padding:0
	}
	a.size6,a.size5,a.size4,a.size3,a.size2,a.size1 {
		font-size:.9em;
		color:#004464
	}
	.contact-message,.contact-subject {
		margin-left:0;
		width:9em
	}
	.input-medium {
		margin-left:0;
		width: 7.2em
	}
}