/*
Theme Name: InfoSyrie
Theme URI: www.infosyrie.fr
Description: Thème officiel pour InfoSyrie.fr - 2e version
Version: 2
Author: InfoSyrie.fr
Author URI: www.infosyrie.fr
*/

@import "css/reset.css";
@import "css/forms.css";

/** Colors
 * vert : #009e60
 * rouge : #B00C0C
end Colors **/

body {color: #000; font: 100%/1.2 "Droid Serif", arial, helvetica, sans-serif; }
html {background: #E7E7E7 url('images/fond-infosyrie.png') no-repeat top center; }
a {color: #000; text-decoration: none; font-weight: bold; }
a:hover, a:focus {color: #888 !important; }
a img {border: 0px; }
h2 {font-family: "Droid Sans", Arial, sans-serif; }
h2 a {font-weight: normal !important; }
h3 {font-family: "Droid Sans", Arial, sans-serif; font-size: 0.8em; color: #000; font-weight: 600; }

/** Layout **/
#container {width: 1000px !important; margin: auto; padding: 0 12px; overflow: hidden; position: relative; }

#header {margin: 0; padding: 0; height: 143px; background: transparent url('images/entete-infosyrie.png') no-repeat top center; width: 1000px; margin: 0px auto; }
#header>a {color: transparent; display: block; width: 1000px; height: 143px; text-indent: -9999px; }
#header>a:hover {color: transparent !important; }
#header #nav-rech {position: absolute; right: 10px; top: 45px; }
#header #nav-rech input {width: 200px; background-color: #F3EFE7; border: 1px solid #000; color: #000; padding: 3px; }
#header #facebook {position: absolute; right: 20px; top: 90px; font-family: "Droid Sans", Arial, sans-serif; }
#header #facebook a {color: #3B5998; font-weight: normal; }

#nav {position: absolute; top: 0px; right: 0px; margin-right: 10px; text-align: left; }
#nav ul {background-color: #000; height: 30px; width: 660px; margin: 0px; }
#nav li {display: inline-block; padding-right: 10px; padding-left: 10px; vertical-align: middle; height: 30px; padding-top: 3px; margin: 0px; }
#nav li:hover {background-color: #B00C0C; margin: 0px; }
#nav li a {font-family: "Droid Sans", Arial, sans-serif; text-transform: uppercase; height: 30px; vertical-align: middle; color: #FFF; text-decoration: none; font-weight: normal; margin: 0px; }
#nav li a:hover, #nav li a:focus {text-decoration: none; color: #FFF !important; font-weight: normal; height: 30px; margin: 0px; }
#nav li.current-cat {background-color: #B00C0C; margin: 0px; }

/** Page d'index **/
.postcat {text-transform: uppercase; }
.index-filet {margin: 4px 0px; background-color: #CCC; }
/* Rangée présidentielle */
#presidentielle {width: 980px; padding: 10px 10px 30px 10px; background-color: #FFF; }
/* Rangée "top" */
#index-top {width: 1000px !important; background-color: #FFF; }
#index-colg {width: 322px ; margin-left: 10px; float: left; }
#index-edito {width: 292px; margin: 10px 0px; border: 1px solid #CCC; padding: 10px; min-height: 300px; vertical-align: bottom; }
#index-edito {padding: 10px 10px 0px 10px; }
#index-edito .more-link {display: block; margin-top: 20px; }
#index-edito a {font-weight: normal; color: #B00C0C; font-family: "Droid Sans", Arial, sans-serif; }
#index-reinfo {width: 292px; margin: 10px 0px; padding: 10px; background-color: #222; min-height: 110px; }
#index-reinfo h2 a {font-size: 1.1em; color: #FFF; font-weight: normal; }
#index-reinfo h2 a:hover, #index-reinfo h2 a:focus {color: #888; }
#index-reinfo p.postdate {background-color: transparent; }
#index-fait {float: left; width: 644px; margin-left: 10px; margin-top: -10px; }
#index-fait img {border: 0px; margin: 0px; padding: 0px; z-index: 1; max-height: 500px; overflow: hidden; }
#index-fait .lefaitdujour {display: inline; background-color: #B00C0C; color: #FFF; padding: 3px 100px 3px 3px; text-transform: uppercase; font-family: "Droid Sans", Arial, sans-serif; font-size: 1em; line-height: 1.4em; font-weight: normal; margin: 0px; }
#index-fait .entry-faitdujour h2 {width: 640px; background-color: #B00C0C; margin: -6px 0px 0px 0px; height: 110px; padding-left: 4px; }
#index-fait .entry-faitdujour a {color: #FFF; padding: 10px 0px 10px 5px; display: block; font-weight: normal; line-height: 1.2em; /*margin-bottom: 10px; */}
#index-fait .entry-faitdujour a:hover, #index-fait .entry-faitdujour a:focus {color: #888; }
/* Rangée "milieu" */
#index-milieu {width: 1000px !important; background-color: transparent; }
#index-m1, #index-m2, #index-m3 {margin: 10px; width: 312px; float: left; min-height: 280px; }
#index-m1 h2 a, #index-m2 h2 a, #index-m3 h2 a {font-size: .8em; }
.breve {border-bottom: 1px solid #CCC; padding: 10px; }
.breve:hover {background-color: #EEE; }
.breve:last-child {border: 0px; }
.breve p, .breve a {display: inline; }
.breve p {font-weight: bold; font-family: "Droid Sans", Arial, sans-serif; font-size: 1.2em; line-height: 1.1em; }
.breve a {color: #333; font-weight: normal; }
p.homedate {color: #B00C0C; }
h2.titre-m2 {background-color: #B00C0C; color: #FFF; text-transform: uppercase; display: inline; padding: 3px; font-weight: normal; }
h2.titre-m2 a {color: #FFF; background-color: #B00C0C; padding: 3px; text-transform: uppercase; display: inline; font-size: .9em; }
#index-m2 .breve, #index-m3 .breve, #index-m1 .breve {display: block; margin-bottom: 0px; }
.index-breve {background-color: #FFF; padding: 3px; display: block; margin: 4px 0px 4px 0px; width: 302px; }
.index-m3 .index-breve {display: block; min-height: 200px; }
.en-bref:first-child {margin-top: 10px; }
.linkcat h2 {display: none; }
.blogroll li a {font-size: .9em; font-family: "Droid Sans", Arial, sans-serif; color: #333; font-weight: normal; }
/* Rangée "bas" */
#index-bas {width: 1000px; background-color: #FFF; padding: 0px; }
.bas-col1, .bas-col2, .bas-col3 {width: 312px; margin: 10px; float: left; }
h2.titre-m3 {color: #FFF; background-color: #B00C0C; display: inline; padding: 5px; text-transform: uppercase; font-size: .8em; font-weight: normal; }
h2.titre-m3 a {color: #FFF; }
.bas-col3>div {margin-top: 10px; }
.en-bref ul {list-style: none outside none !important; }
.en-bref li {padding: 3px; list-style-type: none; border-bottom: 1px solid #CCC; }
.en-bref li:last-child {border: 0px; }
li.linkcat {border: 0px; list-style-type: none; }
.en-bref ul.blogroll li:hover {background-color: #EEE; list-style-type: none; }
.index-bas h2 a {font-weight: normal; font-size: .8em !important; }
/* Slideshow */
#slideshow #slidesContainer {margin: 0px auto; width: 644px; height: 460px; overflow: auto; position: relative; }
#slideshow #slidesContainer .slide {margin: 0px auto; width: 614px; height: 460px; float: left; }
.control {display: block; width: 40px; height: 460px; text-indent: -10000px; position: absolute; cursor: pointer; }
#leftControl {top: 152px; left: 350px; background: transparent url('images/control_left.png') no-repeat 0 0; z-index: 10; }
#rightControl {top: 152px; right: 25px; background: transparent url('images/control_right.png') no-repeat 0 0; z-index: 10; }

/** Recherche **/
#recherche {background-color: #FFF; padding: 10px 0; width: 1000px; margin: 0px; }
.post-recherche {width: 664px; padding-left: 332px; margin-top: -40px; }
.rechpost {background-color: #EEE; padding: 10px; margin: 10px !important; }
.rechpost h2, .rechpost a {display: inline; padding: 0px; margin: 0px; }
.rechpost .entry {margin: 0px 0px 0px 70px; padding: 0px; }
.rechpost .entry p {display: inline; }
.rechpost p.recherchedate {color: #B00C0C; font-weight: bold; }
.rechpost h2 a {font-size: 1.2em !important; }
.rechpost .imgUne {float: left; border: 0px; background-color: transparent; }
.sb-rech {width: 312px; float: left; min-height: 100%; padding: 10px; }
h1.titre-rech {margin-left: 10px; font-size: 1.8em; }

/** Archive **/
#archive {background-color: #FFF; padding: 10px 0; width: 1000px; margin-top: 0px; margin-left: 0px; }
.post-archive {width: 664px; padding-left: 332px; }
.archpost {background-color: #EEE; padding: 10px; margin: 10px !important; }
.archpost h2, .archpost a {display: inline; padding: 0px; margin: 0px; }
.archpost .entry {margin: 0px 0px 0px 70px; padding: 0px; }
.archpost .entry p {display: inline; }
.archpost p.archivedate {color: #B00C0C; font-weight: bold; }
.archpost h2 a {font-size: 1.2em !important; }
.archpost .imgUne {float: left; border: 0px; background-color: transparent; }
.sb-arch {width: 312px; float: left; min-height: 100%; padding: 10px; }
h2.postcat-title {background-color: #B00C0C; color: #FFF; font-family: "Droid Serif", Times, serif; display: inline; padding: 3px; font-size: 1.2em; }
.catdescr {color: #000; padding: 10px; width: 302px; font-size: 1em; }
.sb-arch .sb-dernieres {margin-top: 20px; }
.sb-arch .sb-dernieres p, .sb-arch .sb-dernieres a {display: inline; font-size: .8em; font-weight: normal; font-family: "Droid Sans", Arial, sans-serif; color: #333; }
.sb-arch .sb-dernieres p {color: #B00C0C; font-weight: bold; }
.sb-arch .sb-dernieres div {margin: 10px 0px; display: block; }
.sb-arch .sb-dernieres h2, .sb-arch .sb-dernieres h2 a {margin-top: 20px; margin-bottom: 10px; background-color: #B00C0C; color: #FFF; padding: 3px; display: inline; }
.sb-arch hr {margin: 20px 0px; }
.sb-links h2 {background-color: #B00C0C; color: #FFF; padding: 3px; font-weight: normal; display: inline; font-size: .8em; }

/** Article **/
#article {width: 1000px; background-color: #FFF; }
#article #post-article {width: 644px; float: right; margin-right: 10px; }
#article .article-cat {margin-bottom: 10px; }
#article .article-cat ul {display: table; margin: 0px; }
#article .article-cat li {display: table-cell; }
#article .article-cat li.postcat {padding: 3px; background-color: #B00C0C; color: #FFF; font-family: "Droid Sans", Arial, sans-serif; }
#article .postart {display: block; }
h1.article-titre, h1.article-date {display: inline !important; font-family: "Droid Sans", Arial, sans-serif; font-size: 2.8em !important; line-height: 1.2em; font-weight: normal !important; }
.article-date {color: #B00C0C !important; }
#article .art-auteur {font-size: 1.2em; font-family: "Droid Sans", Arial, sans-serif; margin-bottom: 10px; margin-top: 10px; }
#article .art-auteur p {display: inline; font-size: 1em; font-weight: normal; }
#article .art-auteur p.trad {text-align: right; }
#article hr {margin: 0px; clear: both; display: block; }
#article .art-social {padding: 10px 0px 0px 0px; width: 644px !important; }
/*#article .art-social a, .art-social iframe, .art-social div, .art-social script, .art-social fb, .art-social g {float: left; vertical-align: top; }*/
#article .art-social a, .art-social iframe, .art-social div, .art-social script, .art-social fb, .art-social g {display: inline; width: 25%; }
#article .art-chapo {background-color: #CCC; width: 302px !important; padding: 10px; }
#article .art-exergue {background-color: #B00C0C; color: #FFF; font-family: "Droid Sans", Arial, sans-serif; font-size: 1em; line-height: 1.4em; text-align: right; padding: 10px; margin: 10px 0px; width: 302px; }
#article p a {text-decoration: underline; }
#sb-art {float: left; display: block; margin: 10px; }
#sb-art img {margin-top: 10px; }
#sb-art .art-tags {font-size: .7em; width: 302px; padding: 0px 5px; }
#sb-art .art-tags a {font-weight: normal !important; }
#sb-art hr {margin: 10px 0px; display: block; }
#article .entry, #article .article-cat, #article h1, #article .art-auteur {display: block; }
ul.post-meta {margin: 10px 0px 0px 0px !important; font-size: 18px; display: inline; }
ul.post-meta li {list-style: none inside none !important; margin: 0px !important; display: inline; }
.post-meta-key {display: none; }
.comment-invite {background-color: #CCC; margin: 0px !important; padding: 0px; }

/** Page **/
#page {background-color: #FFF; padding: 10px; overflow: auto; position: relative; }
#page p a {text-decoration: underline; }
.qsn-quisommesnous {width: 48%; }
.qsn-contact {width: 48%; position: absolute; top: 9px; left: 50%; }
.qsn-plan {clear: both; float: none; width: 100%; margin-top: 20px; overflow: auto; }
ul.plandusite {display: table; width: 99%; }
ul.plandusite li {display: table-cell; text-align: center; }

/** Page 404 **/
.p404 {background-color: #FFF; padding: 10px; }

/** Footer **/
#footer {clear: both; font-size: 0.8em; line-height: 1.4em; margin-bottom: 20px; padding: 10px 10px 10px 220px; background: #000 url('images/logo-footer.png') no-repeat left center; color: #FFF; }
#footer a {color: #FFF; text-decoration: none; vertical-align: middle; font-family: "Droid Sans", Arial, sans-serif; font-weight: normal; }
#footer ul {vertical-align: middle; padding: 0; display: table; }
#footer li {display: table-cell; vertical-align: middle; padding: 0 10px; }
/** end Layout Styles **/


/** Post **/
.post {font-size: 0.8em; line-height: 1.6em; margin: 0px; text-align: left; }
.post>h2>a {font-size: 1.6em; line-height: 1em; }
.post>h2 {}
p.postdate {display: inline; font-family: "Droid Sans", Arial, sans-serif; color: #FFF; background-color: #000; padding: 5px; }
p.postcat {display: inline; font-family: "Droid Sans", Arial, sans-serif; color: #FFF; background-color: #B00C0C; padding: 5px; }
.post h1 {color: #666; text-decoration: none; font-size: 1.6em; font-weight: bold; margin-bottom: 15px; }
.post>h1>a, .post>h2>a {color: #666; text-decoration: none; }
.post>h2>a:hover {color: #000; }
.post h2 {margin-top: 10px; font-size: 1.4em; }
.post h3 {font-size: 1.2em; }
.post p {margin: 1.0em 0; }
a.more-link {float: right; }
.entry {overflow: hidden; }
.post ol li {margin-left: 40px; list-style: decimal outside; }
.post ul, .post ol {margin: 10px; }
.post ul ul, .post ul ul ul, .post ul ul ul ul, .post ol ol, .post ol ol ol, .post ol ol ol ol {margin: 0 10px; }
.post ul li {margin-left: 40px; list-style: disc outside; }
.post blockquote {border: 1px solid #ccc; margin: 10px; padding: 5px; }
.post cite {text-align: right; margin-right: 10px; margin-bottom: 10px; display: block; }
.post img {margin: 10px; padding: 2px; background: #fff; border: 1px solid #666; }
.post img.wp-smiley {margin: 0; padding: 0; border: 0; }
.postmetadata {clear: both; text-align: right; font-size: 0.9em; }
.blog .sticky {border: 1px solid #666; background: #eee; padding: 5px; margin-bottom: 40px; }
.blog .sticky hr {display: none; }
.navigation {padding: 20px; font-size: 0.8em; /*overflow: auto; */ clear: right; }
table caption {font-weight: bold; border-bottom: 1px solid #eee; }
table th {text-align: left; font-size: 1.2em; padding: 5px; }
table td {padding: 5px; }
table tr {border-bottom: 1px solid #eee; }
/** end Post Styles **/

/** Sidebar **/
.widget {font-size: 0.8em; padding: 5px; margin: 5px 10px 15px 0; line-height: 1.3em; }
.widgettitle {font-size: 1.3em; margin-bottom: 5px; }
/** end Sidebar Styles **/

/** Links **/
.post ul li.linkcat {list-style: none; }
.post ul li ul li {list-style: circle; line-height: 1.6em; }
/** end Link Styles **/

/** Gallery **/
.gallery {margin: auto; }
.gallery .gallery-item {float: left; margin-top: 10px; text-align: center; width: 33%; }
.gallery img {border: 1px solid #cfcfcf; }
.gallery .gallery-caption {margin-left: 0; }
/** end Gallery Styles **/

/** Comment **/
.thread-alt {background-color: #f8f8f8; }
.thread-even {background-color: white; }
.depth-1 {border: 1px solid #ddd; }
.even, .alt {border-left: 1px solid #ddd; }
#comments-area {background-color: #CCC; font-family: "Droid Sans", Arial, sans-serif; padding: 20px 10px 10px 10px; }
#comments-area cite {text-align: left; display: inline; margin: 0; }
.commentlist li ul li {font-size: 1em; }
.commentlist li {font-weight: bold; }
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; }
.commentlist p {font-weight: normal; line-height: 1.3em; text-transform: none; }
.commentmetadata {font-weight: normal; }
h3.comments, #respond h3 {padding: 10px 0; }
#commentform {margin: 5px 20px 10px 0; }
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea {width: 616px; padding: 2px; }
#respond {width: 664px; }
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit {margin: 0 20px 5px auto; float: right; }
.alt {margin: 0; padding: 10px; }
.commentlist {padding: 0; text-align: justify; }
.post .commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li {margin-right: -5px; margin-left: 10px; }
.commentlist p {margin: 10px 5px 10px 0; }
.children {padding: 0; }
#commentform p {margin: 5px 0; }
.nocomments {text-align: center; margin: 0; padding: 0; }
.commentmetadata {margin: 0; display: block; }
/** end Comment Styles **/

/** Caption **/
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; }
.wp-caption img {margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/** End Caption Styles **/

/** Miscellaneous **/
.breadcrumbs {text-align: right; font-size: 0.8em; }
hr {border: 0; background: #666; height: 1px; margin: 40px 0; }
small {font-size: 0.8em; }
big {font-size: 1.2em; }
abbr, acronym, .help {border-bottom: 1px dotted #333; cursor: help; }
.clear {clear: both; }
.aligncenter, img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
img.alignright {padding: 4px; margin: 0 0 2px 10px; display: inline; }
img.alignleft {padding: 4px; margin: 0 10px 2px 0; display: inline; }
.alignright {float: right; }
.alignleft {float: left; }
.txtaligncenter, .center {text-align: center; }
/* Sets the Visual editor background to white */
body.mceContentBody {background: #FFF url() !important; }
/** end Miscellaneous Styles **/