/**************************************************
/*	GENERAL   
**************************************************/
* {padding:0; margin:0;}

hr{
  clear:both;
  visibility:hidden;
  display:block;
  margin:0 0 -2px 0;
}

img {
  border:0;
}


.FLUX {
  clear:both;
  visibility:hidden;
  display:block;
  height:1px;
  margin:-2px 0;
  padding:0;
  border:0;
}

body {
  	font-family: Arial, Helvetica, sans-serif;
  	color:#000000;
  	margin:0;
	padding:0;
	background: url(/peintures/images/bg-home-01.gif) repeat-x top left;
	background-color:#6b818c;
}

strong{
font-weight:bold;
font-style:normal;
}
/**************************************************
/*	STRUCTURE
**************************************************/
#CONTAINER {
/*	min-height:600px;*/
	width:910px;
	margin:0 auto 0 auto;
	background:url(/peintures/images/bg-pages-01.gif) repeat-y top left;
	padding:0 0px;
}

#MENU-top {
	height:18px;
	width:910px;
	margin:0 auto 0 auto;
	padding:2px 0 0 0;
	color:#FFFFFF;
	font-size:11px;
	text-align:right;
	background:url(/peintures/images/bg-menu-top.gif) no-repeat top left;
}

#MENU-top a {
	margin:0 5px 0 15px;
	color:#FFFFFF;
	text-decoration:none;
}

#BANDEAU {
	height:86px;
	background:url(/peintures/images/bg-bandeau-2.jpg) no-repeat top left;
}


#COLONNE-gauche {
	min-height:455px;
	width:616px;
	float:left;
	margin:0;
	padding:9px 0 0 21px;
	font-size:11px;
	color:#58707B;
	position:relative;
/*	background:url(/peintures/images/bg-degrade-02.gif) no-repeat left top;*/
/*	background-color:#ff0000;*/
}

#COLONNE-gauche h1, #TITRE h2 {
	font-size:18px;
	color:#58707b;
	border-bottom: solid 1px #ffffff;
	margin:0 0 15px 0;
	padding:0 0 0 0;
}


/*.CONTACT h1*/, .CONTACT h2 {
	padding:0 0 12px 0;

}


#COLONNE-droite {
	min-height:455px;
	width:245px;
	float:right;
	margin:0;
	padding:20px 5px 0 0;
/*	background:url(/peintures/images/bg-degrade-02.gif) no-repeat left top;*/
/*	background-color:#ff00ff;*/
}

#FOOTER, #FOOTER-2 {
	padding:15px 0 15px 0;
	color:#d0d7da;
	font-size:10px;
	text-align:center;
}

#FOOTER {
	background:url(/peintures/images/bg-footer.gif) no-repeat top left #6b818b;
}

#FOOTER-2 {
	background:url(/peintures/images/bg-footer-2.gif) no-repeat top left #6b818b;
}


#ARIANE{
font-size:10px;
width:585px;
float:left;
margin:0 0 6px 0;
}

/**************************************************
/*	COMMUN
**************************************************/

#FOCUS-main p, .CADRE-affrech-milieu select{
font-size:10px;
}


#COL-BLOCS-GAUCHE a, #COL-BLOCS-DROITE a, .BLOC-COL-D-01 a, .BLOC-COL-D-02 a,
.BLOC-COL-D-02 li a, .BLOC-COL-D-03 a, #COL-02 a, .BLOC-COL-D-01 p, .BLOC-COL-D-02 p, #BANDEAU p, .BLOC-COL-D-03-milieu p, #RECHERCHE, #COL-02 p,
#COL-02 h2, #COL-02 h3, #COL-02 ul, #COL-02 li, .BOUTON-02-gauche a, .BOUTON-01-gauche a, .CADRE-affrech-selec-milieu h2, .CADRE-affrech-selec-milieu h3, .CADRE-affrech-milieu, .CADRE-affrech-milieu h2, .CADRE-affrech-milieu h3, .CADRE-affrech-selec-milieu, #COL-02-listeprod, #COL-02-listeprod h3, #COL-02-video, #COL-02-video h3, .pagination, .BLOC-solution-01 p, .BLOC-solution-02 p, .BLOC-solution-03 p, .BLOC-solution-01 a, .BLOC-solution-02 a, .BLOC-solution-03 a, .BLOC-solution-02 ul, .BOUTON-focus-gauche a, #COLONNE-gauche select
{
font-size:11px;
}

