@charset "utf-8";

/* Backgrounds de pages*/
.home {
	background: transparent url("simonourc.png") fixed;
	background-size: cover;
    background-repeat: no-repeat;    
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
img,
table,
td,
article,
aside,
hr,
footer,
header,
menu,
nav,
section,
audio,
video,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	list-style-type: none;
	font-family: Arial, sans-serif;
	font-weight: normal;

}


/* HTML5 display-role reset for older browsers */

article,
details,
figcaption,
h3,
figure,
header,
hgroup,
menu,
nav,
section {
  display: block;
  text-align: center;
  font-weight: normal;
}

header {
	width: 100%;
	top: 0px;
	z-index: 1000;
}

/*Charte graphique generale*/

.banniere{
	padding-top: 20px;
	padding-bottom: 0px;
}
h1 { /* titre de page */
	font-family: Calibri light, Calibri;
	font-size: 30px;
}
h2{  		 /* sous-titre de page et titres des projets */
	font-family: Verdana;
	font-size: 16px;
	text-align: center;
}
h4{
	font-family: Arial, sans-serif;
	font-weight: normal;
}
nav{
	font-family: Calibri light,Verdana;
	font-weight: normal;
	display: inline-block;
	width: 700px;
	max-width: 100%;
	margin: auto;
	text-align: center;
	font-size: 20px;
	word-spacing: 28px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* liens */

a {
text-decoration: none;
color: rgb(130,20,20);

}
a:hover {
text-decoration: blink;
color: rgb(160,24,24);
}

nav a:hover {
font-weight: bold;

}
/* corps */

p{
font-family: Arial, sans-serif;
font-size: 15px;
}


body{	
}

/* nouveautés sur le site */
.noir {
	width: 570px;
	max-width: 90%;
	margin: auto;
	background-color: rgba(0,0,0,0.6);
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
}

.noir a:hover{
	color: white;
}

.music {
	width: 570px;
	max-width: 90%;
	margin: auto;
	background-color: transparent;
	color: white;
}


.lienprojet {
	color: rgb(6,22,96);
}
.lienprojet:hover{
	text-decoration: none;
	font-weight: normal;
	color: rgb(6,22,96)
}
.textnoir {
	width: 300px;
	max-width: 85%; 
	margin: auto;
	text-align: justify;
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: white;
}
.ref {
	text-align: center;
	font-weight: normal;
	color: rgba(0,0,0,0.6);
}
.ref a:hover{
	text-decoration: none;
	font-weight: normal;
	color: rgba(0,0,0,0.6);

}

.news{
	font-family: verdana;
	width: 570px;
	max-width:90%;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(250,250,250,0.7);
}
.news a:hover{
	text-decoration: none;
	font-weight: normal;
	color: rgba(6,22,96);
}
.textnews {
	width: 400px;
	max-width: 85%;
	margin: auto;
	text-align: justify;
	font-family: Arial, sans-serif;
	font-weight: normal;	
}

.video{
	
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 90%;
}

.incrustation{
	object-position: 50% 50%;
	max-width:90%; 
	margin: auto;
}
.transparence{
	width: 300px;
	max-width: 40%;
	margin: auto;

}
.image{
	width: 80px;
}

/* page bio */
.blanc{
	background-color: rgba(250,250,250,0.8);
	width: 690px;
	margin: auto;
	max-width: 90%;
	padding-top: 10px;
	padding-bottom: 10px;

}
.textbio{
	width: 640px;
	margin: auto;
	max-width: 85%;
	text-align: justify;
	font-family: Arial, sans-serif;
	font-weight: normal;

}


.menuprojets{
	display: block;
	width: 170px;
	max-width: 80%;
	margin: auto;
	margin-bottom: 20px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	padding: 20px;
}

.refprojet {
	color: rgb(250,250,250);
}



.projetblanc{
	display: block;
	margin: auto;
	max-width: 90%;
	margin-bottom: 20px;
	width: 600px;
	background-color: rgba(250,250,250,0.8);
	color: rgb(0,0,0);
	padding: 15px;
}
.texteprojetblanc{
	display: block;
	width: 320px;
	text-align: justify;
	margin: auto;
	max-width: 85%;

}

aside{
	display: inline-block;

}

.projetnoir{
	display: block;
	margin: auto;
	max-width: 90%;
	margin-bottom: 20px;
	width: 600px;
	background-color: rgba(0,0,0,0.7);
	color: rgb(250,250,250);
	padding: 15px;
}

.texteprojetnoir{
	display: block;
	width: 320px;
	text-align: justify;
	margin: auto;
	max-width: 85%;
}


.reseaux{
	display: block;
	width: 320px;
	max-width: 95%;
	margin: auto;
	text-align: center;
	background-color: rgba(250,250,250,0.5);
	color: black;
	font-weight: normal;
	margin-top: 30px;
}

#mc_embed_signup{
	background:rgba(0,0,0,0.5); 
	color: white;
	clear:left; 
	font:14px ,Arial,sans-serif; 
	font-size: normal; 
	font-weight: normal; 
	width:320px;
	max-width: 95%; 
	margin: auto;
}

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

 /* Bas de page */
footer {
    width: 100%;
    margin: auto;
    position: all;
    bottom: 0;
    text-align: center;
    z-index: 1000;
    padding-top: 0px;
    padding: 2px 0;
}
.social-networks{
	display: block;
	text-align: center;
	padding-top: 10px;
	font-family: Arial, sans-serif;
}
.signature{
	padding-top: 8px;
	width: 100%;
	margin: auto;
	text-align: center;
	font-family: Arial, sans-serif;
	color: white; 
	font-size: small;
}
.lang {
	width: 200px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	
}
.lang a{
	font-family: Arial;
	font-size: 12px;
	color: white;
}
.lang a:hover{
	text-decoration: underline;
}

hr{				/* lignes horizonatales*/
	color: rgb(227,227,227);
	width: 40%;
	float: center;
}