/*************************************/
/*		La Campagne de JDR OneRing							*/
/*		http://laelith.fr/JDR/OneRing				*/
/*************************************/

@font-face { font-family: Berlin; src: url(BRLNSB.TTF);}

/*		Body		*/
body {
	background			:	#f3e9dd;
	--bgcolor    : #fef8f0;     /*		Les cases de textes 		*/
	--bgcolorHi  : #ffffff;     /*		Les cases de textes :hover		*/
}

/* Header du site */
body > header {background: #300;}

body > nav { background-image:linear-gradient(#300, #eedddd); }
body > nav li {background-color: var(--bgcolor); }
body > nav li:hover {background-color: var(--bgcolorHi); }


/*		Titre 		*/

#Titre {	width: 50% ; float:left; padding-top:20px;}
@media screen and (max-width: 800px) {#Titre {	width: 100% ; float:none;}}

#Titre h1 { font-size:230%; }
@media screen and (max-width: 1200px) {#Titre h1 { font-size:180%;}}
@media screen and (max-width: 800px)   {#Titre h1 { font-size:180%;}}

#Titre img { height:180px; }
@media screen and (max-width: 1200px) {#Titre img { height:120px;}}
@media screen and (max-width: 800px)   {#Titre img { height:80px;}}

#Titre span { font-style:bold; font-size:1.6em; float:left; }
.at {height:1em; margin:0px; vertical-align: text-top;}



/*		   Le cartouche en haut  de la pagede garde		*/
#cartouche {
	float:right;
	width: 45% ;
	text-align:left;
	border: 0px solid grey;
	margin:20px ;
}
@media screen and (max-width: 800px) {
#cartouche { 	display:none;  }}

#cartouche img {	float:right;}


/*****  Figures   *******/
article figure {
	float:right;
	margin:0px 0px 0px 10px; 
}
@media screen and (max-width: 1200px) {
	article figure {float:none;}}

article img { margin-left:5px;}
article img.fullimg { margin:0px; width:100%; clear:both;}





/*****  Images   *******/
article img 	{ margin-left:5px;}
.fullimg 		{ margin:auto; width:97%; clear:both;}	
.responsive30 	{ float:right; width:30%;}
.responsive50 	{ float:right; width:49%;}
@media screen and (max-width: 800px) {
	.responsive30, .responsive50 { width:97%; clear:both; margin-bottom:10px;}
	.v { width:50%;}
}

.clear {display:block; clear:both; margin-bottom:10px;} /* A mettre sur une image pour clear */	

.puce  {width:54px;}
@media screen and (max-width: 800px) {.puce  {width:40px;} }







/*    			Un Article						*/

Article {background-color:#fff;}

Article section {
	float:right;
	width:30%;
 color:#559;
	border: 1px solid #cce ;
	background-color:#fff;
 font-size: 80%;
	margin:10px;
	padding:10px;
}

Article section a {
	color:#57c;
	text-decoration:underline;
}
Article section a:hover {
	color:#55f;
}


/*    Les citations en bleu		*/
Article blockquote {
	float:right;
	width:33%;
 color:#559;
	border : 1px solid #cce ;
	background-color:#f9f9ff;
	padding:5px;
	margin:0px 0px 0px 5px;
	font-size:0.9em;
}
Article blockquote span {
font-size:150%;
}

@media screen and (max-width: 12000px) {
		Article blockquote  {font-size:0.8em; }}
@media screen and (max-width: 800px) {
		Article blockquote  {font-size:0.65em; }}

Article q {
	display:block;
	quotes : none;
 color:#039;
	border : 2px solid #039 ;
	padding:3px;
	background-color:#f0f9ff;
}

Article q em {
 color:#039;
}

Article q i {
	font-style:normal;
	font-size:90%;
	color:#000;
}
Article q i em {
 color:#321;
}

Article cite {
	font-weight:600;
 color:#039;
	border : 1px solid #9df ;
	background-color:#f0f9ff;
}
Article strong {
	float:right;
	font-weight:600;
 color:#930;
 font-family: "Merriweather", Georgia, "Times New Roman", serif;
	border : 1px solid #fd9 ;
	background-color:#fff9f0;
}
Article em {
 color:#631;
	font-weight:600;
	font-style: normal;
 font-family: "Merriweather", Georgia, "Times New Roman", serif;
	}

Article c {	
 font-weight:600;
 color:#039;
	border : 1px solid #9df ;
	background-color:#f0f9ff;
}

small {
	color:#666;
}


/*		les lignes de séparations			*/
article hr {
 clear:both;
}



/*		Warning : Article en travau 		*/
article .warning {
	color:#ea7;
	background-color:#ffc;
	margin:0px;
	text-align:center;
	padding:5px;
}
article .warning img {
	margin:0px;
}



/*   L'illustration automatique */
article .illus {
	width:100%;
}

/* Quelques classes utiles en toute circonstances */
.floatright {float:right}





/************************************/
/*    L'edition en frontOffice     */
/************************************/



a.edit {
	float:right;
	margin:5px;
	font-family: Sans-Serif;
	color:#090;
	font-weight:bold;
	/*font-size:6px;*/
}



.order {
	float:left;
}

.order a.edit {
	float:none;
	margin:0px;
}

.info {
	font-familly:Arial; 
	font-size:20px;
	color:grey;
}



.form {
	font-size : 200% ;
}

.form h1{
	margin:0px;
}
.form td:first-child {
	text-align:right;
	font-weight :bold;
	width:150px;
}
.form td{
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:5px;
}

select, input, textarea {
		font-size : 100% ;

}