/* ------------------------------------------------------------
	0. RESET CSS
------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:11px;
}

body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

:focus {
outline: 0;
}

ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/* ------------------------------------------------------------
	1. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body {
color:#767676;
line-height:15px;
}
 
h1 { }
h2 {
color:#d4330d; 
background:url(../images/fond/content/bg_h2.gif) no-repeat center bottom;
padding:20px 0 35px 0;
}
h3 {
clear:both;
color:#81bc00;
font-size:18px;
background:url(../images/fond/content/bg_h3.gif) repeat-x left bottom;
padding:10px 0 10px 0;
margin:10px 0;
}
h4 {
display:inline;
color:#d4330d;
font-size:13px;
background:url(../images/fond/content/line.gif) repeat-x left bottom;
padding:0 0 5px 0;
margin:5px 0;
}
h5 { }
h6 { }

p { margin:10px 0; text-align:justify; }
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { margin:10px 0; }
li { 
margin:5px; 
background:url(../images/fond/content/puce_green.gif) no-repeat 0 5px;
padding:0 0 0 12px;
text-align:justify;
zoom:1;
 }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a {
text-decoration:underline;
color:#81bc00;
font-weight:bold;
font-size:inherit;
}
a:link { }
a:visited { }
a:hover {
color:#d4330d;
}
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }

/* ------------------------------------------------------------
	2. STRUCTURE
------------------------------------------------------------- */

html{
background:#81bc00 url(../images/fond/bg.jpg) repeat-x 0 0;
height:100%;
}

div#bg-bottom{ 
background:url(../images/fond/bg_bottom.gif) no-repeat center bottom;
min-width:990px;
}

div#bg-middle{
background:url(../images/fond/bg_middle.gif) repeat-y center bottom;
min-width:990px;
}

div#bg-top{
background:url(../images/fond/bg_top.jpg) no-repeat center top;
min-width:990px;
}

div#centring{
width:990px;
margin:0 auto;
position:relative;
}

div#footer{
width:865px;
margin:0 auto;
}

div#footer p, div#footer a{
color:#bfed5d;
font-weight:normal;
text-decoration:none;
margin:3px 0;
}

div#menu{
width:241px;
float:left;
padding:0 0 0 61px;
}

div#menu ul{
width:190px;
padding:20px 37px 0 14px;
}

div#menu ul li{
width:190px;
height:40px;
background:url(../images/menu/bg_link.gif) repeat-x left bottom;
padding:0;
margin:0;
}

div#menu ul li a{
display:block;
width:190px;
font-size:13px;
color:#979992;
text-decoration:none;
background:url(../images/menu/puce.gif) no-repeat right -18px;
line-height:40px;
font-weight:normal;
}

div#menu ul li a:hover{
color:#ffda50;
background:url(../images/menu/puce.gif) no-repeat right 18px;
}

div#ban{
width:990px;
height:119px;
position:relative;
}

div#container-logos{
position:absolute;
bottom:10px;
left:73px;
zoom:1;
}

div#flash-1{
width:392px;
height:338px;
position:absolute;
top:0;
right:10px;
z-index:1;
}

div#flash-2{
width:602px;
height:847px;
border:1px solid silver;
}

a#logo{
display:block;
width:322px;
height:64px;
position:absolute;
top:10px;
left:80px;
text-align:left;
text-indent:-5000px;
overflow:hidden;
}

div#container-content{
width:627px;
float:left;
position:relative;
z-index:2;
}

div#content-bg{
width:627px;
background:#fff url(../images/fond/bg_content_bottom.gif) no-repeat right bottom;
padding:0 0 10px 0;
}

div#content-bg-top{
width:627px;
height:10px;
background:url(../images/fond/bg_content_top.gif) no-repeat 0 0;
line-height:5px;
}

div#content{
width:627px;
background:url(../images/fond/bg_content_top.gif) no-repeat 0 -10px;
min-height:812px; /*à gérer*/
}

/* ------------------------------------------------------------
	2. HOME
------------------------------------------------------------- */
div#home{
width:605px;
padding:0 11px;
}

/* ------------------------------------------------------------
	3. REGLEMENT CONCOURS
------------------------------------------------------------- */
div#reglementconcours{
width:543px;
padding:0 42px;
position:relative;
}



/* ------------------------------------------------------------
	4. COMMENT PARTICIPER
------------------------------------------------------------- */
div#commentparticiper{
width:543px;
padding:0 42px;
}

/* ------------------------------------------------------------
	5. BULLETIN INSCRIPTION
------------------------------------------------------------- */
div#bulletininscription{
width:543px;
padding:0 42px;
}

