.alert-error {
   background-color: #e6c0c0;
   color: #c00;
   border-top: 3px solid #DE7A7B;
   border-bottom: 3px solid #DE7A7B;
   font-weight: bold;
   font-size: 2em;
   text-align: center;
   padding: 10px;
   }

.alert-error > a {
   display: none;
   }

.alert-error > h4 {
   display: none;
   }
/* 
---------------------------------------
	Template dsml.datasante.org
	révision 05/02/2020
-----------------------------------------
*/

html {
  height: 101%;
}
* {
    padding: 0;
    margin: 0;
}
img {
  border: none;
  margin: 5px;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
p {
  padding: 5px 0;
}
ul, ol {
  padding: .75em 0 .75em 0;
  margin: 0 0 0 35px;
}
body {
	background: #f3f3f3;
	color: #000000;
	text-align: left;
	line-height: 20px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}
body.contentpane {
	background: #fff;
}
address {
  margin: .75em 0;
  font-style: normal;
}
.invalid {
	border: red;
}
.clr {
	clear : both;
}
.img-menu {
	padding: 0;
  	margin: 0;
}

.img-menu img {
	margin: 0;
	width: 100%;
	height: 16px;
	width: 20px;
}
.img-sponsor {
    height:34px;
}
.img-sponsor img {
	height: 30px!important;
	margin: 4px;
}

#modlgn-username, #modlgn-passwd {
font-size: 18px;
}
/********** liens **********/
a {
	color: #0b49d9;
}
a:hover {
	color: #fc6405;
	text-decoration: underline;
}
a:focus {
    outline: none;
}
ul.menu {
	margin: 0;
	padding: 0;
}
ul.menu li {
    list-style: none;
}
ul.menu li a {
    display:block;
    text-decoration:none
}
ul.actions {
	margin: 0;
}
ul.actions li a {
	text-decoration: none;
}

/*********** Titres *********/
h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
	padding: 3px 0;
	margin: 0;
	margin-bottom: 10px;
	line-height: 1.2;
	font-weight: bold;
	font-style: normal;
}
h1, div.componentheading {
	color: #fc8905;
	text-align: left;
	font-weight: bold;
	font-size: 22px;
}
h2, div.contentheading {
	color: #fc8905;
	font-weight: bold;
	font-size: 18px;
}
h2 a:hover, div.contentheading a:hover {
	color: #036c9e;
}
h3 {
	color: #fc8905;
	font-size: 16px;
}
h4 {
	color: #fc8905;
	font-size: 14px;
}
h5 {
	color: #000000;
	font-size: 16px;
}
h6 {
	font-size: 14px;
}

/*********** colonnes *********/
.column.column1 {
    width: 25%;
}
.column.column2 {
    width: 33.333333333333%;
}
.column.main {
    width: 75%;
}
.column.center {
    width: 66.666666666667%;
}
.noleft .center {
    width: 75%;
}
.noleft .column2 {
    width: 25%;
}
.noleft .main {
    width: 100%;
}
.noright .column.center {
    width: 100%;
}
.flexiblemodule, .column, .logobloc {
    float: left;
}

/****************** Icones imprimer - mail **************/
.print-icon {
	list-style: none;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding-left: 30px;
	background: url(../images/system/printButton.png) left center no-repeat;
}
.email-icon {
	list-style: none;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding-left: 30px;
	background: url(../images/system/emailButton.png) left center no-repeat;
}
.edit-icon {
	list-style: none;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(../images/system/edit.png) left center no-repeat;
}
/*******************************************/
/* ---------------------------------------
	Custom styling
-----------------------------------------*/
.container, .container-fluid {
	margin: 0 auto;
}
.container {
	width: 1000px;
}
.container-fluid {
	max-width: 1000px;
}