.CADRE-affrech-haut, .BLOC-solution-01 h2, .BLOC-solution-03 h2, #FOCUS-main h2, .BLOC-COL-D-01-milieu2 h3, .TABLE-CONTACT h3{
font-size:12px;
}

.BLOC-COL-D-03-entete h2, .BLOC-COL-D-03-entete h3, .TIT-BLOC-solution-01, .TIT-BLOC-solution-02, .TIT-BLOC-solution-03, .CONTACT h2, .CONTACT h3, .BLOC-COL-D-01-milieu2 h2, .BLOC-COL-D-01-milieu2 h3 {
font-size:13px;
}

/* {
font-size:14px;
}*/

.BLOC-resume-agenda h4, .asterisque{
font-size:15px;
}

.titre-01, .titre-02, #COL-02-listeprod h2 #COL-02-video h2/*, .CONTACT h1*/{
font-size:18px;
}

#BANDEAU p{
color:#233d49;
}

.BLOC-COL-D-03-milieu p, #COL-02 p,.BLOC-solution-01 p, .BLOC-solution-02 p, .BLOC-solution-03 p{
color:#000;
}

.color-white, #RECHERCHE, .BOUTON-02-gauche a, .BOUTON-01-gauche a, .TIT-BLOC-solution-01, .TIT-BLOC-solution-02, .TIT-BLOC-solution-03{
color:#fff;
}

.color-sol-02, .titre-01, #ARIANE, #ARIANE a, #ARIANE a:hover, #COL-02 h2, #COL-02 h3, .CADRE-affrech-milieu h2, .CADRE-affrech-haut, #COL-02-listeprod h3 a, #COL-02-listeprod h3 a:hover, #COL-02-video h3 a, #COL-02-video h3 a:hover, .pagination, .BLOC-solution-02 ul, #FOCUS-main h2, #FOCUS-main a, .BLOC-resume-agenda h4, .BLOC-COL-D-01-milieu2 h3, /*.CONTACT h1,*/ .CONTACT h2, .CONTACT h3, .asterisque, .TABLE-CONTACT h3{
color:#009036;
}
.BLOC-solution-01 h2{color:#45606d;}
.color-sol-03, .BLOC-solution-03 h2 {color:#97bf0d;}
.color-black{color:#000;}

#COL-BLOCS-GAUCHE a, #COL-BLOCS-DROITE a, .BLOC-COL-D-01 a, .BLOC-COL-D-02 a,
.BLOC-COL-D-02 li a, .BLOC-COL-D-03 a, #COL-02 a, #COL-02-listeprod a, #COL-02-video a, .BLOC-solution-01 a, .BLOC-solution-02 a, .BLOC-solution-03 a  {
color:#3659a0;
}

#COL-BLOCS-GAUCHE a:hover, #COL-BLOCS-DROITE a:hover, .BLOC-COL-D-01 a:hover, .BLOC-COL-D-02 a:hover,
.BLOC-COL-D-02 li a:hover, .BLOC-COL-D-03 a:hover, #COL-02 a:hover, #COL-02-listeprod a:hover, #COL-02-video a:hover, .BLOC-solution-01 a:hover, .BLOC-solution-02 a:hover, .BLOC-solution-03 a:hover{
color:#3659a0;
}

#COL-02-listeprod h2, #COL-02-video h2, .pagination a, .pagination a:hover{
color:#6b818b; 
}

.titre-02{
color:#f17030;
}

#COL-02-listeprod, #COL-02-video, .BLOC-COL-D-01-milieu2 h2{
color:#58707b;
}

