/*	------------------------------------------
/*	Corps de texte - Général
/*	------------------------------------------
*/
div, form, fieldset, input, select {
	margin:0px;
	padding:0px; 
}
div, form, fieldset {
	border:0px;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border: 0;
}
a.external {
	background: url(/design/external.gif) right no-repeat;
	padding-right:13px;
}
abbr, acronym, .help {
	cursor: help;
}
p.center {
	text-align:center;
}
.alert {
	color:#D4011D;
	font: bold 1.1em Arial, Verdana;
	margin-bottom:3px;
}

input.ok___, input.ok_, input.ok__ {
	background: url(/design/OK.gif) no-repeat bottom;
	font:bold 1.2em Arial Black, Arial;
	color:#B4CB15;	
	cursor: pointer;	
	border:0px;
	width:41px;
	height:20px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
input.ok___:hover {
	background: url(/design/OK2.gif) no-repeat bottom;
}
input.ok_ {
	background: url(/design/OK3.gif) no-repeat bottom;
}
input.ok_:hover {
	background: url(/design/OK4.gif) no-repeat bottom;
}
input.ok__ {
	background: url(/design/OK5.gif) no-repeat bottom;
}
input.ok__:hover {
	background: url(/design/OK6.gif) no-repeat bottom;
}

.white{
	color:#FFFFFF;
}
/*	------------------------------------------
/*	Corps Principal
/*	------------------------------------------
/* url(/design/fond.gif) repeat-y 50% 0
*/
body {
	background: #FFFFFF url(/design/bg-coeur.jpg) 50% 0;
	margin: 0px;
	padding: 0px;
	font: 100% Arial, Verdana, Helvetica;
	text-align: center;
}


div#site, div#site1, div#site2, div#site3, div#site4, div#site5, div#site6 {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	font-size: 70%;
	line-height: 150%;
}
div#site  {background: url(/design/fond-0.gif) repeat-y 0 0;}
div#site1 {background: url(/design/fond-1.gif) repeat-y 0 0;}
div#site2 {background: url(/design/fond-2.gif) repeat-y 0 0;}
div#site3 {background: url(/design/fond-3.gif) repeat-y 0 0;}
div#site4 {background: url(/design/fond-4.gif) repeat-y 0 0;}
div#site5 {background: url(/design/fond-5.gif) repeat-y 0 0;}

/* CSS Document

F7A915
F5A800  
Bord Bloc Orangé 
Bloc orangé F29400 
Fond Orange + F4A700
Fond orange F6BC00
Fond rouge D13D21
Fond Vert 57AA28
*/


/*	------------------------------------------
/*	Header - Pages intérieures
/*	------------------------------------------
*/
#header {
	height:101px;
}
#site  #header {background: url(/design/header-0.jpg) no-repeat ;}
#site1 #header {background: url(/design/header-1.jpg) no-repeat ;}
#site2 #header {background: url(/design/header-2.jpg) no-repeat ;}
#site3 #header {background: url(/design/header-3.jpg) no-repeat ;}
#site4 #header {background: url(/design/header-4.jpg) no-repeat ;}
#site5 #header {background: url(/design/header-5.jpg) no-repeat ;}

#header a {
	display:block;
	height:80px;
	width:100%;
	text-indent: -2000px;
	text-decoration: none;
}

#header ul {
	height:80px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#header li {
	margin:0;
	padding:0;
	float:left;
	width: 247px;
	height:80px;
}

#header #navi1 {
	width: 267px;
}
#header #navi2 {
	width: 227px;
}
#header #navi3 {
	width: 227px;
}
#header #navi4 {
	width: 267px;
}


