/*COULEURS*/

/*	#000000; /* noir */
/*	#ffffff; /* blanc */
/*	#e32121; /* rouge buonanno */
/*	#00775e; /* vert buonanno */
/*	#383838; /* gris (BG content) */
/*	#eeeeee; /* gris clair (BG menu) */
/*	#d6d6d6; /* gris clair (BG menu hover) */
/*	#333333; /* gris (lien) */
/*	#bababa; /* gris (date) */
/*	#e8e7e7; /* gris (bloc droite) */

* 
{
	margin: 0;
	padding: 0;
}

body 
{
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	background:#383838 /* gris (BG content) */ url(../images/BG-body.png) repeat-x top left;
	color:#000000; /* noir */
}

/*///////////////////////////////////////  TITRES   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
h1 span, h2 span, h3 span{position:absolute;margin-top:-2000px;}

h1 {font-size:1.8em}
h2 {font-size:1.5em}
h3 {font-size:1.2em}
h4 {font-size:1.1em}
h5 {font-size:1em;}
h6 {font-size:0.8em;}
/*   /TITRES   */


/*///////////////////////////////////////  PARAGRAPHES    ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
p {font-size:1em;}


/*///////////////////////////////////////  LISTES A PUCES   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
ul li{list-style-type:none;list-style-position:outside;}
ol li{list-style-position:inside;}


/*///////////////////////////////////////   LIENS   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
/*	*:link	=> lien pas encore visité
	*:visited	=> lien déjà visité
	*:hover	=> lorsque l'on pointe le lien
	*:active	=> lorsque l'on clic sur le lien
	*:focus	=> lorsque le lien reçoit le focus (touche Tab par ex)
* repecter ordre d'écriture des styles!!
*/

a, a:link {text-decoration:underline; color:#333333; /* gris (lien) */}
a:hover, a:active, a:focus {text-decoration:underline; color:#000000; /*noir*/}
a.select {text-decoration:underline;}

a.redlink {color:#e32121; /* rouge buonanno */}
a.greenlink {color:#00775e; /* vert buonanno */}
/*   /LIENS   */


/*///////////////////////////////////////   IMAGES   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
img {border:none;/*vertical-align:middle;*/}


/*///////////////////////////////////////   CONTAINER  ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#container {
	text-align:left;
    width:950px;
	margin:0 auto;
    font-size: 1em;
    /*line-height: 1.2em;*/
}

/*   /CONTAINER */


/*///////////////////////////////////////   HEADER   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#header {
	background: #ffffff url(../images/BG-header.jpg) no-repeat top left;
	height:auto !important;/*IE*/
	height:144px;/*IE*/
	min-height:144px;
	margin:0;
}
#header img {vertical-align:middle;}
#header h1 {width:372px; float:left;}

#box_languages {float:right; margin:10px 10px 0 0; color:#333333; font-size:0.8em; width:37px;}
#box_languages ul {height: 30px;}
#box_languages ul li {float:left;margin-left:2px;}
#box_languages ul li a {text-decoration:none;}
#box_languages ul li.no_lang a { opacity:0.3;}
#box_languages ul li a:hover {opacity:1;}
#box_languages ul li a span {padding-left:2px;}

#diaporama {clear:both;height:200px;}

/*   /HEADER   */

/*///////////////////////////////////////   FOOTER   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {
	text-align:center;
	clear:both;
	margin:20px 0 30px 0;
	padding:0;
	color:#ffffff;
}
#footer a, #footer a:visited{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#footer p {margin-bottom:8px;}
/*   /FOOTER   */


/*///////////////////////////////////////   CONTENT ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#content {
	clear: both;
	padding:10px;
	background-color:#ffffff;
	overflow:hidden; /*cela empeche aux flottants de dépasser*/
	width:930px;
	text-align:justify;
}

#content.page_marque {
	padding:10px 0 0 0;
	background:#000000 url(../images/BG-page-marque.jpg) no-repeat top left;
	width:950px;
}


/* colonnes */
#part_center {
	width:870px;
	padding:30px;
	margin:0;
}
#part_left {
	float:left;
	display: inline; /* bug IE */
	width:570px;
	padding:0 30px 0 30px;
	margin:0 10px 0 0;
}
#part_right {
	float:left;
	display: inline; /* bug IE */
	width:230px;
	padding:0 30px 0 0;
	margin:0;
}
.part_home {
	width:460px;
	display: inline; /* bug IE */
	float:left;
}
.part_home.right {margin-right:10px;}

.page_marque #part_center {width:870px;padding:30px 40px;}
.page_marque #part_center2 {
	width:950px;
	/*background-image:url(../images/BG-page-marque.jpg);*/
	/*height:auto !important;/*IE*/
	/*height:423px;/*IE*/
	/*min-height:423px;*/
	color:#ffffff;
}

