/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, li { margin:0;  padding:0;  text-align:left;}

img,fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight:normal}

@font-face {
	font-family: 'DINPro-Medium';
	src: url('DINPro-Medium.eot');
	src: local('DINPro-Medium'), url('DINPro-Medium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

body {font-family:'DINPro-Medium', Trebuchet, sans-serif}

p { font-family:'DINPro-Medium', Trebuchet, Helvetica, sans-serif; font-size:11px; color:#000000}
p a { color:#000000; text-decoration:none}
p a:hover { color:#000000; text-decoration:underline}

h2 { font-family:'DINPro-Medium', Trebuchet, Helvetica, sans-serif; font-size:24px; color:#b51918}
h3 { font-family:'DINPro-Medium', Trebuchet, Helvetica, sans-serif; font-size:22px; color:#FFFFFF}
h4 { font-size:16px; color:#FFFFFF; font-weight:bold}



/*
---------------------------------------------
02. container
---------------------------------------------
*/

body{
	/* width:100%; */
	background:url(../views/images/body-bg.png) center;
	background-repeat: repeat;
  background-size: 25%;
}

.global{ width:980px;margin-left:auto;margin-right:auto; position:relative;
	/* overflow:auto; */}

header { width:980px; position:relative;margin-left:auto;margin-right:auto; padding: 20px;}

.container {
	/* width:1080px; */
	/* background:url(../views/images/fond1.png) no-repeat center; */
	background: linear-gradient(#42cefe,#4596d9) no-repeat center;
	/* background-size: 980px 590px; */
	border-radius: 25px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 2px 5px 10px grey;
}

.containerLogin {
	width:700px;
	height: -100px;
	/* background:url(../views/images/fond1.png) no-repeat center; */
	background: linear-gradient(#42cefe,#4596d9) center;
	border-radius: 15px;
	background-size: 100px 600px;
  margin-left:140px;
	box-shadow: 2px 5px 10px grey;
	margin-top: 300px;
}

.contentIndexL{
	/* background-color: rgba(255, 255, 255, 0.25); */
	background-size: contain;
	border-radius: 25px;
	position:relative;
	/* width:800px; */
	height:340px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-120px;
	padding-bottom:100px;
	z-index:99;
}

/*
---------------------------------------------
03. Index & acceuil
---------------------------------------------
*/

.logo_ivicom {
	position: relative;
	top: -50px;
  left: -280px;
	height: 30%;
  width: 20%;
}

.logo_stats{
	position: relative;
	top: -50px;
	left: -280px;
	height: 30%;
	width: 60%;
}


.acceuil_page{
	float:center;
	position: relative;
	background-color: rgba(255, 255, 252,0.25);
  /* top: 80px;
  left: 250px; */
	/* height:580px;*/
  /* width:850px; */
	margin-top:100px;
	/* border:2px solid CornflowerBlue */
}


.contentIndex{
	background-color: rgba(255, 255, 255, 0.25);
	background-size: contain;
	border-radius: 25px;
	position:relative;
	width:700px;
	height:340px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-120px;
	padding-bottom:100px;
	z-index:99;
}


.contentIndexL .login{
	float:center;
	position: relative;
  top: 80px;
  left: 250px;
	/* height:580px;*/
  /* width:850px; */
	margin-top:100px;
	/* border:2px solid CornflowerBlue */
}
.contentIndexL .login .img_ill{
	float:left;
	position: relative;
  top: 230px;
  left: 110px;
	/* width:120px; */
	margin-top:-30px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.contentIndexL .login .img_ill{
	 float:left;
	 position: relative;
		top: 130px;
		left: -150px;
	 /* width:120px; */
	 margin-top:-30px;
	}
}

.contentIndex .img_wrls{float:right}
.contentIndex label{padding-left:15px;}
.contentIndex form{height:240px;overflow:auto}
.contentIndex form p{width:100%;text-align:center;margin-top:25px}
.top_title .acceuil{
	padding-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:29px;
	text-align:center;
	vertical-align:middle;
	background-color: rgba(255, 255, 252,0.25);
	border-radius: 30px;

}

/*
--------------------------------------------
04. Affichage des archives
--------------------------------------------
*/
.lien_archives{background:url(../views/images/background_conn.png);display:block;position:relative;margin-top:-60px;margin-left:10px;margin-bottom:50px;margin-right:735px;font-size:14px;z-index:99}

.contentArchives{position:relative;width:900px;height:340px;margin-left:auto;margin-right:auto;margin-top:-50px;padding-bottom:100px;z-index:99;}
.contentArchives .liste{float:left;height:350px;width:550px; background:url(../views/images/fondLogin.png) repeat;margin-top:30px;}
.contentArchives .liste .img_ill{float:left;width:150px;margin-top:50px;}

.contentArchives label{padding-left:3px;font-size:13px}
.contentArchives form{height:340px;overflow:auto}
.contentArchives form p{width:100%;text-align:center;margin-top:25px}
.contentArchives form input{padding-top:5px}

.contentArchives .img_wrls{float:right}


.contentStatsArch{position:relative;width:980px;height:1100px;margin-left:auto;margin-right:auto;margin-top:30px;padding-bottom:100px;z-index:99}
.contentStatsArch .titre_entete{background:url(../views/images/background_titreStats.png) no-repeat;width:700px;height:100px;margin-left: auto;margin-right: auto;line-height:100px;}
.contentStatsArch .titre_entete p{display:inline-block;width:100%;font-family:Arial, Helvetica, sans-serif;color:#030066;font-size:15px;text-align:center;vertical-align:middle;line-height:1.4;}
.contentStatsArch .stats1{position:relative;margin-top:40px;width:950px;height:300px;background:url(../views/images/background_Stats.png);margin-left: auto;margin-right: auto;}
.contentStatsArch .stats1 .resume_stats {float:left;margin-left:10px;width:600px;height:300px;}
.contentStatsArch .stats1 .resume_stats table {margin-left: auto;margin-right: auto;padding-top:5px}
.contentStatsArch .stats1 .resume_stats tr{font-family:Arial, Helvetica, sans-serif;color:#030066;font-size:14px;text-align:center}
.contentStatsArch .stats1  .menu_stats{display : inline;float:right;margin-top:45px;margin-right: 20px;height:180px;padding:20px 20px 20px 20px;background:url(../views/images/background_menuStats.png) no-repeat;}
.contentStatsArch .charts{position:relative;margin-top:30px;width:960px;height:600px;margin-left: auto;margin-right: auto;}
.contentStatsArch .charts #tabs { width: 100%;background:#E0F2FC }
.contentStatsArch .charts #tabs .tab { height: 600px; }
.contentStatsArch .charts #tabs_part { width: 100%;background:#E0F2FC }
.contentStatsArch .charts #tabs_part .tab { height: 600px; }
.contentStatsArch .export-part{position:relative;margin-top:8px;margin-bottom:5px;margin-left:305px;width:250px;}
.contentStatsArch .export-part button{width:350px;font-weight:bold;font-size:11.80px;background:#FEFECF;}

.contentIndStatsArch{position:relative;width:850px;height:340px;margin-left:auto;margin-right:auto;margin-top:-60px;padding-bottom:100px;z-index:99;}
.contentIndStatsArch .mess{float:left;height:290px;width:450px; background:url(../views/images/fondLogin.png) repeat;margin-top:50px;}
.contentIndStatsArch .mess .img_ill{float:left;width:120px;margin-top:50px;}
.contentIndStatsArch .img_wrls{float:right}

/*
--------------------------------------------
04. Affichage des stats
--------------------------------------------
*/

.contentStats{position:relative;width:980px;margin-left:auto;margin-right:auto;margin-top:-30px;padding-bottom:50px;z-index:99}
.contentStats .titre_entete{background:url(../views/images/background_titreStats.png) no-repeat;width:700px;height:100px;margin-left: auto;margin-right: auto;line-height:100px;margin-bottom:40px}
.contentStats .titre_entete p{display:inline-block;width:100%;font-family:Arial, Helvetica, sans-serif;color:#030066;font-size:15px;text-align:center;vertical-align:middle;line-height:1.4;}
.contentStats .stats1{position:relative;margin-top:40px;width:930px;height:350px;background:url(../views/images/background_Stats.png);background-size: cover;margin-left: auto;margin-right: auto;}
.contentStats .stats1 .resume_stats {float:left;margin-left:10px;width:580px;height:300px;}
.contentStats .stats1 .resume_stats table {margin-left: auto;margin-right: auto;padding-top:5px}
.contentStats .stats1 .resume_stats tr{font-family:Arial, Helvetica, sans-serif;color:#030066;font-size:14px;text-align:center}
.contentStats .stats1  .menu_stats{display : inline;float:right;margin-top:45px;margin-right: 20px;height:180px;padding:20px 20px 20px 20px;background:url(../views/images/background_menuStats.png) no-repeat;}
.contentStats .double_sens{position:relative;margin-top:30px;width:100%;height:1390px;margin-left: auto;margin-right: auto;}
.contentStats .double_sens #tabs_glob { width: 98%;background:#FEFEEE;height: 1200px;margin-left:auto;margin-right:auto }
/*.contentStats .charts #tabs .tab { height: 600px; }*/
.contentStats .charts{position:relative;margin-top:30px;width:910px;height:600px;margin-left: auto;margin-right: auto;}
.contentStats .charts #tabs { width: 100%;background:#E0F2FC }
.contentStats .charts #tabs .tab { height: 600px; }
.contentStats .charts #tabs_part { width: 100%;background:#E0F2FC }
.contentStats .charts #tabs_part .tab { height: 600px; }
.contentStats .export-part{position:relative;margin-top:8px;margin-bottom:5px;margin-left:305px;width:250px;}
.contentStats .export-part button{width:350px;font-weight:bold;font-size:11.80px;background:#FEFECF;}

.contentIndStats{position:relative;width:850px;height:340px;margin-left:auto;margin-right:auto;margin-top:-60px;padding-bottom:100px;z-index:99;}
.contentIndStats .mess{float:left;height:290px;width:450px; background:url(../views/images/fondLogin.png) repeat;margin-top:50px;}
.contentIndStats .mess .img_ill{float:left;width:120px;margin-top:50px;}
.contentIndStats .img_wrls{float:right}

/*
--------------------------------------------
04. Page contact
--------------------------------------------
*/

.contentContact{position:relative;width:900px;height:600px;margin-left:auto;margin-right:auto;margin-top:-50px;padding-bottom:100px;z-index:99;}
.contentContact .tab_contact{float:left;height:650px;width:550px; background:url(../views/images/fondLogin.png) repeat;margin-top:30px;}
.contentContact .tab_contact .img_ill{float:left;width:150px;margin-top:50px}
.contentContact .tab_contact .texte{width:390px;height:180px;font-size:18px; color:#2D3899; font-weight:bold;text-align:center;margin-left:150px;}
.contentContact .tab_contact table td{text-align:center}

.contentContact .img_wrls{float:right;margin-top:140px}
.contentContact label{padding-left:15px;}


/*
--------------------------------------------
04. Page Admin
--------------------------------------------
*/

.contentAdmin{position:relative;width:900px;height:350px;margin-left:auto;margin-right:auto;margin-top:-120px;padding-bottom:100px;z-index:99;}
.contentAdmin .tab_admin{float:left;height:300px;width:550px; background:url(../views/images/fondLogin.png) repeat;margin-top:50px;}
.contentAdmin .tab_admin .img_ill{float:left;width:150px;margin-top:50px}
.contentAdmin .tab_admin .texte{width:370px;height:180px;font-size:18px; color:#2D3899; font-weight:bold;text-align:center;margin-left:170px;}

.contentAdmin .img_wrls{float:right;margin-top:0px}

.contentAdmin2{position:relative;width:900px;height:400px;margin-left:auto;margin-right:auto;margin-top:-120px;padding-bottom:100px;z-index:99;}
.contentAdmin2 .tab_admin2{float:left;height:380px;width:550px; background:url(../views/images/fondLogin.png) repeat;margin-top:50px;}
.contentAdmin2 .tab_admin2 .img_ill{float:left;width:100px;margin-top:50px}
.contentAdmin2 .tab_admin2 .texte{width:370px;height:180px;font-size:18px; color:#2D3899; font-weight:bold;text-align:center;margin-left:170px;}

.contentAdmin2 .img_wrls{float:right;margin-top:0px}

.contentAdmin3{position:relative;width:950px;margin-left:auto;margin-right:auto;margin-top:-80px;padding-bottom:100px;z-index:99;}

.contentAdmin4{position:relative;width:900px;height:350px;margin-left:auto;margin-right:auto;margin-top:-120px;padding-bottom:100px;z-index:99;}
.contentAdmin4 .tab_admin4{float:left;height:250px;width:550px; background:url(../views/images/fondLogin.png) repeat;margin-top:50px;}
.contentAdmin4 .tab_admin4 .img_ill{float:left;width:130px;margin-top:50px}
.contentAdmin4 .tab_admin4 .texte{width:370px;height:180px;font-size:18px; color:#2D3899; font-weight:bold;text-align:center;margin-left:170px;}

.contentAdmin4 .img_wrls{float:right;margin-top:0px}
/*
---------------------------------------------
Global
---------------------------------------------
*/

/*Ligne de connection*/
.top_title{width:980px;height:295px;vertical-align:top;position:relative;
	/* background:url(../views/images/background_feuille.png); */
	z-index:10;}
.top_title p{padding-top:50px;font-family:Arial, Helvetica, sans-serif;color:white;font-size:29px;text-align:center;vertical-align:middle;}
.top_title .conn_title{
	/* background:url(../views/images/background_conn.png); */
	background-color: rgba(255, 75, 75, 0.75);
	border-radius: 25px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : italic;
	color:white;
	font-size:13px;
}

/*Menu Statistiques*/
#menu_cont{width:100%;margin-top:20px;}
#menu {width:612px;margin-left: auto;margin-right: auto;}
ul#menu li { display : inline;padding : 0 10px; /* Pour espacer les boutons entre eux */}
ul#menu {list-style-type : none; /* Car sinon les puces se placent n'importe o� */}

/********************/
/*   MENU ADMIN     */
/********************/
/* Principal */
#menu_cont_adm{width:100%;margin-top:-10px;z-index:100}
#menu_2{
        width: 835px;
        margin: 20px auto 20px auto;
        padding: 10px 0 0 0;
        list-style: none;
        background: #111;
        background: -moz-linear-gradient(#444, #111);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
        background: -webkit-linear-gradient(#444, #111);
        background: -o-linear-gradient(#444, #111);
        background: -ms-linear-gradient(#444, #111);
        background: linear-gradient(#444, #111);
        -moz-border-radius: 50px;
        border-radius: 50px;
        -moz-box-shadow: 0 2px 1px #9c9c9c;
        -webkit-box-shadow: 0 2px 1px #9c9c9c;
        box-shadow: 0 2px 1px #9c9c9c;
}

#menu_2 li{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
}

#menu_2 a{
        float: left;
        height: 25px;
        padding: 0 25px;
        color: #999;
        text-transform: uppercase;
        font: bold 12px/25px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#menu_2 li:hover > a{
        color: #fafafa;
}

*html #menu_2 li a:hover{ /* IE6 */
        color: #fafafa;
}

#menu_2 li:hover > ul{
        display: block;
}

/* Sous-menu */

#menu_2 ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu_2 ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu_2 ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu_2 ul a{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu_2 ul a{ /* IE6 */
        height: 10px;
        width: 150px;
}

*:first-child+html #menu_2 ul a{ /* IE7 */
        height: 10px;
        width: 150px;
}

#menu_2 ul a:hover{
        background: #0186ba;
        background: -moz-linear-gradient(#04acec,  #0186ba);
        background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
        background: -webkit-linear-gradient(#04acec,  #0186ba);
        background: -o-linear-gradient(#04acec,  #0186ba);
        background: -ms-linear-gradient(#04acec,  #0186ba);
        background: linear-gradient(#04acec,  #0186ba);
}

#menu_2 ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu_2 ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu_2 ul li:first-child a:hover:after{
    border-bottom-color: #04acec;
}

#menu_2 ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* R�tablissement du flottement */
#menu_2:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}
/***********************************************/

/*
--------------------------------------------
Footer
--------------------------------------------
*/
footer table{margin-left:auto;margin-top:100px;margin-right:auto;background: linear-gradient(#42cefe, #4596d9); border-radius: 15px;}
footer table td{padding:0px 10px 10px 10px;font-weight:bold;font-size:11px;text-align:center; color:#FFF;font-family:'DINPro-Medium', Trebuchet, Helvetica, sans-serif;}