/*	------------------------------------------
/*	Colonne principale - Home
/*	------------------------------------------
*/
#col4g, #col3g, #col1g {
	float: left;
	width: 738px;
	margin-top: 0px;
}
#col1g {
	width: 161px;
	overflow:hidden;
}
#col4g {
	width: 988px;
}
#col4g h1, #col3g h1 {
	font: italic 2.2em Arial, Verdana, Helvetica;
	text-align: center;
	color: #D4011D;
}
#col4g h2, #col3g h2 {
	font: bold 1.2em Arial, Verdana, Helvetica;
	color: #D4011D;
	margin:0px;
	margin-left:16px;
}
#col3g h3 {
	font: 1.6em Arial, Verdana, Helvetica;
	text-align: center;
	color: #D4011D;
}
#col1g h3 {
	font: 1.6em Arial, Verdana, Helvetica;
	text-align: center;
	color: #D4011D;
}
#col3g h4 {
	font: 1.3em Arial, Verdana, Helvetica;
	text-align: left;
	color: #D4011D;
}
#col1g h4 {
	font: 1.3em Arial, Verdana, Helvetica;
	text-align: left;
	color: #D4011D;
}

/* rajout de style */
#col3g a {
	text-align: left;
	color: #D4011D;
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration:none;
}
#col1g a {
	text-align: left;
	color: #D4011D;
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration:none;
}
#col3g a:hover {
	text-align: left;
	color: #D4011D;
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration:underline;
}
#col1g a:hover {
	text-align: left;
	color: #D4011D;
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration:underline;
}
/* fin rajout de style */

#col4g p, #col3g p, #col1g p {
	font-size: 1.1em;
	line-height: 150%;
}
#col1g h2 {
	font: 1em Arial Black, Verdana, Helvetica;
	color: #95BD0F;
	color: #D4011D;
	margin:4px;
	text-align:center;
}
#col1g p {
	color: #95BD0F;
	color: #D4011D;
	font-size: 1em;
	line-height: 1.3em;
	margin:4px;
	text-align:center;
	letter-spacing:-0.02em;
}
#col1g a {
	color: #D4011D;
/*	text-decoration:underline;*/
	font-weight:bold;
}

/*	------------------------------------------
/*	Style Barre de recherche
/*	------------------------------------------
*/

#btviral {
	background: url(/design/envoyer-ami.jpg) no-repeat 50% 0;
	float:right;
	margin-top:0px;
	margin-right:55px;
	width:150px;
	height:37px;
	padding-top:12px;
	color:#FFFFFF;
	font: bold 1.3em Arial, Verdana;

	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

#viralForm fieldset {
	text-align:left;
	padding:10px;
	margin-bottom:6px;
}
#viralForm label {	
	color:#AAAAAA;
	font: bold 1.1em Arial, Verdana, Helvetica;
	width:100px;
	float:left;
	padding-top:9px;
}
#viralForm input {
	width:340px;
	border:#AE1C21 3px solid;
	margin-top:5px;
}
#viralForm textarea, #viral input {
	font: 1em Arial, Verdana, Helvetica;
}
#viralForm input.ok {
	font:bold 1.2em Arial Black, Arial;
	color:#FFFFFF;
	background: url(/design/ok1.gif);
	height:39px;
	width:39px;
	border:0px solid;
	text-indent:-2000px;
}
#viralForm input.ok:hover {
	font:bold 1.2em Arial Black, Arial;
	color:#FFFFFF;
	background: url(/design/ok2.gif);
	height:39px;
	width:39px;
	border:0px solid;
	
}
#viralForm textarea {
	width:440px;
	margin-top:8px;
	border:#AE1C21 3px solid;
}

