/*	------------------------------------------
/*	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;
}
abbr, acronym, .help {
	cursor: help;
}
p.center {
	text-align:center;
}
.alert {
	color:#C00055;
	font: bold 1.1em Arial, Verdana;
	margin-bottom:3px;
	margin-left:12px;
}


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


/* CSS Document

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


/*	------------------------------------------
/*	Background des trois parties
/*	------------------------------------------
*/
#site0, #site1, #site2, #site3, #site4 {
	margin:0px;
	padding: 0px;
	background: url(middle.gif) repeat-y 50% 0 ;
}
#header0, #header1, #header2, #header3, #header4 {
	margin:0px;
	padding: 0px;
	background: url(header.gif) no-repeat 50% top ;
}
#header {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	height:114px;
}
#middle {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}
#footer0, #footer1, #footer2, #footer3, #footer4 {
	margin:0px;
	padding: 0px;
	background: url(footer.gif) no-repeat 50% bottom ;
}

#footer {
	width:1200px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

/*	------------------------------------------
/*	Header - Pages intérieures
/*	------------------------------------------
*/

#header h2 {
	font-size:0.9em;
	float:right;
	width:600px;
	height:32px;
	color:#af0427;
	margin:0px;
	padding-top:7px;
	padding-right:20px;
}


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

#header ul {
	width:990px;
	margin:0px;
	margin-left:220px;
	padding:0px;
	list-style-type:none;
}
#header li {
	margin:0;
	padding:0;
	float:left;
	margin-left:15px;
}

#header #navi1, #header #navi1 a {
	width: 325px;
	height:113px;
}

#header #navi2 {
	width: 108px;
	height:49px;
	margin-top:16px;
}
#header #navi2 a {
	width: 108px;
	height:33px;
	background:url(histoire-off.gif) no-repeat bottom;
}
#header #navi2 a:hover {
	background:url(histoire-on.gif) no-repeat bottom;
}
#header #navi3 {
	width: 90px;
	height:49px;
	margin-top:16px;
} 
#header #navi3 a {
	width: 90px;
	height:33px;
	background:url(BLOG-OFF.gif) no-repeat bottom;
}
#header #navi3 a:hover {
	background:url(BLOG-ON.gif) no-repeat bottom;
}

#header #navi4 {
	width:200px;
	height:49px;
	margin-top:16px;
}
#header #navi4 a {
	width: 200px;
	height:33px;
	background:url(ENVOYEZ-AMI-OFF.gif) no-repeat bottom;
}
#header #navi4 a:hover {
	background:url(ENVOYEZ-AMI-ON.gif) no-repeat bottom;
}


/*	------------------------------------------
/*	Colonne principale - Home
/*	------------------------------------------
*/
#col1g {
	float:left;
	margin-top: 0px;
	width: 216px;
}

#col3d {
	float:right;
	width: 983px;
}


#colg {
	float:left;
	width:470px;
}
#cold {
	float:right;
	width:470px;
}
/*	------------------------------------------
/*	Style Barre de recherche
/*	------------------------------------------
*/

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

#pager {
	padding-top:15px;
	font: bold 0.9em Arial, Verdana;
	text-align:center;
	word-spacing:0.7em;
	color:#af0427;
}
#pager a {
	color:#af0427;
}
#pager .active {
	color:#DBDEEB;
}
/*display:none;
*/
#moteur {
	width:170px;
	padding-left:17px;
	text-align:left;
}
#moteur h2 {
	color:#FFFFFF;
	background:#C00055 url(moteur-h2.jpg) no-repeat;
	text-align:center;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	font-size:0.8em;
	text-transform:uppercase;
}
#moteur div#f1, #moteur div#f2  {
	border:solid 2px #FFFFFF;
	background:#FFFFFF url(moteur-fond1.jpg);
	color:#000000;
	overflow: auto;
	max-height:120px; 
	margin-bottom:15px;
	font-size:0.75em;
}
#moteur div#f3, #moteur div#f4, #moteur div#f0 {
	border:solid 2px #FFFFFF;
	background:#FFFFFF url(moteur-fond.jpg);
	color:#000000;
	overflow: auto;
	height:170px; 
	margin-bottom:15px;
	font-size:0.75em;
}
#moteur div#f4  {
	margin-bottom:0px;
}

#moteur a, #moteur a.selected:hover{
	padding-left:18px;
	background:url(checkbox.gif) no-repeat;
	color:#62625F;
	text-decoration:none;
}
#moteur a:hover, #moteur a.selected {
	background:url(checkedbox.gif) no-repeat;
	text-decoration:none;
	color:#2E2E2D;
}
#moteur span {
	color:#98989A;
	padding-left:18px;
	background:url(nocheckbox.gif) no-repeat;
}
/*	------------------------------------------
/*	Style des vignettes
/*	------------------------------------------
*/
#col3d div.float{
	background:#FFFFFF url(case.gif) no-repeat 10px 10px;
	width: 120px;
	height:155px;
	padding: 0px;
	float: left;
	text-align: center;
	z-index:0;
}

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

