@import url('https://fonts.googleapis.com/css?family=Merriweather');
 /* 
######################################################
GENERAL TAGS, CONTAINERS & RESETS
######################################################
*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #ebf9ff;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	
}


#loginform {
	width: 550px;
	height: 45px;
}

body, html {
	height: 100%;
}
ul, li, form, label, input, select, textarea, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
hr {
	color: #000000;
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
}

#container {
	max-width: 1240px;
	width:100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height:100%;
	
}
#cc_target {
	
	position:relative;
	height:100%;
	
	}
#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
}
.icobaseline {
	vertical-align: text-bottom;
}

img {
	border: 0px;
}

 a {
	color: #000;
}

/* 
######################################################
Titles
######################################################
*/
.welcome {
    width: 100%;
    text-align: center;
    margin-top: 210px;
    font-size: 32px;
	color: #cbcbd2;
    font-family: "merriweather",Arial,Georgia,"Times New Roman",Times,serif;
}
h2 {
	font-size: 11px;
	-moz-border-radius:5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: normal;
	background-image: url(../data/opa50.png);
}

/* 
######################################################
HEADER BAR 
######################################################
*/
#Header {
	clear: both;
	max-width: 1240px;
	width: 100%;
	position: relative;
	z-index:100000;
}
#Header a:link {
	
	text-decoration: none;
}
#Header a:visited {
	
	text-decoration: none;
}
#Header a:hover {
	
	text-decoration: none;
}


#h_menutopleft {
	position: absolute;
	width: 300px;
	left: 325px;
	top: 0px;
	color: #7D8286;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


.h_editprofile {
	color: #999999;
	font-size: 10px;
}


.h_backlogo {
	position: absolute;
	left: 0;
	top: 15px;
	width: 160px;
	height: 50px;
}
#h_selectapplication {
	display: none;
	position: absolute;
	right: 18px;
	top: 36px;
	padding: 5px;
	width: 141px;
	font-weight: bold;
	-moz-border-radius:3px;
	background-color:#ffffff;
	height: 14px;
	background-repeat: no-repeat;
}
#h_selectapplication  a, #h_adminmenu a {
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #3b3b3b;
}
#h_selectapplication:hover, #h_adminmenu:hover {
	position: absolute;
	padding: 5px;
	width: 141px;
	font-weight: bold;
	height: 14px;
	-moz-border-radius:3px;
	background-color:#dcdcdc;
	background-repeat: no-repeat;
	-moz-box-shadow:inset 0 0 10px #fff1b9;
	-webkit-box-shadow:inset 0 0 10px #fff1b9;
	box-shadow:inset 0 0 10px #fff1b9;

}
#h_adminmenu {
	position: absolute;
	padding: 5px;
	width: 141px;
	font-weight: bold;
	-moz-border-radius:3px;
	background-color:#ffffff;
	height: 14px;
	background-repeat: no-repeat;
}

/* 
######################################################
HEADER LOGIN bar 
######################################################
*/
#Header_maxi {
	width: 100%;
    max-width: 1200px;
}
#loginform {
	background: #00618c;
	height: 45px;
	display: flex;
    align-content: center;
    align-self: center;
    align-items: center;
    justify-content: space-between;
}
#Header_login {
	width: 100%;
    max-width: 500px;
    position: absolute;
	right:164px;
	top: 32px;
	
}
#h_login_icopw_1{
	display: inline-block;
	margin-left: 14px;
}
#h_login_icopw_2{
	display: inline-block;
	margin-left: 4px;
}
.h_gologin {
    right: 10px;
    height: 20px;
    background-image: url(../data/ico_connexion.gif);
    background-repeat: no-repeat;
    width: 79px;
    background-position: left top;
    margin-right: 0px;
    margin-top: 1px;
    position: relative;

}
#l2 {
	position: relative;
    top: 1px;
}
#Header_login input {
    background: white;
    height: 25px;
    border: 1px solid #0b1a7b;
    color: black;
    padding: 0 4px;
}
.ico-perso{
	position: relative;
    top: 4px;
}
.lost-psw, #h_logout {
	position: absolute;
    top: 38px;
    right: 0;
}
.lost-psw a span{
    position: relative;
    top: 3px;
    right: -2px;
}
.lost-icon{
    margin-left: 10px;
    position: relative;
    top: 5px;
}
.log-icon{
    margin-left: 10px;
    position: relative;
    top: 5px;
}
/* 
######################################################
CONTENT
######################################################
*/

