/* Arthur Walter / 2014 */

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300italic,300,200italic,200,400italic,600,600italic,700,700italic);



body{
	background:#f2f2f2;
}

header{padding-top:0;}
section.main{max-width: 1260px;width: 100%;margin: 0 auto;}
footer{padding:3em 0;max-width: 1260px;width: 100%;margin: 0 auto;font-size: 0.7em;color:#666;text-align: right;}

h1,h2,h3,h4,h5,h6,.pure-menu,input,.admin{font-family:'Titillium Web', Arial, sans-serif}

.main a{color:rgb(77, 120, 160);text-decoration:underline;font-weight: bold;}
.main a:hover{color:#000;}

.title{padding:2em 0;background:#f2f2f2;text-transform:uppercase;color:#507080;font-size: 1.2em;}
.pure-menu.pure-menu-horizontal{background-color:#555;margin-top: 0;}
.pure-menu{font-size: 1em;font-weight: 600;max-width:1260px;margin:0 auto;}
.pure-menu>ul{font-size: 1em;font-weight: 400;text-transform: uppercase;width:100%;}
.pure-menu a{line-height:3em;color:#eee;}
.pure-menu li a:hover{background-color: #B8DBFF;color:#555;}
.pure-menu-selected{background-color: #fff;}
.pure-menu .pure-menu-selected a{color:#555;background: #B8DBFF;font-weight: 700;}

/* ADMIN & OUTPUT */
.admin{padding:0.8em 20px;max-width:1220px;margin:0 auto 20px;width:100%;background: orange;color:#fff;}
span.admin-back{padding:1em;text-transform: uppercase;}
span.admin-back a{color:#555;text-decoration: none;}
span.admin-back a:hover{color:#fff;}
.liste-g{padding:0 !important;min-height: 900px !important;}
iframe{min-height: 900px !important;}

span.alert{position:fixed;top:0;left:0;width:100%;background: #fff;padding:1em 2em;z-index: 999;}


	.contact{float:right;}

/* MAIN */

.explain{padding:20px 60px;border-bottom: solid #eee 5px;}
.mod{padding:10px 20px;border-bottom: solid #eee 5px;overflow: hidden;}
.mod{background:#fff;}
	.exp-1{background:#B8DBFF;color:#555;}
	.exp-2{background: #6bddb3;color:#555;text-align: right;}

	.exp-b{background:#fff;color:#555;}

blockquote{border-left:solid #555 6px;margin:0;padding:0 1em;}


/* ADMIN */
form, textarea{width:100%;}
textarea{height:150px;font-family: 'Arial', Arial, sans-serif;font-size: 1em;border:none;}
iframe{width: 100%;height:450px;border:none;}
.mod iframe{width: 80%;height:450px;border:none;float:right;}
.explainad{width:20%;float:left;}
.explainad img{width:100%;}

input{border:none;padding:6px;margin-top:12px;background:#555;color:#fff;outline: 0;font-size: 0.8em;font-weight: 600;}
input:hover{background-color:#78bbff;color: #fff;}

input[type=text]{background:#555;text-transform: none;}





/* EDITABLE */

.editable_textarea
{
        color: #000;
        background-color: #ffffd3;
}
 

/* RESPONSIVE */

@media screen and (max-width: 820px){
.pure-menu{font-size: 1em;}
.pure-menu.pure-menu-horizontal .pure-menu-heading{}
.pure-menu li a{padding: 10px 9px;}
}

@media screen and (max-width: 630px){
.pure-menu ul{width:100%;}
.pure-menu ul li{float:left;clear: both;text-align: center;width:100%;}
.pure-menu.pure-menu-horizontal .pure-menu-heading{width:100%;padding:15px 0;text-align: center;font-size: 1.3em;}
.pure-menu-selected{background: #eee;border-bottom: none;}
}