* {
margin:0px;
padding:0px;	
}

html
{}

body{
background:#d2cfb9 url(images/background.gif);
font-family:Verdana,Arial, sans-serif;
font-size:11px;
color:#fff;
text-align:justify;
}

/* CLASS */

.globale {
background:#cfcdb7 url(images/background_globale.gif) repeat-y; 
width: 858px;
margin:auto;
}

.header { 
width:770px;
margin:auto;
height:265px;

}

.contenu { 
height:100%;
margin:auto;
width:770px;
color:#333333;
background-color:#e4e4e4;
padding-bottom:20px;

}

.login{
background:#cfcdb7 url(images/background_log.gif) repeat-x; 
margin-bottom:20px;
margin-top:3px;
height:32px;
text-align:right;
padding-right:5px;
color:#fff;
}
.login a{
color:#fff;
font-weight:bold;
text-decoration:none;
    }
.login a:hover
{
    color:#fff;
    font-weight:bold;
    text-decoration:underline;
    }
.msg
{
    padding-top:10px;
    padding-right:5px;}


/* les boutons "achat en ligne" dans les 4 langues */
.bouton_ael-fr{ /*le bouton d'achat en ligne FR*/
background:#cfcdb7 url(images/bouton_ael-fr.jpg) no-repeat top left;
float:left;
margin-left:20px;
width:155px;
height:32px;
position: relative;
	top: 0;
	left: 0;
}

.bouton_ael-fr:hover{
background:#cfcdb7 url(images/bouton_ael-fr.jpg) no-repeat 0px -32px;
}
.bouton_ael-en{ /*le bouton d'achat en ligne EN */
background:#cfcdb7 url(images/bouton_ael-en.jpg) no-repeat top left;
float:left;
margin-left:20px;
width:155px;
height:32px;
position: relative;
	top: 0;
	left: 0;
}

.bouton_ael-en:hover{
background:#cfcdb7 url(images/bouton_ael-en.jpg) no-repeat 0px -32px;
}
.bouton_ael-de{ /*le bouton d'achat en ligne DE */
background:#cfcdb7 url(images/bouton_ael-de.jpg) no-repeat top left;
float:left;
margin-left:20px;
width:155px;
height:32px;
position: relative;
	top: 0;
	left: 0;
}

.bouton_ael-de:hover{
background:#cfcdb7 url(images/bouton_ael-de.jpg) no-repeat 0px -32px;
}
.bouton_ael-nl{ /*le bouton d'achat en ligne NL*/
background:#cfcdb7 url(images/bouton_ael-nl.jpg) no-repeat top left;
float:left;
margin-left:20px;
width:155px;
height:32px;
position: relative;
	top: 0;
	left: 0;
}

.bouton_ael-nl:hover{
background:#cfcdb7 url(images/bouton_ael-nl.jpg) no-repeat 0px -32px;
}

.button_ok{    
background:#cfcdb7 url(images/background_input.jpg) no-repeat; 
border:0px solid #fff;
width:26px;
height:26px;
margin-top:3px;
color:#2f9fb6;
font-weight:bold;

}

.droite{   /*div compris dans le div contenu pour le colonnage */
width:250px;
margin-right:10px;
float:right;
padding:10px;
border:1px solid #d9d7d7;
background-color:#fff;

}

.gauche{   /*div compris dans le div contenu pour le colonnage */
width:435px;
margin-left:15px;
padding:10px;
padding-bottom:22px;
border:1px solid #d9d7d7;
background-color:#fff;

}

.illubienvenue{ /* l'image de bienvenue */
float:left;
margin:10px;
margin-left:0px;
margin-top:0px;
border:2px solid #5B5B5B;
}

.carte{
margin-top:30px; 
}

.spacer{   /* contre le bug du float */
clear:both;
}

.liste_news{   /*liste des news */
margin:auto;
margin-top:10px;
padding-bottom:30px;
list-style-type:none;


}


.footer {    
font-size:10px;
width:770px;
height:30px;
background-color:#e4e4e4;
text-align:center;
margin:auto;
padding-bottom:5px;
color:#494949;
clear:both;
}

.copyright{  /*copyright synchrone */
text-align:center;
}

.floatleft{
float:left;
margin-right:10px;
border:2px solid #2f9fb6;
    }
.floatright{
float:right;
margin-left:10px;
border:2px solid #2f9fb6;
    }
/* BALISES */

a{
color:#2f9fb6;
}

a:hover 
{
color:#8ca317;
}

h1 {
background:#fff url(images/background_h1.gif) repeat-x;
font-weight:bold;
font-size:14px;
color:#8ca317;
height:20px;
text-transform: uppercase ;
margin-bottom:10px;
}

h2 {
font-weight:bold;
font-size:13px;
color:#2f9fb6;

}

img{
border:0px solid #686B64;
}
dt
{
font-weight:bold;
text-decoration:underline;
color:#8ca317;
    }
    
dd
{
margin-bottom:10px;
}
 
strong{
 color:#8ca317;
 }

ul{
list-style-position: inside;
    }

/* FORMULAIRES */

input {

border:1px solid #6B6969;
font-family:  arial;
font-size: 12px;
color: #6B6969;
height:17px;
vertical-align:middle;

}
/*----------------------------------------------------- [ MODULES ] -----------------------------------------*/

/* ----------------------------------------------------[ NEWS ]--------------------------------------------------------- */
.liste_news {   /*liste des news UNIQUEMENT HOMEPAGE */
	margin-top:5px;
    padding-bottom:10px;
	list-style-type:none;
}

/* le module news se sert des conteneur généreaux .gauche et .droite !!!!!!!!!!!!*/

