/*
Theme Name: angela
Theme URI: http://www.boldatelier.ch
Description: WordPress Angela Theme
Version: 1.0
Author: anaïs coulon
Author URI: http://www.boldatelier.ch
Tags: empty, full-width, simple, white
*/

html {
  margin:0;
  padding:0;
}

body.home {
  margin:0;
  padding:0;
  background: url(images/home.jpg) no-repeat center fixed;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size:  cover; /* version standardisée */
}

hr {
  color: white;
  background-color: white;
  border-width: 0px;
  margin-block-start: 0px;
    margin-block-end: 0px;
}

audio {
	width: auto;
	background-color:#000;
	}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { /* En raison des variations entre les navigateurs, il est conseillé d'attribuer une valeur de zéro aux marges intérieures et aux marges des listes. A des fins de cohérence, vous pouvez définir les valeurs désirées dans cette zone ou dans les éléments de liste (LI, DT, DD) qu'elle contient. N'oubliez pas que les paramètres que vous définissez ici se répercuteront sur la liste .nav, sauf si vous rédigez un sélecteur plus spécifique. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6{
	margin: 0;	 /* la suppression de la marge supérieure résout un problème où les marges sortent de leur div conteneur. La marge inférieure restante l'éloignera de tout élément qui suit. */

}
a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}

/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */

a:link {
	color:#000;
	text-decoration: underline; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris. */
	text-decoration: none !important;
  color: #F43131;
}

.left-side {
  position:absolute;
  top: 30px;
  left: 30px;
  /* bottom:30px; */
  width: 286px;
  background-color: #FFF;
  border:#000 solid 7px;
  padding: 30px;
}

.menu-logo {
	margin-bottom: 30px;
}

.menu-menu-principal-container a{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000;
	font-size:12px;
	margin:30px;
  margin-left: 0px;
	text-decoration: none;
	font-weight:bold;
	line-height:2;
}

.menu-menu-principal-container ul{
	list-style:none;
}

.menu-menu-principal-container a:hover{
	text-decoration: underline;
}

.widget a{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000;
	font-size:12px;
	text-decoration: none;
	font-weight:regular;
	/* margin-left:30px;
	margin-right:30px; */
}

.section{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	/* margin-left:30px; */
	margin-right:30px;
}


.widget ul{
		list-style:none;
		line-height:1.2;
		padding-bottom:10px;
		padding-top: 5px;
    text-decoration: none !important;
}

.widget a{
	text-decoration: none !important;
}

.widget a:hover{
	text-decoration: none !important;
  color: #F43131;
}

.pied {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#F43131;
	font-size:12px;
	position:absolute;
	margin-left:30px;
	/* bottom:30px; */
	line-height:1.5;
}


.pied a {
	color:#F43131;
}

.bold a{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	position: absolute;
	/* bottom:10px; */
	text-decoration:none;
  margin-top: 45px;
  margin-left: -37px;
}

.container {
	position:absolute;
	top:30px;
	left: 420px;
	/* bottom:30px; */
	right: 30px;
}


p {
	margin:0px;
	display:inline-block;
	vertical-align:bottom;
	}


p img{
	margin-bottom:30px;
	margin-right:30px;
	}

p iframe {
	margin-bottom:30px;
	margin-right:30px;
}

.contenu {
	background-color:#FFF;
	border:#000 solid 7px;
	display:inline-block;
	margin-bottom:30px;
	margin-right:30px;
	padding:30px;
	text-align:left;
	vertical-align:top;
	width:226px;
}


.titre {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000;
	font-size:24px;
	text-decoration:underline;
	font-weight:bold;
}
.titrehidden {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 0px;
  line-height: 0px;
	text-decoration:underline;
	font-weight:bold;
}

.contenu p {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	text-decoration:none;
	margin-top:20px;
	line-height:1.5;
}
 p {
	font-family:Arial, Helvetica, sans-serif;
}


.colonne1 {
	display:inline-block;
	width: 400px;
}

.colonne2 {
	display:inline-block;
	width: 600px;
}


.bio {
	display:inline-block;
	margin-bottom:30px;
	margin-right:30px;
	padding:30px;
	background-color:#FFF;
	border:#000 solid 7px;
	width:300px;
	text-align:left;
}

.bio2 {
	display:inline-block;
	margin-bottom:30px;
	margin-right:30px;
	padding:30px;
	background-color:#FFF;
	border:#000 solid 7px;
	width:450px;
	text-align:left;
}

.bio p, .bio2 p{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	text-decoration:none;
	margin-top:20px;
	line-height:1.5;
}

.bio p.simple, .bio2 p{
	margin-top:0px;
}


@media screen and (max-device-height:100px){

.menu-menu-principal-container a{
	font-size:11px;
	color:#3F0;
}


.widget a{
	font-size:11px;
}

.section{
	font-size:11px;
}


.pied {
	font-size:11px;
}
}