/******************  Boutons *************/
.button, button, button.btn, input.btn {
	background: #EFEFEF;
	border: 1px solid #cdcdcd;
	-moz-border-radius: 5px;/*Firefox*/
	-webkit-border-radius: 5px;/*Safari, Chrome*/
	border-radius: 5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#bfbfbf)";/*IE 8*/
	-moz-box-shadow: 1px 1px 2px #bfbfbf;/*FF 3.5+*/
	-webkit-box-shadow: 1px 1px 2px #bfbfbf;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 1px 1px 2px #bfbfbf;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#bfbfbf); /*IE 5.5-7*/
	color: #00448F;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	margin: 5px 0;
}
.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {
	color: #036c9e;
	color:#D95D3B;
	border: 1px solid #EFEFEF;
	background: #cdcdcd;
}
/********** lire la suite ************/
.readmore a {
	text-align: left;	
	font-family: tahoma;
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;	
	text-decoration:underline;
	padding: 10px 0px 0px 0px;
	display:inline-block;
	margin: 0;
	margin-top:5px;	
	text-indent: 30px;
	color: #036c9e;
	background: url(../images/lien-suite.png) no-repeat;
}
.readmore a:hover {
	color: #FC8905;
	background: url(../images/lien-suite-hover.png) no-repeat;
}
/********************************************/
      
/*********** champs formulaires ************/			
label { 
	margin-right: 5px;
}
legend { 
	margin: 5px 0 20px 0;
	padding: 0;
	font-weight: bold;
	font-size: 18px;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input, button, select {
	vertical-align: middle;
}
textarea {
	width: 95%
}
input.inputbox, 
.registration input, 
.login input, 
.contact input, 
.contact textarea,
textarea, input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
    border: none;
	border: #B7B7B7 1px solid;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	color: #000000;
	margin-right: 5px;
	padding: 4px;
	text-align: left;
}
input:focus, 
input.inputbox:focus, 
.registration input:focus, 
.login input:focus, 
.contact input:focus, 
.contact textarea:focus,
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
	border: #3e79ff 1px solid;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color=#2a83fc)";/*IE 8*/
	-moz-box-shadow: inset 0px 0px 2px #2a83fc;/*FF 3.5+*/
	-webkit-box-shadow: inset 0px 0px 2px #2a83fc;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: inset 0px 0px 2px #2a83fc;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color=#2a83fc); /*IE 5.5-7*/
}

/*********** articles info ***************/
.article-info {
	margin:10px 10px;
	font-size:0.9em;
	font-style: italic;
}
.article-info-term {
	display:none;
}
dt.category-name,
dt.create,
dt.modified,
dt.createdby {
	float:left;
	padding-right:5px;
}
.archive .article-info dd,
.article-info dd {
	margin:2px 0 0px 0;
	line-height:1.2em;
}
dd.createdby {

}
.article-info dd span {
    /*text-transform:none;
    display:inline-block;
    padding:0 5px 0 0px;
    margin:0 10px 0 0px;*/
}

/********************** Tables ********************/
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
	background-color: #e8e8e8;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
table {
  width: 100%;
  margin-bottom: 20px;
}
table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table th {
  font-weight: bold;
}
table th a:link {
  text-decoration: none;
}
table thead th {
  vertical-align: bottom;
  text-transform: uppercase;
  border: 1px solid #cdcdcd;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
}
table tbody + tbody {
  border-top: 1px solid #dddddd;
}
table table {
  background-color: #ffffff;
}


#bloc-entete  {	
}
#wrapper > div.inner {
	#background: #000000;
	color: #000000;
	margin-bottom: 40px;
	padding: 5px;
	text-align: left;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
