/*
	CSS pour Gros Cerveaux - Principal
	Tom - egzakt.com
	2009-10-22
*/

/* @group Principal */

body {
	font:75%/130% Arial, Verdana, sans-serif;
	margin:0;
	color:#ffffff;
	background-color: #003C66;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#000;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#cb0033;
}

img {
    border:0;
}

img.over {
	position:absolute;
	visibility:hidden;
}
a#voir_photos_bouton:hover,
a#participer_bouton_blanc:hover,
a#participer_bouton:hover,
a#btn_photos:hover,
a#voir_videos_bouton:hover {
	background:none; /* Pour IE6 réactivité :hover .over */
}

a#voir_photos_bouton:hover .over,
a#participer_bouton_blanc:hover .over,
a#participer_bouton:hover .over,
a#btn_photos:hover .over,
a#voir_videos_bouton:hover .over {
	visibility:visible;
}

.float-right {
	float: right;
}

.centre {
	text-align: center;
}

#wrapper #contenu .rose {
	font-weight: bold;
	color: #E11976;
}

/* @end */

/* @group Wrapper */

#wrapper {
	position: relative;
    width:960px;
    margin:0 auto;
    background: url('/images/tuiles/background.jpg') no-repeat top left;
}



/* @end */

/* @group Entête */

/* @group Logo */

#wrapper #entete .logo {
	position: absolute;
	left: 118px;
	top: 50px;
}

/* @end */

/* @group Cerveau */

#wrapper #entete #cerveau {
	position: absolute;
	width: 300px;
	height: 240px;
	top: 0px;
	left: 325px;
	/*background: url('/images/tuiles/cerveau.png') top center no-repeat;*/
}

/* @end */

/* @group Menu */

#wrapper #entete .menu {
	position: absolute;
	right: 90px;
	top: 10px;
}

#wrapper #entete .menu ul {
	margin: 0;
	padding: 0;
}

#wrapper #entete .menu ul li {
	display: inline;
	list-style-type: none;
	font-size: 0.95em;
}

#wrapper #entete .menu ul li a {
	color: #ffffff;
	text-decoration: none;
}

#wrapper #entete .menu ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* @end */

/* @group Suivez nous sur */

#wrapper #entete .suivez {
	position: absolute;
	top: 60px;
	right: 90px;
	width: 140px;
	height: 55px;
	background: url('/images/tuiles/suivez.gif') top left no-repeat;
}

#wrapper #entete .suivez .boutons {
	margin-top: 9px;
	margin-left: 7px;
}

#wrapper #entete .suivez .boutons img {
	margin-left: 9px;
}

#wrapper #entete .suivez .texte {
	margin-top: 3px;
	margin-left: 8px;
	font-weight: bold;
}

/*#wrapper #entete .suivez .boutons a img {
	    opacity: 0.75;
}

#wrapper #entete .suivez .boutons a:hover img {
	    opacity: 1;
}*/

#wrapper #entete .suivez .texte {
	text-transform: uppercase;
	font-size: 0.85em;
}

/* @end */

#wrapper #entete {
	height: 208px;
	position: relative;
}

/* @end */

/* @group Contenu */

.concours {
	position: absolute;
	z-index: 999;
}

/* @group Vidéos */

/* @group Coda Slider */

/* @group Pager */

.coda-nav ul {
	clear: both;
	overflow: hidden;
	text-align: center;
	height: 14px;
	padding: 0;
	margin: 0;
	width: 730px !important;
}

.coda-nav ul li {
	list-style-type: none;
	padding-left: 5px;
	display: inline;
}

.coda-nav ul li a {
	width: 14px;
	height: 14px;
	display: inline-table;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.08em;
}

.coda-nav ul li a.current {
	background: #FFE85F url('/images/tuiles/pager_selected.gif') !important;
	background: #FFE85F;
	color: #003C66;
}

/* @end */

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 800px;
}

.coda-slider-wrapper {
	clear: both;
	overflow: hidden;
}

.coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
}

.coda-slider .panel {
	display: block;
	float: left;
}

.coda-slider .panel-container {
	position: relative;
}

.coda-nav-left a {
	font-size: 0pt;
	display: block;
	position: absolute;
	left: 88px;
	top: 287px;
	width: 37px;
	height: 481px;
	background: url('/images/tuiles/degrade_gauche.png') top left no-repeat;
	text-decoration: none;
	z-index: 999;
}

