@charset "utf-8";

/* définition du background */
body {
	margin:0;
	padding:0;
	background-color: #586266;	
	font: 10pt/16pt Tahoma, Verdana, Arial, sans-serif; 
	width:100%;
}

/* définition du bandeau titre et du bandeau orange */
#bandeau-titre{
	margin:0;
}

#bandeau-titre h1 {
	width:100%;
	height:119px;
	background:#323b3e url('/design/standard/motif-bandeau.png') top left repeat;
	margin:0;
}

#bandeau-titre h1 a {
	height:119px;
	width:606px;
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:url('/design/standard/titre.png') top left no-repeat ;
}

#bandeau-titre span {
	display:none;
}

#bandeau-titre h2{
	position:absolute;
	display:block;
	top:102px;
	width:100%;
	height:17px;
	margin:0;
	background: url('/design/standard/mon-blog.png') no-repeat 94% 0%;
}

#bandeau-titre h2 span {
	display:none;
}

/* définition de la page (corps + menu) */

#page {
	margin:0 5% 0 5%;
	padding:0;
	border-style:solid;
	border-width: 0 2px 0 2px;
	border-color:#323b3e;
	background:#f6f2ee url('/design/standard/fond-menu.jpg') repeat-y top right;
}

input, textarea, select {
	background-color:#eaeaea;
	border:1px solid #8e9394;
	font-family:Tahoma, Verdana, Arial, sans-serif; 
	font-size:10pt;
	overflow:auto;
}

input:hover, textarea:hover, select:hover {
	border:1px solid #e07f29;
}

input:focus, textarea:focus, select:focus {
	border:1px solid #e07f29;
}


#spacer {
	clear:both;
	visibility:hidden;
	height:0;
}

/* définition du menu */
#menu {
	float:right;
	display:block;
	margin:0;
	width:190px;
	line-height:1.5em;
	font-size:10pt;
	color:#f6f2ee;
	background-color:#e09049;
	height:auto;
	padding:0;
}

#menu hr {
	display:none;
}

#q {
	background:#eaeaea url('/design/standard/recherche.png') top left no-repeat;
	padding-left:17px;
	width:auto;
}


#menu_recherche{
	background:#f6f2ee;
	padding:10px 0 10px 0;
	color:black;
	line-height:1em;
}

#menu_recherche form{
	margin:0;
	
}

#menu_recherche input{
	font-size:8pt;
}

#menu_recherche span{
	font-weight:bold;
	color:#929292;
}

#menu h2 {
	font-size:12pt;
	padding:5px 0 5px 7px;
	margin:0;
	font-family:Arial, Tahoma, Verdana, sans-serif; 
	border-top:solid 2px #f6f2ee;
	border-bottom:solid 2px #f6f2ee;
	border-right:solid 2px #586266;
	background:#586266;
}

#menu_twitterfeed { 
	border-top:solid 2px #f6f2ee;
	border-bottom:solid 2px #f6f2ee;
	border-right:solid 2px #586266;
	background:#586266;
}

#menu_twitterfeed_btn {
  margin-left:10px;
}

#menu ul{
	padding:5px 0.7em 5px 0.8em;
	margin:0;
	/*background: url('/design/standard/fond_menu.png') top left repeat-x;*/
}


#menu ul span {
	font-size:8pt;
}


#menu a:active, #menu a:visited, #menu a:link {
	color:white;
	text-decoration:none;
	
}

#menu a:hover, #menu li:hover {
	color:#323b3e;
}

/* définition du corps */

#corps {
	display:block;
	margin:0;
	padding:15px;
	margin-right:190px;
	text-align:justify;
}

#corps h2 {
	font-family:Georgia, serif;
	font-size:16pt;
	color:#000;
	margin-bottom:0px;
	font-variant:small-caps;
}

#corps h2:first-letter{
	font-size:24pt;
	color:#586266;
}

#corps .chapeau {
	padding:0 5px 0 5px;
	line-height:1em;
	color:#929292;
	text-align:right;
}

#corps .description{
	font-family:Georgia,serif;;
	font-style:italic;
	font-size:11pt;
	margin:0 0 0 0;
	color:#929292;
	border-bottom:solid 1px #000;	
}

#corps ul .description
{
	border-bottom:none;
	margin:0;
	padding:0;
	font-size:10pt;
}

#corps .pdf {
  font-size:8pt;
}

#corps .icone a img {
	border:0;
}

#corps .icone a img:hover {
	border:0;
}

#corps img, #corps object {
	background-color:white;
	border:solid #000 1px;
	margin:0px 10px 0px 10px;
	vertical-align:middle;
	padding:5px;
	float:left;
}

#corps .right {
	float:right;
}

#corps object {
	border:0;
}


#corps .image_centre {
	text-align:center;
}

#corps .image_centre img, #corps .image_centre object{
	float:none;
}

#corps .smiley {
	margin:0;
	padding:0;
	border:0;
	background:none;
	float:none;
	vertical-align:middle;
}

#liste_articles{
	border-top:1px solid #000;
	padding-top:2em;
}


.article {
	clear:left;
	padding-top:10px;
}

#corps .contenu_article {
	padding-left:5%;
	padding-right:5%;
	line-height:1.3em;
	padding-top:20px;
}

#corps h3 {
	font-family:Georgia,serif;
	color:#586266;
	clear:left;
	font-size:16pt;
	font-style:italic;
	padding-bottom:0.2em;
	margin:1.5em 0em;
	border:0;
	border-bottom: 1px #586266 solid;
}

