/*----------------------------------------------------------------------------------------------------------
																																																	STRUCTURE
----------------------------------------------------------------------------------------------------------*/
*{ margin: 0px; padding: 0px; }
body{ 
	text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;	  
  padding: 10px 0px 10px;
  background: url( theinnerwaves.png ) repeat-x #5A677A;
}

div#page{   
	width: 950px; 
	border: 1px solid #213A54;
/*	margin: 15px auto 20px auto; */
	margin: 0px auto; 
	padding: 0px;
	background: url( trame_black.gif ) repeat-y #000033;
	overflow: auto;
}
div#entete{ 
	width: 750px; 
	height: 61px; 
	border-bottom: 1px solid #FFFF00;
	margin: 0px; 
	padding: 0px;	
	overflow: auto;
}
div#menu{ 
	width: 200px; 		
	margin: 0px; 
	padding: 0px;		
	float: left;
	height: 100%;
	text-align :right;
	min-height: 555px; 
	
}
div#corps{ 
	width: 750px; 	
	overflow: hidden;	
}

div#contenu{ 
	width: 750px;
	margin: 0px; 	
	padding: 0px 10px 0px 10px;
	text-align: left;
	background-color: #F0EEE0;
	min-height: 555px;	
	border-top: 1px solid #E0E000;
  float:left;
}
#content
{
		width:540px;
}
#accueil
{
  margin-left:-8px;
}
#navbar
{
	padding-left:10px;
	margin-left:-10px;
	background-color:#213A54;
	height:25px;
	line-height:25px;
	color:#FFFFFF;
	font-style:italic;
	font-size:11px;
}

#navbar a:link,  #navbar a:visited, #navbar a:active
{
	
	color:#8FC5FF;
	font-style:normal;
	text-decoration:none;
}

#navbar a:hover
{
	color:#D8D88F;
	text-decoration:underline;
	font-style:normal;
}

#divstruextra  
{ 
	margin-right:10px;
  width: 185px; 
  float: right;  
}



div#enpied{ 
	width: 950px; 	
	margin: 0px; 	
 	text-align: center;
 	color: #545454; 
 	font-size: 10px;	 	
}
div#enpied a{
	text-decoration: underline;
	color: #2D2D2D;
}
/*----------------------------------------------------------------------------------------------------------
																																												 							  MENU
																																																			
----------------------------------------------------------------------------------------------------------*/
h1.titrepage{
	font-size: 25px;
	color: #444444;
	font-weight: normal;
}
div.TitreMenu{	
	width:          130px;
	height:         20px;
	vertical-align: middle;
	margin:         5px auto 0px;
	text-align:     right;
	padding:        5px 30px 0px 0px;	
	font-size:      12px;
	font-weight:    bold;	
	cursor:         pointer;
	border:         0px solid red;
}
div.TitreMenuOn{
	background: url( bgbutton_on.gif ) no-repeat;
	color:      #F6F500;
}
div.TitreMenuOff{
	background: url( bgbutton_off.gif ) no-repeat;
	color:      #A0A0A0;
}
div.SsMenu{
	width:      177px;
	margin:     0px auto 10px;
	background: url( bgssmenu.gif ) repeat-y;
	padding:    0px;	
}
div.SsMenu ul{	
	text-align:     left;		
	padding:        3px 0px 0px 35px;
	vertical-align: top;	
}
div.SsMenu li{
	list-style:     url( puce_menu.gif );
	vertical-align: top;		
}
div.SsMenu li.active{
	list-style:     url( puce_menu_active.gif );
	vertical-align: top;			
}
div.SsMenu li a{		
	text-decoration: none;
	color:           #D8D88F;
}
div.SsMenu li a:hover{		
	text-decoration: underline;	
}
div.SsMenu li a.active{		
	text-decoration: underline;
	color:           #FFFF00;
}
/*----------------------------------------------------------------------------------------------------------
																																												 		ELEMENT INTERNE
----------------------------------------------------------------------------------------------------------*/
div.ficheproduit{
	float: left;
	margin: 0px; 
	padding: 0px 15px 10px 11px;
	width: 484px;
	overflow: auto;	
	border: 0px solid #000000;
	text-align: justify;	
}
div.sidebarproduit{
	width: 215px;
	margin: 0px;
	padding: 0px;
	overflow: auto;			
}
div.enteteproduit{	
	margin: 0px;
	padding: 15px 0px;
}
div.legende{
  font-size: 11px; 
  font-style: italic;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}