.coda-nav-left a:hover {
	background: url('/images/tuiles/degrade_gauche_hover.png') top left no-repeat;
}

.coda-nav-right a {
	font-size: 0pt;
	display: block;
	position: absolute;
	right: 92px;
	left: 0px;
	margin-left:831px;
	top: 287px;
	width: 37px;
	height: 481px;
	background: url('/images/tuiles/degrade_droite.png') top left no-repeat;
	text-decoration: none;
	z-index: 999;
}

.coda-nav-right a:hover {
	background: url('/images/tuiles/degrade_droite_hover.png') top left no-repeat;
}

.coda-slider-wrapper {
}

/* @end */
#wrapper #contenu .coda-slider-wrapper .coda-slider .panel .panel-wrapper .videos {
	margin-left: 30px;
}

#wrapper #contenu .coda-slider-wrapper .coda-slider .panel .panel-wrapper .videos .video {
	width: 217px;
	float: left;
	margin: 15px 10px 5px 10px;
}

#wrapper #contenu .coda-slider-wrapper .coda-slider .panel .panel-wrapper .videos .video span {
	margin-left: 6px;
}

#wrapper #contenu .coda-slider-wrapper .coda-slider .panel .panel-wrapper .videos .video .haut {
	height: 4px;
	margin-bottom: 0px !important; margin-bottom: -11px;
	background: url('/images/tuiles/bloc_video_top.gif') top left no-repeat;
}

#wrapper #contenu .coda-slider-wrapper .coda-slider .panel .panel-wrapper .videos .video .bas {
	height: 17px;
	background: url('/images/tuiles/bloc_video_bottom.gif') top left no-repeat;
}

#wrapper #contenu .coda-slider-wrapper .coda-slider .panel .panel-wrapper .videos .video .contenu {
	background-color: #0096D7;
	padding: 13px;
	padding-left: 18px;
	height: 190px;
}
#wrapper #contenu .coda-slider-wrapper .coda-slider .panel .panel-wrapper .videos .video .contenu h2 {
	margin: 5px 0 5px 0;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	color: #ffffff;
	margin-left: 6px;
}

#wrapper #contenu .coda-slider-wrapper .coda-slider .panel .panel-wrapper .videos .video .contenu a {
	text-decoration: none;
	color: #FFE85F;
	font-size: 1.08em;
}
/* @end */

/* @group Bloc Flickr */

#wrapper #contenu .flickr {
	width: 345px;
	float: right;
	margin-top: 15px;
	color: #000000;
}

#wrapper #contenu .flickr .haut {
	height: 4px;
	margin-bottom: 0px !important; margin-bottom: -11px;
	background: url('/images/tuiles/bloc_blanc_top.gif') top left no-repeat;margin-top:3px
}

#wrapper #contenu .flickr .bas {
	height: 17px;
	background: url('/images/tuiles/bloc_blanc_bottom.gif') top left no-repeat;
}

#wrapper #contenu .flickr .contenu {
	background-color: #ffffff;
	padding: 13px;
	padding-bottom: 8px;
}
#wrapper #contenu .flickr .contenu h3 {
	margin: 0 0 5px 0;
	font-size: 1.83em;
	line-height: 1.125em;
	font-weight: bold;
	color: #0096D7;
}

/* @end */

/* @group Bloc twitter */

#wrapper #contenu .blocs_gauche .twitter {
	width: 345px;
	float: right;
	margin-top: 15px;
}

#wrapper #contenu .blocs_gauche .twitter .haut {
	height: 4px;
	margin-bottom: 0px !important; margin-bottom: -11px;
	background: url('/images/tuiles/bloc_bleu_top.gif') top left no-repeat;
}

#wrapper #contenu .blocs_gauche .twitter .bas {
	height: 56px;
	background: url('/images/tuiles/bloc_bleu_bottom.gif') top left no-repeat;
}

#wrapper #contenu .blocs_gauche .twitter .contenu {
	background-color: #0096D7;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.125em;
	padding: 13px;
	padding-bottom: 10px;
	position: relative;
}

#wrapper #contenu .blocs_gauche .twitter .contenu h4 {
	color: #003C66;
	font-weight: bold;
	font-size: 1.25em;
	margin: 0;
}

#wrapper #contenu .blocs_gauche .twitter .contenu h5 {
	color: #FFE85F;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	margin-top: 5px;
}