.clearfix:after {
    content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.clearfix {
	zoom: 1;
}

/*************** bandeau MENU ****************/
#nav > div.inner {
	border-bottom: #cdcdcd 1px solid;
	border-top: #cdcdcd 1px solid;
	background: #FFE1DB;
	color: #0060A3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#333333)";/*IE 8*/
	text-shadow: 1px 1px 1px #333333;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#333333); /*IE 5.5-7*/}
#nav ul.menu {
	margin: 0;
	padding: 0;
	display: inline-block;
}
#nav ul.menu li  {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style:none;
}
#nav ul.menu > li > a, #nav ul.menu > li > span.separator {
    display:block;
	border-right: #bdbdbd 1px solid;
	color: #0060A3;
	margin: 0px;
	padding: 4px 10px;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: tahoma, sans-serif;
	border-top: 2px solid #FFE1DB;
	border-bottom: 2px solid #FFE1DB;
}
#nav ul.menu > li:hover > a, #nav ul.menu > li:hover > span.separator {
	color: #D65033;
	border-top: 2px solid #D65033;
	border-bottom: 2px solid #D65033;
}
#nav ul.menu > li.active > a, #nav ul.menu > li.active > span.separator {
	background: #d95d3b;
	border-top: 2px solid #D65033;
	border-bottom: 2px solid #D65033;
	color: #ffffff;
}
#nav ul.menu li li a, #nav ul.menu li li span.separator {
    display:block;
	border-top: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	color: #555555;
	padding: 6px;
}
#nav ul.menu li li:hover > a, #nav ul.menu li li:hover span.separator {
	background: #f7f7f7;
	border-top: #e8e8e8 1px solid;
	border-bottom: #ededed 1px solid;
	color: #252525;
}
#nav ul.menu li li.active > a, #nav ul.menu li li.active span.separator {
}
/***********zone principale*************/
#maintop > div.inner {
	background: #ffffff;
	color: #000000;
	#margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px;
}
#maintop div.moduletable h3, #maintop div.module h3,
#maintop div.moduletable_menu h3, #maintop div.module_menu h3 {
	color: #2f2f2f;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-weight: normal;
	letter-spacing: -0.5px;
	font-size: 18px;
}
#maincontent > div.inner {
	margin-top: 5px;  
}

#article > div.inner {
	background: #ffffff;
	padding: 5px;
}

#mainbottom > div.inner {
	border-top: #e7e7e7 1px solid;
	margin-top: 10px;
	padding: 10px;
}

/*  compteur et navigation pages */
.pagination {
	margin-bottom: 10px;
}
.pagenavcounter{
	font-weight:bold;
}
.counter {
	text-align: right;
	font-style: italic;
	margin-bottom: 10px;
}
ul.pagenav, .pagination ul {
	list-style-type:none;
	padding:5px 0px ;
	margin: 0px 0px 0px 3px;
}
ul.pagenav li, .pagination ul li {
	display:inline-block;
	padding:0px;
	margin:0;
	/*line-height:2em*/
}
ul.pagenav li a, .pagination ul li a {
	display:inline;
	/*padding:2px;*/
	text-decoration:none
}
ul.pagenav li.pagenav-prev, .pagination ul li.pagination-prev, .pagination ul li.pagination-start {
	float:left
}
ul.pagenav li.pagenav-next, .pagination ul li.pagination-next, .pagination ul li.pagination-end {
}
.pagination ul li.pagination-prev, .pagination ul li.pagination-start,
.pagination ul li.pagination-next, .pagination ul li.pagination-end {
	/*margin: 0 3px;*/
}
.pagenav {
	float: left;
	padding : 5px 15px;
	margin: 4px;
	background: #F7F7F7;
	border: 1px solid #cecece;
	-moz-border-radius: 3px;/*Firefox*/
	-webkit-border-radius: 3px;/*Safari, Chrome*/
	border-radius: 3px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=117, Color=#adacac)";/*IE 8*/
	-moz-box-shadow: 2px 1px 2px #adacac;/*FF 3.5+*/
	-webkit-box-shadow: 2px 1px 2px #adacac;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 2px 1px 2px #adacac;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=117, Color=#adacac); /*IE 5.5-7*/
}
/********************************************/

/* ---------------------------------------
	module de connexion
-----------------------------------------*/
.moduletableacces-ds  #login-form {
	margin: 250px auto 150px auto;
	text-align: center;
}
.moduletableacces-ds #form-login-remember,
.moduletableacces-ds #login-form ul,
.moduletableacces-ds #login-form label {
	display: none;
}
.moduletableacces-ds #form-login-username,
.moduletableacces-ds #form-login-password {
	margin-bottom: 20px;
}
.moduletableacces-ds #form-login-username input,
.moduletableacces-ds #form-login-password input {
	width: 180px;
}
.moduletableacces-ds #form-login-submit button {
	width: 180px;
	text-align: center;
	font-size: 18px;
}

/* ---------------------------------------
	Gestion responsive
-----------------------------------------*/