.news_unite {    /* conteneur de chaque news sur la page vieuxdefault */
margin:auto;
margin-top:10px;
margin-bottom:4px;
padding:3px;
list-style-image: url(images/puce_news.gif);
}

.news_unite span{   
display:inline;
}

.news_image {    /* conteneur pour la miniature de la news */
float:left;  /* position de l'image selon l'envie :)  */
margin-right:5px;
padding:1px;
}

.both{  /* contre le bug du float */
margin-top:5px;
clear:both;
visibility:hidden;
}

.image_supp_news{ /* images en dessous de la news */
display:inline;
padding:3px;
}

.menu_puce{ /* liste menu droite */
list-style-position: inside;

text-align:left;
}

.menu_puce ul { /* permet de supprimer les puce pour les années*/
list-style-type:none;
}


/*------------------------------------------------------------ [ PAGES ]--------------------------------------------------------- */

/* PRESENTATION */
.conteneur_pleine_page{  /* conteneur principal pour les pages sciage, scisaillage, plaque, déroulage, documents. */
width:94%;
margin:auto;
border-right:1px solid #d56e88;
padding:10px;
padding-bottom:22px;
border:1px solid #d9d7d7;
background-color:#fff;
}

.lastparagraphe
{
    margin-left:215px;
    
   }
   
.contactpage
{
    border-left: 4px solid #8ca317;
    padding-left:5px;
	background-color:#EDF0DB;
	padding:5px;
    }

.cadre_titre
{
    border-left: 4px solid #8ca317;
    padding-left:10px;
	background-color:#EDF0DB;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	width:700px;
}


.cadre_titre BIG
{
	font-size:15px;
	font-weight:bold;
	color:#8ca317;
}

/* COPYRIGHT */

/* le module copyright se sert des conteneur généreaux .gauche et .droite !!!!!!!!!!!!*/

.nav_copyright{  /* liste des ancres */ 
list-style-image: url(images/puce.gif);
}

.menu_puce{ /* liste menu droite -sur la page copyright . cette classe est déjà utilisé dans le module news */
list-style-position: inside;
margin-left:10px;
text-align:left;
}




/* PRIVACY */

/* le module privacy se sert des conteneur généreaux .gauche et .droite !!!!!!!!!!!!*/

/* ----------------------------------------------------------[ CONTACT ]--------------------------------------------------------- */

/* le module contact se sert des conteneur généreaux .gauche et .droite !!!!!!!!!!!!*/

.couple_contact{    /*conteneur qui reprend chaque label avec son input*/
margin-bottom:10px;

}

.couple_contact label{    /* libellés du formulaire de contact*/
width:75px;
margin-right:10px;
float:left;
text-align:right;

}


.couple_contact .alerte{  /* alerte lorsque les champs obligatoires ne sont pas remplis */
width:305px;
margin-left:100px;
text-align:left;
margin-bottom:10px;
font-weight:bold;
color:#8ca317;

}

.couple_boutons_contact{       /*les 2 boutons en bas du formulaire*/
text-align:right;
width:415px;

}


/* ----------------------------------------------------------[ SYSTEM ]--------------------------------------------------------- */


/*------------------------------------------------------------ [ SYSTEM ]--------------------------------------------------------- */

/* LOGGIN */
.system_conteneur{  /* cadre loggin */

width:50%;
margin:auto;
background-color:#ca0133;
color:#EDEBDA;
border:0px solid #494949;
padding:10px;
margin-top:20px;
margin-bottom:50px;
}

.system_conteneur input{ /* input du formulaire d'inscription */
background-color:#fff;
border:1px solid #494949;
color:#111;
}

.couple_system {   /* propriétés de chaque couple span + input */
margin-bottom:5px;
margin-top:5px;
margin-left:120px;
}

.couple_system span{    /* libellés du formulaire de loggin*/
width:150px;
margin-right:5px;
float:left;
text-align:right;
}

.questions_system {   /* les 2 questions en dessous des input */
margin-left:275px;
border: 0px solid red;
}

.questions_system input{   /* les 2 questions en dessous des input */
border:0px solid #fff;
background-color:#fff;
}

.btn_system{   /* le bouton d'envoie */
margin-left:380px;
width:100px;
border:1px solid #6B6969;

}

/* PROFIL */

.couple_profil {   /* propriétés de chaque couple span + input */
    width:650px;
    margin:auto;
margin-bottom:10px;
margin-top:10px;

}

.couple_profil .span1
{
width:120px;
margin-right:10px;
float:left;
text-align:right;
font-weight:bold;
color:#2f9fb6;
}

.couple_profil label{    /* libellés du formulaire de contact*/
width:120px;
margin-right:10px;
float:left;
text-align:right;
font-weight:bold;
color:#2f9fb6;
}

.photo_profil /* Le changement de photos en haut a droite*/
{
width:200px;
position:absolute;
top:360px;
left:63%;
text-align:right;
margin:right;
}
    
.stats {/* les stats en bas de page de la modif de profil */  
padding-left:180px;

}
    
.couple_boutons  /* les 2 boutons en bas de page profil */
   {
width:300px;
margin:left;
padding-left:175px;

   }
   
 .couple_boutons_modif  /* les 2 boutons en bas de page d'édition de profil */
   {
width:300px;
margin:left;
padding-left:175px;
}


/* Style des listes de produits */
			.tr_odd {
				background-color:white;
			}

			.tr_even {
				background-color:#E3F4FE;
			}

			.tab_list
			{
				padding-right: 3px;
				padding-left: 3px;
				width: 100%;
			}

			.tab_list_titre TD
			{
				border-top: #ffffff 1px solid;
				font-weight: bold;
				background-color:#4796C4;
				color: white;
				border-bottom: #B9B9B3 0px solid;
				font-family: Verdana;
				text-align: center;
				height:25px;
			}