#moteur{
	width:709px;
	display:block;
	background: url(/design/search-top.gif) no-repeat top;
	margin-top:6px;
	margin-bottom:5px;
	margin-left:15px;
	margin-right:0px;
}
#moteur form {
	background: url(/design/search-bottom.gif) no-repeat bottom;
	padding:0px;
	min-height:22px;
	text-align:left;
}	
#moteur fieldset {
	padding:6px 0px;
	border:none;
}
#moteur select {
	color:#D4011D;
	font:bold 1.2em Arial, Verdana, Helvetica;
	width:138px;
	margin-left:10px;
	border:#000000 0px solid;
}
#moteur optgroup {
	color:#AAAAAA;
	font-style:oblique;
}
#moteur label {
	display:none;
}
#moteur input.ok {
	background: url(/design/ok1.gif) no-repeat bottom;
	font:bold 1.1em Arial Black, Arial;
	color:#AC1318;	
	text-indent:-5000px;
	cursor: pointer;	
	border:0px;
	width:39px;
	height:39px;
	text-align:center;
	text-transform:uppercase;
	margin-right:55px;
	margin-top:-4px;
	float:right;
}
#moteur input:hover {
	background: url(/design/ok2.gif) no-repeat bottom;
}

#liner {
	float:right;
	padding-top:15px;
	padding-right:17px;
	width:238px;
	color:#D4011D;
	font: bold 1.1em Arial, Verdana;
	text-align:center;
	word-spacing:1em;
}
#liner a {
	color:#D4011D;
	font: bold 1.1em Arial, Verdana;
}
#liner .active {
	font: bold 1.1em Arial, Verdana;
	color:#DBDEEB;
}

#pager {
	padding-top:15px;
	font: bold 1.1em Arial, Verdana;
	text-align:center;
	word-spacing:0.9em;
}
#pager a {
	color:#D4011D;
	font: bold 1.1em Arial, Verdana;
}
#pager .active {
	font: bold 1.1em Arial, Verdana;
	color:#DBDEEB;
}
/*	------------------------------------------
/*	Style des vignettes
/*	------------------------------------------
*/
#col4g div.float, #col3g div.float, #col1g div.float , #col2m div.float{
	width: 120px;
	height:152px;
	padding: 0px;
	float: left;
	text-align: center;
	z-index:0;
}

#col4g div.clear, #col4g div.spacer, #col3g div.clear, #col3g div.spacer, #col1g div.clear, #col1g div.spacer {
	display:block;
	clear: both;
	height:2px;
	font-size:0px; 
	line-height:0em;
}
div.spacer {
	border-top:#999999 1px solid;
}

#col4g div.float a, #col3g div.float a, #col1g div.float a , #col2m div.float a {
	padding-top: 10px;
	display:block;
	font-size: 10px;
	line-height:1.2em;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
}
/*
Avec le coeur...
div.float a span.popup {
	display:none;
	float:left;
	position:absolute;
	margin:0px;
	margin-top:-30px;
	margin-left:1px;
	width:139px;
	background:url(/design/vignette-top.gif) no-repeat 10% top;
	padding:0px;
	padding-top:30px;
}

div.float a span.popup span.popup2 {
	display:block;
	width:108px;
	background:url(/design/vignette-bottom.gif) no-repeat bottom;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:1.2em;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:30px;
}

#col4g div.float a:hover, #col3g div.float a:hover, #col1g div.float a:hover , #col2m div.float a:hover{
	text-decoration:none;
}
*/

div.float a span.popup {
	display:none;
	float:left;
	position:absolute;
	margin-top:100px;
	width:110px;
	background:url(/design/vignette-bottom.gif) no-repeat bottom;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:1.2em;
	padding:5px;
	padding-bottom:30px;
}
div.float a:hover span.popup {
	display:block;
}

#col4g div.float a:hover, #col3g div.float a:hover, #col1g div.float a:hover , #col2m div.float a:hover{
	text-decoration:none;
	background:url(/design/vignette-top2.gif) no-repeat top;
}

div.float span.barre{
	text-decoration:line-through;
}

#col3g div.container {
	margin-left: 7px;
	margin-right: 7px;
}
#col4g div.container {
	margin-left: 5px;
	margin-right: 22px;
}
#col1g div.container {
	margin-left: 20px;
	margin-right: 20px;
}