#COL-BLOCS-GAUCHE a, #COL-BLOCS-DROITE a, .BLOC-COL-D-01 a, .BLOC-COL-D-02 a,
.BLOC-COL-D-02 li a, .BLOC-COL-D-03 a, #COL-02 a,
#ARIANE a, .BOUTON-02-gauche a, .BOUTON-01-gauche a, .CADRE-affrech-milieu a, #COL-02-listeprod a, #COL-02-video a, .pagination a,.BLOC-solution-01 a, .BLOC-solution-02 a, .BLOC-solution-03 a, #FOCUS-main a{
text-decoration:none;
}

#COL-BLOCS-GAUCHE a:hover, #COL-BLOCS-DROITE a:hover, .BLOC-COL-D-01 a:hover, .BLOC-COL-D-02 a:hover,
.BLOC-COL-D-02 li a:hover, .BLOC-COL-D-03 a:hover, #COL-02 a:hover,
#ARIANE a:hover, .BOUTON-02-gauche a:hover, .BOUTON-01-gauche a:hover, .CADRE-affrech-milieu  a:hover,  #COL-02-listeprod a:hover, #COL-02-video a:hover, .pagination a:hover, .BLOC-solution-01 a:hover, .BLOC-solution-02 a:hover, .BLOC-solution-03 a:hover, #FOCUS-main a:hover{
text-decoration:underline;
}

.BLOC-COL-D-01 p, .BLOC-COL-D-02 p{
line-height:13px;
}

.champ-texte-01{
height:16px;
width:92px;
background-color:#dbe0e4;
border: 1px solid #95a8b0;
color:#6b818b;
font-size:10px;
padding:0 0 0 5px;
line-height:14px;
vertical-align:middle;
}

.champ-texte-02{
height:16px;
width:285px;
background-color:#fff;
border: 1px solid #6b818b;
color:#97aab2;
font-size:10px;
padding:0 0 0 5px;
line-height:14px;
vertical-align:middle;
}

.champ-texte-03{
background-color:#ecf0f1;
border: 1px solid #d9dee0;
color:#6b818b;
font-size:10px;
padding:0 0 0 5px;
line-height:14px;
vertical-align:middle;
}

.couleur-01{
background-color:#f8f9f9;
}

.bordure-01{
border-right:1px solid #fefefe;
}

.bordure-02{
border-bottom:1px solid #fefefe;
}

.bordure-table-1{
border-top:1px solid #95a8b0;
}

.bordure-table-2{
border-right:1px solid #95a8b0;
}

.bordure-table-3{
border-bottom:1px solid #95a8b0;
}

.bordure-table-4{
border-left:1px solid #95a8b0;
}


.IMAGE-RIGHT{
float:right;
margin:0 0 10px 10px;
}

.IMAGE-LEFT{
float:left;
margin:0 10px 10px 0;
}

.TEXTE-01{
color:#fff;
font-size:11px;
font-weight:bold
}

.TEXTE-02{
color:#fff;
font-size:12px;
font-weight:bold;
}

.TEXTE-03{
font-size:13px;
}

.TEXTE-04{
color:#97be0d;
font-size:15px
}

.TEXTE-05{
color:#009036;
font-size:15px;
}

/**************************************************
/*	MISE EN FORME CONTENUS
**************************************************/
.BOLD, .CADRE-affrech-haut, .CADRE-affrech-selec-milieu h2, .CADRE-affrech-milieu h2, #COL-02-listeprod h3,  
#COL-02-video h3,.pagination,.BLOC-solution-01 a, .BLOC-solution-02 a, .BLOC-solution-03 a, .BLOC-solution-03 h2 {
	font-weight:bold;
}
.ITALIC {
	font-style:italic;
}

.CLEAR-both{clear:both;}
.FLOAT-right{float:right;}
.FLOAT-left, .TIT-BLOC-solution-01, .TIT-BLOC-solution-02, .TIT-BLOC-solution-03, #FOCUS-main p{float:left;}
.MARGIN-auto, .BLOC-pagination{margin:0 auto;}
.CLEAR-left{clear:left;}

.TEXT-INDENT{text-indent:10px;}
.ALIGN-right{text-align:right;}
.ALIGN-left {text-align:left;}
.ALIGN-center{text-align:center;}
.ALIGN-justify{text-align:justify;}

.VERTICAL-ALIGN-middle{vertical-align:middle;}

