html {
	background-image: url(../element/background.jpg);
	margin:0px; padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}

body{
	margin:0px;
	width:100%; min-height:1050px; height:auto!important; height:1050px;
	background:#f29605 url(../fond/aleatoire/random.php) no-repeat top center;
}

#global{
	position: relative;
	width: 1000px;
	height : 750px;
	margin: 0 auto;
}

#global2{
	position: relative;
	width: 1040px;
	height : 750px;
	margin: 0 auto;
}

#header{
	position:relative; display:block; z-index:10;
	margin : 0;
	width : 1000px;
	height : 33px;
}

#header2{
	margin : 0;
	width : 1000px;
	height : 248px;
}

#header .site{
	position:relative; display:block; z-index:10;
	margin : 0;
	width : 1040px;
	height : 133px;
}

#menu{
	margin : 0; margin-left:17px;
	width : 1000px;
	height : 30px;
	background: url(../element/fond_menu.png) no-repeat top left;
}

h1#logo_index_fr,h1#logo_index_it,h1#logo_index_en{
	margin:0px;
	width:250px; height:145px;
	background:url(../element/logo_asp.png) no-repeat top left;
	text-indent:-999999px;
}

h1#logo_index_sv{
	margin:0px;
	width:250px; height:145px;
	background:url(../element/logo_asp_sv.png) no-repeat top left;
	text-indent:-999999px;
}

h1#logo_index_de{
	margin:0px;
	width:250px; height:145px;
	background:url(../element/logo_asp_de.png) no-repeat top left;
	text-indent:-999999px;
}

h1 a{ display:block; width:250px; height:145px;}

#logo_fr,#logo_en,#logo_it{
	margin : 0;
	width : 232px;
	height : 133px;
	background-image: url(../element/logo_asp_rub.png);
}

#logo_sv{
	margin : 0;
	width : 232px;
	height : 133px;
	background-image: url(../element/logo_asp_rub_sv.png);
}

#logo_de{
	margin : 0;
	width : 232px;
	height : 133px;
	background-image: url(../element/logo_asp_rub_de.png);
}





#logo_fr a,#logo_en a,#logo_it a,#logo_sv a,#logo_de a{display:block; width:232px; height:133px; text-indent:-999999px;}

#menu2{
	margin : 0;
	width : 807px;
	height : 133px;
	/*background-image: url(../element/fond_menu_haut.jpg);*/
	margin-left: 232px;
	float: left;
	position:absolute;
	top: 0px;
}

#flash{
	margin : 0; margin-left:17px;
	width : 1000px;
	height : 259px;
	background: url(../element/fond_menu.png) repeat-y top left;
	padding-left:20px;
}

#contenu{
	position:relative; display:block; z-index:1;
	margin : 0px; margin-left:28px; margin-top:71px;
	width : 996px;
	min-height : 500px; height:auto!important; height:500px;
	background-color:#FFFFFF; border:1px solid #dfdde0;
	/*background: url(../element/fond_contenu.png) repeat-y top left;*/
}
.bordure{border:1px solid #dbdbdb; margin:15px;min-height : 500px; height:auto!important; height:500px; padding-bottom:10px;}

#content{
	margin : 0;
	width : 1000px
}

#footer{
	margin : 0;
	width : 1000px;
	height : 50px;
	background-image: url(../element/footer.jpg);
}

#actualites{
	margin:0px; margin-left:17px;
	width : 1000px;
	height : 165px;
	background: url(../element/fond_actualites.png) no-repeat top left;
}

#baspage{
	width : 1040px;
	height : 30px;
	background: url(../element/fond_bas_page.jpg) no-repeat top left;;
}

#baspagecontact{
	width : 1040px;
	height : 30px;
	background-image: url(../element/fond_bas_page_contact.jpg);
}

.fond {
	background-image: url(../element/onglet_milieu_trait.jpg);
	background-repeat: no-repeat;
}

#navcontainer {
        width: 168px;
		margin: 0 0;
        padding: 1em 0 0em 0;
        font-family: Century Gothic, Verdana, Arial;
        font-size: 13px;
        
}

ul#navlist {
        text-align: left;
        font-family: Century Gothic, Verdana, Arial;
        font-size: 13px;
        list-style: none;
        padding: 0;
        margin: 0 0;
        width: 168px;
		font-family: Century Gothic, Verdana, Arial;
		border-collapse:collapse;
		border:0;
}

