/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 05
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */
  
@import url("http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css");

/* Général */

body {
	color: #363B29;
	background: url(images/toile02.jpg) fixed;
	font-size:1em;
	max-width:1200px;
	margin:auto;
}
a, .lien {
	color: #FF6533;
	text-decoration: none;
}
a:hover, a:focus, .lien:hover {
	color: #FF4C00;	
	cursor: pointer;
}
strong {
	color: #FF6533;
	/*color: #A1B55D;*/
}

/* Global */
#global {
	color: #363B29;
	background: #FFF;
}

/* Navigation */
#navigation {
	background: #FFF;
}

/* Contenu principal */
#contenu {
	color: #363B29;
	background: #FFF;
}
#contenu strong {
	color: #181A12;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding:0;
}
#global {
	width: 100%;
	overflow: hidden; 
}

/* En-tête */
#entete {
	padding: 10px 20px 5px 20px;
	margin:10px 0px;
	text-align:center;	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	color:#999; text-align:center; font-size:1.1em; margin:5px auto; /*padding-bottom:5px; border-bottom:solid 2px #793100;*/
	
}

/* Menu de navigation */
#navigation {
	/*width: 300px;*/
	width: 350px;
	float: left;
}
#navigation ul {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
}

/* Contenu */
#contenu {
	/*margin-left: 300px;*/
	margin-left: 350px;
	padding: 10px 25px 10px 10px;
}

#contenu p, #contenu li {
	line-height: 1.5;
}

#divMenu {font-size:11pt;letter-spacing:0; margin: 0px 10px;}
#divMenu2 {display:none; letter-spacing:0; margin: 10px;}
.thumbnail {max-width:120px; height:auto; margin:5px;}
.read_more {text-align:right; font-size:0.8em; font-style:italic; color:maroon; margin:5px; }

