/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



/*** Fonts ***/

@font-face {
    font-family: 'corbertregular';
    src: url('/fonts/Corbert-Regular-webfont.eot');
    src: url('/fonts/Corbert-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Corbert-Regular-webfont.woff2') format('woff2'),
         url('/fonts/Corbert-Regular-webfont.woff') format('woff'),
         url('/fonts/Corbert-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Corbert-Regular-webfont.svg#corbertregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*** Règles générales ***/

body{
background-color:black;
font-family: 'corbertregular', Arial, sans-serif;
color:white;
}

header{padding:20px;}

header a{
background:url(../images/return.png) no-repeat;
width:200px;
height:94px;
display:block;
}

.majuscules{text-transform:uppercase;}



/*** Niveau 0 de la base (Page d'accueil) ***/


.accueil{
background:url(images/header.jpg) no-repeat;
height:446px;
}

.accueil_nav a{
color:#2A558C;
font-size:2em;
text-decoration:none;
text-transform:uppercase;
padding:20px;
}

.accueil_nav a:hover{color:#2B448C;}
.accueil_nav a:visited{color:none;}



/*** Niveaux intermédiaires (Menus)  ***/


header h1{
margin:60px 0;
font-size:2em;
text-transform:uppercase;
}

nav h2{
font-size:1.75em;
text-decoration:underline;
margin-bottom:10px;
margin-top:20px;
}

nav p{text-indent:20px;}

.soustitre{
font-style:italic;
margin-bottom:20px;
font-size:0.8em;
}

nav li{
color:red;
list-style-type:none;
font-size:1.2em;
text-transform:uppercase;
}

nav{margin-left:40px;}

nav a{
color:#2A558C;
text-decoration:none;
}

nav a:hover{color:#2B448C;}
nav a:visited{color:none;}

.ariane{
padding-bottom:40px;
font-size:0.8em;
}

.ariane a{color:#7AA5CC;}
.ariane a:hover{color:#7B94CC;}



/*** Derniers Niveaux (Articles) ***/


.article{
margin:0 100px;
padding-left:40px;
border-left:1px dotted #45FFC0;
margin-bottom:100px;
}

.illustration{height:200px;}

.article h1{
font-size:2.5em;
padding-bottom:20px;
border-bottom:1px solid white;
margin-bottom:40px;
}

.article h2{
font-size:2.5em;
padding-bottom:20px;
text-transform:uppercase;
}

.article h3{
font-size:2em;
padding-bottom:20px;
text-decoration:underline;
}

.article h4{
font-size:1.5em;
padding-bottom:10px;
text-transform:uppercase;
}

.article h5{
font-size:1.25em;
padding-bottom:0.5px;
}

.article p{
padding-bottom:20px;
text-indent:20px;
}

.article a{
color:#06DFC4;
text-decoration:none;
text-transform:uppercase;
}

.article a:hover{color:#0FADC8;}

.article li{list-style-type:none;}

.italique {font-style:italic;}

.ecrit_petit{font-size:0.85em;}



/*** Tableaux ***/


.tab_trajets_intrasolaires td
{
padding:5px;
border:1px solid white;
font-size:0.75em;
}

table{
border-collapse:collapse;
text-align:center;
}

table td{vertical-align:middle;}

.vide{border:none!important;}
.bas{border-bottom:1px solid black!important;}
.droite{border-right:1px solid black!important;}
.haut{border-top:1px solid black!important;}
.gauche{border-left:1px solid black!important;}
.gris{background-color:#ccc;}