ul#navlist li {
        display: block;
	    font-family: Century Gothic, Verdana, Arial;
        font-size: 13px;
        margin: 0;
        padding: 0;
		font-family: Century Gothic, Verdana, Arial;
		border-collapse:collapse;
		border:0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        font-family: Century Gothic, Verdana, Arial;
        font-size: 13px;
        padding: 0.4em 0 0.4em 2.5em;
        color: #e6bf61;
        text-decoration: none;
        background: url(images/menufond.gif);
		background-repeat: no-repeat;
		font-family: Century Gothic, Verdana, Arial;
		border-collapse:collapse;
		border:0;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        color: #6f0d0f;
		font-family: Century Gothic, Verdana, Arial;
        font-size: 13px;
		background: url(../element/menufond2.gif);
		background-repeat: no-repeat;
		font-family: Century Gothic, Verdana, Arial;
}

ul#navlist li#topmenu  {
        color: #6f0d0f;
		background: url(../element/menuhaut.gif);
		background-repeat: no-repeat;
		height:36px;
}
ul#navlist li#bottommenu  {
        color: #6f0d0f;
		background: url(images/menubas.gif);
		background-repeat: no-repeat;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #6f0d0f;
        font-family: Century Gothic, Verdana, Arial;
        font-size: 13px;
		background: url(../element/menufond2.gif);
		background-repeat: no-repeat;
		font-family: Century Gothic, Verdana, Arial;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5D5C5C;
	line-height: 16px;
}

.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF061D;
	line-height: 16px;
}

.menuproduits {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
    padding-left: 15px;
}

.menugamme {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
    padding-left: 35px;
	padding-top: 15px;
	font-weight: 600;
}

.onglet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #363636;
	padding-bottom: 20px;
}

.tel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DF061D;
    padding-left: 20px;
}

.adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
    padding-left: 20px;
}

.fonce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #540B0D;
	font-weight: 600;
}
.jaunefonce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.grandtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
    font-weight: 900;
	text-align:center;
}

.grandtitre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	padding-left: 28px;
	padding-bottom: 3px;
}

.liste {
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2b7560;
}

.traits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #DF061D;
}h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.texteblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#global #menu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
    font-weight: 900;
	text-align:center;
}

#global #menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DBDBDB;
	text-decoration: none;
    font-weight: 900;
	text-align:center;
}
#global #menu a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #EEEEEE;
	text-decoration: none;
    font-weight: 900;
	text-align:center;
}
#global #menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
    font-weight: 900;
	text-align:center;
}

#global #header site a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
    font-weight: 900;
	text-align:center;
}

#global #header site a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DBDBDB;
	text-decoration: none;
    font-weight: 900;
	text-align:center;
}
#global #header site a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #EEEEEE;
	text-decoration: none;
    font-weight: 900;
	text-align:center;
}
#global #header site a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
    font-weight: 900;
	text-align:center;
}
.produits img{
border:2px solid #e6cb92;
}

.produits {
text-align:center;
}

