@charset "UTF-8";
/* CSS Document */

div#home h2 { padding:0 0 20px 0}
div#home {position:relative; margin:20px 0; padding:0; color:#666666;}
div#home p { margin:0; padding:0;}
div#home a { text-decoration:none;}
div#home a:hover { text-decoration:underline;}
div.community { width:220px; float:left; margin:0 24px 0 3px;} 
div#home div.community a { color:#666666;} 
div.hot-news { width:220px; height:200px; background:url(/images/home/news.png) no-repeat 0 0 white;  float:left; margin:0 24px 20px 0; padding:43px 0 0 0; color:white;} 
div.special-offer { width:220px;  float:left; margin:0 24px 0 0; padding:0; color:white;} 
div.download { width:220px; float:left; margin:0; padding: 0; color:white;} 

div.hot-news ul { height:192px; margin:10px; padding:0; list-style: square inside;} 
div.hot-news ul li{ margin:5px 0; padding:0; color:#666666;} 

div#menu-home { position:absolute; top:80px; right:80px; border:1px solid #B3B3B3; padding:1px; margin:0; width:180px;}
div#menu-home h2 { background:#0099CC; color:#FFFFFF; padding:0; margin:0; font-size:12px; height:20px; line-height:23px; text-transform:uppercase; letter-spacing: 0.1em; text-indent:1em; font-weight:normal;}
div#menu-home ul { list-style:none; margin:0; padding:0; }
div#menu-home ul li { margin:0; padding:0; }
div#menu-home ul li a { background:#FFFFFF; text-decoration:none; color:#666; display:block; padding:0.5em 1em; text-transform:uppercase }
div#menu-home ul li a:hover { background:#DDE; text-decoration:none; }



#gallery {
		width:610px;
		padding:15px 0 0 0;
		line-height:15px;
}

#gallery div.off {
		color:#FFF;
		/* height:33px; */
		height:33px;
		margin-right:1px;
		width:160px;
		/* line-height:33px; */
		line-height:33px;
		/* padding:0 20px; */
		padding:0 20px;
		float:left;
		cursor:pointer;
		position:relative;
		/* z-index:20; */
		z-index:10;
		font-weight:normal;
		font-size:1.2em;
}

#gallery div.on {
		color:#FFF;
		height:33px;
		width:160px;
		line-height:32px;
		padding:0 20px;
		margin-right:1px;
		margin-top:1px;
		float:left;
		cursor:pointer;
		position:relative;
		z-index:100;
		font-weight:bold;
		font-size:1.2em;
}

div.hide {
		display:none;
		width:0;
		overflow:hidden;
}

div.show {
		clear:left;
		width:608px;
		padding:0;
		margin-top:0;
		top:-1px;
		position:relative;
		z-index:50;
	/*	font:11px arial, sans-serif, verdana; */
	/*	line-height:18px; */
		line-height:22px;
}

.clear {
		clear:both;
}
div.show h3 {
	margin:0 0 0px 0;
}
div.show#Securite {
	/* 			background:url(../../images/menu/navigaton-onglet-2-fond.png) repeat-x top left #FFF; */
		border-left:1px solid #00A7D3;
		border-top:4px solid #00A7D3;
}

div.show#Securite h3 {
		background:#CCEDF6;
}

div.show#Securite ul {
		margin:0 15px;
		padding:0;
}

div.show#Securite li {
		list-style:square inside;
		color:#00A7D3;
		margin:0;
		padding:0;
}

div.show#Actions {
	/* 	background:url(../../images/menu/navigaton-onglet-3-fond.png) repeat-x top left #FFF; */
		border-left:1px solid #B00151;
		border-top:4px solid #B00151;
}

div.show#Actions h3 {
		background:#EFCCDC
}

div.show#Actions ul {
		margin:0 15px;
		padding:0;
}

div.show#Actions li {
		list-style:square inside;
		color:#B00151;
		margin:0;
		padding:0;
}

div.show#Demarches {
	background:url(../../images/menu/navigaton-onglet-1-fond.png) repeat-x top left #FFF;  
		border-left:1px solid #CB400E;
		border-top:4px solid #CB400E;
}

div.show#Demarches h3 {
		background:#F5D9CF
}

div.show#Demarches ul { margin:0 0 0 2em; padding:0; list-style:square;

}
div.show#Demarches li {
		color:#CB400E; margin:0; padding:0;
	
}

#gallery div#onglet1 {
		background:url(../../images/menu/navigaton-onglet-1-titre.png) no-repeat top left #CB400E;
}

#gallery div#onglet2 {
		background:url(../../images/menu/navigaton-onglet-3-titre.png) no-repeat top left #B00151;
}

#gallery div#onglet3 {
		background:url(../../images/menu/navigaton-onglet-2-titre.png) no-repeat top left #00A7D3;
}