html, body {
margin:0;
padding:0;
}

body {
background-color:white; 
font-family:Verdana, sans-serif; 
}

.indexb {
background-color:#3DBAF9;
font-family:Verdana, sans-serif; 
}

h1 {
text-align:center;
color:#333;
font-size:22px;
}

h2 { 
text-align:left;
color:#555;
font-size:18px;
}

p,ul,li,td {
color:black; 
margin:0;
padding:0;
}

td, th{
border-bottom:1px solid #ebebeb;
border-right:1px solid #ebebeb;
text-align:center;
padding:0 10px 0 10px;
}

a:hover {
color:#8d147d;
}

.global {
margin:0;
padding:0;
}

.spglobal{
display:inline-block;
min-width:100%;
}

/* ENTETE */
.header {
	height:100px;
	background-color:#3DBAF9;
	display:inline-block;
	width:100%;
	
}

/* BLOC DU TITRE */
.letitreintranet {
	display:inline-block;
	margin-top:20px;
	font-size:24px;
	color:#000;
	min-width:40%;
	height:30px;
	position: absolute;
	background-color:#3DBAF9;	
}
/* BLOC DE CONNEXION */
.connexion {
min-width:10%;
height:100px;
float: right;
background-color:#3DBAF9;
}

/* BLOC DECONNECTION */
.p_co{
display:inline-block;
padding:6px 12px;
margin:10px;
margin-top:10px;
margin-bottom:0px;
font-size:14px;
color:#555;
background-color:#FFF;
border:0px solid #CCC;
border-radius:4px;
}

.bdeco1{
display:block;
margin-bottom:14px;
}

.bdeco2{
display:block;
}

.bdeco3{
display:block;
}

/* MARGE HAUTE CONNEXION */
.upconnexion{
height:10px;
}

/* QUAND ERREUR CONNEXION */
.erreurconnect{
width:200px;
margin:auto;
color:#F55;
margin-top:5px;
}

/* LOGO */
.logo {
width:100%;
margin:0px 0px 00px 0px;
max-width:130px;
}

.flogo{
display:inline-block;
height: 100%;
background-color:#3DBAF9;
min-width:15%;
}

/* LOGO ACCUEIL */
.logoaccueil {
width:40%;
margin-top:20px;
margin-bottom:20px;
}

.span_co{
display:block;
}

.form_co {
margin:auto;
}

.formconnect{
width:250px;
background-color:#FFFFFF;
margin:auto;
border:1px solid #ccc;
border-radius:4px;
text-align:center;
}

.form_deco {
width:300px;
background-color:#FFFFFF;
margin:auto;
border:1px solid #ccc;
border-radius:4px;
}

.input_co1, .input_co2 {
height:25px;
padding:6px 12px;
margin:10px 20px 0 20px;
font-size:14px;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
}

.bouton_tb {
color:#fff;
background-color:#004C72;
padding:5px 5px;
margin:2px;
display:inline-block;
font-size:14px;
text-align:center;
vertical-align:middle;
cursor:pointer;
border:1px solid transparent;
border-radius:4px;
}

.bouton_co {
color:#fff;
background-color:#004C72;
padding:6px 12px;
margin:10px;
display:inline-block;
font-size:14px;
text-align:center;
vertical-align:middle;
cursor:pointer;
border:1px solid transparent;
border-radius:4px;
}

.bouton_co:hover { transform: translateY(-2px); opacity: 0.9; }



.inputconnect{
height:25px;
width:200px;
padding:6px 12px;
margin-top:10px;
margin-bottom:10px;
font-size:14px;
color:#555;
background-color:#FFF;
border:1px solid #CCC;
border-radius:4px;
}

@media (max-width:860px)
{
	.logo {
	width:60%;
	margin:20px 0px 5px 20px;
	max-width:260px;
	}
	
	.flogo{
	display:inline-block;
	background-color:#FFF;
	}
	
	.header {
	height:auto;
	}
	
	.connexion {
	height:auto;
	width:100%;
	}


	.bdeco1{
	display:inline-block;
	margin-bottom:0px;
	margin-right:20px;
	}

	.bdeco2{
	display:inline-block;
	}

	.bdeco3{
	display:inline-block;
	margin-right:5px;
	}	

	.p_co{
	margin:5px;
	border:none;
	}
	
	.span_co{
	display:inline-block;
	}
	
	.input_co1{
	margin:5px;
	margin-left:60px;
	}
	
	.input_co2{
	margin:5px;
	}
	
	.bouton_co{
	margin:5px;
	}
	
	.imgfaq {
	width:100%;
	margin:5px 0 5px 0;
	}
    
	.bouton_co:hover { transform: translateY(-2px); opacity: 0.9; }	
}

