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

/* Contenant */
#page {
	background:url(images/header.jpg) right top no-repeat;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.navigation {
	background:transparent; 
	margin:20px 0 0 0;
	height:20px;
	text-align:left; 	
	font-family: verdana, sans-serif; 
	font-size:25px; 
	font-weight: lighter; 
	letter-spacing: -3px;
}

.navigation ul {
padding:0; margin:0; list-style-type: none;
}
.navigation ul li {
float:left; 
}
.navigation ul li.home {background:transparent url(images/home.gif) no-repeat; height:40px;}
.navigation ul li.video {background:transparent url(images/video.gif) no-repeat;height:40px;}
.navigation ul li.photo {background:transparent url(images/photo.gif) no-repeat;height:40px;}
.navigation ul li.show {background:transparent url(images/show.gif) no-repeat;height:40px;}
.navigation ul li.elodie {background:transparent url(images/elodie.gif) no-repeat;height:20px;}
.navigation ul li.claire {background:transparent url(images/claire.gif) no-repeat;height:20px;}
.navigation ul li.jade {background:transparent url(images/jade.gif) no-repeat;height:20px;}
.navigation ul li.sophie {background:transparent url(images/sophie.gif) no-repeat;height:20px;}

.navigation ul li a, .navigation ul li a:visited {
 text-decoration:none; width:110px; height:10px; color:#000; padding-left:45px; margin-right: 30px; line-height:29px;
}

* html .navigation ul li a, .navigation ul li a:visited {
width:100px; w\idth:70px;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.navigation ul li:hover a,
.navigation ul li a:hover {
color:#CC0066;  border:0;
}

.navigation .current{
	color: #CC0066;
	text-decoration:underline;
}

#sous-menu {
	margin:20px 0 0 230px;
	visibility:hidden;
}

#sous-menu a{
	font-family: verdana, sans-serif; 
	color:#000;
	font-size:15px; 
	font-weight: lighter; 
	letter-spacing: -1px;
	padding-right:20px;
}

#sous-menu a:hover{
	color: #CC0066;
}

#sous-menu .current{
	color: #CC0066;
	text-decoration:underline;
}


#annonce {
	margin: 0 0 0 0;
	width: 680px;
	text-align:center;
}

/* Col680 */
#col_680 {
	float: left;
	width: 680px;
	margin: 20px 0 10px 0;
}

/* Col520 */
.col_520 {
	float: left;
	width: 520px;
	margin-top: 15px;
}
.col_520_top {
	height:15px;
	background:url(images/480_top.jpg) top no-repeat;
}
.col_520_corps {
	background:url(images/480_corps.jpg) top repeat-y;
	padding: 5px 20px 5px 20px;
	height:240px;
}
.col_520_bottom {
	height:15px;
	background:url(images/480_bottom.jpg) top no-repeat;
}

/* Col260 droite */
.col_260D {
	float: right;
	width: 260px;
	margin:20px 0 0 0;
}

.col_260D_corps {
	background:url(images/220_corps.jpg) top repeat-y;
	text-align:center;
	height: 570px;
}

.col_260D_corps_bis {
	background:url(images/220_corps.jpg) top repeat-y;
	text-align:center;
}

/* 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;
}

/* Col320 */
.col_320 {
	float: left;
	width: 320px;
}

/* Col240 */
.col_240 {
	float: left;
	width: 240px;
}

/* Col180 */
.col_180 {
	float: left;
	width: 180px;
	margin-top: 15px;
}
.col_180_top {
	height:15px;
	background:url(images/180_top.jpg) top no-repeat;
}
.col_180_corps {
	background:url(images/180_corps.jpg) top repeat-y;
	padding: 5px 20px 5px 20px;
	text-align:justify;
	height:240px;
}
.col_180_bottom {
	height:15px;
	background:url(images/180_bottom.jpg) top no-repeat;
}

#logo {
	padding-left:25px;
}

#baseline {
	float:right;
	margin: 130px 0 0 0;
	color:#CC6600;
	font-size:10px;
	width: 260px;
	text-align:center;
}
#telecharger {
	margin: 20px 0 0 0;
	padding: 7px 0 0 28px;
	background:url(images/bouton.jpg) no-repeat ;
	height:35px;
	font-weight:bold;
}

#telecharger a{
	color:#000000;	
}

#telecharger a:hover{
	color: #FFFFFF;

}

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

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

.orange {
	color:#CC6600;
}

.center {
	margin: 100px 0 0 0;
	text-align:center;
}

.big {
	font-size: 14px;
	font-weight:bold;
}

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

.justify {
	text-align:justify;
}

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

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

a:hover {
	text-decoration: none;
	color: #CC3300;

}

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

h1 {
	font-size: 12px;
	color: #000000;
	font-weight: lighter;
	letter-spacing: -1px;
	margin-top: 10px;
	text-transform:uppercase;}

h2 {
	text-align:center;
	font-size: 23px;
	color:#CC0066;
	font-weight: lighter;
	letter-spacing: -2px;
	margin-bottom: -1px;
}

h3 { 
	text-align:center;
	font-size:17px; 
	letter-spacing: -1px;
	color:#9FBD41;
}
/* numero */
.numero{
	font-family:"Arial Black";
	font-size: 50px;
	color:#FFBE02;
	font-style:italic;
	text-align:center;
	margin: 15px 0 15px 0;
}

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

.numero .comment{
	font-size: 14px;
	margin-right:20px;
	color: #000000;
	font-style:normal;
}

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

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

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

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

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

#sms .blanc {
	font-size:14px;
	color:#000000;
}

/* footer */
#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;
	margin: 35px 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;
}

/********************************************
   FORM
********************************************/
form {
	padding: 0 5px; 
	border: 1px solid #f2f2f2; 
	font-size: 12px;
	text-align:left;
}

fieldset {
}

legend {
	margin: 0 0 0 30px;
}

label {

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

input.nom{ width: 400px; margin:0 0 0 90px; }
input.email{ width: 400px; margin:0 0 0 30px; }
input.autres{ width: 400px; margin:0 0 0 140px; }
input.sujet{ width: 400px; margin:0 0 0 40px; }
textarea.corps{ width: 570px; margin:0 0 0 30px; }
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;
}



/* Gallery*/
#container_right {position:relative; width:960px; height:1050px; margin:1em auto;}
#container_right img {border:0;}
#container_right .thumbs {width:260px; position:absolute; right:0; top:220px;}
#container_right a.gallery:hover span {display:block; position:absolute; width:582px; height:50px; top:-60px; left:-660px; padding:5px 5px 0 5px; font-style:italic; font-weight:bold; color:#fff;  z-index:100; background:#666666; filter: alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.70;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:600px; height:904px; top:-70px; left:-670px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_right .680 { width:680px; text-align:center;}
#container_right p {clear:both; margin:0; padding:30px 0 0 120px; width:450px;}
#container_right 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:70px; height:106px; float:left; margin:5px -13px 0 18px; z-index:50;}
#space {
margin-top:90px;
}