#Content {
	background-repeat: no-repeat;
    background-position: center top;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 100px;
}
/*Overlay*/
html, body{
  min-height: 100%;
}
body {
	background-image: url(../data/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color : #ebf9ff;
	position: relative;
}
.overlayMe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(0,0,0,0); /*dim the background*/
	/*background-image: url(../data/bg_square_fi.png);*/
}
#Content_img {
	width: 1000px;
	height: 100%;/*800px;*/
	margin-left: 40px;
	margin-right: 20px;
	position: absolute;
	top: 0px;
	z-index: -1;
}




#AdminSlide{
z-index: 100000;
    position: absolute;
    top: 33px;
    right: 679px;
    height: 35px;
    background: white;
    display: flex;
    width: 159px;
    align-content: center;
    align-self: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    justify-self: center;
}

#h_selectadmin{
	position: absolute;
	top:26px;
	padding:2px;
	background-color:#fff;
	width: 300px;
	border:1px solid #111;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	z-index:100000;
}
#h_selectadmin a:link {
	color: #5e5e5e;
}
#h_selectadmin a:visited {
	color: #5e5e5e;
	text-decoration: none;
}
#h_selectadmin ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#h_selectadmin li {
	background-color:#fff;
	list-style-type: none;
	margin: 0px;
	float: left;
	padding-top: 3px;
	padding-bottom:3px;
	width: 280px;
	vertical-align:middle;
	color:#3B3B3B !important;
	padding-left: 10px;
}
.h_groupe_admin {
	color:white !important;
	background-color: #ffffff !important;
	font-weight:bold;
	width:290px !important;
	
}
#h_selectadmin li:hover {
	background-color:#ccc;
	
}

#h_selectadmin li a {
	color:#5e5e5e;
	width:290px;
	
}



.h_app_ico {
	position: relative;
	top: 4px;
	padding-right: 8px;
}


.h_option_admin{
	/*cursor: pointer;*/
	padding-left:20px !important;
}



/* 
######################################################
LINK LIST
######################################################
*/
.linklist {
	width: 100%;
	margin-bottom: 25px;
	/* float: left; */
	text-align: center;
	display: flex;
	align-content: center;
	flex-direction: column;
	margin-top:50px;
}
.centerlist {
	margin-right: 58px;
	margin-left: 58px;
}

.linklist ul {
}
.linklistmaintitle {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	color: #ffffff;
	background-image: url(../data/megaline.png);
	background-repeat: no-repeat;
	background-position: 0px 32px;
	font-size: 14px;
	font-weight: bold;
}

.linklist a:link {
	color: #999999;
}
.linklist  a:visited {
	color: #999999;
}
.linklist a:hover {
	color: #ffffff;
}
#col3 {
	clear: both;
	overflow: hidden;
}