div.produitmodule{
	margin: 2px 2px 5px 11px; 
	border-bottom: 1px solid #939393; 
	padding: 3px 0px 5px; 
	text-align: left;
}
div.produitmodule a.LienDoc{
	text-decoration: none;
	color: #7090AF;	
}
div.produitmodule a.LienDoc img{ 
	border: 0px solid #000000;
}
div.produitmodule a.LienDoc:hover{
	text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------------------
																																												 		LISTE FAMILLES
----------------------------------------------------------------------------------------------------------*/
div.BlocActivite{
	width: 220px;	
  height:300px;
	float: left;	
	margin: 10px 0px 0px 10px;
	padding: 0px;	
	text-align: center;
	cursor: pointer;
}
div.BlocActivite h4{	
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	padding: 2px 5px;
	margin-bottom: 5px;
}
div.BlocActivite p.description{
	font-style: italic;
	text-align: justify
}
div.BlocActiviteOver{
	width: 220px;	
	float: left;	
	margin: 10px 0px 0px 5px;	
	border-bottom: 1px solid #2987F2;
	border-right: 1px solid #2987F2;	
	border-left: 1px solid #9CC5F4;	
	border-top: 1px solid #9CC5F4;		
	background-color: #C0D9F7;	
	padding: 0px;	
	text-align: center;
	cursor: pointer;
}
div.BlocActiviteOver h4{
	border-bottom: 1px solid #213A54;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 2px 5px;
}




div.ProduitDeLaListe{
	/*float:         left; */
	border-bottom: 1px solid #7090AF; 
	margin:        7px 0px 5px 20px; 
	padding:       0px 0px 5px 0px;
	/*width:         220px; */
        overflow:      hidden; 
	cursor:        pointer; 
	/*text-align:    justify;*/
        text-align:    left;
        
}
div.ProduitDeLaListe img.ImageProduit{
	float:  left; 
	margin: 0px 7px 2px 0px;
}
div.ProduitDeLaListe div.RefCommerciale{
	text-align:    right;
	font-size:     12px;
	font-weight:   bold; 
	color:         #213A54;
	margin-bottom: 5px;
}
div.ProduitDeLaListe div.LeLienFiche{
	margin-top: 5px; 
	text-align: right;
}
div.ProduitDeLaListe div.LeLienFiche a{
	color: #7090AF;		
}
/*----------------------------------------------------------------------------------------------------------
																																																			TITRE
----------------------------------------------------------------------------------------------------------*/
h1.produit{ 
	text-align: left; 
	font-size: 19px; 
	margin: 5px 0px 1px 30px;
}
h2.produit{ 
	text-align: left; 
	font-size: 15px; 
	margin: 5px 0px 15px 10px;
	color: #213A54;
}
h2.groupe{
	font-size: 18px;
	color: #213A54;
	margin: 10px 5px 0px 20px;
	border-bottom: 2px solid #213A54;
}
h3.produit{
	border-bottom: 1px solid #939393;
	text-align: left;
	font-size: 12px;
	margin: 15px 10px 4px 10px;
}
h3.events{
	/*border-bottom: 1px solid #939393;*/
	text-align: left;
	font-size: 15px;
	margin: 15px 10px 4px 10px;
	color: #213A54;
}
h3.presse{	
	text-align: left;
	font-size: 13px;
	margin: 0px 10px 10px 10px;
	color: #213A54;
}
/*----------------------------------------------------------------------------------------------------------
																																																			TITRE
----------------------------------------------------------------------------------------------------------*/
input.InputEspacePro{
	width: 80px;
	border: 1px solid #989898;
	background-color: #303030;
}
label{
	color: #A4A471;
}
/*----------------------------------------------------------------------------------------------------------
																																																			TITRE
----------------------------------------------------------------------------------------------------------*/
table.tblcarac td, table.tblcarac th{
	padding: 5px;	
}
table.tblcarac th{
	border-right: 1px solid #939393; 
	text-align: right;
}
img.ImgMiniature{
	border: 1px solid #828282;
	cursor: pointer;
}
img{
	border: 0px solid #FFFFFF;
}
/*----------------------------------------------------------------------------------------------------------
																																																			TITRE
----------------------------------------------------------------------------------------------------------*/
ul.plan{
	margin: 0px 0px 0px 0px;
	list-style: none;	
}
ul.plan li.plan{
	margin: 10px 0px 0px 0px;
}
ul.plan li.plan a{
	font-size: 15px;
	font-weight: bold;
	color: #325B7A;
	text-decoration: none;
}
ul.ssplan{
	margin: 0px 0px 0px 10px;	
}
ul.ssplan li a{
	font-size: 12px;
	color: #5882A0;
	text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------------
																																																			TITRE
----------------------------------------------------------------------------------------------------------*/
ul{
	padding: 5px 25px 5px;
}
p{
	text-align: justify;
	margin : 5px 0px 5px;
}
p.basdepage{
	color: #336699;
	text-align: left;
	padding: 10px 0px 0px 40px;
}
p.events{
	margin: 5px 0px;
}
a.events{
	color: #858585;
	font-size: 13px;
}
a.lien{
	color: #212121;
	text-decoration: underline;
}

p.description{
        margin: 10px 15px 0px 20px;
	font-style: italic;
	text-align: justify
}


/*------------------------------------------------------------------------------------------------------
                                              Navynews
------------------------------------------------------------------------------------------------------*/
#navynews_nav
{
  padding: 10px 30px 15px;
  text-align:right;
}