/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Evite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 0;
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size: 12px; /* A adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* A adapter au design. (4) */ 
  color: #383838; 
  background: white;
  height:100%;
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 {
	background-image:url("../images/arrow.png");
	background-position:13px center;
	background-repeat:no-repeat;
	color:#0094D7;
	font-size:16px;
	margin:10px 14px 0;
	padding:0 33px;
	border-bottom:2px solid #DBF4FF;
} 
h2 { 
  font-size: 15px;
  color:#16267B;
  display:block;
  border-bottom:solid 1px #16267B;
} 
h3 { 
  font-size: 12.5px;
  color:#16267B;  
} 
h4 { 
  font-size: 10px; 
} 
 
/* Listes */ 
ul, ol { 
  padding: 0;
  margin:0;
} 
 
 
/* Liens */ 
a { 
  text-decoration: none;
	color:#0094d7;
} 
a:link { 
  color: #0094d7; 
} 

a:hover, a:focus, a:active { 
  color: #11257B; 
} 

/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/* Formulaires */
td {
	margin:0;
	padding:0;
}

/* --- STYLES DU SITE --- */

html {
	height:100%;
}


body {
	background-color:#0094d7;
}
 
.motif {
	background-image: url(../images/motif.gif); 
	background-repeat: repeat;
	width:100%;
	min-height:100%;
	position:relative;
}

.gradient {
	/* background-image:url(../images/motif.gif), -moz-linear-gradient(top, #0094d7, #0e598c); FF3.6 
	background-image:url(../images/motif.gif), -webkit-gradient(linear,left bottom,left top,color-stop(0, #0e598c),color-stop(1, #0094d7));  Saf4+, Chrome */

}

#container {
	background: url(../images/container.png) repeat-y center;
	padding-bottom: 30px;
}

#component {
	padding:0 10px;
}
#component>div:last-child {
display:none;
}

#header {
	background: url(../images/header.jpg) no-repeat center;
}

#bandeau {
	height:23px;
	margin-bottom:-6px;
}

#corps_header {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	height:124px;
	position:relative;
}

#drapeau {
	float:right;
	padding-right:10px;
	padding-top:10px;
	height:16px;
	width:71px;
}

#contact_direct {
	clear:both;
	text-align:right;
	padding-right:5px;
	padding-top:17px;
	font-size:12px;
	line-height:1.2;
}

#contact_direct li {
	list-style-type: none;
	color:white;
}

#contact_direct li  a {
	color:white;
}


#corps {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px 5px;
	position:relative;
	overflow:hidden;
}

.addthis_button {
	position: absolute;
	top: 0px;
	/*width:120px;*/
	right: 19px;
	height:10px;	
}


#mainmenu {
	background: url(../images/fond_menu.png) no-repeat center;
	position:absolute;
	right:-1px;
	bottom:0;
	width:573px;
	height:41px;
}

ul.menu {
	margin-left:18px;
	padding-top:4px;
}

ul.menu li {
	float:left;
	font-weight:bold;
	font-size:15px;
	font-style: italic;
	margin-left: 20px;
	list-style-type: none;
	padding:5px 15px;
}

ul.menu li.item2, ul.menu li.item-2 {
	width:76px;
	cursor:hand;
}
ul.menu li.item3, ul.menu li.item-3 {
	width:115px;
	cursor:hand;
}
ul.menu li.item4, ul.menu li.item-4 {
	width:57px;
	cursor:hand;
}
ul.menu li.item5, ul.menu li.item-5 {
	width:76px;
	cursor:hand;
}

ul.menu li a {
	text-decoration: none;
	color:white;
	display:block;
	height:24px;
}

#user8 ul.menu li a {
	text-decoration: none;
	color:rgb(0, 148, 215);
	display:block;
	height:inherit;
}
#user8 ul.menu li {padding:3px;}

ul.menu li a:visited {
	color:white;
}

ul.menu li a span {
	display:block;
	float:left;
	margin-top:2px;
	cursor:hand;
}


ul.menu li a:hover {
	color:#D1E6EF;
}


li.item2 a, li.item-2 a{
	background: url(../images/menu/accueil.png) no-repeat left;
	padding-left:24px;
}

li.item2 a:hover, li.item-2 a:hover {
	background: url(../images/menu/accueil_hover.png) no-repeat left;
}