#nav_posts {border-radius:5px;width:100%;margin:auto; margin:10px 0px; padding:5px; text-align:center; font-size:16pt; background-color:#F5F5F5;float:left;}
.divNav {display:inline-block; border:solid 1px #999; background:#FFF; padding:0px 10px; font-weight:bold;}
 article {
  margin: 10px;
  overflow:auto;
}
.sticky {box-shadow:1px 1px 5px #E67B06; border-radius:5px; padding:10px; background:#793100; color:#FFF; margin:10px; margin-bottom:0px; display:inline-block;}/*float:left;}*/
.sticky h3 a {color:#FFF;}
.sticky h3 a:hover {color:#DDD;}
#entete img {width:100%; max-width:1200px; margin:auto;}
#breadcrumbs {font-size:0.8em; margin:0px 20px; color:#000;}

h3 a {color:#000;}
h3 a:hover {color:#555;}

#editeur button {border:solid 1px #555;background:#F2F2F2;color:#000; height:30px; padding:0 10px; margin:5px;}
#editeur button:hover {cursor:pointer; background:#FFF; border:solid 1px #000;}
#titre, #inputTitre {font-size:1.2em;}

h2 {margin:0;font-size:28pt;}
.postdate {font-size:0.8em; color:#999; margin:0px; margin-bottom:20px;}
.description {font-size:0.8em;}
.numPage {font-size:0.8em; font-weight:normal;}

#prev_next {height:30px; margin:30px 0px 20px 0px; border-top: solid 1px #E2E2E2; padding-top:20px;}
.prevnext {font-size:0.8em; border: solid 1px #000; color:#FFF; background: #BF7300; border-radius: 5px; padding:5px;}
.prevnext:hover {background: #FFA215;}

.prev {float:left;}
.next {float:right;}

#comments {margin:20px 10px 10px 10px;/*float:left;*/ width:97%;}
.commentDiv {border: solid 1px #000; background: #F2F2F2; border-radius:10px; margin:10px; padding:5px 10px 15px 10px;}
.comment_content {margin-left:80px;}
.comment_gravatar {float:left;}
.comment_gravatar img {margin:10px;}
.comment_author {margin:5px 5px 0px 0px;}
.comment_date {font-style:italic;font-size:0.7em;}
.cmc_comment {background:#FFFFDD;}

@media all and (max-width: 1110px) {
article, .sticky {
    width: 97%;
  }
#navigation {
	display:none;
	width:0px;
  }
#contenu {
	margin-left:0px;
}
#divMenu2 {
	display:block;
  }
}
@media all and (max-width: 800px) {
#top_adDiv, #bottom_adDiv { 
	display:none;
}
}
#pied {
	padding:10px;
	background:#333;
	color:#FFF;
	font-size:0.8em;
	margin-top:10px;
}

#tags {
	margin:30px 0px;
}

.tag {
	border:solid 1px #AAA;
	border-radius:5px;
	display:inline-block;
	background:#F2F2F2;
	padding:2px 5px;
	margin:2px;
	color:#000;
}

.tag:hover {
	background:#E9E9E9;
	cursor:pointer;
}

#liste_tags a
{
	display:inline-block;
	padding:0px;
}
.very_big_tag {
	font-size:1.2em;
}
.big_tag {
	font-size:1em;
}
.medium_tag {
	font-size:0.8em;
}
.small_tag {
	font-size:0.6em;
}
#liste_tags .ct {
	font-size:0.8em;
	color:#666;
}
.widgetDiv>div {
	padding: 10px 5px;
}
.widgetDiv {
	box-shadow:1px 1px 5px #888888;
	background:#F7F7F7;
	border-radius:5px;
	color:#000;
	margin:0px 20px 20px 20px;
	text-align:center;
	clear:both;
}
.widgetContent {
	border-top:solid 1px #AAA;	
}

.widgetHeader {
	background:#EAEAEA;
	margin:0px;
	padding:0px;
	text-align:left;
	text-transform:uppercase;
}

.headerTag {
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 5px 0px;
	text-transform:uppercase;
	font-weight:normal;
}
#last_comments .widgetContent, #popular_posts .widgetContent, #connexion .widgetContent {
	text-align:left;
	padding:0px 10px;
	font-size:0.8em;
	line-height:2em;
}
#last_comments li, #popular_posts li, #connexion li, #connexion_nl li {
	list-style:disc outside none;
}

.ads {
	width:97%;
	margin:10px;
	padding:5px 0 0 0;
	text-align:center;
	display:block;	
}
.long_ads {
	height:100px;
}
.square_ads {
	height:250px;
	margin:0;
	padding:0;
}
.skyscraper_ads {
	height:600px;
	margin:0;
	padding:0;
}
.bottom_ads {
	float:left;
}
.ads img {border:solid 1px #CCC;}
#ad_hide_img  {opacity:0.5;}
#ad_hide_img:hover {opacity:1.0; cursor:pointer;}

.clear {
	height:0;
	clear:both;
}

.table_nl {width:99%;border-collapse:collapse;}
.table_nl th, .table_nl td {padding:5px;border:solid 1px #CCC;}
.table_nl th {background-color:#EEE;color:#666;text-align:right;width:auto;}
input, select, textarea, button, button a {font-size:12pt;color:#666;}
input[type=submit], button {padding:5px; background-color:#EEE; font-size:12pt;}
input[type=submit]:hover, button:hover {cursor:pointer; background-color:#DDD;}
button a:hover {color:#666;}

.widgetContent {font-size:11pt; padding:5px;}
#newsletter_widget td, #connexion_widget td {border:none;}
.widgetDiv input[type=email], .widgetDiv input[type=text] {width:200px;}

.tableau_article, .tableau_bordure {
width:100%;
border: 0 none;
border-collapse:collapse;
}

table.alignleft td {text-align:left;}

.tableau_article td {
border: 0 none;
text-align:center;
}

.tableau_article td a {
border: 0 none;
}

.tableau_bordure td, .tableau_bordure th {
border: solid 1px #000;
font-size: 0.9em;
padding: 5px;
}
.tableau_bordure th {
background-color: #EEE;
}

#contact_form, #comment_form, #comment_reply  {
margin:20px 10px 10px 10px; 
width:97%;
}

#contact_form input[type=text],#comment_form input[type=text], #contact_form input[type=email],#comment_form input[type=email], #comment_form input[type=url], #contact_form textarea,#comment_form textarea, #comment_reply textarea {
width:97%;
margin:0 10px;
}
#contact_form textarea {
height:100px;
font-family:arial,sans-serif;
font-size:12pt;
}
#comment_form textarea, #comment_reply textarea {
height:50px;
font-family:arial,sans-serif;
font-size:12pt;
}
input[type=checkbox] {
box-sizing:border-box; 
-moz-box-sizing:border-box; /* Firefox */ 
width:20px; 
height:20px; 
border:solid 1px #CCC; 
background:#FFF;
}
.list_comments {border-collapse:collapse;}
.list_comments td, .list_comments th {border-bottom:solid 1px #999; padding:5px; text-align:left; vertical-align:top;}
.list_comments td .small {font-size:0.8em;}
.list_comments th {background:#EEE;}
.btnComment, .btnPost {text-align:center; font-size:0.8em; border:solid 1px #000; background:#EEE; border-radius:5px; visibility:hidden; }
.small {font-size:80%;}

/* classes importées de WordPress pour l'alignement d'images et blocs */
.alignnone {
    margin: 5px 20px 20px 0;
	}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
	}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
	}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
	}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
	}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
	}

a img.alignnone {
    margin: 5px 20px 20px 0;
	}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
	}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
	}
article a img:hover {
	border:solid 1px #FF9900;
}
.container { 
  width:100%;
  background-color:#FFF; 
}
.table {
  display: table;
  table-layout:fixed;
  empty-cells:hide;
  border-collapse: separate;
  border-spacing:15px; 
}
.column {
  display: table-cell;
  width:33.33%;
  box-shadow:1px 1px 5px #888888;
	background:#F7F7F7;
	border-radius:5px;
}
.row {
  display: table-row;   
}
.fullwidth-cell {
  display: block;
  border-radius:10px;
}

.msg_info {
  box-shadow:1px 1px 5px #888888;
  background:#FFFFCC;
  border-radius:5px;
  padding:5px;
  font-style:italic;
}

#pas_abonne, #deja_abonne  {
	color: #FF6533;
	text-decoration: none;
}
#pas_abonne:hover, #deja_abonne:hover {
	color: #FF4C00;	
	cursor: pointer;
}

.msg {padding:0 5px; background:#00CC00;}
.msg_red {padding:0 5px; background:#FF6F6F;}