.linklist li {
	list-style-type: none;
	font-weight: bold;
	display: inline-block;
}
.linklist li:hover {
	display: inline-block;
}
.linklist  a {
	display: inline-block;
	text-decoration: none;
}
.listlinktitle {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.link_carecenter:hover {
	background-image: url(../data/sites/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_facebook:hover {
	background-image: url(../data/sites/facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_twitter:hover {
	background-image: url(../data/sites/twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_twitternews:hover {
	background-image: url(../data/sites/twitternews.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_youtube:hover {
	background-image: url(../data/sites/youtube.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.app_storeloc:hover {
	background-image: url(../data/icons/map_magnify.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.app_fileman2:hover {
	background-image: url(../data/icons/page_white_stack.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.app_massmail2:hover {
	background-image: url(../data/icons/email.png);
	background-position: left center;
	background-repeat: no-repeat;
}

/* 
######################################################
LANDING PAGE
######################################################
*/
#headinfo {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
    color: #ffffff;
    padding-right: 40px;
    -moz-border-radius: 3px;
    background-color: #00618c;
    border: 1px solid #ff0000;
    font-size: 18px;
    letter-spacing: 1px;
}
#introtext {
	clear: both;
	padding-top: 30px;
	
	padding-bottom: 30px;
	
}
#admin_submenu {
	text-align: right;
	padding: 5px;
	border: 1px solid #ffffff;
}

#hidden {
	position: absolute;
	top:-1000px;
}
.user_log {
    background: #00618c;
    height: 36px;
    display: flex;
    align-content: center;
    align-self: center;
    align-items: center;
    justify-content: space-between;
	    width: 100%;
    max-width: 500px;
    position: absolute;
    right: 164px;
    top: 32px;
}
.h_user {
	height: 30px;
    margin-left: 4px;
    margin-top: 9px;
}
.h_user .ico-perso {
	position: inherit;
	top: inherit;	
}
.h_user strong {
	top: 12px;
    position: absolute;
    left: 34px;
	color: #ffffff;
}
/* 
######################################################
NEWS
######################################################
*/
#news {
	margin-bottom:30px;
}

#form {
	margin-bottom:30px;
}
.fader {
	width: 100%;
	background-image: url(../data/fader.png);
	height: 24px;
	background-repeat: no-repeat;
}



/***********************************************************************************
************************************************************************************
INITIALISATION JQUERY HIDE AND SHOW
************************************************************************************/
.hideThis {
	display: none;
}
.showThis {
	display: block;
}

.highlight {
	color: red;
	background-color: 849cb6 !important;
}

/***********************************************************************************
************************************************************************************
FORMULAR CONTACT bugreport
************************************************************************************/
#contentForm {
	
	background-color: transparent;
	padding:0px;
	margin:0px;
	border:0px;
	margin-right: auto;
	margin-left: auto;
	font-family: verdana, arial, helvetica, sans-serif;
}

#error {
	
	border:0px;
}

#contentForm .info {
	padding: 10px;
	padding-left:20px;
	
	border:0px;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	cursor: pointer;
}


#contentForm .formular form {
	
	border:0px;
	padding-left: 20px;
}

#contentForm .formular fieldset{
	
	border:0px;
	display: block;
	float: none;
}

#cName, #cEmail, #captcha, #contentForm .formular textarea, #contentForm .formular label{
	width: 696px;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
	border:1px solid #232c36;
	margin: 5px;
	padding: 2px;
	padding-left: 5px;
}
#contentForm .formular textarea {
	height: 100px;
}

#contentForm img {
	border:0px solid #4e6175;
	margin-left: 2px;
}


#captchaimage {
	display:block;
}


#contentForm .captcha {
	padding: 10px;
	padding-left:0px;
	width: 696px;
	border:0px;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #87a1bd;
}

#button {
	position: relative;
	left:597px;
	margin-top:10px;
	width: 100px;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #3d4a59;
	border: 1px solid #4e6175;
	padding: 5px;
	color: #b2c2d3;
	cursor: pointer;
	
}
#button:hover {
	background-color: #4c5d70;
	color: #ffffff;
	border: 1px solid #2b3540;
	cursor: pointer;
	
}



/* Custom dialog styles */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../data/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
}

#popup_content.confirm {
}

#popup_content.prompt {
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/* 
######################################################
TABLEAUX
######################################################
*/
table {
	text-align: left;
	padding:5px;
	background-color:transparent;
}
th {
	padding-bottom: 10px;
	border-bottom: 1px solid #738ba6;
	color:#a7b8cb;
}
td {
	padding-top: 10px;
}