li.active.item2, li.active.item-2 {
	background: url(../images/menu/fond_acc.jpg) no-repeat center;
}

li.item3 a, li.item-3 a {
	background: url(../images/menu/nos_produits.png) no-repeat left;
	padding-left:21px;
}

li.item3 a:hover, li.item-3 a:hover {
	background: url(../images/menu/nos_produits_hover.png) no-repeat left;
}

li.active.item3, li.active.item-3 {
	background: url(../images/menu/fond_prod.jpg) no-repeat center;
}

li.item4 a, li.item-4 a {
	background: url(../images/menu/news.png) no-repeat left;
	padding-left:18px;
}

li.item4 a:hover, li.item-4 a:hover {
	background: url(../images/menu/news_hover.png) no-repeat left;
}

li.active.item4, li.active.item-4 {
	background: url(../images/menu/fond_niouz.jpg) no-repeat center;
}

li.item5 a, li.item-5 a {
	background: url(../images/menu/tel.png) no-repeat left;
	padding-left:21px;
}

li.item5 a:hover, li.item-5 a:hover {
	background: url(../images/menu/tel_hover.png) no-repeat left;
}

li.active.item5, li.active.item-5 {
	background: url(../images/menu/fond_cont.jpg) no-repeat center;
}

#user1 {
	height:320px;
	width:773px;
	float:left;
	margin-left:15px;
	margin-top:17px;
	/*background: url(../images/fond_slide.gif) no-repeat center;*/
}

#user2 {
	height:311px;
	width:142px;
	float:right;
	margin-right:15px;
	margin-top:11px;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top:15px;
}

#user3 {
	clear:both;
	padding-top:30px;
}


#user4 {
	height:51px;
	width:934px;
	margin:-2px auto 0px;
	background-repeat: no-repeat;
	background-position: center center;
}


#user5 {
	width:100%;
	margin-top:10px;
	margin-right:0px;
	margin-left:1px;
}

#user6 {

}

#user7 {
	height:140px;
	width:938px;
	margin:30px auto;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top:17px;
}

#user8 {
height:160px;
	width:938px;
	margin:30px auto;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top:17px;
}

#user9 {
	position: absolute;
	top:-12px;
	right:172px;
}

#contenu {

}

#modfooter {
	clear:both;
	background: url(../images/footer.png) no-repeat top center;
	height:37px;
	width:935px;
	padding:17px 18px 15px 18px;
	margin:0px auto 0px auto;
	font-size:12px;
	color:#575757;
}

#modfooter ul{
list-style:none;
}

#modfooter li {
display:block;
float:left;
padding:0 5px;
border-left:1px solid #575757;
}
#modfooter li:first-child{
border-left:0px solid #575757;
}

#modfooter a {
	text-decoration:none;
}
#modfooter a:hover {
	color:#11257B;
}

#fin {
	clear:both;
}

.titre_page span {

}

.titre_page img {
	vertical-align: bottom;
}

.jfdefaulttext {
	color:red;
	margin:6px 6px 0 6px;
	font-size:13px;
}

.chronoform {
	display:none;
}

/* //////////////////////////////////
 Classes pages
////////////////////////////////// */
/* //////////////////////////////////
PAGE ACCUEIL
////////////////////////////////// */

.texte_accueil {
	padding:0px 25px;
	border-left:solid 1px #bbb;
}

.texte_accueil h2 {
  color:#555;
  border-bottom:none;
  margin:0;
}

.texte_accueil p {
  margin:5px 0;
}

.image_accueil h3 {
	margin:0;
}

.blogaccueil {
	margin:30px auto 0px;
	width:930px;
}

.blogaccueil th {
	background: url(../images/header_actu.jpg) no-repeat top left;
	height:21px;
}

.blogaccueil th a {
	color:white;
	font-weight:bold;
	font-size:14px;
	font-style: italic;
	margin-left: 10px;
	text-decoration:none;
	font-variant: small-caps;
}

.blogaccueil th a:hover, .blogaccueil th a:hover span {
	color: #D1E6EF;
}

.blogaccueil th a span {
	color:white;
	font-weight:bold;
	font-size:11px;
	font-style: italic;
	margin-left: 220px;
	text-decoration:none;
	font-variant: normal;
}

.blogaccueil .bloc_actu {
	border: 2px solid #0194D9;
}

#haut_articles_accueil {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0194D9;
	margin-left: 10px;
}

