@charset "UTF-8";
/* CSS Document */

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * General + Main Container
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

::selection {
	background: #f1e916; /* Safari */
	color:#000000;
	}
::-moz-selection {
	background: #f1e916; /* Firefox */
	color:#000000;
}

body {
	padding:0;
	margin:0;
}

.main-container {
	width:858px;
}

#grey-blue { color:#8ba0bb; }
#grey { color:#a8b4bf; }
#blue { color:#3796e0; }
#bold { font-weight:400; }

.clear { clear:both; }

a:link, a:visited { color:#3796e0; text-decoration:none; }
a:hover, a:active { color:#3796e0; text-decoration:underline; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Header
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.header-container {
	width:858px;
	height:540px;
	background-image:url(images/header2.jpg);
	background-repeat:no-repeat;
}

.title-container {
	font-family: 'Roboto Slab', serif;
	text-align:left;
	color:#ffffff;
	padding:30px 0 0 30px;
	text-transform:uppercase;
}

.title {
	font-size:24px;
	font-weight:100;
}

.subtitle {
	font-size:18px;
	font-weight:300;
}

.objectif-container {
}

.objectif {
	margin:180px 0 0 50px;
	background-color:#3796e0;
	width:225px;
	height:205px;
	border-radius: 135px;
		-moz-border-radius: 135px;
			-webkit-border-radius: 135px;
				-o-border-radius: 135px;
	float:left;
	color:#c5e2f8;
	text-align:left;
	padding:65px 0 0 45px;
}

.obj-title {
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	text-transform:uppercase;
	font-size:24px;
}

.obj-subtitle {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	font-size:12px;
}

.obj {
	font-family: 'Roboto Slab', serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:60px;
	line-height:62px;
	color:#ffffff;
}

.obj-text {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:16px;
	margin-top:4px;
}

.result-container {
	float:right;
	margin:330px 12px 0 0;
}

.result {
	text-align:right;
	font-family: 'Roboto Slab', serif;
	font-weight:100;
	font-size:20px;
}

.share {
	margin:30px -8px 0 0;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Content
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.content-container {
	width:858px;
	margin:20px 0 0 0;
	border-top:1px solid #CCC;
	padding-top:20px;
}

.intro {
	text-align:left;
}

.content-title {
	color:#3796e0;font-family: 'Roboto Slab', serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:20px;
}

.text {
	color:#3e3e3e;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:20px;
}

.bold {
	color:#3e3e3e;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
}

.small-text {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	margin:20px 0 40px 0;
	color:#999;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Choix
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.choix-container {
	margin:30px 0 0 0;
}

.choix {
	width:364px;
	background-color:#fafafa;
	float:left;
	margin:0 25px 25px 0;
	padding:40px 20px 40px 20px;
}

#full {
	width:794px;
}

#nocaps {
	text-transform:none;
}

#xsmall {
	height:90px;
}

#small {
	height:110px;
}

#medium {
	height:160px;
}

#big {
	height:250px;
}

#x-large {
	height:310px;
}

.wow {
	float:left;
	margin:10px 10px 0 0;
	width:97px;
	height:96px;
	background-image:url(images/wow.png);
	background-repeat:no-repeat;
}

#wow-text {
	margin:10px 0 0 0;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Footer
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.footer {
	background-color:#707070;
	padding:20px 0 20px 0;
}

.footer-container {
	width:810px;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:16px;
	font-weight:300;
}

.footer-container a:link, .footer-container a:visited { color:#cacaca; text-decoration:none; }
.footer-container a:hover, .footer-container a:active { color:#ffffff; text-decoration:none; }

.contact {
	float:left;
	text-align:left;
}

.links {
	float:right;
	text-align:right;
}