div#bulletininscription img.bulletin{
margin-top:10px;
}

/* ------------------------------------------------------------
	6. LOTS
------------------------------------------------------------- */
div#lots{
width:607px;
padding:0 10px;
}
div#lots h2{
padding:20px 42px 35px 42px;
}

/* ------------------------------------------------------------
	7. TRIA MARQUEURS
------------------------------------------------------------- */
div#triamarqueurs{
width:543px;
padding:0 42px;
}

/* ------------------------------------------------------------
	8. TRIA COULEURS
------------------------------------------------------------- */
div#triacouleurs{
width:543px;
padding:0 42px;
}

/* ------------------------------------------------------------
	9. PROMARKER
------------------------------------------------------------- */
div#promarker{
width:543px;
padding:0 42px;
}

div#promarker div.screentone {
height:117px;
position:relative;
width:83px;
float:left;
padding:0 25px;
}

div#promarker div.screentone a {
cursor:default;
height:117px;
position:absolute;
width:83px;
text-align:left;
text-indent:-500px;
overflow:hidden;
}

div#promarker div.screentone a:hover {
height:234px;
left:-16px;
top:-58px;
width:165px;
z-index:1000;
}

div#promarker div.screentone a.s1:hover {
background: url(../images/illustr/screentone/screentone1.jpg) no-repeat scroll left top;
}
div#promarker div.screentone a.s1 {
background:url(../images/illustr/screentone/thumb_screentone1.jpg) no-repeat scroll left top;
}

div#promarker div.screentone a.s2:hover {
background: url(../images/illustr/screentone/screentone2.jpg) no-repeat scroll left top;
}
div#promarker div.screentone a.s2 {
background:url(../images/illustr/screentone/thumb_screentone2.jpg) no-repeat scroll left top;
}

div#promarker div.screentone a.s3:hover {
background: url(../images/illustr/screentone/screentone3.jpg) no-repeat scroll left top;
}
div#promarker div.screentone a.s3 {
background:url(../images/illustr/screentone/thumb_screentone3.jpg) no-repeat scroll left top;
}

div#promarker div.screentone a.s4:hover {
background: url(../images/illustr/screentone/screentone4.jpg) no-repeat scroll left top;
}
div#promarker div.screentone a.s4 {
background:url(../images/illustr/screentone/thumb_screentone4.jpg) no-repeat scroll left top;
}

div#promarker div.comicfont {
height:121px;
position:relative;
width:116px;
float:left;
padding:0 35px;
}

div#promarker div.comicfont a {
cursor:default;
height:121px;
position:absolute;
width:116px;
text-align:left;
text-indent:-500px;
overflow:hidden;
}

div#promarker div.comicfont a:hover {
height:243px;
left:-24px;
top:-61px;
width:234px;
z-index:1000;
}

div#promarker div.comicfont a.c1:hover {
background: url(../images/illustr/comicfont/comicfont1.jpg) no-repeat scroll left top;
}
div#promarker div.comicfont a.c1 {
background:url(../images/illustr/comicfont/thumb_comicfont1.jpg) no-repeat scroll left top;
}

div#promarker div.comicfont a.c2:hover {
background: url(../images/illustr/comicfont/comicfont2.jpg) no-repeat scroll left top;
}
div#promarker div.comicfont a.c2 {
background:url(../images/illustr/comicfont/thumb_comicfont2.jpg) no-repeat scroll left top;
}

div#promarker div.digitaltone {
height:117px;
position:relative;
width:83px;
float:left;
padding:0 25px;
}

div#promarker div.digitaltone a {
cursor:default;
height:117px;
position:absolute;
width:83px;
text-align:left;
text-indent:-500px;
overflow:hidden;
}

div#promarker div.digitaltone a:hover {
height:234px;
left:-16px;
top:-58px;
width:165px;
z-index:1000;
}

div#promarker div.digitaltone a.s1:hover {
background: url(../images/illustr/digitaltone/digitaltone1.jpg) no-repeat scroll left top;
}
div#promarker div.digitaltone a.s1 {
background:url(../images/illustr/digitaltone/thumb_digitaltone1.jpg) no-repeat scroll left top;
}

div#promarker div.digitaltone a.s2:hover {
background: url(../images/illustr/digitaltone/digitaltone2.jpg) no-repeat scroll left top;
}
div#promarker div.digitaltone a.s2 {
background:url(../images/illustr/digitaltone/thumb_digitaltone2.jpg) no-repeat scroll left top;
}