#date_articles_accueil {
	float:left;
	width:180px;
	text-align:right;
	clear:both;
	font-size: 14px;
	color: #999999;
	padding-top:10px;
}

#titre_articles_accueil, #articles_accueil {
	margin-left:200px;
	background-color:#dbf4ff;
}

#titre_articles_accueil {
	padding-top:7px;
	margin-left:190px;
	padding-left:6px;
}


.article_separator {
	height:0px;
}

.contentheadingaccueil a {
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
}

.mainlevel_menu_cata {
	margin-left:10px;
}

.readonaccueil {
	display:block;
	clear:both;
	float:right;
	margin-right:20px;
	font-weight:bold;
}

.contentpaneopenaccueil, .items-leading>div {
	width:100%;
	background-color:#dbf4ff;
}

.contentpaneopenaccueil p {
	display:block;
}


/* //////////////////////////////////
PAGE PRODUITS
////////////////////////////////// */


.wrapperhub {
	height:603px;
}

.menu_menu_cata {
	padding-left:190px;
	font-weight:bold;
}

.menu_menu_cata li {
	list-style-type: none;
	display:block;
	float:left;
	width:180px;
	margin-top:5px;
}

.menu_menu_cata li a {
	text-decoration: none;	
}

.menu_menu_cata li a:hover {
	text-decoration: underline;
}

.menu_menu_cata li.item9 a, .menu_menu_cata li.item-9 a {
	color:#836855;
}
.menu_menu_cata li.item10 a, .menu_menu_cata li.item-10 a  {
	color:#233392;
}
.menu_menu_cata li.item11 a, .menu_menu_cata li.item-11 a {
	color:#f37c09;
}
.menu_menu_cata li.item12 a, .menu_menu_cata li.item-12 a {
	color:#0094d7;
}
.menu_menu_cata li.item13 a, .menu_menu_cata li.item-13 a {
	color:#ff0000;
}
.menu_menu_cata li.item14 a, .menu_menu_cata li.item-14 a {
	color:#b134b2;
}
.menu_menu_cata li.item15 a, .menu_menu_cata li.item-15 a {
	color:#10a525;
}


/* //////////////////////////////////
PAGE NEWZ
////////////////////////////////// */

.blognewz, #article_a2s {
	width:934px;
	margin:10px auto 0;
}

.blognewz table, #article_a2s table {
	border-spacing:0px;
}

a.contentpagetitlenewz, a.contentpagetitleaccueil, .items-leading>div h2 a {
	font-size: 15px;
	display:block;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #0094d7;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0094d7;
	background-image: url(../images/header_actu.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-left: 10px;
	height:21px;
}

.article_column {
	border:0px;
}

.contentpaneopennewz {
	width:100%;
	border:0px;
	margin:0px;
	background-color: #DBF4FF;
}

.contentpaneopennewz p {
	margin-right:10px;
	margin-left:10px;
	display:block;
}

.createdate {
	padding-left:10px;
	color:#505050;
	font-size:11px;
}

#articles_news_total {
	border:solid 1px #0194D9;
}

#haut_articles_news {
	/* margin-left: 11px; */
}

.date_articles_news {
	width:180px;
	text-align:right;
	clear:both;
	font-size: 14px;
	color: #999999;
	padding-top:5px;
	background-color:white;
	vertical-align: top;
	padding-right: 10px;
}

#titre_articles_news, #articles_news {
	/* margin-left:200px; */
	background-color:#dbf4ff;
}

#titre_articles_news {
	/* margin-left:190px; */
}

.readonnewz {
	display:block;
	clear:both;
	float:right;
	margin-right:40px;
	margin-bottom:10px;
	font-weight:bold;
}

.retour  {
	width:111px;
	height:20px;
	padding-top: 4px;
	text-align:center;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
	background: url(../images/fond_en_savoir_plus.png) ;
	display:block;
	float:right;
	margin-right:30px;
	margin-top:10px
}

a.retour {
	color:white;
}
p.counter+ul{
text-align:center;
list-style:none;
}
p.counter+ul li{
display:inline;
text-indent:7px;
padding:0 7px;
}

/* //////////////////////////////////
PAGE CONTACT
////////////////////////////////// */

.moduleform_cont fieldset {
	width:504px;
	height:506px;
	margin:auto;
}


.tab_contact {

	padding-top:5px;
}

.tab_contact td {
	margin:2px;
}

