@import "../../global/css/global.css";

body { 
	background: #012e3d url("../media/alex/fond.jpg") 50% 0 no-repeat;
}

a { color: #003668; }	
a:hover { color: #002446; }
a.sbx { cursor: -moz-zoom-in; }
a.btn { margin: 0 10px; }
p { margin-bottom: 10px; }

strong, strong * { font-weight: bold; color: #003668; }
em, em * { font-style: italic; }

#master {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: table;
}

#overlay {	background: url("../media/commun/tile.png"); }

#content { font-size: 12px; line-height: 180%; color: #111; }

#wrapper {
	width: 870px;
	margin: 0 auto;
}

#top {
	background: url("../media/alex/swirls.png") 487px 0 no-repeat;
	text-align: center;
	height: 50px;
	overflow: hidden;
}
#top .flags { position: absolute; right: 20px; top: 5px; overflow: hidden; z-index: 3000; }
#top .flags a { margin: 10px 5px; float: left; }

#top .switch-site { position: absolute; left: 10px; top: 10px; overflow: hidden; z-index: 3000; }
#top .switch-site .site { margin: 10px 5px; }
#top .switch-site a.site { opacity: 0.6; }
#top .switch-site a.site:hover { opacity: 0.8; }
#top .switch-site span.site { opacity: 0.5; }

#head {
	background: url("../media/commun/entete.png");
	position: relative;
	padding: 0 15px 44px;
}
#head .visuel {
	background: url("../media/alex/entete.jpg");
	position: relative;
	height: 376px;
	overflow: hidden;
}
#head .menuitem { background: url("../media/commun/000.png"); position: absolute; left: 0; top: 0; width: 840px; height: 30px; }
#head .silhouette {	position: absolute; left: 0; top: 0; }
#head .subtitle { position: absolute; left: 25px; top: 30px; }
#head .title { position: absolute; left: 25px; top: 60px; }
#head .cutout {
	position: absolute;
	width: 315px;
	height: 450px;
	right: 55px;
	bottom: 44px;
}
#head .menu {
	position: absolute;
	overflow: hidden;
	width: 220px;
	left: 265px;
	top: 120px;
}
#head .menu h1 {
	text-align: center;
	margin: 15px 0;
}
#head .menu ul li { list-style-type: none; }
#head .menu ul li a {
	display: block;
	height: 30px;
	color: #fff;
	text-align: right;
}

#gap {
	height: 60px;
	overflow: hidden;
}

#content {
	background: url("../media/commun/content.png");
	position: relative;
	width:870px;
}
#content .container { margin: 0 30px; padding: 0 5px 10px 5px; }

h1.title { margin: 0 0 10px 0; }
h2.subtitle { background: url("../media/commun/subtitle.png"); padding: 8px 15px 4px; margin: 0 0 5px 0; }
ul.bullets { color: #002795; font-size: 10px; margin: 0 0 15px 0; }
ul.bullets li { margin: 0 0 5px 30px; }
ul.bullets p { color: #222; margin: 0; line-height: 160%; font-size: 12px; }

#foot {
	background: url("../media/commun/foot.png");
	height: 200px;
	padding: 25px 10px;
	overflow: hidden;
}

#foot .links {
	text-align: center;
	margin: 30px 0;
	color: #006ee9;
}
#foot .links a { color: #fff; }
#foot .links a:hover { color: #90f8ff; }
#foot .links span { color: #90f8ff; }

#foot .etab {
	padding: 18px;
	height: 74px;
}
#foot .etab .bloc { width: 180px; float: left; }
#foot .etab .bloc h2 { margin: 0 0 10px 0; }
#foot .etab .bloc p { margin: 0; line-height: 180%; color: #777; font-size: 10px; }
#foot .etab .bloc p em { color: #ccc; }
#foot .etab .bloc p a { color: #ccc; }
#foot .etab .bloc p a:hover { color: #eee; }
#foot .etab .bloc.myf { float: right; width: 270px; }

#foot .legal { margin: 15px 10px; color: #6dc6dc; }
#foot .legal a { color: #90f8ff; }
#foot .legal a:hover { color: #fff; }
#foot .legal .design { float: right; }
#foot .legal .copyright { float: left; }

a.facebook {font-size:11px; font-weight:bold; margin-top:85px; text-indent:25px; display:inline-block; width:200px; line-height:18px; background-image: url("../media/share-facebook.gif"); border-color: #29447e; color: #fff !important; }