/*	------------------------------------------
/*	Page d'administration
/*	------------------------------------------
*/
/*
#col2m form fieldset label {
	width:127px;
	float:left;
	text-align:right;
}
#col2m form fieldset input[type=checkbox] {
	color:#FF0000;
	height:16px;
}
#col2m form fieldset input[type=text], #col2m form fieldset textarea {
	width:226px;
}
#col2m a {
	color:#BD007B;
}
*/
/*	------------------------------------------
/*	Colonne de droite - Home
/*	------------------------------------------
*/

#site #col1d, #site1 #col1d, #site2 #col1d, #site3 #col1d, #site4 #col1d {
	width: 250px;
	margin: 0px 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	overflow:hidden;
	text-align:center;
}

#site #col1d h2, #site1 #col1d h2, #site2 #col1d h2{
	font: bold 1.3em Arial, Verdana;
	color:#D4011D;
}
#site #col1d p, #site1 #col1d p, #site2 #col1d p{
	font: 1.1em Arial, Verdana;
}
#site #col1d img, #site1 #col1d img, #site2 #col1d img{
	margin-bottom:20px;
}


/*	------------------------------------------
/*	Colonne du mileu - Histoire & Blog
/*	------------------------------------------
*/
#site2 #col2m, #site3 #col2m {
	color : #FFFFFF;
	margin-left:166px;
	margin-right:264px;
	padding-top: 0px;
	padding-left:0px;
	padding-right:0px;
	line-height: 1.2em;
}
#site2 #col2m h1, #site3 #col2m h1 {
	text-indent:-5000px;
	color: #FFFFFF;
	font: 1.3em Arial Black, Verdana;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
}
#site3 #col2m h1 {
	background:url(/design/blog-h1.jpg);
	height:90px;
	margin:0px;
	margin-top:-5px;
	padding:0px;
}
#site2 #col2m h2, #site3 #col2m h2 {
	color: #66133D;
	font: 1.1em Arial Black, Verdana;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}
#site3 #col2m h2 {
	font-size:1.3em;
}

#site2 #col2m h3 {
	color: #FFFFFF;
	font: 1.0em Arial Black, Verdana;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:8px;
	padding-left:25px;
	padding-right:15px;
}
#site2 #col2m p, #site3 #col2m p {
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	
}



/*	------------------------------------------
/*	Blog
/*	------------------------------------------
*/

#site3 #col2m a {
	color:#F4C0CD;
}
#site3 #col2m small {
	padding-left:15px;
	padding-bottom:10px;
	display:block;
}
#site3 .post {
	background:url('/design/blog-hr-post.jpg') no-repeat bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}

#site3 #col1d #sidebar {
	color:#66133D;
}
#site3 #col1d #sidebar p {
	text-align:left;
}
#site3 #col1d #sidebar h2 {
	width:150px;
	height:77px;
	text-indent:-2000px;
}
#site3 #col1d #sidebar ul, #site3 #col1d #sidebar ul li {
	margin:0px;
	padding:0px;
}
#site3 #col1d #sidebar ul h2 {
	color:#FFFFFF;
	background:  none;
	width:226px;
	height:auto;
	text-indent:0px;
	overflow:hidden;
}
#site3 #col1d #sidebar ul li {
	text-align:left;
}
#site3 #col1d #sidebar ul  li a {
	color:#66133D;
}
textarea#comment {
	width: 520px;
}
/*	------------------------------------------
/*	Jeu
/*	------------------------------------------
*/
#site4 #col2m {

	margin-left:164px;
	margin-right:0px;
	padding-top: 0px;
	padding-left:0px;
	padding-right:0px;
}
#site4 #col2m #jeubizz {
	width:823px;
	margin-left:auto;
	margin-right:auto;
}
#site4 #col2m h1 {
	background : #FDD279 url(/design/fond-village.gif);
	text-indent:-5000px;
	height: 75px; 
	margin: 0px;
	padding:0px;
}
#site4 .intro {
	background : #FFFFFF url(/design/logo-jeu2.gif) no-repeat 10px 0;
	margin:0px;
	height:100px;
	padding-top:0px;
	padding-left:115px;
	text-align:center;
	font-size:1em;
}
#site4 .intro h2, #site4 #col2m .col1d h2 {
	margin:0px;
	padding-top:0px;
	color:#D4011D;
	font: bold 1.3em Arial;
	text-align:center;
}
#site4 .intro a {
	color:#D4011D;
}
#site4 .intro p {
	margin:0px;
	padding:0px;
	padding-top:4px;
	padding-bottom:2px;
	font-size:1.1em;
	
}
#site4 #col2m .col1d {
	width:230px;
	float:right;
	margin-top:-30px;
}

