/* cmsms stylesheet: RsR01-General modified: 20/04/2020 17:54:05 */
                                     /* fond fenetre */
                                       /* texte */
                                       /* lien sélectionné */
                                      /* fond bandeau haut */
                                      /* fond bandeau bas */
                                       /* rouge logo */
                                      /* rouge logo clair */
                                      /* rouge logo foncé */
                                       /* gris foncé */
                                       /* gris clair */

                                        /* longeur menuh n2 */
                                     /* decalage menuh n3  et suivant */

body {
	margin: 0;
	padding: 0;
	font-family: 'Cabin', sans-serif;
	color: #d0d0d0;
	background: #151312 url(https://rsr-cargo.com/Habillage/Fond01.jpg) center;
	background-size: cover;
	font-size: 1.1rem;
	line-height: 1.37rem;
}
a {
	color: #d0d0d0;
}
fieldset {
	border-width: 1px;
	border-style: solid;
	border-color: #b6b6b6;
}
.clearb {
	clear: both;
}
/************************************** BANDEAU HAUT *************************************/
.BandeauHaut {
	top: 0;
	position: fixed;
	width: 100%;
	height: 64px;
	background-color: #111111;
	border-bottom: 1px solid #4f4f4f;
	-webkit-box-shadow: 0px 6px 6px rgba(0,0,0,1);
	box-shadow: 0px 6px 6px rgba(0,0,0,0.40);
	z-index: 100;
}
.BandeauHautBlocCentre {
	margin: 0 auto;
	float: left;
	width: calc(100% - (2 * 130px));
	margin-left: 42px;
	text-align: center;
	overflow: hidden;
}
.Slogan {
	padding-top: 4px;
	font-family: 'Caveat', sans-serif;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
	color: #b6b6b6;
}
.Logo {
	width: 56px;
	height: 56px;
	margin: 5px 0 0 32px;
	float: left;
}
.Logo img {
	width: 100%;
	height: auto;
}
.Ogol {
	width: 130px;
	height: 64px;
	float: right;
}
.Lang {
	width: 130px;
	height: 30px;
	text-align: right;
	padding: 4px 2px 2px 2px;
}
.Lang img {
	width: 24px;
	height: auto;
}
.Ident {
	width: 130px;
	text-align: right;
	font-size: 0.8rem;
	line-height: 0.9rem;
}
/************************************ FIN BANDEAU HAUT ***********************************/

/************************************ PAGE ***********************************************/
.Page {
	min-width: 340px;
	width: 90%;
	height: calc(100% - (64px));
	margin: 0 auto;
	padding-top: 86px;
	display:table;
}
.BlocCentre {
	width: 70%;
	margin: 0 auto;
}
.BlocCentre img {
	width: 70%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.MessErreur {
	color: #FF0004;
	font-style: italic;
	font-weight: bold;
	text-align:center;
}
/************************************ FIN PAGE *******************************************/

/************************************ FORMULAIRE *****************************************/
.Formulaire {
	width: 90%;
	margin: 0 auto;
}
.Formulaire input[type="text"], .Formulaire input[type="email"], .Formulaire input[type="password"],  .Formulaire textarea,
.Formulaire input {
	color: #d0d0d0;
	border: 1px solid #b6b6b6;
	background-color: #151312;
	width: 100%;
	margin: 0;
}
.Formulaire button, button {
	background-color: #b42027;
	color: #d0d0d0;
	font-weight: bold;
	border-top: 2px groove #dc6c71;
	border-right: 2px groove #710308;
	border-bottom: 2px groove #710308;
	border-left: 2px groove #dc6c71;
	cursor: pointer;
}
/************************************ FIN FORMULAIRE *************************************/

/************************************ FICHIERS *******************************************/
.ContFich {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.BlocFich {
	width: 200px;
	height: 240px;
	margin: 12px;
	padding : 3px;
	position: relative;
	display: inline-block;
	background-color: rgba(0,0,0,0.44);
	border-radius: 8px;
	border: 1px #4f4f4f solid;
	text-align: center;
	vertical-align: top;
}
.BlocFich hr {
	width: 60%;
	display: block;
	clear: both;
	border: 1px #4f4f4f solid;
}
.EnteteFich {
	width: 100%;
	overflow: hidden;
}
.IconFich {
	width: 40px;
	height: auto;
	float: left;
}
.IconFich img {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.TitreFich {
	float: left;
	text-align: left;
	font-weight: bold;
}
.InfoFich {
	width: 100%;
	color: #b6b6b6;
	text-align: left;
	font-size: 0.8rem;
	line-height: 0.9rem;
}
.SomFich {
	width: 100%;
	text-align: left;
	font-size: 0.9rem;
	line-height: 1.05rem;
}
/************************************ FIN FICHIERS ***************************************/

/************************************ BANDEAU BAS ****************************************/
.BandeauBas {
	width: 100%;
	height: 26px;
	bottom: 0;
	position: fixed;
	padding-top: 4px;
	background-color: #b42027;
	overflow: hidden;
	-webkit-box-shadow: 0px -6px 6px rgba(0,0,0,1);
	box-shadow: 0px -6px 6px rgba(0,0,0,0.40);
	z-index: 90;
	text-align: center;
}
/************************************ FIN BANDEAU BAS ************************************/

/************************************ MENU H *********************************************/
.MenuH {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	font-size: 1rem;
	text-align: center;
	z-index: 1000;
}
#menuwrapper {
	height: auto;
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#menu_vert {
	margin: 0;
	padding: 0;
}
/******************** PREMIER NIVEAU *********************/
ul#primary-nav, ul#primary-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
	padding: 2px 0 0 0;
}
ul#primary-nav ul {
	position: absolute;
	top: auto;
}
ul#primary-nav li {
	float: left;
	text-align: center;
	padding: 0 0 4px;
	background: none;
}
ul#primary-nav li a {
	color: #d0d0d0;
	display: block;
	text-decoration: none;
	margin: 0 8px;
	padding: 0 8px;
}
ul#primary-nav li a:hover {
	color: #ffffff;
}
ul#primary-nav li a.menuactive {
	color: #ffffff;
}
ul#primary-nav li a.menuactive:hover {
	color: #ffffff;
}
/******************** NIVEAU SUIVANT *********************/
ul#primary-nav li ul {
	background: #111111;
	position: absolute;
	width: auto;
	height: auto;
	border-right: 1px solid #4f4f4f;
	border-bottom: 1px solid #4f4f4f;
	border-left: 1px solid #4f4f4f;
	display: none;
	-webkit-box-shadow: 5px 5px 12px rgba(0,0,0,0.36);
	box-shadow: 5px 5px 12px rgba(0,0,0,0.36);
}
#primary-nav li li {
	width: 200px;
	float: none;
	position: relative;
	font-size: 0.8rem;
	padding-bottom: 3px;
}
ul#primary-nav li li a:hover {
	color: #ffffff;
}
#primary-nav li li a.menuparent span {
	display: block;
}
ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 3px 0 0 10px;
	color: #d0d0d0;
}
ul#primary-nav li ul ul {
	margin: -1.2rem 0 0 200px;
}
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/************************************ FIN MENU H *****************************************/
