/* ---------- Déclarations générales --------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
body.is-loading *, body.is-loading *:before, body.is-loading *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after 
{ -moz-animation: none !important; -webkit-animation: none !important; -ms-animation: none !important; animation: none !important; -moz-transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; transition: none !important; }	


/* -------- Déclarations spécifiques --------- */
@font-face 				{ font-family: 'short'; src: url('../fonts/shortstack-regular.ttf'); }
#contenu_page 			{ max-width:1180px; margin:auto; margin-top:5px; border:3px solid thistle; border-radius:10px; background-color: whitesmoke; box-shadow:1px 1px 10px black;}
@media only screen and (max-width: 1180px)  { #contenu_page { margin:auto; border:none; border-radius:none; box-shadow:none;} }
.fond_noir				{ background-color:black; }
.fond_blanc				{ background-color:white; }
.fond_violet			{ background-color:thistle; }
.fond_degrade_violet	{ background: linear-gradient(to top,thistle 0%,white 100%); }
.fond_degrade_blanc		{ background: linear-gradient(to top, white 0%,thistle 100%); }

.bulle_h2				{ width:55px; height:62px; margin:0px; padding:0px; display: inline-block; float:left; margin-left:10px; border:none; box-shadow:none; background:url(../images/sims-general/bulle_h2.png) no-repeat; background-size:contain;}

.left 					{ display: inline-block; margin-right:20px; float: left; }
.right 					{ display: inline-block; margin-left:20px;  float: right; }
.centre 				{ text-align:center; }
@media only screen and (max-width: 1050px)  { .left	{ float: none; margin-left: 2%; } .right { float: none; margin-left: 2%; } }

.ligne_boutons			{ max-width:180px; padding:0px; text-align:center; padding:0px; margin-top:5px; margin-bottom:5px;  }
.ligne_boutons img		{ max-width:36px; max-height:36px; }

.attention				{ color: red; font-weight:bold; }
.auteur					{ font-size:small; text-align:right; font-style:italic;}
code, .code				{ display:block; text-align:left; line-height:20px; margin-top:3px; margin-bottom:-10px; padding:5px; border:1px solid blue; background-color:#432A4E; color:white; }

.encadrage_avec_ombre 	{ border:1px solid plum; box-shadow:2px 2px 10px plum; vertical-align:bottom; }
.no_shadow			  	{ border:none; box-shadow:none; }
.souligner 				{ border-bottom:1px solid plum; }
.separateur_ligne_simple{ height:1px;  width:75%; margin:auto; margin-top:10px; margin-bottom:15px; border-top:1px solid #C7A4D6; box-shadow: 0px 1px 1px 0px #E8DFEC; }
.separateur_image		{ height:73px; width:75%; margin:auto; margin-top:10px; margin-bottom:15px; background :url(../images/sims-general/sims-separateur-img.gif) no-repeat; }
.img_titre 				{ width:300px; height:40px; background :url(../images/sims-general/sims-menu-titre-02.png) no-repeat;  }

.bloc_300x250 			{ display: inline-block; width:300px; height:250px; margin:0px; margin-left:2px; }
.bloc_300x600 			{ display: inline-block; width:300px; height:600px; margin:0px; margin-left:2px; }
.no_aff_basse_res		{ }
@media only screen and (max-width: 1180px)  { .no_aff_basse_res	{ display: none; } }
.no_aff_haute_res		{display: none;}
@media only screen and (max-width: 1180px)  { .no_aff_haute_res	{display: inline; } }

p.ligne_nav				{ font-size:small; font-weight: bold; padding:0px; line-height:16px; margin-bottom:20px; padding-top:10px; }
p.ligne_nav:before		{ display:block; float:left; font-family:arial; line-height:16px; font-size:40px; content:"\261E"; color: cornflowerblue; padding-left:15px; padding-right:15px; }
@media only screen and (max-width: 850px) 	  	{ .ligne_nav a { font-size:110%; } }

.puce_1							{ padding-left:10px;}
.puce_2							{ padding-left:20px;}
.puce_3							{ padding-left:40px;}
.puce_1:after					{ color:blue; }
.puce_2:after					{ color:purple;}
.puce_3:after					{ color:pink;}
*[class*="puce_"] 				{ display:block; float:left; padding-right:12px; border:0px; font-family:arial; font-size:small; }
*[class*="puce_"]:after 		{ content:"\25BA"; text-shadow:2px 2px 3px cornflowerblue; }


/* ------ Grille des blocks d'affichage ------ */
.block_ligne_complete  		  { max-width:1180px; margin:auto; display:block; overflow:hidden;}
.block_ligne_complete::after  { clear:both; }

.block_col_1  { width: 6.6666666666667%; /*border:1px solid blueviolet;*/   }
.block_col_2  { width: 15%; 			 /*border:1px solid cyan;*/	 }
.block_col_3  { width: 23.333333333333%; /*border:1px solid yellow;*/}
.block_col_4  { width: 31.666666666667%; /*border:1px solid orange;*/}
.block_col_5  { width: 40%; 			 /*border:1px solid blue;*/  }
.block_col_6  { width: 48.333333333333%; /*border:1px solid green;*/ }
.block_col_7  { width: 56.666666666667%; /*border:1px solid gray;*/  }
.block_col_8  { width: 65%; 			 /*border:1px solid purple;*/}
.block_col_9  { width: 73.333333333333%; /*border:1px solid pink;*/  }
.block_col_10 { width: 81.666666666667%; /*border:1px solid darkgoldenrod;*/  }
.block_col_11 { width: 90%; 			 /*border:1px solid indigo;*/}
.block_col_12 { width: 98.333333333333%; /*border:1px solid olive;*/ }

.block_col_3_spe  	{ width: 310px; }
.block_col_9_spe	{ width: 71.0%; }
@media only screen and (max-width: 1179px) 	{ .block_col_4	{ min-width: 260px; } }

*[class*="block_col_"]{
margin-left  : 0.7%;
margin-right : 0.1%;
margin-top   : 5px;
margin-bottom: 5px;
float: left;
display: block;
}
@media only screen and (max-width: 850px) 							{ [class*="block_col_"] { width: 100%; /*border:1px solid blueviolet;*/ } }
@media only screen and (min-width: 1180px) and (max-width: 1300px) 	{ .block_col_9_spe	{ width: 71.0%;	/*border:1px solid orange;*/ } }
@media only screen and (min-width: 1100px) and (max-width: 1179px) 	{ .block_col_9_spe	{ width: 69.0%;	/*border:1px solid blue;*/   } }
@media only screen and (min-width: 1050px) and (max-width: 1100px) 	{ .block_col_9_spe	{ width: 66.4%;	/*border:1px solid green;*/  } }
@media only screen and (min-width: 1000px) and (max-width: 1050px) 	{ .block_col_9_spe	{ width: 65.8%;	/*border:1px solid gray;*/   } }
@media only screen and (min-width: 950px)  and (max-width: 1000px)	{ .block_col_9_spe	{ width: 64.2%; /*border:1px solid purple;*/ } }
@media only screen and (min-width: 900px)  and (max-width: 950px) 	{ .block_col_9_spe	{ width: 62.2%;	/*border:1px solid pink;*/   } }
@media only screen and (min-width: 850px)  and (max-width: 900px)	{ .block_col_9_spe	{ width: 59.9%;	/*border:1px solid darkgoldenrod;*/ } }


/* -------------- Balises vidéo -------------- */
embed { max-width: 100%; max-height: 100%; vertical-align:bottom; }
@media only screen and (min-width: 1195px) and (max-width: 1250px) 	{ embed	{ max-width: 800px; max-height: 450px; } }
@media only screen and (min-width: 1000px) and (max-width: 1194px) 	{ embed	{ max-width: 560px; max-height: 315px; } }
@media only screen and (min-width: 769px)  and (max-width: 999px)   { embed	{ max-width: 355px; max-height: 200px; } }
@media only screen and (min-width: 590px)  and (max-width: 768px)  	{ embed	{ max-width: 560px; max-height: 315px; } }
@media only screen and (max-width: 590px)  							{ embed	{ max-width: 355px; max-height: 200px; } }


/* ------------------- Page ------------------ */
body { color: darkslateblue;  font-family: 'short', 'Comic Sans MS', Verdana, Georgia, 'Trebuchet MS',  Arial, sans-serif;  }
@media only screen and (min-width: 1250px)    	{ body { background :url(../images/sims-general/fond1900.jpg) no-repeat #ebdcf1 fixed; background-size:contain; }  }
@media only screen and (max-width: 850px) 	  	{ body { font-size:115%; line-height: 1.65; } }
@media screen and (max-width: 480px)			{ html, body { min-width: 320px; }  }


/* ------------ Balises de titre ------------- */
h1, h2, h3, h4, h5, h6 	{ color: black; font-style: oblique; text-shadow:3px 3px 4px mediumpurple; font-family: Georgia, serif; line-height: 1.5; }
h1 						{ min-height:60px; font-size:xx-large; text-align:center; }
h2 						{ font-size:x-large; margin-left:7px; margin-right:7px; margin-top:20px; margin-bottom:15px; display: inline-block; text-align:left; max-width:55%; font-style: oblique; font-family: Georgia, Arial, sans-serif; border:1px solid #C9C7C7; border-radius:10px; margin:0px; margin-bottom:10px; padding-top:10px; background-color:white; display:inline-block; padding:5px 20px 5px 20px;  margin-left:-1px; box-shadow: 4px 4px 4px 0px #656565; }
h3						{ font-size:large; margin:0px; padding:0px; margin-top:20px; margin-bottom:5px; margin-left:15px; font-style:italic; text-align:left; }
h4						{ font-size:medium; max-width:300px; height:40px; line-height:38px; margin-top:10px; text-align:center; text-shadow:1px 1px 2px mediumpurple; font-family: Georgia, Verdana, Arial, sans-serif;}
h5						{ font-size:large; text-decoration:underline; margin-top:20px; margin-left:10px;}
h6						{ font-size:medium; text-decoration:underline; margin-left:20px;}



/* ----------- Balises générales ------------- */
a, a:visited			{ color: blue;  font-family: Verdana, Arial, Georgia, sans-serif; }
a:hover 				{ color: green; font-family: Verdana, Arial, Georgia, sans-serif; }
@media only screen and (max-width: 850px) 	  	{ a { font-size:110%; line-height: 1.65; } }

header 					{ border-bottom:1px dotted indigo; background :url(../images/sims-general/sims-banner-004.jpg) no-repeat; background-size: auto;}
img 					{ max-width: 100%; height: auto;}
strong, b				{ font-weight: bold; }
em, i					{ font-style: italic; }
ul						{ margin-left:3px; margin-top:5px; padding-bottom:8px;}
li						{ list-style:none; padding-left:5px; padding-bottom:3px; font-family: Arial, Verdana, sans-serif; line-height:25px;}
li.plus_gros			{ line-height:30px; font-weight:bold;}
ol, ul					{ list-style-position:inside; }
p						{ text-align:justify; margin-top:10px; margin-bottom:10px; padding-left:20px; padding-right:20px; }
@media only screen and (max-width: 768px) 	{ p	{ padding-left:3px; padding-right:15px; } }

nav						{ vertical-align:top; margin-left:10px; margin-top:10px; border-left:1px dotted indigo; font-size:small;  }
@media only screen and (max-width: 768px) 	{ nav { font-size:medium; } }

hr							{ clear:both; height:1px; max-width:70%; margin:auto; margin-top:20px; margin-bottom:20px; border-top:1px solid silver; box-shadow: 0px 1px 1px 0px cornflowerblue; }
footer 						{ padding-top:20px; border-top:1px dotted indigo; background :url(../images/sims-general/sims-bulles-01.jpg); border-top:15px solid #c7eadb;}
footer p					{ font-family:verdana, Arial; font-style:italic; color:#57872F; text-shadow: 1px 1px 0 #DFEFD3; line-height:18px; }
footer b					{ color:#57872F; text-shadow: 1px 1px 0 #DFEFD3; }
footer a, footer a:visited	{ color:#3C5A32; font-style:oblique;}
footer a:hover				{ text-decoration:underline; color:blue;}






/*	-- Section "navigation" spécifique aux différents textes à lire en ligne -- */
.navigation_page					{max-width:85%; min-height:60px; text-align:center; margin:auto; margin-top:15px; margin-bottom:15px; border-top:1px solid #664574; border-bottom:1px solid #664574;font-size:small;}
.navigation_page a 					{display:block; float:left; margin-left:5px; margin-top:9px; text-align:center; padding:8px 15px; background-color:#664574; border:1px solid #606E88; color:white;}
.navigation_page a:hover				{background-color:gray; border:1px solid white; color:black;}
.navigation_page_encours a 			{display:block; float:left; margin-left:5px; text-align:center; padding:8px 15px; background-color:silver; border:1px solid gray; color:white; }
.navigation_page_encours a:visited  	{color:white; }
.navigation_page_encours a:hover		{background-color:gray; border:1px solid white; color:black;}
.navigation_fleches a 				{display:block; float:right; margin-left:5px; text-align:center; padding:8px 15px; border:1px solid #606E88;}
.navigation_fleches a:hover			{background-color:gray; border:1px solid white; color:black;}
/*	------ Formatage des vignettes  ------- */
.vignette_cadre	   		{ max-width:780px; margin:1px; padding:0px;}
.vignette_300x250	   	{ float:left; width:250px; height:250px; margin:4px; padding:0px; border:1px solid #065B83; box-shadow:1px 2px 6px #065B83; }
.vignette_300x250 img	{ width:250px; height:250px; margin:0px; padding:0px;}
.vignette_300x250_titre 	{ display: block; width:250px; height:43px; position: relative; margin:0px; margin-top:-50px; padding:0px; text-align:center; background-color:rgba(56,56,56,0.8); color:white; font-size: small; }
.bouton_88x31	   		{ width:88px; height:31px;  margin:1px; padding:0px; border:none; box-shadow:none;}
/*	------ Formatage des histoires  ------- */
.histoire_bd			{ text-align:center; margin:0px; padding:0px; margin-bottom:30px; }
.histoire_bd p			{ max-width:93%; margin:0px; margin:auto; margin-bottom:15px; padding:10px; text-align:justify; border:1px dotted #834D88; background-color: #ecdbe9;}
.histoire_bd img			{ max-width:95%; margin:0px; padding:0px; margin:auto;}

@media only screen and (min-width: 600px) and (max-width: 699px) 
{
	.navigation_page					{ height:120px;}
}
@media only screen and (min-width: 520px) and (max-width: 599px) 
{
	.navigation_page					{ height:120px;}
}
@media only screen and (min-width: 320px) and (max-width: 519px) 
{
	.navigation_page					{ height:150px;}
}
@media only screen and (max-width: 319px) 
{
	.navigation_page					{ height:150px;}
}