.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:10px;
	padding:0;
	margin:0;
	text-align:center;
	color: #252525;
	text-decoration: none;
}
.bouton {
    background-image: url(../element/fond_btn_envoyer.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #FFFFFF;
}

.passer {
    background-image: url(../fond/btn_passer.jpg);
	background-repeat:no-repeat;
    width:187px;
	height: 37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:5px;
    font-size: 10px;
	color: #FFFFFF;
	font-weight: 600;
}

.actu {
    width:940px;
    background-repeat:no-repeat
}
.references {
    width:300px;
}

/********** CSS FANNY ************/
#toppage_ind{width:800px; height:25px; padding-top:5px; display:block; margin-left:200px;}
#toppage{width:800px; height:25px; padding-top:5px; display:block;}

#langues{position:absolute; z-index:20; right:35px; top:135px;width:30px; height:135px;}
#langues img{margin-bottom:3px;}

#search_form{position:relative; float:left; width:200px;}
#search_form .subsearch{ background:url(../element/bouton_ok.jpg) no-repeat top left; width:22px; height:21px; vertical-align:middle; border:0px; text-indent:-999999px; cursor:pointer;}
#search_form .subsearch:hover{ background:url(../element/bouton_ok_over.jpg) no-repeat top left;}
#search_form .input_search{border:1px solid #d1d1d1; vertical-align:middle; width:120px;}
#search_form .isrub{border:1px solid #d1d1d1; vertical-align:middle; width:100px!important;}

#form_access{padding-top:5px;}
#form_access label{position:relative; float:left;margin-right:5px; margin-left:12px;}
#form_access .input_access, #form_access .pssword_utilisateur{position:relative; float:left; border:1px solid #d1d1d1; vertical-align:middle; width:85px;margin-right:0px;}
#form_access .subacces{display:block; float:right; margin-right:15px; width:52px; height:21px; text-indent:-999999px; cursor:pointer; text-indent:-99999px; border:0px; vertical-align:middle;}
#forms{font-size:11px;}

#menu ul{margin:0px; margin-left:-28px;}
#menu ul li{ float:left; list-style:none; list-style-image:none; display:block; width:157px; height:30px; text-align:center;}
#menu ul li a{text-transform:uppercase; display:block; width:157px; height:24px; background:#9d9d9d url(../element/btn_vide.jpg) no-repeat top left; font-size:1.1em; padding-top:6px;}
#menu ul li a:hover{ background:#777777 url(../element/btn_vide_over.jpg) no-repeat top left;}
#menu a.open{background:#777777 url(../element/btn_vide_over.jpg) no-repeat top left;}

#menu_rub{display:block; margin-top:5px;}
#menu_rub ul{margin:0px; margin-left:-32px; padding-top:5px; height:30px;}
#menu_rub ul li{ float:left; list-style:none; list-style-image:none; display:block; width:157px; height:30px; text-align:center;}
#menu_rub ul li a{text-transform:uppercase; display:block; width:157px; height:24px; background:#9d9d9d url(../element/btn_vide.jpg) no-repeat top left; font-size:1.1em; padding-top:6px;font-size: 13px;color: #ffffff; font-weight:bold; text-decoration:none;}
#menu_rub ul li a:hover{ background:#777777 url(../element/btn_vide_over.jpg) no-repeat top left;}
#menu_rub a.open{background:#777777 url(../element/btn_vide_over.jpg) no-repeat top left;}

.actus{float:left; display:block; width:269px; height:130px; color:#000000;padding:5px; padding-left:8px; padding-top:0px;}
.titre_actu{color:#df061d!important; display:block; font-weight:bold; font-size:1.2em; text-transform:uppercase; margin-bottom:5px;}
.actus a{color:#000000; text-decoration:none;}
.actu p{display:block; margin-left:15px!important; margin-right:20px!important;}

.ref_link{display:block; width:259px; height:25px; text-decoration:none; color:#666666; text-transform:uppercase; font-size:2.0em; font-weight:normal; margin-left:5px;}
.ref_link:hover{}

.titleactu{position:absolute; color:#ffffff; font-size:12px; font-weight:bold; display:block; text-transform:uppercase; margin-top:-10px; margin-left:5px;}

/* RUBRIQUES */
.backhome{position:relative; float:left; padding-top:5px; padding-left:5px; width:55px;text-decoration:none; color:#000000}


/**** GESTION DES SOUS MENU ****/
#sousmenu{display:block; margin-top:8px; margin-left:-32px;}
#sousmenu li{float:left; list-style:none; list-style-image:none;}
.left_ssmenu{position:relative; float:left; display:block; width:11px; height:55px; background:url(../element/onglet_gauche.jpg) no-repeat top left;}
.ssmenu{position:relative; float:left; display:block;height:55px; background:url(../element/onglet_milieu_trait.jpg) repeat-x top left;}
.ssmenuouvert{position:relative; float:left; display:block;height:55px; background:url(../element/onglet_milieu_fleche.jpg) repeat-x top center;}
.right_ssmenu{position:relative; float:left; display:block; width:11px; height:55px; background:url(../element/onglet_droite.jpg) no-repeat top left;}

.ssmenu a, .ssmenuouvert a{display:block;font-size:1.2em; text-decoration:none; color:#000000; padding-left:5px; padding-right:5px; padding-top:7px; min-width:100px; width:auto!important; width:100px; text-align:center;}

.sssmenu{
	position:relative; float:left; display:block;
	width:169px; min-height:445px; height:auto!important; height:445px;
	background:url(../element/bg_sssmenu.jpg) repeat-x bottom  left;
	border:1px solid #dcdcdc;
	margin-left:10px; margin-top:20px;
}
.sssmenu ul{margin-left:-40px!important; padding-top:10px!important}
.sssmenu li{list-style:none!important; list-style-image:none!important; border-bottom:1px dashed #b2b2b2;margin:5px!important; font-size:1.1em!important}
.sssmenu li a{display:block; background:url(../element/puce_rouge.gif) no-repeat 0px 5px; color:#000000!important; text-decoration:none; font-size:1.2em; padding-left:8px;padding-bottom:5px;}
.sssmenu li a:hover{text-decoration:none!important; color:#FF0000!important}
a.selectitem{font-weight:bold!important;}

/**** FIN  GESTION DES SOUS MENU ****/

.colonne{position:relative; float:left; display:block; width:164px; min-height:270px; height:auto!important; height:270px;background:#fcfcfc  no-repeat bottom left;border:1px solid #dcdcdc;margin-left:10px;margin-top:20px; padding-top:5px; padding-left:4px; padding-bottom:170px;}
.colonne p{font-size:11px!important; margin:0px!important; margin-bottom:4px!important;}
.colonne strong{font-size:11px!important;}

.contenu{position:relative; float:right;/* margin-left:55px;*/width:770px; margin-left:10px; margin-top:15px;}
.contenu_right{position:relative; float:right; width:765px; min-height:400px; height:auto!important; height:400px; margin-right:10px; margin-top:15px;}

/* ACTUALITES RUBRIQUE */
.actu_rub{position:relative; display:block; float:left;  border:1px solid #dcdcdc; padding:2px; margin-right:10px; width:240px; height:156px;}
.acturub_titre{display:block; background-color:#d9081b; color:#ffffff; font-weight:bold; margin:0px!important;padding:4px; font-size:1.2em!important; margin-bottom:5px!important; height:20px;}
.actu_rub a{color:#000000!important; text-decoration:none; display:block; height:100px; overflow:hidden;}
.actu_rub a:hover{text-decoration:none!important}
.savplus{margin:0px!important; text-align:right; font-weight:bold;}
.savplus a{color:#666666!important;} .savplus a:hover{color:#d9081b!important; text-decoration:none!important;}

/**** PAGE CONTACT ****/
.coordonnes{position:relative; float:left; display:block; width:430px;margin-left:10px;}
.coordonnes p{font-size:11px!important;}
.contenu_form{position:relative; float:left; width:500px;}

#formulairepage label{position:relative; display:block; float:left; width:150px; font-size:1.1em;margin-bottom:5px;}
#formulairepage label strong{color:#000000!important;}
#formulairepage .listevalform, #formulairepage .ctext, #formulairepage .mtext, #formulairepage .email, #formulairepage .select{position:relative; float:left; width:320px;margin-bottom:5px; border:1px solid #7d7d7d;}
#formulairepage .listevalform{border:0px;}
#formulairepage fieldset{position:relative; float:left;display:block; clear:both; background:url(../element/fond_formulaire.jpg) repeat-x top left; border:0px; margin-top:10px;margin-bottom:10px;padding-top:10px;}
#formulairepage fieldset label{color:#ffffff!important;}#formulairepage fieldset label strong{color:#ffffff!important;}
#formulairepage .imgfield{margin-left:150px;}
#formulairepage .noteform{display:block;margin-left:240px!important;}

#formulairepage .imgfield{ border:0px; background-color:#bd1023; width:322px; margin-top:15px; color:#FFFFFF; font-size:1.2em; font-weight:bold; text-transform:uppercase; padding:2px; cursor:pointer; margin-bottom:10px;}

/* GOGOLE MAP */
#google_map{border:1px solid #666666; width:750px;}
#maps p{margin:0px!important; margin-bottom:5px!important}

/****************** FICHE PRODUITS *****************/
.article_left{position:relative; float:left; display:block;	margin-left:15px;}
.article{margin-left:15px; margin-right:45px;}
.video{	position:relative; float:right; width:363px; padding-left:3px;	background-color:#000000;margin-right:10px; margin-left:25px; margin-bottom:15px;}

/******** GALERIE IMAGES ******/
.gallerie{position:relative; float:left; display:block; margin-top:10px;margin-left:15px;}
.diapo{position:relative; float:left; display:block;border:1px solid #999999; padding:4px;margin-right:5px; margin-bottom:4px;}
.diapo img{margin:0px!important;max-height:150px; border:0px!important;}

/* RECHERCHE */
.result_search{position:relative; display:block; float:left;margin-right:20px; padding-bottom:5px; border-bottom:1px dotted #999999; margin-bottom:5px;}

/* outils*/
.spacer{display:block; clear:both;}

/***** PIED *****/
#pied{width:955px; margin-left:25px; text-align:center;}
#pied p{color:#333333!important;}
#pied a{color:#333333!important; text-decoration: none!important;}
#pied a:hover{text-decoration: underline!important;}

#pied_rub{width:985px; margin-left:28px;text-align:center; height:40px;}
#pied_rub p{position:relative; float:left; display:block; width:750px;color:#333333!important;}
#pied_rub a{color:#333333!important; text-decoration: none!important;}
#pied_rub a:hover{text-decoration: underline!important;}

#pied_rub .langues_footer{position:relative; float:left; width:180px; margin-left:20px; margin-top:10px;}
#pied_rub .langues_footer img{margin-right:4px;}

/************** BLOCS HTML *****************/
.colleft{position:relative; float:left; display:block; width:370px; margin-right:10px;}
.colright{position:relative; float:left; display:block; width:370px; margin-left:10px;}


/**************** GAMME **************/
.imagesetape{
border:1px solid #7C0B04; 



.etape {
	width: 158px;
	height : 175px;
	background-position:top center;
	background-repeat:no-repeat;
	text-decoration: none;
	list-style:none;
	position: relative;
    display : block;
	float: left;
	margin-right : 4px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 70px;
}

.li1{
    background-image: url(../fond/fond_etape1.jpg);

}

.li2{
    background-image: url(../fond/fond_etape2.jpg);

}

.li3{
    background-image: url(../fond/fond_etape3.jpg);

}

.li4{
    background-image: url(../fond/fond_etape4.jpg);

}