@media screen and (min-width: 1024px) {
	.hidemobile5 {
		display: none !important;
	}
	#bloc-entete {
		display: inherit;
	}
	#nav {
		display: inherit;
	}
	#maintop {
		display: inherit;
	}
	#mainbottom {
		display: inherit;
	}
}

@media screen and (max-width: 1024px) {
	img {
		max-width: 100% !important;
        height: auto !important;
	}
	.container {
		width: 950px !important;
	}
	.hidemobile4 {
		display: none !important;
	}
	#bloc-entete {
		display: inherit;
	}
	#nav {
		display: inherit;
	}
	#maintop {
		display: inherit;
	}
	#mainbottom {
		display: inherit;
	}
}

@media screen and (max-width: 950px) {
	.container {
		width: 758px !important;
	}
	.hidemobile3 {
		display: none !important;
	}
	#bloc-entete {
		display: inherit;
	}
	#nav {
		display: inherit;
	}
	#maintop {
		display: inherit;
	}
	#mainbottom {
		display: inherit;
	}
}

@media screen and (max-width: 758px) {
	.container {
		width: 524px !important;
	}
	.hidemobile2 {
		display: none !important;
	}
	#bloc-entete {
		height: auto !important;
	}
	#bloc-entete .logobloc {
		float :none !important;
		width: auto !important;
	}
	#bloc-entete img {
		display :block !important;
		margin: 0 auto !important;
	}
	#nav {
		height: auto !important;
	}
	#nav ul {
		height: auto !important;
	}
	#nav li {
		float :none !important;
	}
	#nav div.floatck {
		width: 100% !important;
	}
	#maintop {
		height: auto !important;
	}
	#maintop .logobloc {
		float :none !important;
		width: auto !important;
	}
	#maincontent .column {
		width: 100% !important;
		clear:both;
		float:left
	}
	#maincontent .column1 div.inner, #maincontent .column2 div.inner {
		/*overflow:hidden;*/
	}
	#maincontent .column div.inner {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.items-row .item, .column {
		width: auto !important;
		float: none;
		margin: 0 !important;
	}
	.column div.moduletable, .column div.moduletable_menu {
		float: none;
		width: auto !important;
		/*margin: 0 !important;
		padding: 0 !important;*/
	}
	/** specifique au formulaire de contact **/
	.contact form fieldset dt {
		max-width: 80px;
	}
	.contact input, .contact textarea {
		max-width: 160px;
	}
	#mainbottom {
		height: auto !important;
	}
	#mainbottom .logobloc {
		float :none !important;
		width: auto !important;
	}
}

@media screen and (max-width: 524px) {
	.container {
		width: 292px !important;
	}
	.hidemobile1 {
		display: none !important;
	}
	#bloc-entete {
		height: auto !important;
	}
	#bloc-entete .logobloc {
		float :none !important;
		width: auto !important;
	}
	#bloc-entete img {
		display :block !important;
		margin: 0 auto !important;
	}
	#nav {
		height: auto !important;
	}
	#nav ul {
		height: auto !important;
	}
	#nav li {
		float :none !important;
	}
	#nav div.floatck {
		width: 100% !important;
	}
	#maintop {
		height: auto !important;
	}
	#maintop .logobloc {
		float :none !important;
		width: auto !important;
	}
	#maincontent .column {
		width: 100% !important;
		clear:both;
		float:left
	}
	#maincontent .column1 div.inner, #maincontent .column2 div.inner {
		/*overflow:hidden;*/
	}
	#maincontent .column div.inner {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.items-row .item, .column {
		width: auto !important;
		float: none;
		margin: 0 !important;
	}
	.column div.moduletable, .column div.moduletable_menu {
		float: none;
		width: auto !important;
		/*margin: 0 !important;
		padding: 0 !important;*/
	}
	/** specifique au formulaire de contact **/
	.contact form fieldset dt {
		max-width: 80px;
	}
	.contact input, .contact textarea {
		max-width: 160px;
	}
	#mainbottom {
		height: auto !important;
	}
	#mainbottom .logobloc {
		float :none !important;
		width: auto !important;
	}
}