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

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

a:visited {
	text-decoration: none;
	color:#166963;

}
.align-center {text-align:center;}
a:hover {
	text-decoration: none;
	color: #61DED6;
}

h1 {
	text-align:center;
	font-weight: lighter;
	letter-spacing: -1px;
	font-size: 14px;
	margin: 13px 0 0 0;
}

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

.left {
	float: left;
	margin: 0 5px 5px 20px;
}

.big {
	font-weight:bold;
}

.white {
	color:#666666;
}

#telecharger {
	margin:0 0 10px 10px;
	text-align:center;
	width: 260px;
}

.justify {
	text-align:justify;
}

/* Block */
#page {
	margin-top:-40px;
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	background: url(img/page.jpg) repeat-y;
}
	#page-top {background: url(img/header.jpg) no-repeat; height:26px;}
	#page-bottom {background: url(img/footer.jpg) no-repeat; height:26px;}

#header {
	width:900px;
	background: url(img/header.jpg) top no-repeat;
}

#logo {
	float:right;
	margin: 0 20px 0 0;
	background:url(img/logo.jpg) top no-repeat;
	height: 150px;
	width:229px;
	text-align:center;
}

#baseline{ font-size:8px; margin: 125px 0 0 0;}

#titre {
	float:left;
	margin: 0 0 0 20px;
	background:url(img/titre.jpg) top no-repeat;
	height: 150px;
	width:590px;
}
	#titre p{width:570px;}

#article {
	float:left;
	margin: 10px 0 0 20px;
	width:590px;
	background:url(img/article.jpg) repeat-y;
}
	#article-top { background:url(img/article-top.jpg) no-repeat; height:150px; margin:0 0 10px 0;}	
	#article-top2 { background:url(img/article-top2.jpg) no-repeat; height:20px; margin:0 0 10px 0;}	
	#article-bottom { background:url(img/article-bottom.jpg) no-repeat; height:20px;}		
	#article p { padding: 15px 20px 15px 20px; text-align:justify;}
	#article h1{ font-size: 25px; font-weight: lighter; letter-spacing: -1px; text-align:left; margin: 0 0 0 130px;}
	#article h2 {	text-align:center; font-weight:bold; letter-spacing: -1px; font-size: 18px; margin: 0 0 -20px 0;}
	#article h3 { font-size: 15px; font-weight: lighter; letter-spacing: -1px; margin: 0 0 0 20px; text-align:left;}
	
.slogan { background:url(img/viso3g.gif) no-repeat 0% 0%; height: 150px; padding: 50px 0 0 0;}
	.slogan p{margin: 10px 0 0 50px; text-align:justify; width: 380px;}
	
.slogan2 { padding: 50px 0 0 0;}

#menu{
	float:right;
	width: 280px;
	height: 480px;
	background:url(img/hotesse.gif) 100% 0% no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-transform:uppercase; 
	font-size:18px;
	letter-spacing: -2px;

}	
	#menu ul{ text-align:center; list-style:none; width:130px; position: relative; top:10px; left:-45px;}	
	#menu .inter{ background:url(img/menu.jpg) 50% 50% no-repeat;  height:11px;}
	#menu li a{ color:#870993;}
	#menu li a:hover{ color:#FF6633;}
	#menu li .active{ color:#804040; font-weight:410;}

#nav-bas{
	width: 540px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:15px;
	letter-spacing: -1px;
	margin: 35px 20px 10px 20px;
}
	#nav-bas a{ text-transform:uppercase;}
	#nav-bas .active{ font-weight:bold;}
	#nav-bas p{ font-size:12px;}


#nav-haut{
	width: 540px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:15px;
	letter-spacing: -1px;
	margin: 10px 20px 10px 20px;
}
	#nav-haut a{ margin-left:30px; text-transform:uppercase;}
	#nav-haut .active{ font-weight:bold;}

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

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

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

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

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

/* SMS */
#sms {
	color:#FFBE02;
	font-style:italic;
	font-family:"Arial Black";
	font-size:22px;
	text-align:center;
	margin: 15px 0 0 0;
}

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

#sms .blanc {
	font-size:14px;
	color:#000000;
}
/* footer */
#footer {
	clear:both;
	text-align: center;
	font-size:10px;
	color:#CC6600;
	margin: 20px 0 0 0;
}

#titre-footer {
	text-align: center;
	font-size:10px;
	color:#CC6600;
}

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

#link {
	color:#7D6632;
}

#link a{
	text-align:center;
	margin-bottom: 15px;
	color:#7D6632;
}

#lien {
	color:#7D6632;
	text-align:center;
	margin-top: 30px;
	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 15px;
	padding:0 0 0 0;
}

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

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

/* Gallery*/
#container_top {position:relative; width:590px;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:11px; top:25px;}
#container_top .comment {padding-top:130px;}
#container_top a.gallery:hover span {display:block; position:absolute; width:540px; height:50px; top:110px; left:13px; padding:5px; font-style:italic; color: #008993;  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:540px; height:358px; top:150px; left:13px; 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: #008993;}
#container_top h2 em {font-size:0.6em; color: #008993;}
#container_top .spacer {height:30px;}
#container_top p { padding: 15px 30px 15px 30px; text-align:justify;}
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 {
	padding: 0 5px; 
	border: 1px solid #f2f2f2; 
	font-size: 12px;
	text-align:left;
	 margin: 0 20px 0 20px;
	
}

fieldset {
}

legend {
	margin: 0 0 0 30px;
}

label {

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

input.nom{ width: 300px; margin:0 0 0 65px; }
input.email{ width: 300px; margin:0 0 0 5px; }
input.autres{ width: 300px; margin:0 0 0 115px; }
input.sujet{ width: 300px; margin:0 0 0 20px; }
textarea.corps{ width: 470px; margin:0 0 0 20px; }
input.button { padding: 0 0 0 30px; margin:0 0 0 100px }
.alert {
	font-weight:bold;
	color:#FF0000;
	margin: 0 10px 0 200px;
}

.crypto {
	text-align:center;
}