#site4 #col2m div.container {
	background:#FFFFFF;
	display:block;
	width:410px;
	height:410px;
	margin: 0px;
	margin-left:50px;
	text-align:center;
}
#site4 #col2m div.float {
	width: 204px;
	height: 204px;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: center;
}

#site4 #col2m div.float a{
	padding: 0px;
	margin: 0px;
	display:block;
}
#site4 #col2m div.float a:hover {
	background: none;
	text-decoration:none;
}

#site4 #col2m div.clear {
	display:block;
	height:2px;
	font-size:0px; 
	line-height:0em;
}





/*	------------------------------------------
/*	Inscription
/*	------------------------------------------
*/

#site5 #col3d, #site6 #col3d {
	background : #FFFFFF;
	margin-left:234px;
	margin-right:21px;
	padding:0px;
}
#site5 #col3d {
	min-height:560px;
}
#site5 #col3d h1, #site6 #col3d h1 {
	background : #FDD279 url(/design/fond-village.gif);
	text-indent:-5000px;
	height: 75px; 
	margin: 0px;
	padding:0px;
}
#site5 div.bloc2 {
	background:url(/design/cadre2-bottom.gif) no-repeat 13px bottom;
	padding:0px;
	margin:0px;
	padding-left:13px;
	padding-right:243px;
}
#site5 div.bloc1, #site6 div.bloc1 {
	width:213px;
	background:url(/design/cadre1-bottom.gif) no-repeat 0 bottom;
	padding:0px;
	margin:0px;
	padding-right:13px;
	float:right;
}
#site5 h2, #site6 div.bloc1 h2 {
	margin:0px;
	padding:0px;
	padding-top:7px;
	height:30px;
	color: #FFFFFF;
	font: bold 1.6em Arial, Verdana, Helvetica;
	text-align:center;
}
#site5 div.bloc2 h2 {
	background:url(/design/cadre2-top.gif) no-repeat 0 0;
}
#site5 div.bloc1 h2, #site6 div.bloc1 h2 {
	background:url(/design/cadre1-top.gif) no-repeat 0 0;
}

#site5 #col3d form, #site6 #col3d form {
	padding:10px;
	text-align:center;
}
#site5 #col3d div.alert,#site6 #col3d div.alert {
	padding:10px;
}
#site5 #col3d form fieldset {
	text-align:left;
}

#site5 #col3d form fieldset div.clear {
	display:block;
	clear:both;
	height:0px;
	font-size:0px; 
	line-height:0em;
	
}
#site5 #col3d div.bloc2 a {
	color:#D4011D;
}
#site5 #col3d div.bloc2 label {
	display:inline;
	float:left;
	width:130px;
	text-align:right;
}
#site5 #col3d div.bloc2 label.court {
	float:none;
}
#site5 #col3d div.bloc2 label.large {
	width: 430px;
	text-align:left;
}
#site5 #col3d div.bloc2 label.codeimage {
	width: 300px;
	text-align:right;
}
#site5 #col3d div.bloc2 input {
	margin-bottom:3px;
	width:312px;
}
#site5 #col3d div.bloc2 input.court {
	width: 20px;
}
#site5 #col3d div.bloc2 input.codeimage {
	width:145px;
}
#site5 #col3d div.bloc2 input.submit {
	width:60px;
}