.required {
	color:red;
	font-weight:bold;
}

.fts8 {
	width:150px;
	text-align:right;
}

.box, .box2 {
	margin-left:5px;
	width:250px;
	border:solid 1px #0194D9;
}

input.button {
	background-image:url(../images/fond_en_savoir_plus.png);
	width:111px;
	height:24px;
	text-align:center;
	background-color:transparent;
	border:0px;
	color:white;
	font-weight:bold;
	cursor:pointer;
}

input.button:hover {
	background-image:url(../images/fond_en_savoir_plus_hover.png);
}

.erreur_form {
	font-size:15px;
	color:#FF0000;
}

.bas_form {
	background-image:url(../images/fond_cont2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 30px;
}

/* //////////////////////////////////
PAGE MENTIONS LEGALES
////////////////////////////////// */

.accueil_like2 {
	padding-left:15px;
}

/* //////////////////////////////////
PAGE PLAN DU SITE
////////////////////////////////// */

.xmap {
	width:773px;
	margin:auto;
}

ul.level_0 {
	margin-left:20px;
}

/* //////////////////////////////////
PAGE CONNEXION
////////////////////////////////// */



.contentpaneidentifi, #com-form-login {
	padding:0 90px;
	text-align:center;
}

.contentpaneidentifi img {
	float:left;
}
.contentpaneidentifi div {
}

/** Pages catalogue **/

.page_catalogue {
	margin-top: -450px;
	overflow: hidden;
}

.content_cata {
	width: 600px;
	height: 875px;
	overflow: hidden;
	position: relative;
	float:right;
	margin-top: -450px;
	margin-right: 20px;
	/*border: 1px solid #a09a94;*/
	box-shadow: 0 0 5px #a09a94;
}

div.content_cata2 {
	width: 600px;
	height: 875px;
	overflow: hidden;
	position: relative;
	float:right;
	margin-right: 20px;
	/*border: 1px solid #a09a94;*/
	box-shadow: 0 0 5px #a09a94;
}

.page_catalogue h1.pistes {
	color: #836855;
	border-bottom: 1px solid #836855;
}

.page_catalogue h2.pistes {
	color: #836855;
}

.page_catalogue h1.estrades {
	color: #ff0000;
	border-bottom: 1px solid #ff0000;
}

.page_catalogue h2.estrades {
	color: #ff0000;
}

.page_catalogue h1.planchers-ex {
	color: #233392;
	border-bottom: 1px solid #233392;
}

.page_catalogue h2.planchers-ex {
	color: #233392;
}

.page_catalogue h1.scenes {
	color: #b134b2;
	border-bottom: 1px solid #b134b2;
}

.page_catalogue h2.scenes {
	color: #b134b2;
}

.page_catalogue h1.planchers-st {
	color: #f37c09;
	border-bottom: 1px solid #f37c09;
}

.page_catalogue h2.planchers-st {
	color: #f37c09;
}

.page_catalogue h1.tentes {
	color: #10a525;
	border-bottom: 1px solid #10a525;
}

.page_catalogue h2.tentes {
	color: #10a525;
}

.page_catalogue h1.barrieres {
	color: #0094d7;
	border-bottom: 1px solid #0094d7;
}

.page_catalogue h2.barrieres {
	color: #0094d7;
}

.page_catalogue h1 {
	width: 600px;
	float:right;
	margin-right: 20px;
	padding: 0;
	background: none;
	border: none;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 10px;
}

.page_catalogue h2 {
	width: 600px;
	float:right;
	margin-right: 20px;
	border: none;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.page_catalogue p {
	width: 600px;
	float:right;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: justify;
}

.page_catalogue table {
	width: 600px;
	float:right;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 8px;
	text-align: justify;
	border-collapse: collapse;
}

.page_catalogue table td {
	border: 1px solid #000000;
	text-align: center;
}

.page_catalogue table td h2, .page_catalogue table td p {
	width: auto;
	text-align: justify;
	float: none;
}

.nav_cata {
	clear: both;
	float:right;
}

.iframe_cata {
	overflow:hidden;
	position: absolute;
	top: -100px;
	left: -100px;
	right: 0;
	width: 800px;
	height: 980px;
	border:none;
}

#text_only {
	position: absolute;
	left: -9999999px;
}

.at-follow-label {
	color: #ffffff;
	font-weight: bold;
}