div#promarker div.digitaltone a.s3:hover {
background: url(../images/illustr/digitaltone/digitaltone3.jpg) no-repeat scroll left top;
}
div#promarker div.digitaltone a.s3 {
background:url(../images/illustr/digitaltone/thumb_digitaltone3.jpg) no-repeat scroll left top;
}

div#promarker div.digitaltone a.s4:hover {
background: url(../images/illustr/digitaltone/digitaltone4.jpg) no-repeat scroll left top;
}
div#promarker div.digitaltone a.s4 {
background:url(../images/illustr/digitaltone/thumb_digitaltone4.jpg) no-repeat scroll left top;
}

div#promarker div.manga1 {
height:139px;
position:relative;
width:63px;
float:left;
padding:0 55px;
}

div#promarker div.manga1 a {
cursor:default;
height:139px;
position:absolute;
width:63px;
text-align:left;
text-indent:-500px;
overflow:hidden;
}

div#promarker div.manga1 a:hover {
height:278px;
left:21px;
top:-58px;
width:126px;
z-index:1000;
}

div#promarker div.manga1 a.s1:hover {
background: url(../images/illustr/manga/manga1.jpg) no-repeat scroll left top;
}
div#promarker div.manga1 a.s1 {
background:url(../images/illustr/manga/thumb_manga1.jpg) no-repeat scroll left top;
}

div#promarker div.manga1 a.s2:hover {
background: url(../images/illustr/manga/manga2.jpg) no-repeat scroll left top;
}
div#promarker div.manga1 a.s2 {
background:url(../images/illustr/manga/thumb_manga2.jpg) no-repeat scroll left top;
}

div#promarker div.manga1 a.s3:hover {
background: url(../images/illustr/manga/manga3.jpg) no-repeat scroll left top;
}
div#promarker div.manga1 a.s3 {
background:url(../images/illustr/manga/thumb_manga3.jpg) no-repeat scroll left top;
}

div#promarker div.manga2 {
height:90px;
position:relative;
width:90px;
float:left;
padding:0 41px;
}

div#promarker div.manga2 a {
cursor:default;
height:90px;
position:absolute;
width:90px;
text-align:left;
text-indent:-500px;
overflow:hidden;
}

div#promarker div.manga2 a:hover {
height:180px;
left:-4px;
top:-58px;
width:180px;
z-index:1000;
}

div#promarker div.manga2 a.s1:hover {
background: url(../images/illustr/manga/manga4.jpg) no-repeat scroll left top;
}
div#promarker div.manga2 a.s1 {
background:url(../images/illustr/manga/thumb_manga4.jpg) no-repeat scroll left top;
}

div#promarker div.manga2 a.s2:hover {
background: url(../images/illustr/manga/manga5.jpg) no-repeat scroll left top;
}
div#promarker div.manga2 a.s2 {
background:url(../images/illustr/manga/thumb_manga5.jpg) no-repeat scroll left top;
}

div#promarker div.manga2 a.s3:hover {
background: url(../images/illustr/manga/manga6.jpg) no-repeat scroll left top;
}
div#promarker div.manga2 a.s3 {
background:url(../images/illustr/manga/thumb_manga6.jpg) no-repeat scroll left top;
}

div#promarker div.screentone a:hover,
div#promarker div.comicfont a:hover,
div#promarker div.digitaltone a:hover,
div#promarker div.manga1 a:hover,
div#promarker div.manga2 a:hover {
border:1px solid #d9d9d9;
}



/* ------------------------------------------------------------
	10. GAGNANTS 2007
------------------------------------------------------------- */
div#gagnants2007{
width:543px;
padding:0 42px;
}

div#gagnants2007 div.gagnant2007{
text-align:center;
width:260px;
float:left;
padding:20px 0;
}

div#gagnants2007 div.gagnant2007 p{
text-align:center;
}

/* ------------------------------------------------------------
	11. GAGNANTS 2008
------------------------------------------------------------- */
div#gagnants2008{
width:543px;
padding:0 42px;
}

div#gagnants2008 div.gagnant2008{
text-align:center;
width:260px;
float:left;
padding:20px 0;
}

div#gagnants2008 div.gagnant2008 p{
text-align:center;
}

/* ------------------------------------------------------------
	12. MENTIONS
------------------------------------------------------------- */
div#mentions{
width:543px;
padding:0 42px;
}

div#mentions p.conformement {
color:#999999;
font-size:9px;
line-height:11px;
padding:10px 0 0;
}

