/*
Theme Name: MyDylarama V3
Author: Jacques Breen, GK
Description: Mydylarama website re-design version 2 responsive.
*/

/*Typography*/
body { background: #FFFFFF; font: 1em/1.3em 'boutros_rundaregular'; color: #222222; }
.page { text-align: justify; }
strong { font-family: 'boutros_rundabold'; }
/*h1 { font-family: 'boutros_rundabold'; }
h2 { font-family: 'boutros_rundabold'; }
h3 { font-family: 'boutros_rundasemi_bold'; }
h4 {font-size: 16px; font-weight: normal;}
h5 {font-size: 14px; font-weight: normal;}*/
p { font-weight: normal; line-height: 22px; margin: 5px 0 5px 0; }
.arbo { font-size: 0.8em; }
.info-publi { font-size: 0.8em; }
.aside { font-size: 0.8em; line-height: 1.2em; }
.footer { font-size: 0.8em; }

.menu h2 { font-size: 2em; }
.menu_breves li { font-size: 1.3em; line-height: 1.2em; }
p { margin-bottom: 1.5em; }
.arbo { margin-bottom: 1em; }
ul, ol { margin: 0 0 1.625em 2.5em; }
ul { list-style: square; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li { font-size: 1em; }
dl { margin: 0 1.625em; }
dt { font-family: 'boutros_rundabold'; }
dd { margin-bottom: 1.625em; }
strong { font-family: 'boutros_rundabold'; }
cite, em, i { font-style: italic; }
blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; }
pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; }
code, kbd { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; }
address { display: block; margin: 0 0 1.625em; }
ins { background: #fff9c0; text-decoration: none; }
sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 11px; }
.comment-meta small { font-size: 80%; }
.pagetitle { font-size: 18px; font-weight: normal; }
.underline { text-decoration: underline; }
.page_rubrique li { font-size: 15px; }
.cartouche .spip_logo { float: left; margin-right: 20px; }
/*end Typography*/