#wrapper #contenu .blocs_gauche .twitter .contenu .tweet {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 0.92em;
	margin: 5px 0;
	display: block;
}

#wrapper #contenu .blocs_gauche .twitter .contenu a {
	color: #FFE85F;
	text-decoration: underline;
	font-size: 0.83em;
}

#wrapper #contenu .blocs_gauche .twitter .contenu a:hover {
	color: #ffffff;
}

#wrapper #contenu .blocs_gauche .twitter .contenu ul {
	padding: 0;
	margin: 0;
}

#wrapper #contenu .blocs_gauche .twitter .contenu ul li {
	list-style-type: none;
}

#wrapper #contenu .blocs_gauche .twitter .contenu #retweet {
	position: absolute;
	bottom: -35px !important; bottom: 25px;
	background: url('/images/boutons/twitter.gif') top left no-repeat;
	height: 24px;
	padding-left: 28px;
}

#wrapper #contenu .blocs_gauche .twitter .contenu #retweet a {
	font-size: 0.75em;
	color: #ffffff;
	text-decoration: underline;
}

#wrapper #contenu .blocs_gauche .twitter .contenu #retweet a:hover {
	color: #FFE85F;
}

/* @end */

/* @group Boutons */

#wrapper #contenu a#voir_photos_bouton {
  margin-top:15px;
}

#wrapper #contenu a#voir_videos_bouton,
#wrapper #contenu a#btn_photos {
  margin-top:10px;
}

/*#wrapper #contenu a#participer_bouton {
  margin-top: 12px;
  text-decoration: none;
  width: 125px;
  height: 36px;
  display: block;
  background: url('/images/boutons/participer_off.gif') top left no-repeat;
}
*/
label {
  color:#fff;
  display:block;
}

/*#wrapper #contenu a#participer_bouton:hover {
  background: url('/images/boutons/participer_hover.gif') top left no-repeat;
}
*/
/* @end */

/* @group Bloc jaune */

/* @group Partager */

#wrapper #contenu .bloc_jaune .contenu #partager {
	margin-top: 8px;
	left: 150px;
	position: absolute;
}

/* @end */

#wrapper #contenu .bloc_jaune {
	width: 345px;
	float: left;
}

#wrapper #contenu .bloc_jaune .haut {
	height: 4px;
	margin-bottom: 0px !important; margin-bottom: -11px;
	background: url('/images/tuiles/bloc_jaune_top.gif') top left no-repeat;
}

#wrapper #contenu .bloc_jaune .bas {
	height: 17px;
	background: url('/images/tuiles/bloc_jaune_bottom.gif') top left no-repeat;
}

#wrapper #contenu .bloc_jaune .contenu {
	background-color: #FFE85F;
	color: #003C66;
	font-size: 1.5em;
	line-height: 1.125em;
	padding: 13px;
	padding-bottom: 6px;
	position: relative;
}

#wrapper #contenu .bloc_jaune .contenu .participe {
	margin-bottom: 4px;
}

#wrapper #contenu .bloc_jaune .contenu a {
	font-size: 0.7em;
	color: #003C66;
}

#wrapper #contenu .bloc_jaune .contenu a:hover {
	color: #000000;
}

#wrapper #contenu .bloc_jaune .contenu p {
	margin-top: 15px;
}

#wrapper #contenu .bloc_jaune .contenu #details_des_prix {
	margin-left: 5px;
}

/* @end */

/* @group Bloc rose */

#wrapper #contenu .bloc_rose {
	width: 345px;
	float: right;
}

#wrapper #contenu .bloc_rose .haut {
	height: 4px;
	margin-bottom: 0px !important; margin-bottom: -11px;
	background: url('/images/tuiles/bloc_rose_top.gif') top left no-repeat;
}

#wrapper #contenu .bloc_rose .bas {
	height: 17px;
	background: url('/images/tuiles/bloc_rose_bottom.gif') top left no-repeat;
}

#wrapper #contenu .bloc_rose .contenu {
	background-color: #E36A92;
	height: 330px;
	color: #FFE85F;
	font-size: 1.5em;
	line-height: 1.125em;
	padding: 13px;
}
#wrapper #contenu .bloc_rose .contenu .jaune {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 10px;
}

/* @end */

/* @group Petits blocs */