#col3d div.float a {
	padding-top: 10px;
	display:block;
	font-size: 11px;
	line-height:1.2em;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
}
#col3d div.float a img{
	padding-bottom:5px;
}
div.float a span.popup {
	display:none;
	float:left;
	position:absolute;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:1.2em;
	width:110px;
	margin-top:100px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	background:url(survol-b.gif) no-repeat bottom;
}
div.float a span.popup img {
	padding-top:5px;
	padding-bottom:0px;
}
div.float a:hover span.popup {
	display:block;
}

#col3d div.float a:hover{
	text-decoration:none;
	background:url(survol-b.gif) no-repeat 50% 3px;
}

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

#col3d div.container--- {
	margin-left: 7px;
	margin-right: 7px;
}

/*	------------------------------------------
/*	Page mention légales
/*	------------------------------------------
*/
#site2 #col3d {
	text-align:left;
}
#site2 #col3d #colg {
	padding-left:20px;
	padding-right:10px;
	font-size:0.8em;
}
#site2 #col3d #cold {
	font-size:0.8em;
}
#site2 #col3d h1 {
	color:#af0427;
	margin:0px;
	padding:0px;
	font-size:1.1em;
	margin-bottom:7px;
}
#site2 #col3d h2 {
	margin:0px;
	padding:0px;
	font-size:1.0em;
	margin-bottom:7px;
	color:#62625F;
}
#site2 #col3d p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-size:0.9em;
	color:#62625F;
}
#site2 #col3d a {
	color:#af0427;
}
#site2 #col3d a:hover {
	text-decoration:none;
}

/*	------------------------------------------
/*	Histoires
/*	------------------------------------------
*/
#site3 #col3d {
	text-align:left;
}
#site3 #col3d #colg {
	padding-left:20px;
	padding-right:10px;
	font-size:0.8em;
}
#site3 #col3d #cold {
	font-size:0.8em;
}
#site3 #col3d h1 {
	color:#af0427;
	margin:0px;
	padding:0px;
	font-size:1.1em;
	margin-bottom:7px;
}
#site3 #col3d h2 {
	margin:0px;
	padding:0px;
	font-size:1.0em;
	margin-bottom:7px;
	color:#af0427;
}
#site3 #col3d p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-size:0.9em;
	color:#62625F;
}
#site3 #col3d a {
	color:#af0427;
}
#site3 #col3d a:hover {
	text-decoration:none;
}

/*	------------------------------------------
/*	Page d'administration
/*	------------------------------------------
*/






/*	------------------------------------------
/*	Footer
/*	------------------------------------------
*/

#footer {
	clear: both;
}

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

ul#credits {
	margin:0px;
	padding:0px;
	margin-left:300px;
	list-style:none;
}
ul#credits li {
	float:left;
	width:196px;
}
ul#credits a {
	color:#FFFFFF;
}
ul#credits a.hover {
	color:#FFFFFF;
}

/*	------------------------------------------
/*	Pop-up
/*	------------------------------------------
*/

#pophead {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:515px;
	height:80px;
	background: url(header-pop.gif) no-repeat bottom;
}
#popup {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:515px;
	background: url(middle-pop.gif) repeat-y;
}

#popup h1 {
	margin-top:0px;
	margin-left:150px;
	text-indent :-2500px;
	width:208px;
	height:39px;
	background:url(envoyez.gif) no-repeat bottom;
}
#popup p {
	margin-left:50px;
	margin-right:50px;
	margin-bottom:0px;
	text-align:left;
	color:#62625F;
	font: 0.8em Arial, Verdana, Helvetica;
	
}
#popup a {
	color:#C00055;
}
#popfoot {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:515px;
	height:46px;
	background: url(footer-pop.gif) no-repeat bottom;
} 



#viralForm fieldset {
	text-align:left;
	padding-left:50px;
	padding-right:50px;
	margin:0px;
}
#viralForm label {	
	color:#62625F;
	font: 0.8em Arial, Verdana, Helvetica;
	width:100px;
	float:left;
	padding-top:9px;
}
#viralForm label.long {	
	width:400px;
}
#viralForm textarea, #viralForm input {
	color:#62625F;
	font: 0.8em Arial, Verdana, Helvetica;
	border:#AE094E 3px solid;
	margin-top:8px;
}

#viralForm input {
	width:200px;
}
#viralForm textarea {
	width:350px;
	height:70px;
}

#viralForm input.ok {
	font:bold 1.3em Arial Black, Arial;
	text-indent:-500px;
	color:#AE094E;
	background: url(ok.gif);
	height:25px;
	width:29px;
	border:0px solid;
	margin-left:-4px;
}
#viralForm input.ok:hover {
	background: url(ok.gif);
	cursor:pointer;
}