@import "globalDesign.css";

/* GLOBAL */

body {
	background: #1f1f1f;
}

.wrap {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}

#top {
	background: #111 url("../media/top.gif");
	border-bottom: 1px solid #333;
	height: 40px;
	overflow: hidden;
}
#top a.logo-small { float: left; }

#entete {
	background: #000 url("../media/entete.gif");
	overflow: hidden;
}
#entete .wrap { background: url("../media/entete-planete.png") 50% 0 no-repeat; height: 240px; }
#entete .flash_coverflow { margin: 0 auto; }

#menu {
	float: right;
	height: 40px;
	overflow: hidden;
}
#menu li {
	list-style-type: none;
	display: inline;
	margin: 0;
}
#menu li a { float: left; outline: none; }

#stripes { background: #fff url("../media/stripes.gif") top repeat-x; }
#content { background: url("../media/content.gif") bottom repeat-x; }
#content .wrap { width: 940px; padding: 5px 0 0 0; }

.sidebar { width: 170px; margin: 75px 10px 0; float: left; }
.sidebar ul.liste li { list-style-image : url("../media/guillemet.png"); }
.sidebar ul.liste li a { font-weight: bold; }
.sidebar p { margin: 0; }
.sidebar a { color: #444; }
.sidebar a:hover { color: #000; }
.sidebar a:active { color: #e12a1b; }
.sidebar label { display: block; font-size: 10px; font-weight: bold; color: #222; }
.sidebar input { background: url("../media/input.gif"); border: 1px solid #e1e1e1; padding: 2px; width: 164px; color: #666; }
.sidebar a.action-pagecom-login { float: right; color: #e12a1b; font-size: 11px; }
.sidebar a.action-pagecom-login:hover { color: #a71307; }

.container { width: 720px; margin: 0 10px 0 20px; float: left; }
.box { background: #f0f0f0 url("../media/container.gif") bottom no-repeat; border: 1px solid #e1e1e1; padding: 20px 25px 10px 25px; margin: 0 0 20px 0; }

h1.tagline { float: right; margin: 0 10px 20px; }

#legal {
	clear: both;
	padding: 10px;
	margin: 10px 0 0 0;
	font-size: 10px;
	color: #666;
	text-align: center;
	overflow: hidden;
}

#pied {
	background: url("../media/pied.png") repeat-x;
	color: #fff;
	line-height: 180%;
}
#pied .wrap { padding: 10px 0; width: 940px; }
#pied a.planete { float: left; margin: 0 20px 0 0; }
#pied .bloc { background: url("../media/bloc.gif") right repeat-y; float: left; width: 150px; padding: 5px 20px 5px 0; margin: 15px 10px 0; line-height: 160%; }
#pied .bloc h1 { margin: 0 0 10px 0; }
#pied .bloc li { list-style-type: none; }
#pied .bloc li span.active { color: #505050; }
#pied .bloc li span.active em { color: #e12a1b; font-style: normal; vertical-align: baseline; font-size: 13px; }
#pied .bloc a { color: #858585; }
#pied .bloc a:hover { color: #ccc; }
#pied .bloc p { margin: 0; color: #505050; }
#pied .bloc p strong { color: #858585; }
#pied .phrase { float: left; margin: 45px 0 0 20px; }


/* TEMPLATE */

a { color: #e12a1b; text-decoration: underline; }	
a:hover { color: #a71307; }
a.sbx { cursor: -moz-zoom-in; }
a.btn { margin: 0 10px; }
p { margin-bottom: 10px; }

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

h1.heading { margin: 20px 0; height: 40px; overflow: hidden; }
h1.title { background: url("../media/title.gif") bottom right no-repeat; padding: 20px 0; text-align: right; }
h2.subtitle { margin: 0 0 5px 0; text-align: right; border-bottom: 1px solid #e2e2e2; }

a.envoyer { display: inline-block; margin: 5px 0 10px 0; }

p.legend { font-size: 11px; font-style: italic; text-align: center; }
strong, strong * { font-weight: bold; }
em, em * { font-style: italic; }

ul.slideshow { overflow: hidden; position: relative; }
ul.slideshow li { position: absolute; top: 0; }

ul.liste li { list-style-image : url("../media/guillemet.png"); }

ul.galerie { text-align: center; }
ul.galerie li { list-style-type: none; display: inline; margin: 0 10px; }
ul.galerie li img { border: 1px solid #f00; }
ul.galerie li a:hover img { border-color: #0f0; }

ul.liste { margin: 0 0 10px 0; }
ul.liste li { margin: 0 0 0 20px; color: #0f0; }
ul.liste li p { margin: 0; color: #000; }

.img_left { float: left; margin: 5px 25px 0 0; }
.img_right { float: right; margin: 5px 0 0 25px; }
.img_left img, .img_right img { border: 1px solid #0f0; }

a.sharelink.facebook { background-image: url("../media/share-facebook.gif"); border-color: #29447e; color: #fff; }
a.sharelink.twitter { background-image: url("../media/share-twitter.gif"); border-color: #9dc3d3; color: #000; }

hr { height: 15px; border-bottom: 1px solid #ccc; margin: 0 0 15px 0; }