* 
{
  margin:0;
  padding:0;
}


html
{
	height:100%;
	font-family:Arial,Verdana;
	font-size:11px;
	color:#313391;
}

body 
{
	height:100%;
	font-family:Arial,Verdana;
	font-size:11px;
  background: url(../image/fond_capmalo.jpg);
  background-repeat: repeat;
}



#ouverture
{
  width:400px;
  height:400px;
  position:absolute;
  margin-left:400px;
}


/* Layout */

#distance 
{ 
  float:left;
}


#ombreGauche
{
  position: absolute;
  left: -15px;
  top: 0px;
  width: 15px;
  height: 100%;
  
  background-image: url(../image/structure/ombreGauche.png);
  background-repeat: repeat-y;
}

#ombreDroite
{
  position: absolute;
  left: 957px;
  top: 0px;
  width: 15px;
  height: 100%;
  
  background-image: url(../image/structure/ombreDroite.png);
  background-repeat: repeat-y;
}


#ombreBas
{
  position: relative;
  left: -15px;
  top: 15px;
  width: 990px;
  height: 15px;
}

#ombreBasCentre
{
  position: absolute;
  left: 15px;
  top: 0px;

  width: 960px;
  height: 15px;

  background-image: url(../image/structure/ombreBas.png);
  background-repeat: repeat-x;
}


#ombreCoinGauche
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 15px;
  height: 15px;
  
  background-image: url(../image/structure/ombreCoinGauche.png);
}

#ombreCoinDroite
{
  position: absolute;
  left: 975px;
  top: 0px;
  width: 15px;
  height: 15px;
  
  background-image: url(../image/structure/ombreCoinDroite.png);
}



#conteneur
{
  position: absolute;
  text-align:left;
  min-height:70em;
  height: auto;
  width:960px;
  left: 50%;
  margin-left: -480px;

  background-color: white;
}




#bannerPub
{
  width:960px;
  height:100px;
  margin:0 auto;
  position:relative; /* puts container in front of distance */
  text-align:left;
  clear:left;
}


#bannerCapMalo
{
  height:120px;
  width:810px;
  margin-left:30px;
}


#infopratique
{
  width:94px;
  height:94px;
  position:absolute;
  right:30px;
  margin-top:-67px;
}


#contenu
{
  float:left;
  margin-left:5px;
  margin-top:120px;
  width:700px;
  height:38em;
}


#menu
{
  margin-left:30px;
  width:800px;
  height:40px;
  background-position:bottom;
}


.boutonmenu
{
  background:url(../image/structure/menu/pointille-vertical.png) no-repeat;
  padding-right:15px;
  margin-left:15px;
  margin-top:5px;
  background-position:right;
}




#item_concept { float:left;}
#item_concept a{ width:106px; height:28px; background-image:url(../image/structure/menu/btn-concept.png); display:block;}
#item_concept a:hover, #item_concept a.active{ background-image:url(../image/structure/menu/btn-concept-over.png)}


#item_boutique { float:left;}
#item_boutique a{ width:122px; height:28px; background-image:url(../image/structure/menu/btn-boutique.png); display:block;}
#item_boutique a:hover, #item_boutique a.active{ background-image:url(../image/structure/menu/btn-boutique-over.png)}


#item_news { float:left;}
#item_news a{ width:160px; height:28px; background-image:url(../image/structure/menu/btn-news.png); display:block;}
#item_news a:hover, #item_news a.active{ background-image:url(../image/structure/menu/btn-news-over.png)}


#item_contact { float:left;}
#item_contact a{ width:165px; height:28px; background-image:url(../image/structure/menu/btn-contact.png); display:block;}
#item_contact a:hover, #item_contact a.active{ background-image:url(../image/structure/menu/btn-contact-over.png)}

#pointilles { width:100px; height: 1px; background-image:url(../image/structure/menu/pointille.png); background-repeat:repeat-x;}