/*Begin Structure*/
body { background: url('img/fond_login.jpg') no-repeat; background-attachment: fixed; background-color: #f9f9f9; }
.page { padding: 0px; width: 100%; }
.main { width: 1100px; margin: 0 auto 0 auto; padding: 0; }
.nom { float: right; margin: 20px 0 0 10px; font-family: 'young_finesse_9light'; font-size: 50px; }
.nom a, .nom a:visited, .nom a:hover, .nom a:active, .nom a:link { color: #000; text-decoration: none; }
.menu_articles { padding: 0px; margin: 1.5em 0em; }
.page_sommaire .menu_articles { margin: 0em; }
.wrapper { width: 65%; float: left; margin: 0px 0px 0px 10px; }
.aside { width: 300px; /*height:500px;*/ float: right; margin: 20px 10px 0px 10px;}
.header { border: none; background-color: #cecece; }
.page_sommaire .recent_articles { display: flex; flex-wrap: wrap; }


#nav { width: 600px; list-style-type: none; padding: 0; margin: 0px; height: 50px; border: none;  float: left; }
#nav ul { padding: 0; margin: 0; border: none; }
#nav ul li { text-align: center; float: left; padding: 10px 0px 0px 5px; list-style-type: none; }

#formulaire_recherche { float: right; height: 42px; /*width: 170px;*/ margin: 10px; padding: 5px 0px 0px 0px; right: 10px; top: 10px; }
#formulaire_recherche form div { background-color: #cecece; margin: 0; padding: 8px 0px 8px 10px; }
#formulaire_recherche form div input[type=text] { background: #f9f9f9; /*border:none;*/ margin: 0px 0px 0px 0px; font-size: 12px;  padding-left: 5px; /*height:30px;*/ width: 120px; display: inline-block; float: left; }
#formulaire_recherche form div input[type=submit] { border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-family: 'boutros_rundabold'; display: inline; text-align: center; cursor: pointer; height: 30px; width: 23px; background: transparent url("img/search_bkg.png") bottom center no-repeat; }
#formulaire_forum label {     display: inline-block; margin: 0.5em; }
}

input, textarea, select, button { float: right; }
input.text, .formulaire_newsletter input.text {  width: 20em; }
.formulaire_newsletter label { font-size: 1em; }

.offscreen { clear: left; }
.footer { clear: both; width: 100%; text-align: center; /*padding: 100px 0px 0px 0px;*/ border: none; background-color: #cecece; }
.foot-rub { width: 33%; padding-top: 20px; float: left; }
.foot-rub ul { list-style: none; }
.footer .colophon { width: 100%; margin: 1em; }

/* Sidebar sections */
.section { margin-bottom: 16px;}
.section-title {
	background-color: #F2F6FA;
	border-top: 2px solid #ABC;
	font-size: 1em;
	font-family: 'boutros_rundabold';
	margin-bottom: 5px;
	min-height: 0;
	padding: 5px 8px 6px;
}

#articles_recents .hentry { width: 300px; min-height: 400px; margin: 10px 10px 10px 5px; float: left; }
#articles_recents .introduction { clear: both; }
#articles_recents .intropostmeta .spip_logo { float: none; margin: 5px 5px 5px 0px; }
#articles_recents .intropostmeta .recent_logo { width: 67%; margin: auto; }
#articles_recents .intropostmeta .entry-title { font-size: 24px;}
#articles_recents .hentry h3 { font-size: 24px; margin-bottom: 0.5em; }

h2.offscreen { margin: 0px 0px 0px 5px; }

.slideshow { width: 80%; height: 600px; overflow: hidden; clear: both; position: relative; margin: auto; }
.slideshow::before { box-sizing: content-box; }
.slidemeta { position: absolute; top: 470px; width: 100%; padding:20px; height: 135px; color: #fff; font-size: 0.8em; line-height: 1.5; background-color: rgba(0,0,0,0.5); }
.slidemeta h3 { font-size: 18px;}
li.panel { list-style: none; }

.slideshow ul.rslides { margin: 0px; }
.slideshow .rslides .slidemeta a:link, #slideshow .slide .slidemeta a:visited { color: #FFD074; }
.slideshow .rslides .slidemeta a:hover, #slideshow .slide .slidemeta a:active { color: #FFDC99; }
/*ul#slider { margin: 0 0 1.625em 0em; }*/

.pagination { /*width: 630px;*/ height: 40px; text-align: center; margin: 10px 0px 20px 0px;}
.pagination .disabled .on { background: #3B95C0; color: #fff; }

ul#mpulist { list-style-type: none; padding: 0px; margin: 0px; }
.mpu { width: 300px; height: 250px; position: relative; margin: 0px 0px 20px 0px; overflow: hidden; }
.mputext { font-size: 11px; line-height: 1.2; color: #fff; text-shadow: 1px 1px 1px #000; padding: 10px; position: absolute; bottom: 0px; left: 0px; width: 300px; background-color: rgba(0,0,0,0.5); }
.mpu h3 { background: url('img/mpuheader.png') top right no-repeat; height: 53px; padding: 6px 0px 0px 10px; color: #fff; font-size: 12px;}

.mpueditor { width: 400px; float: left; padding: 20px;}
.markitupcontainer { width: 503px; }
/*end structure*/

/*links*/
a:link, a:visited { color: #3B95C0; text-decoration: inherit; /*background-color: transparent;*/ -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;-ms-transition: all 200ms linear;-o-transition: all 200ms linear; transition: all 200ms linear; }
a:hover, a:active { color: #8AC4E0; text-decoration: inherit; background-color: transparent; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;-ms-transition: all 200ms linear;-o-transition: all 200ms linear; transition: all 200ms linear;/*border-bottom: 1px dotted #3b96c0;*/}

.nav ul li a:link, .nav ul li a:visited { color:#A66317; border:none; background-color:transparent; padding: 0.5em 0.3em;} 
.nav ul li a:hover, .nav ul li a:active { color: #BF8F57; border: none; background-color: transparent; }

.mpu a:link, .mpu a:hover { position: absolute; width: 100%; height: 100%;text-indent: -1000px; }
/*end links*/

.donate { text-align: center; margin-top: 1em; }
.donate form input { text-align: center; }
fieldset { margin-bottom: 1.2em; }