/* Feuille de style rattachée à index.html */
body {
	margin-top: 0px;
	padding:0px;
	background: #990100;
	color: #B9F0EC;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #61DED6;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #61DED6;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a:active {
	text-decoration: none;
	color: #FFFFFF;
}

h1 {
	font-size: 12px;
	color:#660000;
	font-weight:bold;
	letter-spacing: -1px;
	padding: 10px 0 0 20px;
}

h2 {
	text-align:center;
	font-size: 25px;
	color:#61DED6;
	font-weight: lighter;
	letter-spacing: -2px;
	background:url(images/h2.gif);
	clear:both;
}

h3 { 
	text-align:center;
	font-size:15px; 
	letter-spacing: -1px;
	/*color:#9FBD41;*/
	color:#DDF48A;
	margin:0 0 0 0;
}

h3 a { 
	color:#DDF48A;
}

h3 a:visited { 
	color:#DDF48A;
}

h3 a:hover { 
	color:#FFFFFF;
}

p { margin: 10px 0 20px 0;}



/* Les classes */
.clear {
	clear:both;
}

.left {
	float: left;
	margin: 0 5px 5px 5px;
	border: #9FBD41 solid 1px;
}
.float-right {
	float: left;
}
.image-right {
	float: right;
	margin: 0 15px 5px 5px;
	border: #9FBD41 solid 1px;
}

.image-left {
	float: left;
	margin: 0 5px 5px 15px;
	border: #9FBD41 solid 1px;
}

.numerosup {
	color:#FFBE02;
	font-weight:bold;
}

.textcenter {
	text-align:center;
}

.big {
	color:#DDF48A;
	font-weight:bold;
	margin:0 0 0 0;
}

.white {
	color:#FFFFFF;
}

.image {
	margin: 5px 5px 5px 5px;
	border:#000000 solid 1px;
}

.justify {
	text-align:justify;
	padding: 0 5px 0 0 ;
}
/* Block */
.col_600 {
	float: right;
	width: 600px;
	margin: 0 0 0 0;
}

.col_400 {
	float: left;
	width: 400px;
	margin:0 0 0 0;
}

.col_200 {
	float: left;
	width: 200px;
	margin:0 0 0 0;
}

.col_200 a { 
	color:#9FBD41;
	font-size: 11px
}

.col_200 a:visited { 
	color:#9FBD41;
}

.col_200 a:hover { 
	color:#FFFFFF;
}

.col_290 {
	float: left;
	width: 290px;
	margin:0 0 0 0;
}

.col_290D {
	float: right;
	width: 290px;
	margin:0 0 0 0;
	padding:0 5px 0 0;
}

.col_preview {
	margin: 5px 0 0 0;
	padding: 0 5px 0 0 ;
	font-size:9px;
}

/* Col260 */
.col_260 {
	float: left;
	width: 260px;
	margin-top: 15px;
}
.col_260_top {
	height:15px;
	background:url(images/220_top.jpg) top no-repeat;
}
.col_260_corps {
	background:url(images/220_corps.jpg) top repeat-y;
	text-align:center;
	height:250px;
}
.col_260_bottom {
	height:15px;
	background:url(images/220_bottom.jpg) top no-repeat;
}

#page {
	margin-top:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width: 900px;
}
#header {
	margin-top:0px;
	padding:0px;
	background:url(images/header.jpg) top repeat-x;
	height: 61px;
}


#logo {
	background:url(images/logo.gif) top right no-repeat;
	height: 55px;
}

#contenu {
	background:url(images/contenu.jpg) bottom left no-repeat;
	border-left: #B73501 solid 8px;
	border-right: #B73501 solid 8px;
}

#contenu-bis{
	background: url(images/contenu-bis.jpg) bottom left no-repeat;
	border-left: #B73501 solid 8px;
	border-right: #B73501 solid 8px;
}

/* numero */
.numero{
	font-family:"Arial Black";
	font-size: 28px;
	color:#FFBE02;
	font-style:italic;
	text-align:center;
	margin: 0 0 -10px 0;
}

.numero .prefixe {
	font-family:"Arial Black";
	font-style:italic;
	font-size: 20px;
	color:#FFFFFF;
}

.ch-be{
	font-family:"Arial";
	font-weight:bold;
	font-size: 18px;
	text-align: center;
	margin: 20px 0 10px 0; 
	color:#FFFFFF;
}

.ch-be .comment{
	font-size: 11px;
	margin-right:20px;
	color: #E3B39C;
}