#corps h4 {
	font-family:Georgia,serif;
	font-variant:small-caps;
	color:#586266;
	clear:left;
	margin:1em 0em;
	font-size:13pt;
	font-style:italic;
	border:0;
	border-bottom: 1px #586266 solid;
}

#corps h4:before {
	content: "~ ";
}

a:link, a:visited, a:active {
	text-decoration:none;
	color:#e07f29;
}

a:hover {
	text-decoration:underline;
	color:#323b3e;
}

/* mettre le suffixe pour tous les liens dont hreflang est précisé. */
a[hreflang]:after {
	content: " [" attr(hreflang) "]";
	font-size:8pt;
}

/* images cliquables en hover */
#corps a img {
	border:solid #e07f29 1px;
}

#corps a img:hover {
	border:solid #323b3e 1px;
}

/* Hyperliens spéciaux */
.link_file{
	padding-right:15px;
	background:url('/design/standard/link_file.png') center right no-repeat;
}

.link_image{
	padding-right:15px;
	background:url('/design/standard/link_image.png') center right no-repeat;
}

.link_pdf:after{
	content: " [PDF]";
	font-size:7pt;
}

#corps ul{
	list-style:url('/design/standard/puce_article.png');
	list-style-position:inside;
	
}

#corps ul li {
	margin-left:1em;
	padding-bottom:1em;
}

.nb_commentaires {
	clear:left;
	padding-left:25px;
	background:url('/design/standard/nb_commentaires.png') center left no-repeat;
	margin-left:7%;
}


/* mise en forme des quotes, du code etc... */
#corps pre, #corps blockquote {
	display:block;
	padding-left:2%;
	padding-right:2%;
	border:1px solid #8e9394;
	overflow:auto;
	color:#323b3e;
}

.code {
	background:#eaeaea url('/design/standard/code.png') top left no-repeat;
	font-size:10pt;
	line-height:0.75em;
	font-family:courier, sans-serif;
	padding-top:0.5em;
}

.quote {
	background:#eaeaea url('/design/standard/quote.png') top left no-repeat;
	font-style:italic;
	font-family:Georgia,serif;	
	line-height:1.5em;
}

.edit {
	color:#929292;
}

.edit:before {
	content: "[edit] ";
}


/* tout ce qui est commentaires */

#commentaires li, #reagir{
	display:block;
	padding-left:2%;
	padding-right:2%;
	margin:15px;
	border:1px solid #8e9394;
	color:#323b3e;
	width:75%;
	line-height:1.25em;
}

#commentaires li{
	background:#eaeaea url('/design/standard/commentaire.png') top left no-repeat;
	list-style-type:none;
	list-style-image:none;
	overflow:hidden;
}

.commentaire_entete{
	padding-left:30px;
	border-bottom:1px dotted #929292;
	color:#323b3e;
	margin-bottom:10px;

}

.commentaire_contenu{
	padding-bottom:5px;
}

#reagir {
	padding-bottom:5px;
	width:80%;
}

#reagir p {
	line-height:1.75em;
	margin:0;
}

#reagir p span {
	font-size:8pt;
}

#reagir #email, #reagir #site {
	width:250px;
}

#reagir #message{
	width:65%;
	height:200px;
}

#liste_smileys {
	width: 65%;
	line-height:0;
	margin:0;
	padding:0;
}

#liste_smileys li {
	list-style: none;
	display: inline;
	margin:-1em;

}

#liste_smileys li :hover {
	background-color:#e07f29;
}

#post_article #contenu{
	width:700px;
	height:500px;
}

.erreur_comm{
	padding-left:20px;
	color:red;
}

/* définition du bandeau bas de la page */
#bandeau_bas {
	border-top: solid 2px #e07f29;
	border-bottom: solid 2px #e07f29;
	width:100%;
	height:50px;
	background:#323b3e url('/design/standard/motif-bandeau.png') top left repeat;
	margin:0;	
	padding:0;
	clear:both;
}

#bandeau_bas p {
	font-size:10pt;
	color:#f6f2ee;
	text-align:center;
	line-height:1em;
	margin:5px;
}

#bandeau_bas a:hover {
color:#fff;
text-decoration:underline;
}

#bandeau_bas #benchmark {
	color:#929292;
}

/* erreurs */

#erreur {
	display:block;
	padding:2%;
	margin:5%;
	border:1px solid #fc5351;
	overflow:hidden;
	color:#000;
	background:#ffcfc1 url('/design/standard/erreur.png') top left no-repeat;
	text-align:center;
}

#erreur #libelle_erreur {
	font-weight:bold;
	font-size:16pt;
	color:#fc5351;
}

#alternative {
  font-weight:bold;
  text-align:center;
}

@media screen and (max-width:900px) {

    #page { background : none;}
    #page { background-color : #F6F2EE; border:0; margin:0;}

    #corps {font-size:8pt; padding: 8px; margin:0 }
    #corps h2 {font-size: 12pt;}
    #corps h2:first-letter {font-size: 16pt;}
    #corps .description { font-size: 9pt; }
    #corps p img {max-width:100%; height:auto; }
    #corps .smiley {width:auto; height:auto; }
    #corps object {max-width:100%;}        
    
    #menu { font-size:8pt; float:none; width:100% }
    #menu h2 {font-size:10pt; border-right:none; padding: 2px;}
    #menu {text-align:center;}
    #menu ul li {display: inline-block; padding-left:10px;}
    
    #menu_twitterfeed, #menu_liens {display:none;}
    #q {width:80%;}
    
    
    #bandeau_bas p { font-size:8pt; }

}