/* ------------------------------------------------------------
	13. CONTACT
------------------------------------------------------------- */
div#contact{
width:543px;
padding:0 42px;
}

div#contact div.bg_form {
display:block;
background:url(../images/fond/bg_contact.jpg) no-repeat -68px 0;
padding:48px 0 10px 0;
zoom:1;
}

div#contact p {
margin:0;
padding:2px 0;
}

div#contact label.lbleft {
float:left;
margin:0 10px 0 0;
text-align:right;
width:127px;
}

div#contact input.text {
border:1px solid #CCCCCC;
color:#6F6060;
font-size:11px;
margin:0;
text-indent:3px;
width:280px;
}

div#contact textarea {
border:1px solid #CCCCCC;
color:#6F6060;
font-family:"Trebuchet MS",sans-serif;
font-size:11px;
padding:0 3px;
width:274px;
}

div#contact p.conformement {
color:#999999;
font-size:9px;
line-height:11px;
padding:10px 0 0;
}

/* ------------------------------------------------------------
	14. POINTS DE VENTE
------------------------------------------------------------- */
div#pointsdevente {
width:543px;
padding:0 42px;
}

div#pointsdevente div.magasin {
padding:20px 25px;
background:url(../images/menu/bg_link.gif) repeat-x scroll left bottom;
}

div#pointsdevente label.lbleft {
float:left;
margin:0 10px 0 0;
text-align:right;
width:127px;
}

div#pointsdevente input.text {
border:1px solid #81BC00;
color:#000;
font-size:11px;
margin:0;
text-indent:3px;
width:280px;
}

div#pointsdevente select {
border:1px solid #81BC00;
color:#000;
font-size:11px;
margin:0;
width:280px;
}

div#pointsdevente div.links {
text-align:center;
font-weight:bold;
color:#86c000;
}

div#pointsdevente div.links a {
text-decoration:none;
font-size:10px;
font-weight:bold;
color:#86c000;
padding:0 5px;
border:1px solid #86c000;
background:#f8ffcd;
}

div#pointsdevente div.links a:hover {
font-size:14px;
font-weight:bold;
color:#86c000;
padding:0 5px;
border:1px solid #86c000;
background:#e2f762;
}

div#pointsdevente div.links span {
font-size:14px;
font-weight:bold;
color:#86c000;
padding:0 5px;
border:1px solid #86c000;
background:#e2f762;
}

/* ------------------------------------------------------------
	X. ELEMENTS GENERAUX
------------------------------------------------------------- */

a.top{
color:#d4330d;
text-decoration:none;
float:right;
display:block;
width:85px;
height:18px;
background:url(../images/fond/content/back_top.gif) no-repeat right top;
padding:20px 0 0 0;
font-weight:normal;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

a.top:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

h2 span.title {
display:block;
background:url(../images/fond/content/pict_1.gif) no-repeat 0 -2px;
padding: 0 0 0 60px;
}

h2 span.subtitle {
display:block;
text-align:center;
font-size:13px;
font-weight:normal;
}

div.se_1{
width:108px;
height:102px;
position:absolute;
top:14px;
left:502px;
}

div.se_2{
width:57px;
height:69px;
position:absolute;
top:66px;
left:557px;
}

div.se_3{
width:26px;
height:50px;
position:absolute;
top:110px;
left:410px;
}

div.se_4{
width:49px;
height:98px;
position:absolute;
top:162px;
left:50px;
}

div.se_5{
width:30px;
height:51px;
position:absolute;
top:274px;
left:534px;
}

div.se_6{
width:52px;
height:112px;
position:absolute;
top:19px;
left:534px;
}

div.se_7{
width:51px;
height:79px;
position:absolute;
top:498px;
left:77px;
}

div.se_8{
width:23px;
height:47px;
position:absolute;
top:94px;
left:524px;
}

div.se_9{
width:49px;
height:98px;
position:absolute;
top:589px;
left:26px;
}



/* ------------------------------------------------------------
	X. CLASSES
------------------------------------------------------------- */

.clear                      { clear:both; }
.turquoise                  { color:#61b6d1; font-weight:bold; }
.green                      { color:#81bc00; font-weight:bold; }
.bold_red					{ color:#D4330D; font-size:13px; font-weight:bold; }
.italic                     { font-style:italic; }
.center                     { text-align:center; }
.denied ul li               { color:#D4330D; font-weight:bold; background:none; }
.intro                      { font-weight:bold; }
.float_left                 { float:left ; }
.float_right                { float:right; }
.margin_10px 			    { margin:10px; }
.block                      { display:block; }