@media (max-width:640px)
{
	.logo {
	width:50%;
	margin:15px 0px 5px 20px;
	max-width:260px;
	}
	
	.flogo{
	display:inline-block;
	background-color:#FFF;
	}
	
	.span_co{
	display:block;
	}
	
	.input_co1{	
	margin-top:2px;
	margin-bottom:2px;
    margin-left:60px;
	}
	
	.input_co2{	
	margin-top:2px;
	margin-bottom:2px;
    margin-left:60px;
	}
	
	.bouton_co {
	margin:5px;
	margin-left:10px;
	}
		
	.bdeco3{
	display:inline-block;
	margin-right:5px;
	}
	.imgfaq {
	width:100%;
	margin:5px 0 5px 0;
	}
}


@media (max-width:520px)
{	
	.bouton_co {
	margin-top:0px;
	}
	.p_co {
    display: inline-block;
    padding: 0px 5px;
	}
}

@media (max-width:120px)
{
	.form_co {
		width:100px;
	}
}

.bouton_gris {
color:#fff;
background-color:#606061;
padding:6px 12px;
margin:20px;
display:inline-block;
font-size:14px;
text-align:center;
vertical-align:middle;
cursor:pointer;
border:1px solid transparent;
border-radius:4px;
}

/*MENU*/
ul.menu{
list-style-type:none;
display:inline-block;
}

li.menu{
float:left;
}

.menu_haut{
/*background-color:#570083;*/
background-color: #C5115C;
padding-left:20px;
}

.amenu{
text-decoration:none;
}

.spmenu{
display:inline-block;
padding:10px;
color:#FFF;
}

.spmenu:hover{
color:#FFF;
background-color:#CE6D70;
}

.spmenuselect{
display:inline-block;
padding:10px;
color:#FFF;
background-color:#444;
}

/* PAGE ACCUEIL */
.div_acc{
padding:6px 12px;
margin:auto;
font-size:14px;
color:#555;
background-color:#FBF5FF;
border:1px solid #ccc;
border-radius:4px;
box-shadow:2px 2px 5px #555;
width:80%;
max-width:1024px;
}

.txtsstt {
text-align:center;
}

.imgfaq {
margin : 5px 0 5px 0;
max-width: 730px;
}

.afaq {
color:#8d147d;
text-decoration:none
}

.afaq:hover {
color:#ebcd1d;
}

/* PAGE DE SAISIE */
.form_saisie {
max-width:730px;
padding:6px 12px;
margin:auto;
font-size:14px;
color:#555;
text-align:left;
background-color: #FBF5FF;
border:1px solid #ccc;
border-radius:4px;
box-shadow: 2px 2px 5px #555;
}

.bloc_gauche{
display:inline-block;
vertical-align:top;
}

.input_saisie {
height:40px;
width:300px;
padding:0 0 0 12px;
margin:20px;
font-size:14px;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
}

.bloc_centre{
display:inline-block;
vertical-align:top;
}

.slct_saisie {
height:40px;
width:315px;
margin:20px;
padding:0 0 0 12px;
font-size:14px;
color:#555;
background-color:#FFF;
border:1px solid #CCC;
border-radius:4px;
}

.bloc_droit{
display:inline-block;
vertical-align:top;
}

.blctxt_saisie {
height:75px;
width:400px;
margin:20px;
padding:12px 0 0 12px;
font-size:14px;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
}

.bouton_saisie {
width:150px;
color:#fff;
background-color:#632182;
padding:6px 12px;
margin:20px;
display:inline-block;
font-size:14px;
text-align:center;
vertical-align:middle;
cursor:pointer;
border:1px solid transparent;
border-radius:4px;
}

/*TABLEAU DE BORD*/
.table_tbord {
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
max-width:1024px;
}

.tbody{
font-size:12px;
}

.tbth{
font-size:14px;
color:#555;
}

.tdr {
border-right:0px solid #ebebeb;
}

.tdrrecap {
color:#5cb85c;
border-right:0px solid #ebebeb;
font-size:20px;
}

.tdrecap {
font-size:18px;
}

.img_tbord{
height:30px;
}

/*FOOTER*/
.footer {
width:100%;
height:100px;
background-color:#3DBAF9;
color:#FFF;
text-align:center;
}

/*CSS du WEB*/
.com_tbord {
	position:fixed;
	font-family:Verdana, sans-serif;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.8);
	z-index:99999;
	opacity:0;
	-webkit-transition:opacity 400ms ease-in;
	-moz-transition:opacity 400ms ease-in;
	transition:opacity 400ms ease-in;
	pointer-events:none;
}

.com_tbord:target {
	opacity:1;
	pointer-events:auto;
}

.com_tbord > div {
	width:400px;
	position:relative;
	margin:10% auto;
	padding:5px 20px 13px 20px;
	border-radius:10px;
	background:#fff;
	background:-moz-linear-gradient(#fff, #999);
	background:-webkit-linear-gradient(#fff, #999);
	background:-o-linear-gradient(#fff, #999);
}

.close_tbord {
	background:#606061;
	color:#FFFFFF;
	line-height:25px;
	position:absolute;
	right:-12px;
	text-align:center;
	top:-10px;
	width:24px;
	text-decoration:none;
	font-weight:bold;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
}

.close_tbord:hover {
background:#632182;
color:#FFFFFF;
}

pages {
	font-size: 12px;
}