fieldset {
	margin-top: 10px;
	background-color: transparent;
	border: 0px;
}
.submit {
	float: right;
}
#form  {
	font-size: 14px;
	background-color:transparent;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#form h1 {
	padding: 5px;
	color:#000000;
}
#form p label {
	display: block;
	width:200px;
	color:#000000;
	margin-bottom: 10px;
}
#form legend {
	color:#ffffff;
}
#u_1,#u_0 {
	color:#000000;
	background-color:#ffffff;
	height: 25px;
	width:300px;
	border: 1px solid #647b94;
	padding: 4px;
	font-size: 14px;
}
#groupe {
	color:#000000;
	background-color:#cccccc;
	height: 35px;
	width:310px;
	border: 1px solid #647b94;
	padding: 4px;
	font-size: 14px;
}
.submit {
	height: 20px;
	background-image: url(../data/ico_submit.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 79px;
	text-indent: -10000px;
	border:0px;
	cursor: pointer;
}

.submit:hover {
	float: right;
	height: 20px;
	background-image: url(../data/ico_submit.gif);
	background-repeat: no-repeat;
	width: 79px;
	background-position: left -20px;
	cursor: pointer;
}
#form .fbox1 label {
	display: inline;
	width:200px;
	color:#000000;
}
#form .fbox1 {
	display: block;
	width:300px;
	height:30px;
	color:#000000;
	background-color:transparent;
	border: 0px solid #647b94;
	padding:5px;
}
#form .fbox2 {
	display: block;
	width:311px;
	height:30px;
	color:#000000;
	margin-bottom: 10px;
}

#form_groupfr  {
	font-size: 14px;
	background-color:transparent;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#form_groupfr h1 {
	padding: 5px;
	color:#000000;
}

#form_groupfr p label {
	display: block;
	width:200px;
	color:#000000;
	margin-bottom: 10px;
}

#form_groupfr legend {
	color:#ffffff;
}

#form_groupfr .fbox1 label {
	display: inline;
	width:200px;
	color:#ffffff;
}

#form_groupfr .fbox1 {
	display: block;
	width:300px;
	height:30px;
	color:#ffffff;
	background-color:transparent;
	border: 0px solid #647b94;
	padding:5px;
}
#form_groupfr .fbox2 {
	display: block;
	width:311px;
	height:30px;
	color:#000000;
	margin-bottom: 10px;
}


#u_5, #u_4, #u_3, #u_2 {
	float: right;
}


.errorMsg {
	display: inline;
	float: left;
	position: absolute;
	top:-27px;
	left:4px;
	background-color: #a50000;
	border: 0px solid #390000;
	width: 313px;
	height: 15px;
	padding: 4px;
	color: #ffffff;
	font-family: verdana, arial;
	font-size: 10px;
	font-variant: small-caps;
	font-weight: normal;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* for all other browsers */
	opacity: .7;
	/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* for IE5-7 */
	filter: alpha(opacity=70);

}


.errorMsg1 {
	background-color: #a50000;
	border: 0px solid #390000;
	margin-top: 10px;
	width: 940px;
	height: 50px;
	padding: 10px;
	color: #ffffff;
	font-family: verdana, arial;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	text-align: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* for all other browsers */
	opacity: .7;
	/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* for IE5-7 */
	filter: alpha(opacity=70);

}


.errorMsg2 {
	background-color: #a50000;
	border: 0px solid #390000;
	margin-top: 10px;
	width: 318px;
	height: 50px;
	padding: 10px;
	color: #ffffff;
	font-family: verdana, arial;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	text-align: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* for all other browsers */
	opacity: .7;
	/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* for IE5-7 */
	filter: alpha(opacity=70);

}


/*
Lost password form and link.
*/
#c_lost {
	width: 1200px;
	height: 200px;
	text-align: center;
	margin-top: 50px;
}


#lost-submit {
	width: 104px;
	cursor: pointer;
}


/* 
######################################################
Date 14.08.2018
Two banners button
######################################################
*/
.button_1 {
	background : url("../data/bouton-1.png") no-repeat center center;
	width : 100%;
	height : 63px;
	border : none;
	color : transparent;
	text-indent:-5000px;
}
.button_2 {
	background : url("../data/bouton-2.png") no-repeat center center;
	width : 100%;
	height : 63px;
	border : none;
	color : transparent;
	text-indent:-5000px;
	padding-top: 0;
}