#site5 #col3d div.bloc1 input, #site6 #col3d div.bloc1 input{
	margin-bottom:3px;
	width:180px;
}
#site5 #col3d div.bloc1 input.submit, #site6 #col3d div.bloc1 input.submit {
	width:80px;
}
#site5 #col3d div.bloc1 img, #site6 #col3d div.bloc1 img {
	float:left;
	margin:6px;
	margin-top:3px;
}

#site5 #col3d div.bloc1 a.fermer, #site6 #col3d div.bloc1 a.fermer  {
	background: url(/design/fermer.gif) no-repeat;
	display:block;
	float:right;
	width:23px;
	height:22px;
	margin-right:5px;
	text-indent:-4000px;
	color:#FFFFFF;
	font: bold 1.3em Arial, Verdana;
	letter-spacing:-0.1em;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
#site5 #col3d div.bloc1 a.fermer:hover, #site6 #col3d div.bloc1 a.fermer:hover  {
	background: url(/design/fermer-over.gif) no-repeat;
}
#site5 #col3d div.bloc1 a.bt, #site6 #col3d div.bloc1 a.bt  {
	background: url(/design/envoyer-ami.gif) no-repeat 50% 50%;
	display:block;
	margin-top:5px;
	margin-left:33px;
	margin-bottom:9px;
	width:150px;
	height:23px;
	padding-top:5px;
	color:#FFFFFF;
	font: bold 1.3em Arial, Verdana;
	letter-spacing:-0.1em;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
/*	------------------------------------------
/*	Categorie
/*	------------------------------------------
*/

#onglet {
	padding: 0px;
	margin-right: 17px;
	margin-left:13px;
}
#onglet a {
	display:block;
	margin: 0px;
	padding: 0px;
	width:100%;
	text-decoration: none;
}
#onglet ul {
	width:300px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	vertical-align:middle;
}
#onglet li, #onglet li.actif {
	margin: 0px;
	padding: 0px;
	float:left;
	width: 75px;
	height:75px;
	text-align:center;
	vertical-align:middle;
}
#onglet li.actif {
	width:75px;
}

#onglet li a {
}

#site6 #info {
	margin-left:14px;
}
#site6 #info p {
	font-size:1.1em;
}
#site6 #info a {
	color:#D4011D;
	font-size:1.1em;
}

#site6 div.blocd {

	width:216px;
	padding:0px;
	margin:0px;
	padding-right:12px;
	float:right;
}
#site6 div.blocd div.float {
	background:#EEEEEE;
	display:block;
	width:65px;
	height:65px;
	padding: 3px;
	margin: 0px;
	float: left;
	text-align: center;
	overflow:hidden;
}
#site6 #preview {
	background:#EEEEEE;
	display:block;
	width:480px;
	padding: 3px;
	margin:0px;
	margin-left: 9px;
	text-align: center;
	overflow:hidden;
}
/*	------------------------------------------
/*	Footer
/*	------------------------------------------
*/

#footer {
	height: 0px;
	clear: both;
}

#credits0, #credits1, #credits2, #credits3, #credits4 {
	color: #FFFFFF;
	font: bold 0.8em Arial, Verdana, Helvetica;
	text-align:center;
	width: 988px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	padding-top:20px;
}

#credits0 {background: url(/design/footer-0.png) no-repeat 0 0px;}
#credits1 {background: url(/design/footer-1.png) no-repeat 0 0px;}
#credits2 {background: url(/design/footer-2.png) no-repeat 0 0px;}
#credits3 {background: url(/design/footer-3.png) no-repeat 0 0px;}
#credits4 {background: url(/design/footer-4.png) no-repeat 0 0px;}

ul#credits {
	margin:0px;
	padding:0px;
}