/* box */
.box_home {width:400px; height:215px; padding:30px;}
.box_home img {margin-bottom:25px;}
.box_entreprise {background: url(../images/BG-box-entreprise.jpg) no-repeat top left;}
.box_marque {background: url(../images/BG-box-marque.jpg) no-repeat top left; color:#ffffff;}
.box_marque .box_home_text {width:220px;}
.box_produits {background: url(../images/BG-box-produits.jpg) no-repeat top left;}
.box_produits .box_home_text {width:187px; margin-left:214px;}
.box_produits img {margin-bottom:0;}
.box_importations {background: url(../images/BG-box-importations.jpg) no-repeat top left;}
.box_importations.import-es {background: url(../images/BG-box-importations-es.jpg) no-repeat top left;}
.box_importations .box_home_text {width:235px;}

.box_right {width:240px; padding:10px; background-color:#e8e7e7; /* gris (bloc droite) */ margin-bottom:10px; text-align:left;}

#box_text_marque {width:341px;padding:0 0 0 26px; float:left;}

/* titres */
h3.title_left {color:#00775e; /* vert buonanno */ font-size:1.2em; font-weight:bold; text-transform:uppercase;}
.title_right {font-size:1.1em; font-weight:bold; text-transform:uppercase; margin-bottom:8px;}
.title_paragraph {font-size:1.1em; font-weight:bold; margin-bottom:5px; display:block;}

/* liens */


/* listes */
ul#listing_marques {}
ul#listing_marques li {
	background-color:#e32121; /* rouge buonanno */
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	text-align:center;
	padding:2px 0;
	margin-bottom:2px;
}


/* styles de texte, de paragraphe */
.textRed {color:#e32121; /* rouge buonanno */}
.textGreen {color:#00775e; /* vert buonanno */}
.textGrey {color:#999999;}

#part_left p, #part_center2 p{margin-top:20px;}
#part_right p.enumer{line-height:1.5em;}

/*   /CONTENT */


/*///////////////////////////////////////   FORMULAIRES   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
form{margin-top:10px;}
.ligne	{
	margin:0 0 10px 0;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
	overflow:hidden;
	width:570px;
}
.ligne p {
	clear:both;
	margin:0;
	overflow:hidden; /*cela empeche aux flottants de dépasser*/
	width:100%;
}
.libelle {text-align:right;float:left;width:130px;padding:5px 20px 0 0;font-weight:bold;}
.champs {text-align:left;float:left;width:420px;}
.champs input, .champs textarea, .champs select {
	/*background:#FFFFFF none repeat scroll 0 0;*/
	border:1px solid #dedede;
	color:#000000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	padding:6px 3px 0 3px;
	float:left;
}


.champs input {height:20px;width:300px;}
.champs select {width:308px;}
.champs option {padding:0 3px;}
.champs input.radio {width:10px;border:medium none;height:inherit;margin:1px 5px 0 0;padding:0;}
.champs input.checkbox {width:10px;border:medium none;height:inherit;margin:1px 5px 0 0;padding:0;}
.champs textarea {width:95%;}

/* styles formulaires */
.texte-ok {}
.texte-error {color:#ff0000;}
.champs input.bouton-defaut {
	font-weight:bold;
	width: auto;
	height:auto;
    background-color: #00775e; /* vert buonanno */ 
    border:1px solid #00775e; /* vert buonanno */
    padding:4px 8px;
	cursor:pointer;
	color:#ffffff;
}

.form-erreur {color:#ff0000;font-weight:bold;margin:10px 0;}
.form-reussi {font-weight:bold;margin:10px 0;}

/*   /FORMULAIRES   */

/*///////////////////////////////////////   TABLEAUX   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
table {
	margin:0 10px 0 0;
	/*background-color:#cccccc; /* gris niveau 1 (BG content) */
	font-size:12px;
	width:600px;
	border:1px solid #AFAEAE;
	float:left;
}
table tr{}
table td {padding:5px 5px 5px 10px;background-color:#dbdbdb; /* gris (BG box) */ vertical-align:top; }
table tr.libelles {font-weight:bold;}
table tr.libelles td {background-color:#bdbcbc;padding-left:5px;}
table td.colonne2 {width:80px;text-align:center;padding:5px 0;}
table tr.ligne-impair td {background-color:#e2e2e2;}
/*   /TABLEAUX   */

	
/*///////////////////////////////////////   DIVERS   ///////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
hr{margin:0;border:none;height:1px;clear:both;}
.clr5 {clear:both;display:block;margin: 0;/*_margin: -5px 0*/;padding:0;font-size:1px;height:5px;border:none;background:none;color:#fff;}
.clr10 {clear:both;display:block;margin: 0;/*_margin: -5px 0*/;padding:0;font-size:1px;height:10px;border:none;background:none;}
.clr20 {clear:both;display:block;margin: 0;/*_margin: -5px 0*/;padding:0;font-size:1px;height:20px;border:none;background:none;}

.textLeft{text-align:left;}
.textCenter{text-align:center;}
.textRight{text-align:right;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}

.floatLeft {float:left}
.floatRight {float:right;}
/*   /DIVERS   */