/*moto-andina.css*/

/*Styles de balises*/

.wrapper {
	overflow: auto;
}



a:active {
	color: #ff6600;
	text-decoration: underline;
	}	

map.indice {
	position: relative;
	text-decoration: none;
	color: black;
	}
	
map.indice span {
	display: none;
	}

map.indice:hover {
	background: none; /* correction d'un bug IE, cf alsacreations */
	z-index: 500;
	}

map.indice:hover span {
	display: inline;
	position: absolute;
	top: 2em;
	left: 1em;
	background-color: orange;
	text-align: center;
	color: white;
	padding: 12px;
	}

nav[href] {
	color: #663300;
}

a[href]:hover {
	color: #660000;
	background-color: #ffff99;
	font-weight: bold;
	}

a:link {
	color: #333333;
	}

a:visited {
	color: #333333;
	}

body {
/*	background-color: #663300;*/
	background-attachment: fixed;
	background-color: #e5dec4;
	background-image: url(images/filigrane.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	width: 1024px;
	}
	
/*@media screen and (min-width: 800px) {
  body {
    background-color: lightgreen;
  }
}*/

h1 {
	visibility: hidden;
	}

h2	{
	background-image: url(images/h2.png);
	background-repeat: no-repeat;
	color: white;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	padding-bottom: 0px;
	padding-left: 6px; /*pour eviter conflits avec colonne*/
	padding-top: 12px; /*pour mettre le texte a niveau*/
	text-indent: 12px;
	text-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px;
	vertical-align: bottom;
	margin-bottom: 0;
	width: 67%;
/*	margin-left: 33%;*/
	}

	
h3 {
	color: #996633;
	font-size: 14px;
	font-weight: bold;
	padding-left: 6px; /*pour eviter conflits avec colonne*/
	padding-top: 0px;
	}

table {
	padding: 0;
	}
	
/***********************************************************/
/*Styles de classes*/

.date {
	font-weight: bold;
	text-align: right;
	}
	
.diaporama	{
	font-color: white;
	font-size: 13px;
	font-weight: bold;
	}
	
.extra {
	background-color: #ffcc00; /*orange*/
	border-color: black;
	border-style: solid; /*obligatoire pour faire apparaitre la bordure*/
	border-width: 2px;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 12px;
	padding-left: 64px;
	padding-right: 64px;
	padding-top: 12px;
	}
	
/*.filet {
	background-image: url(images/filet.gif);
	background-position: top right;
	background-repeat: no-repeat;
*/
.illustration {
	display: inline-block;
/*	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	text-align: center;
	vertical-align: top;
	width: 33%;
}

.illustration-lien {
	padding-left: 6px;
	padding-right: 6px;
	text-align: right;	
	vertical-align: top;
	}

.texte {
	vertical-align: top;
	width: 60%;
	}

.texte-fer-a-droite {
	padding-left: 12px;
	padding-right: 12px;
	text-align: right;	
	vertical-align: top;
	}
/***********************************************************/
/*Styles d'ID*/

#colonne {
/*	background-image: url(images/colonne.png);
	background-position: top left;
	background-repeat: no-repeat;*/
	text-align: right;
	vertical-align: top;
	}

#en-tete {
	text-align: left;
	vertical-align: bottom;
	}

/*#mise-en-page {
	background-attachment: fixed;
	background-color: #e5dec4;
	background-image: url(images/filigrane.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0;
	}*/ /*Intégré dans body*/
	
#navigation {
	background-color: #000000;
	color: #cccccc;
	text-align: center;	
	}

#pied {
	background-color: #663300;
	background-image: url(images/corniere.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #cccccc;
	text-align: right;
	}

#titre {
	text-align: right;
	vertical-align: top;
	}

/***********************************************************/
/*Styles complexes*/

.illustration img {
	width: 320;
	}

nav {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
	
nav a:active {
	color: #ffffff;
	}

nav a[href]:hover {
	color: #ffffff;
	background-color: #666666;
	font-weight: normal; /*ATTENTION AUX REDONDANCES AVEC L'HERITAGE, FAIRE SAUTER LE GRAS DANS LE HOVER D'ORIGINE*/
	text-decoration: underline;
	}

nav a:link {
	color: #ffffff;
	text-decoration: none;
	}

a:visited {
	color: #cc9999;
	}


section {
	overflow: auto;
}


section footer {
	background-color: #000;
/*	color: #fff;*/
	font-size: 16px;
	text-align: right;
	
	background-color: #663300;
	background-image: url(images/corniere.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #cccccc;	
}

section > header {
	background-color: #663300;
	background-image: url(images/news.png);
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 115px;
}

/*logique de mise en page de base (ordi) : 1/3 pour l'image à gauche,
2/3 pour le texte, arrondi à des multiples de 30% + 2 intervalles de 5px*/

article {
/*	background-color: #ff6633;*/ /*orange, couleur de travail*/
	font-size: 0;
	min-height: 300px;
	
}

article header {
	margin-left: 33%;
}

article .illustration img {
/*	float: left;*/
}

article header p {
	display: inline-block;
	vertical-align: top;
	width: 33%;
}

article p {
	display: inline-block;
	font-size: 16px;
/*	margin-left: 40%;*/
	vertical-align: top;
}

.test-inline {
	display: inline-block;
}

/*	background-color: #00ff00;*/

/*Importé depuis css-columns.css*/

.text {
	display: inline-block;
	vertical-align: top;
/*	padding-left, padding-right: 1em;*/
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*	margin: 1em;*/
	width: 67%;
}

h3 {
/*	background-color: lime;*/
	display: inline-block;
/*	line-height: 150%;*/
	text-align: right;
	width: 67%;
}