/* 
    Created on : 29 août 2014, 19:44:27
    Author     : LAWSON Laté Alcibiade Cicéron
	Titre      : Ing en Génie logiciel
*/
body{
    font-family: serif, Arial, sans-serif, Verdana;
	font-size: 14px;
}

#conteneur{
	border-bottom: 1px solid #fff;
	box-shadow: 0px 0px 20px #e7f2f3;
	border-collapse:collapse;
}

#entete{
    padding-top: 15px;
}

#logologi{
    position: relative;
    float: left;
}

#logoup{
    position: relative;
    float: right;
    margin-top: -90px;
    margin-right: 0px;
}

#haut{
    background: -webkit-linear-gradient(#e7f2f3, #fff); 
    background: -moz-linear-gradient(#e7f2f3, #fff); 
    background: -ms-linear-gradient(#e7f2f3, #fff); 
    background: -o-linear-gradient(#e7f2f3, #fff);
    background: linear-gradient(#e7f2f3, #fff);
}

#uptext{
    text-transform:uppercase;
    font: 2em bold;
    margin-left:-130px;
}

#slogan{
    margin-left:-150px;
    color:#000;
}

#titre{
    text-transform:uppercase;
    font: 1.5em bold;
    color: red;
    text-shadow: 0 2px 0 rgba(255, 255, 255, .4);
    margin-left: -150px;
}

#anAca{
    margin-left:-30px;
    font-size: 1.3em;
    color:blue;
}

#milieu{
    vertical-align: top;
    background: #fff;
	margin: 30px auto;
	height:auto;
	text-align:center;
}

    ul{ 
        display: table; 
        width: 100%; 
        margin:5px auto; 
        padding: 0; 
        background: -webkit-linear-gradient(#e7f2f3, #fff); 
        background: -moz-linear-gradient(#e7f2f3, #fff); 
        background: -ms-linear-gradient(#e7f2f3, #fff); 
        background: -o-linear-gradient(#e7f2f3, #fff);
        background: linear-gradient(#e7f2f3, #fff);
        opacity: 0.8;
        border-radius: 3px; 
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 
        0 3px 5px rgba(0, 0, 0, .2), 
        0 5px 10px rgba(0, 0, 0, .2), 
        0 20px 20px rgba(0, 0, 0, .15);
    } 
    ul li{ 
        display: table-cell; 
    }
    
    ul li a{ 
        display: block; 
        text-align: center; 
        color: #000; 
        text-decoration: none; 
        padding: 8px 8px 17px 8px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
        box-shadow: 0 1px 0 rgba(172, 243, 248, 7) inset, 
        0 -1px 0 rgba(172, 243, 248, 7) inset, 
        0 -2px 0 rgba(172, 243, 248, 7) inset, 
        0 -3px 0 rgba(172, 243, 248, 7) inset, 
        0 -4px 0 rgba(172, 243, 248, 7) inset, 
        0 -5px 0 rgba(172, 243, 248, 7) inset;
        transition: all .3s .1s;
        position: relative;
    }
    
    ul li a::before{ 
        content: '';
        position: absolute; 
        left: 50%; 
        bottom: 9px; 
        margin-left: -2px; 
        width: 4px; 
        height: 4px; 
        border-radius: 50%; 
        background: rgba(0, 0, 0, 5); 
    }
    
    ul li:first-child a{ 
        border-radius: 3px 0 0 3px; 
    } 
    ul li:last-child a{ 
        border-radius: 0 3px 3px 0; 
    }
    
    ul li a:hover::before, 
    ul li a:focus::before{ 
        background: white; 
        box-shadow: 0 0 2px white, 0 -1px 0 rgba(0, 0, 0, .4); 
    }
    
    ul li a:hover, 
    ul li a:focus{ 
        background: rgba(255,255,255,.2); 
        box-shadow: 0 1px 0 #38c2cf inset, 
        0 -1px 0 #38c2cf inset, 
        0 -2px 0 #38c2cf inset, 
        0 -3px 0 #38c2cf inset, 
        0 -4px 0 #38c2cf inset, 
        0 -5px 0 rgba(172, 243, 248, .7) inset;
        padding: 8px 25px 17px 25px;
        transition: all .3s 0s;
    } 
    
    ul li a:active{ 
        background: linear-gradient(#4ad3e0,#fff); 
        box-shadow: 0 0 2px #4ad3e0 inset; 
    }
    
    #menubas{
        display: table; 
        width: 100%; 
        margin:0px auto; 
        padding: 0;
    } 
    #menubas li{ 
        display: table-cell; 
    }
    
    #menubas li a{ 
        display: block; 
        text-align: center;
        text-decoration: none;
        position: relative;
    }
    
    #h2info{
        margin-top: 0;
        margin-bottom: 30px;
    }
    
    #lestypes{width: 100%;}
    
    #lestypes td{
        text-align: center;
    }
    
    #lestypes td .litext{
        width:120px; height:120px;
        margin-left: 70px;
        background:url("../images/iconeinscri1.png") center no-repeat;
        -webkit-border-radius:100px;
        -moz-border-radius:100px;
        -o-border-radius:50px;
        border-radius:100px;
        border: 10px solid #e7f2f3;
        vertical-align: bottom;
        margin-top:-20px;
    }
    
    #newbac,#auto,#reins,#fiche{
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 30px;
        border: 1px solid #e7f2f3;
        text-align: center;
	height: 80px;
    }
	
	#fiche{
		text-align:center;
	}
    
    #resultatFin{
        border-collapse: collapse;
        font-weight: bold;
    }
    
    #resultatFin td{
        border: 1px solid #000;
        text-align: center;
    }
    
    #piece{
        text-align: justify;
        padding-left: 70px;
    }
	
	#milieu fieldset p{
		text-align:justify;
		text-indent:50px;
		font-size:14px;
		margin:10;
	}
    
	#tableaccueil{
		height:auto;
		width:auto;
		border:1px solid #000;
	}
	#messag{
		height: 100px;
	}
	
	input[type=text], select{
		width: 150px;
		padding:2px;
		height: 30px;
		border:1px solid #4ad3e0;
		border-radius: 6px;
	}
	
	input[type=submit], input[type=button]{
		width: 100px;
		padding:2px;
		height: 30px;
		border:1px solid #4ad3e0;
		background: #79d9e2;
		background: -webkit-linear-gradient(#79d9e2, #fff); 
        	background: -moz-linear-gradient(#79d9e2, #fff); 
        	background: -ms-linear-gradient(#79d9e2, #fff); 
        	background: -o-linear-gradient(#79d9e2, #fff);
        	background: linear-gradient(#79d9e2, #fff);
		border-radius: 14px;
	}

#stat{
	border-collapse:collapse;
	border:1px solid #000;
}
#stat td{
	border-collapse:collapse;
	border:1px solid #000;
	text-align:center;
}