body 				{ background:#4d5f85 url(images/background.png) repeat; ;  margin:0; padding: 0; height: 100%; font:300 16px 'Open Sans', sans-serif; color:#eeeeee;  }
html 				{ height: 100%; }
* 					{ margin:0; padding:0; }
a 					{ text-decoration: none; color:#eeeeee;  outline: 0;}
:focus 				{ outline:none }
img					{ border:0; }
h1 					{ font:600 200% 'Open Sans', Verdana; letter-spacing:-1.6px; line-height:35px; margin:0 auto; padding: 0;}
h2 					{ font:normal 150% 'DM Serif Display', Verdana; font-style: italic; text-align:center; line-height:30px; margin:0px auto; margin-bottom:20px; padding: 0;}
h3					{ background:rgba(255,255,255,0.1); border-top:solid #495a82 1px; border-bottom:solid #495a82 1px; font:700 120% 'Raleway', Verdana; letter-spacing:0.4px; padding:7px 0 6px 0; margin:12px 0 6px 0; }
h4 					{ font:normal 140% 'DM Serif Display', Verdana; font-style: italic; text-align:center; line-height:24px; margin:15px 5px; margin-bottom:-2px; padding: 0;}
h5					{ font:normal 110% 'DM Serif Display', Verdana; font-style: italic; text-align:center; line-height:24px; margin:15px auto; margin-bottom:-10px; padding: 0; width:90%}
h6					{ font:normal 110% 'DM Serif Display', Verdana; font-style: italic; text-align:center; line-height:24px; margin:20px auto; margin-bottom:20px; padding: 0;}


.sous-section		{ background:rgba(255,255,255,0.05); border:solid #506494 1px; width:95%; margin:10px auto; padding:5px;}
.main			 	{ background:rgba(255,255,255,0.1); text-align:center; margin:0 auto; max-width:730px;}
.logo 	 			{ text-align:center; max-width:400px; margin:0 auto;}
.logo img 			{ text-align:center; max-width:400px; margin:0 auto;}
p					{ max-width:95%; margin:10px auto;}

.logo-top 			{ margin:0 auto;padding:10px; padding-top:15px;}
.logo-top .image	{ width:100px; }
.logo-top .texte	{ font:normal 300% 'DM Serif Display', Verdana; text-align:left; letter-spacing:-1.6px; line-height:38px; }

.brand 				{ font:500 115% 'DM Serif Display', Verdana; letter-spacing:0px; line-height:0px;}

.embed-container 	{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 95%;  margin:17px auto;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin:5px 0}

.photo 				{ width: 45%; margin:10px; }

.rslides 				{  z-index:1;   display: inline-block;  position: relative;  list-style: none;  overflow: hidden; width:40%;   top:2%; margin:20px 0.4%; padding: 0;   margin:15px ; margin-bottom:13px ;  margin-right:0.9%;  }
.rslides li 				{  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  float: left;  height: 100%;  width: auto;  left: 0;  top: 0; }
.rslides li:first-child 	{  position: relative;  display: block;  float: left;  }
.rslides img 				{  display: block;  width:100%;  float: left;  border: 0; -webkit-mask-image: radial-gradient(closest-corner, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%); mask-image: radial-gradient(closest-corner, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);}

.hide_if_mobile 		{ display: revert  ; }
.hide_if_mobile_block 	{ display: inline-block; }
.show_if_mobile 		{ display: none ; }

.budget				{ width:80%; }
.copyright			{ text-align:center; font-size:10px; margin:0px auto; padding-bottom:6px; color:#aaa; max-width:95%; line-height:12px;}  
.icon				{ width:60px; margin-left:30px;}
.phase				{ font:600 210% 'Open Sans', Verdana; margin:30px; line-height:35px;}
.phase span			{ font:600 60% 'Open Sans', Verdana; }

@media (orientation: portrait)
{
body				{ text-align:center; }
.main			 	{ width:100%;}
.logo 	 			{ width:100%;}
.logo img 			{ width:100%;}
p					{ margin:10px auto; max-width:95%;}
h1 					{ width:95%;} 
h2 					{ width:95%;} 
h4 					{ margin-bottom:-2px; margin-top:10px; }

.rslides 			{ width:90%; margin:10px auto; margin-top:15px; }   
.icon				{ margin-left:0px;}
.phase				{ font:600 150% 'Open Sans', Verdana; margin:0px; margin-top:10px; line-height:35px;}
.budget				{ width:90%; }

.hide_if_mobile 		{ display: none ; }
.hide_if_mobile_block 	{ display: none; }
.show_if_mobile 		{ display: revert ; }
}