.POSITION-RELATIVE {position:relative;}
.DISPLAY-block {display:block;}
.DISPLAY-inline {display:inline;}

/*PADDING*/
.PADDING-0px{padding:0px;}
.PADDING-2px{padding:2px;}
.PADDING-3px{padding:3px;}
.PADDING-5px{padding:5px;}
.PADDING-8px{padding:8px;}
.PADDING-7px{padding:7px;}
.PADDING-10px{padding:10px;}
.PADDING-15px{padding:15px;}
.PADDING-20px{padding:20px;}
.PADDING-25px{padding:25px;}

.PADDING-right-3px{padding-right:3px;}
.PADDING-right-5px{padding-right:5px;}
.PADDING-right-6px{padding-right:6px;}
.PADDING-right-8px{padding-right:8px;}
.PADDING-right-10px{padding-right:10px;}
.PADDING-right-15px{padding-right:15px;}
.PADDING-right-20px{padding-right:20px;}
.PADDING-right-25px{padding-right:25px;}

.PADDING-left-3px{padding-left:3px;}
.PADDING-left-5px{padding-left:5px;}
.PADDING-left-6px{padding-left:6px;}
.PADDING-left-8px{padding-left:8px;}
.PADDING-left-10px{padding-left:10px;}
.PADDING-left-15px{padding-left:15px;}
.PADDING-left-20px{padding-left:20px;}
.PADDING-left-25px{padding-left:25px;}
.PADDING-left-31px{padding-left:31px;}
.PADDING-left-40px{padding-left:40px;}
.PADDING-left-50px{padding-left:50px;}
.PADDING-left-80px{padding-left:80px;}

.PADDING-bottom-5px{padding-bottom:5px;}
.PADDING-bottom-10px{padding-bottom:10px;}
.PADDING-bottom-15px{padding-bottom:15px;}
.PADDING-bottom-20px{padding-bottom:20px;}
.PADDING-bottom-30px{padding-bottom:30px;}

.PADDING-top-5px{padding-top:5px;}
.PADDING-top-10px{padding-top:10px;}
.PADDING-top-15px{padding-top:15px;}
.PADDING-top-20px{padding-top:20px;}

/*MARGIN*/
.MARGIN-0px{margin:0px;}
.MARGIN-5px{margin:5px;}
.MARGIN-10px{margin:10px;}
.MARGIN-15px{margin:15px;}
.MARGIN-20px{margin:20px;}
.MARGIN-25px{margin:25px;} 

.MARGIN-top-1px{margin-top:1px;}
.MARGIN-top-2px{margin-top:2px;}
.MARGIN-top-3px{margin-top:3px;}
.MARGIN-top-4px{margin-top:4px;}
.MARGIN-top-5px{margin-top:5px;}
.MARGIN-top-7px{margin-top:7px;}
.MARGIN-top-10px{margin-top:10px;}
.MARGIN-top-15px{margin-top:15px;}
.MARGIN-top-20px{margin-top:20px;}
.MARGIN-top-25px{margin-top:25px;}
.MARGIN-top-40px{margin-top:40px;}

.MARGIN-right-0px{margin-right:0px;}
.MARGIN-right-2px{margin-right:2px;}
.MARGIN-right-5px{margin-right:5px;}
.MARGIN-right-10px{margin-right:10px;}
.MARGIN-right-15px{margin-right:15px;}
.MARGIN-right-20px{margin-right:20px;}
.MARGIN-right-30px{margin-right:30px;}
.MARGIN-right-40px{margin-right:40px;}

.MARGIN-bottom-3px{margin-bottom:3px;}
.MARGIN-bottom-4px{margin-bottom:4px;}
.MARGIN-bottom-5px{margin-bottom:5px;}
.MARGIN-bottom-6px{margin-bottom:6px;}
.MARGIN-bottom-7px{margin-bottom:7px;}
.MARGIN-bottom-8px{margin-bottom:8px;}
.MARGIN-bottom-9px{margin-bottom:9px;}
.MARGIN-bottom-10px{margin-bottom:10px;}
.MARGIN-bottom-15px{margin-bottom:15px;}
.MARGIN-bottom-20px{margin-bottom:20px;}
.MARGIN-bottom-25px{margin-bottom:25px;}
.MARGIN-bottom-30px{margin-bottom:30px;}
.MARGIN-bottom-35px{margin-bottom:35px;}