ul#credits li {
	float:left;
	width:196px;
}
ul#credits a {
	color:#FFFFFF;
}
ul#credits a.hover {
	color:#FFFFFF;
}


/*	------------------------------------------
/*	Popup
/*	------------------------------------------
*/
	
body.popup, body.popup2, body.popup3 {
	font: 0.7em Arial, Verdana, Helvetica; 
	text-align:center;
	color:#000000; 
	background: url(/design/bg-coeur-pop.jpg) 50% 0;
	padding:0px;
	margin:0px;
}
body.popup div, body.popup2 div {
	margin:0px;
	padding:0px;
}

body.popup a {
	color:#D4011D;
	text-decoration:underline; 
}	
body.popup2 a, body.popup3 a {
	color:#D4011D;	
	text-decoration:underline; 
}	
#pophead {
	margin-top:0px;
	margin-bottom:-10px;
	margin-left:auto;
	margin-right:auto;
	width:478px;
	height:90px;
}
body.popup #pophead {
	background: url(/design/header-pop.jpg) no-repeat bottom;
} 
body.popup2 #pophead {
	background: url(/design/header-pop2.jpg) no-repeat bottom;
}
body.popup3 #pophead {
	background: url(/design/header-pop2.jpg) no-repeat bottom;
}

#popup {
	margin-top:-16px;
	margin-bottom:-11px;
	margin-left:auto;
	margin-right:auto;
	width:478px;
}
body.popup #popup {
	background: #FFFFFF;
} 
body.popup2 #popup {
	background: #F4BFCF;
	margin-bottom:0px;
}
body.popup3 #popup {
	background: #F4BFCF;
	margin-bottom:0px;
}
#popfoot {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:478px;
	height:30px;
}
body.popup #popfoot {
	background: url(/design/footer-pop.png) no-repeat top;
} 
body.popup2 #popfoot {
	background: url(/design/footer-pop2.png) no-repeat top;
}
body.popup3 #popfoot {
	background: url(/design/footer-pop2.png) no-repeat top;
}

#popup h1 {
	height:55px;
	font: bold 2.1em Arial, Verdana, Helvetica;
	color:#FFFFFF;
	text-indent:-3000px;
}
h1#pop0 { background: url(/design/h1-0-pop.gif) no-repeat top; }
h1#pop1 { background: url(/design/h1-1-pop.gif) no-repeat top; }
h1#pop2 { background: url(/design/h1-2-pop.gif) no-repeat top; }
h1#pop3 { background: url(/design/h1-3-pop.gif) no-repeat top; }
h1#pop4 { background: url(/design/h1-4-pop.gif) no-repeat top; }
h1#pop5 { background: url(/design/h1-5-pop.gif) no-repeat top; }


#popup h2	{
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font: bold 1.5em Arial, Verdana, Helvetica;
	color:#A7121C;
}

body.popup3 #popup h2 {
	margin-left:140px;
	margin-right:16px;
}

#popup h3	{
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font: bold 1.2em Arial, Verdana, Helvetica;
}
body.popup2 #popup h3	{
	color:#A7121C;
}
#popup ul	{
	padding-right:10px;
	padding-left:23px;
	text-align:left;
}
body.popup3 #popup ul	{
	padding-left:150px;
	list-style-type:none;
	color: #D4011D;
	font-size:1.1em;
}
body.popup3 #popup ul li {
	color: #000000;
}
#popup ul li {
	clear:left;
	padding-top:10px;
}
#popup ul li img {
	float: left;
	margin-right:10px;
	margin-left:-120px;
}
#popup ul li span {
	padding-bottom: 10px;
	color: #D4011D;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing:-0.02em;
}
#popup p {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}
#popup div.clear{
	clear:left;
}
#popup p.center {
	text-align:center;
}
#header-mail	{height: 101px;background: #BDCD00 url(/design/header-mail-selection.gif) ;}