#wrapper #contenu .blocs_gauche {
	float: left;
	margin-top: 15px;
	width: 345px;
}

#wrapper #contenu .blocs_gauche .bloc_bleu_gauche {
	width: 160px;
	float: left;
}

#wrapper #contenu .blocs_gauche .bloc_bleu_droite {
	width: 160px;
	float: right;
}

#wrapper #contenu .blocs_gauche .bloc_bleu_gauche .haut, #wrapper #contenu .blocs_gauche .bloc_bleu_droite .haut {
	height: 4px;
	margin-bottom: 0px !important; margin-bottom: -11px;
	background: url('/images/tuiles/pbloc_bleu_top.gif') top left no-repeat;
}

#wrapper #contenu .blocs_gauche .bloc_bleu_gauche .bas, #wrapper #contenu .blocs_gauche .bloc_bleu_droite .bas {
	height: 17px;
	background: url('/images/tuiles/pbloc_bleu_bottom.gif') top left no-repeat;
}

#wrapper #contenu .blocs_gauche .bloc_bleu_gauche .contenu, #wrapper #contenu .blocs_gauche .bloc_bleu_droite .contenu {
	background-color: #00659F;
	color: #ffffff;
	font-size: 1.12em;
	line-height: 1.2em;
	padding: 10px 20px 15px 20px;
}

#wrapper #contenu .blocs_gauche .bloc_bleu_gauche .contenu a, #wrapper #contenu .blocs_gauche .bloc_bleu_droite .contenu a {
	color: #FFE85F;
	text-decoration: underline;
}

#wrapper #contenu .blocs_gauche .bloc_bleu_gauche .contenu a:hover, #wrapper #contenu .blocs_gauche .bloc_bleu_droite .contenu a:hover {
	color: #000000;
}

#wrapper #contenu .blocs_gauche .bloc_bleu_gauche .contenu h6, #wrapper #contenu .blocs_gauche .bloc_bleu_droite .contenu h6 {
	font-size: 1.4em;
	margin: 0;
	margin-bottom: 4px;
}
/* @end */

#wrapper #contenu {
	width: 720px;
	margin-top: 50px;
	margin-left: 88px;
	min-height: 500px;

	padding: 0 30px 0 30px;
}

#wrapper #contenu.video {
	width: 765px;
	margin-top: 50px;
	margin-left: 63px !important; margin-left: 54px;
	padding: 0 30px 0 30px;
}

/* @end */

/* @group Pied */

/* @group Suivez */

#pied .suivez {
	position: absolute;
	left: 118px;
	bottom: 10px;
	background: url('/images/tuiles/suivez_footer.gif') no-repeat top left;
	width: 230px;
	height: 40px;
	padding: 14px 0 14px 10px;
}

#pied .suivez span {
	font-size: 0.83em;
}

#pied .suivez div {
	position: absolute;
	width: 200px;
	left: 122px;
	bottom: 31px;
}

#pied .suivez img {
	margin-right: 10px;
}

/* @end */

#wrapper #pied {
    height:200px;
    background: url('/images/tuiles/background_bottom.jpg') no-repeat;
    position: relative;
}

#wrapper #pied .egzakt {
	position: absolute;
	bottom: 49px;
	right: 100px;
}

#wrapper #pied .egzakt a {
	color: #ffffff;
	text-decoration: none;
	font-size: 0.83em;
}

/* @end */

/* @group Slideshow */

#slideshow {
    position:relative;
    background-color: #ffffff;
}

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0;
}

#slideshow a.active {
    z-index:10;
    opacity:1.0;
}

#slideshow a.last-active {
    z-index:9;
    opacity:0;
}

/* @end */

/* . . . TWITTER . . . */
#twitter-content{position:relative;width:346px;height:368px;margin:-15px 0 0 0;z-index:100}
#twitter-content #top{width:216px;height:49px;background:url('../images/twitter/twitter-top-bg.jpg') no-repeat;padding:115px 0 0 130px}
#twitter-content #top a{font:14px Arial, Helvetica, sans-serif;color:#00659f}
#twitter-content #bottom{width:346px;height:204px;background:url('../images/twitter/twitter-bottom-bg.jpg') no-repeat;padding:0 0 0 37px}
#twitter-content #bottom #twitts{width:224px;height:165px;font:12px Arial, Helvetica, sans-serif;color:#00659f;padding:3px 23px 0 23px}