/* @override http://www.artetactions.com/design/commun.css */

body {
    margin: 0;
    padding: 0;
    font: 0.8em Tahoma, sans-serif;
    color: #000;
    behavior: url(/design/csshover.htc);
    }

/* @group Typo */

h1 {
    font-size: 1em;
    font-weight: normal;
    color: #003;
    }

h3 {
    color: #1C99C2;
    font-size: 1.5em;
    padding-top: 1em;
    }

h5 {
    text-transform: uppercase;
    }

p, li {
    text-align: justify;
    line-height: 150%}

p.citation {
    font-style: italic;
    }

div#texto li {
    padding-left: 12px;
    text-indent: -12px;
    }

a {
    color: #444;
    text-decoration: none;
    }

.artetactions {
    font-style: normal;
    font-weight: bold;
    color: #000;
    }

a img {
    border: none;
    }

/* @end */

/* @group Navbar */

div#navbar {
    position: absolute;
    width: 250px;
    top: 350px;
    left: 640px;
    float: left;
}

div#navbar ul, div#navbar2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
div#navbar h1 span{
    visibility: hidden;
    }
    
div#navbar li a h1 {
    margin: 0;
    padding: 0;
    }
 
div#navbar ul li a h1.ecole {
    width: 96px;
    height: 35px;
    background: url(../design/menu_ecole.gif) 0 0 no-repeat;
    }

div#navbar ul li a:hover h1.ecole {
    background: url(../design/menu_ecole_hover.gif) 0 0 no-repeat;
    }

div#navbar ul li a h1.formation {
    margin-left: 5px;
    width: 149px;
    height: 27px;
    background: url(../design/menu_formations.gif) 0 0 no-repeat;
    }

div#navbar ul li a:hover h1.formation {
    background: url(../design/menu_formations_hover.gif) 0 0 no-repeat;
    }

div#navbar ul li a h1.maitres {
    margin-left: 5px;
    width: 131px;
    height: 51px;
    background: url(../design/menu_maitres.gif) 0 0 no-repeat;
    }

div#navbar ul li a:hover h1.maitres {
    background: url(../design/menu_maitres_hover.gif) 0 0 no-repeat;
    }

div#navbar ul li a h1.etudiants {
    margin-left: 5px;
    width: 177px;
    height: 27px;
    background: url(../design/menu_etudiants.gif) 0 0 no-repeat;
    }

div#navbar ul li a:hover h1.etudiants {
    background: url(../design/menu_etudiants_hover.gif) 0 0 no-repeat;
    }

div#navbar ul li a h1.masters {
    margin-left: 5px;
    width: 116px;
    height: 51px;
    background: url(../design/menu_masters.gif) 0 0 no-repeat;
    }

div#navbar ul li a:hover h1.masters {
    background: url(../design/menu_masters_hover.gif) 0 0 no-repeat;
    }

div#navbar ul li a h1.productions {
    width: 209px;
    height: 37px;
    background: url(../design/menu_productions.gif) 0 0 no-repeat;
    }

div#navbar ul li a:hover h1.productions {
    background: url(../design/menu_productions_hover.gif) 0 0 no-repeat;
    }

div#navbar ul li a h1.coaching {
    margin-top: 0px;
    width: 156px;
    height: 38px;
    background: url(../design/menu_coaching.gif) 0 0 no-repeat;
    }

div#navbar ul li a:hover h1.coaching {
    background: url(../design/menu_coaching_hover.gif) 0 0 no-repeat;
    }

div#navbar ul li a h1.location {
	height: 40px;
	width: 200px;
	background: url(../design/menu_location.gif) 0 0 no-repeat;
}

div#navbar ul li a:hover h1.location {
	background: url(../design/menu_location_hover.gif) 0 0 no-repeat;
}

div#navbar2 {
    position: absolute;
    top: 995px;
    left: 610px;
    float: right;
    }

div#navbar2 li {
    list-style: none;
    }

h1.navbar2 {
    font: 25px Verdana, San-serif;
    font-weight: bolder;
    text-transform: uppercase;
    color: #222;
    margin-top: 0px;
    margin-bottom: -10px;
    letter-spacing: -2px;
    }

a:hover h1.navbar2 {
    color: #1C99C2;
    }

h1.derniere {
    margin-left: -16px;
    }

h1.derniere img {
    margin-left: 2px;
    margin-right: 2px;
    }

h1.derniere span {
    margin-left: -3px;
    }

div#navbar3 {
	width: 220px;
	float: left;
	position: absolute;
	top: 691px;
	left: 640px;
	padding: 5px;
	border: 2px solid #e5e5e5;
	background: #009ac5;
}

div#navbar3 p{
	margin: 0 0 10px 0;
	font-size: 12px;
	text-align: justify;
	color: #fff;
}

div#navbar3 form p{
	margin: 0 0 5px 0;
	font-size: 12px;
}

div#navbar ul li a h1 {
	float: left;
	clear: left;
}
/* @end */

/* @group Design */

div#titre img {
    margin-top: 0px;
    margin-left: 0px;
    }

div#texto {
    width: 470px;
    text-align: justify;
    margin-left: 60px;
    }

div#texto h2 span {
    visibility: hidden;
    }

div#titre img.zero {
    float: left;
    margin-left: 500px;
    margin-top: -270px;
    padding: 0;
    }

div#logo {
    position: absolute;
    float: left;
    left: 640px;
    top: 808px;
    }

div#texto img.gauche {
    float: left;
    padding: 0 2em 0 0;
    }
    
div#cursus_sup img.gauche {
    float: left;
    padding: 0 0 0 0;
    }

div#texto img.droite, div#cursus_sup img.droite {
    float: right;
    padding: 0 0 0 2em;
    }
/* @end */