.MARGIN-left-2px {margin-left:2px;}
.MARGIN-left-5px {margin-left:5px;}
.MARGIN-left-10px {margin-left:10px;}
.MARGIN-left-15px {margin-left:15px;}
.MARGIN-left-20px {margin-left:20px;}
.MARGIN-left-25px {margin-left:25px;}
.MARGIN-left-60px {margin-left:60px;}




/**************************************************
/*	MENUS DEROULANTS
**************************************************/
/***** MENU principal *****/

#MENU-princ {
	height:29px;
	margin:0;
	padding:0 0 0 10px;
	padding:0 0 0 40px;
	background:url(/peintures/images/bg-menu.gif) no-repeat top left;
}

/* PARAMETRES GENERAUX DU MENU */
#MENU #nav, #MENU #nav ul {
	clear:both;
	display:block;
	padding: 0;
	margin: 0;
	list-style: none;	
}

#MENU #nav li {
	float:left; /* Alignement du menu dans la page */
	height:21px;
	margin:1px 25px 0 0;
	padding:0 0 0 0;
	text-align:center;
/*	background-color:#FF0000;*/
}

/* NIVEAU 01 */
#MENU #nav li a{
	display:block;
	color:#626349;
	text-decoration:none;
	padding: 3px 5px 0 5px;
	font-size:0.75em;
	color:#ffffff;
	font-weight:bold;
	height:20px;
	cursor:default;
}

#MENU #nav li a:hover {
	padding: 3px 5px 0 5px;
	height:20px;
	cursor:default;
}


/* NIVEAU 02 */
#MENU #nav li ul { /* listes de NIVEAU 2 */
	position: absolute;
	font-size:1.1em;
	left: -999em;
	background-color:#97be0d;
	width:250px;
	z-index:100;
	margin:0 0 0 0;
	border:1px solid #6c828d;
/*	white-space: nowrap;*/
}

#MENU #nav li ul li {
	height:18px;
	margin:0;
	padding:0 0 2px 0;
	width:250px;
	text-align:left;
	font-weight:normal;
	background:none;
	border-right:none;
/*	white-space: nowrap;*/
}

#MENU #nav li ul li a {
	display: block;
	margin:0 0 0 0;
	color:#ffffff;
	padding:0 0 0 10px;
	line-height:20px;
	width:240px;
	height:20px;
	border-bottom: none;
	font-size:0.65em;
	font-weight:normal;
	background-color:#97be0d;
	cursor:pointer;
}

#MENU #nav li ul li a:hover {
	display: block;
	background:none;
	margin:0 0 0 0;
	color:#FFFFFF;
	padding:0 0 0 10px;
	line-height:20px;
	height:20px;
	background-color:#6c828d;
	cursor:pointer;
}

.BG-menu-fleche {
	background:url(../images/bg-fleche-menu-off.gif) no-repeat top right;
}

#MENU #nav li ul li a.BG-menu-fleche:hover {
	background:url(../images/bg-fleche-menu-on.gif) no-repeat top right;
}


/* NIVEAU 03 */
#MENU #nav li ul ul { /* listes de NIVEAU 3 et plus */
	margin: -16px 0 0 250px; /* Attention, la derniere valeur doit être aussi égale au WIDTH des NAV A et NAV LI UL pour pouvoir raccrocher les NIVEAUX 2 et 3 */
}

#MENU #nav li ul ul li a {
	height:20px;
	font-size:0.55em;
}

#MENU #nav li:hover ul ul, #MENU #nav li.sfhover ul ul {
	left: -999em;
}

#MENU #nav li:hover ul, #MENU #nav li li:hover ul, #MENU #nav li.sfhover ul, #MENU #nav li li.sfhover ul { 
	left: auto;
}

#MENU #nav li:hover, #MENU #nav li.sfhover {
    background:none;
}

#zoom-photo{
z-index:1000;
visibility:visible;
position:absolute;
right:10px;
top:10px;
}

#page img {
  border:0;
}