.commentaire{
	font-size: 9px;
	text-align:center;
	margin:10px 0 10px 0;
	color: #E3B39C;
}

.commentairebis{
	font-family:"Arial";
	font-size: 9px;
	text-align:center;
	margin:0 0 0 0;
	color: #FFBE02;
}

/* SMS */
#sms {
	color:#FFBE02;
	font-style:italic;
	font-family:"Arial Black";
	font-size:22px;
	text-align:center;
	width: 550px;
	margin: 10px 0 10px 35px;
	background: url(images/sms.jpg) top left repeat-y;
}

#sms-top { 
	background:url(images/sms-top.gif) top left no-repeat;
	height:29px;
}

#sms-bottom {
	background: url(images/sms-bottom.jpg) bottom left no-repeat; 
	height:13px;
}

#sms .small {
	font-family:"Arial";
	font-size:10px;
	font-style:normal;
}

#sms .blanc {
	font-size:14px;
	color:#FFFFFF;
}
/* footer */
#footer {
	clear:both;
	background:url(images/footer-fd.jpg) top repeat-x;
	height: 100px;
	text-align: center;
	font-size:10px;
	margin: 0 0 10px 0;
	color:#CC6600;

}

#pied-page {
	background:url(images/footer.jpg) top center no-repeat;
	height: 100px;
}

#footer a{
	color:#CC6600;
	text-decoration:none;
}

#link {
	color:#7D6632;
	margin: 0 0 15px 0;
}

#link a{
	text-align:center;
	color:#7D6632;
}

.lien {
	color:#7D6632;
	text-align:center;
	margin: 10px 0 10px 0;
	font-size:10px;
	text-decoration:none
}

.lien a {
	color:#7D6632;
	text-decoration:none
}
#titre-footer {
	font-size:12px;
	font-weight: bold;
	padding: 120px 0 10px 0;
}
 
#spywords {
	margin: 25px 0 0 0;
	text-align: center; 
	vertical-align: middle;
}

#mention-legale {  
	float: left; 
	text-align:left;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

#copyright {  
	float: right; 
	text-align:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#icra{  
	text-align:center;
	margin-top: 40px;
	margin-left:66px;
}


/* navugationr */
.navigation { 
	width: 280px; 
	float:left;
	margin:0px;
	padding:0px;
}

.navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

.navigation a {
	display: block;
	font-size: 25px;
	color:#61DED6;
	font-weight: lighter;
	letter-spacing: -2px;
	padding: 0 0 0 5px;
	margin: 20px 0 20px 0;
	height: 60px;
}
	
#list a:link, #list a:visited {
	color: #61DED6;
	text-decoration: none;

}
	
#list a:hover {
	background:url(images/navigation.gif) 96% 50% no-repeat;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	color: #FFFFFF;
}

#list a.active {
	background:url(images/navigation.gif) 96% 50% no-repeat;
	filter: alpha(opacity=120);
	-moz-opacity: 1.2;
	opacity: 1.2;
	color: #FFFFFF;
}

#list .baseline {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: normal;
	color:#B9F0EC
}

/* Gallery*/
/* Gallery*/
#container_top {position:relative; width:600px;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:0; top:5px;}
#container_top .comment {padding-top:165px;}
#container_top a.gallery:hover span {display:block; position:absolute; width:550px; height:50px; top:105px; left:0px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:580px; height:398px; top:220px; left:2px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_top h1 { margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}
#container_top p { margin:0; padding:20px 0 0 5px; width:580px;}
#container_top h2 em {font-size:0.6em; color:#000;}
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:71px; height:47px; float:left; margin:4px; z-index:50;}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/********************************************
   FORM
********************************************/
form {
	margin:10px; padding: 0 5px;
	font-size: 12px;
}

label {
	font-weight:bold;
	margin:5px 0 0 20px;
}

input.nom{ width: 280px; margin:0 0 0 77px; }
input.email{ width: 280px; margin:0 0 0 17px; }
input.autres{ width: 280px; margin:0 0 0 128px; }
input.sujet{ width: 280px; margin:0 0 0 30px; }
textarea.corps{ width: 280px; margin:0 0 0 205px; }
input.button { padding: 0; margin:0 0 0 100px ; background:#61DED6;}
.alert {
	font-weight:bold;
	color:#FF0000;
	margin:0 0 0 200px;
}
.alert2 {
	font-weight:bold;
	color:#FF0000;
}
.crypto {
	text-align:center;
	background:#FFFFFF;
	width: 290px; margin:0 0 0 205px;
}