#homeflash
{
  width:820px;
  height:380px;
  padding-top:80px;
  padding-left:120px;
}


#pub
{
  margin-top:30px;
}


#lignebasse
{
  width:959px;
  height:13px;
  background:url(../image/structure/home/ligne-basse.png) no-repeat;
}


#mentions
{
  width:959px;
  height:20px;
  margin-top:40px;
  text-align:center;
  color:rgb(64,64,64);
}


#mentions a{ font-family:verdana; color:rgb(64,64,64); text-decoration:none; padding-left:5px; padding-right:5px;}
#mentions a:hover{ text-decoration:underline;}







#contents
{
  margin-top: 50px;
  margin-bottom: 100px;
  
  margin-left: 30px;
}



#diaporama
{
	position: absolute;
	top: 0;
	left: 0;
  width: 565px;
  height: 470px;
	background-color: #FFF;
	visibility: hidden;
}

#accueil
{
  position: absolute;
  left: 620px;
  top: 220px;
  width: 300px;
  height: 470px;
}

.accueil_texte
{
  font-family: Arial;
  font-size: 10pt;
  line-height: 13pt;
  font-weight: normal;
  
  color: rgb(56,56,56);
  
  margin-top: 3px;
}


#Capsur1
{
  width: 141px;
  height: 53px;
  background-image: url(../image/accueil/Capsur1.png);
}

#Capsur2
{
  width: 141px;
  height: 53px;
  background-image: url(../image/accueil/Capsur2.png);
  margin-top: 4px;
}

#Capsur3
{
  width: 141px;
  height: 53px;
  background-image: url(../image/accueil/Capsur3.png);
  margin-top: 5px;
}

.accueil_bouton
{
  margin-top: 8px;
  margin-bottom: 16px;
}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

li img {
	display: block;
	border: 3px solid #FFF;
}

#diaporama-ul li
{
	position: absolute;
	top: 0;
	left: 0;
	width: 570px;
	height: 475px;
	background-color: #FFF;
	visibility: hidden;
  }
  
  
//.diaporama-image
//{
//  position: absolute;
//  left: 0px;
//  top: 0px;
//  width: 565px;
//  height: 470px;
//}

//#diaporama1 {background-image:url(../image/accueil/diaporama/Accueil_01.jpg);}
//#diaporama2 {background-image:url(../image/accueil/diaporama/Accueil_02.jpg);}
//#diaporama3 {background-image:url(../image/accueil/diaporama/Accueil_03.jpg);}
//#diaporama4 {background-image:url(../image/accueil/diaporama/Accueil_04.jpg);}
//#diaporama5 {background-image:url(../image/accueil/diaporama/Accueil_05.jpg);}
//#diaporama6 {background-image:url(../image/accueil/diaporama/Accueil_06.jpg);}
//#diaporama7 {background-image:url(../image/accueil/diaporama/Accueil_07.jpg);}
//#diaporama8 {background-image:url(../image/accueil/diaporama/Accueil_08.jpg);}
//#diaporama9 {background-image:url(../image/accueil/diaporama/Accueil_09.jpg);}
//#diaporama10 {background-image:url(../image/accueil/diaporama/Accueil_10.jpg);}
//#diaporama11 {background-image:url(../image/accueil/diaporama/Accueil_11.jpg);}
//#diaporama12 {background-image:url(../image/accueil/diaporama/Accueil_12.jpg);}
//#diaporama13 {background-image:url(../image/accueil/diaporama/Accueil_13.jpg);}
//#diaporama14 {background-image:url(../image/accueil/diaporama/Accueil_14.jpg);}
//#diaporama15 {background-image:url(../image/accueil/diaporama/Accueil_15.jpg);}
//#diaporama16 {background-image:url(../image/accueil/diaporama/Accueil_16.jpg);}
//#diaporama17 {background-image:url(../image/accueil/diaporama/Accueil_17.jpg);}
//#diaporama18 {background-image:url(../image/accueil/diaporama/Accueil_18.jpg);}