/* CSS Document */



/*********** STYLE GENERAL *********/


/*** lien ***/

a:focus

{ /* enleve le focus sur les liens dans FF */
	outline: none;/**/
}



a  {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #555;
}


/*** TITRE ***/
h1
{
	margin: 1.5em 0em 0.5em 0em;
	font-size:350%; /* 150% */
}
.titre
{
	margin: 1em 0em 0.3em 0em;
	font-size:300%; /* 150% */
	float:right;
	clear:both;
}
.titre2
{
	margin: 0.3em 0em 0.3em 0em;
	font-size:220%; /* 150% */
	float:left;
	clear:both;
}
h2, .stitre
{
	color:#444;
	font-size:130%;
	letter-spacing:1px;
	margin: 0.5em 0 0.5em 0em;
	clear:both;
}
h3.spip
{
	font-size:110%;
}
.stitree
{
	color:#999;
	font-size:290%;
	letter-spacing:1px;
	margin: 0em 0 0.5em 0em;
	text-align:center;
	font-weight:normal;
	clear:both;
}

/***** HEADER *****/



/********** Acces rapide Contenu haut page *****************/
/*** positionnement du menu acces dans style.css ***/

#accesmenu
{
	float:right;
}
#accesmenu li,
#acceslangue li,
#footermenu li
{
	list-style:none;
	float:left;
	color:#666;
}
#accesmenu li a,
#acceslangue li a,
#footermenu li a
{
	color:#bababa;
	margin: 0 2em 0 2em;
	letter-spacing:0.4px;
	font-size:75%;
	text-decoration:none;
}
#accesmenu li a:hover,
#acceslangue li a:hover,
#footermenu li a:hover
{
	color:#eee;
}
#accesmenu .current a, #accesmenu .current a:hover,
#acceslangue .current a, #acceslangue .current a:hover,
#footermenu .current a, #footermenu .current a:hover
/*,#acceslangue .lang a*/
{
	color: #fff;
	font-weight:normal;
}
/* menus bas page */
#footermenu
{
	position:relative;
	float:right;
	margin: 0.1em 1em 0.2em 0;
	background-color:#232323; /* 232323 */
	z-index:10;
}

/* spécifique langue */
#acceslangue
{
	position:relative;
	float:left;
	top:0.1em;
	left:-55px;
}
#acceslangue li
{
	float:none;
	position:relative;
}
#acceslangue li a span,
#acceslangue li a:hover span,
.langon span, .lang span
{
	position:absolute;
	display:none;
	top:4px;
	left:-5px;
}
#acceslangue li a:hover span,
.langon
{
	display:block;
}
#acceslangue img
{
	border:#ccc 1px solid;
	height:10px;
}


/********** MENU HAUT ***********/

#mh ul
{
	list-style:none;
}
#mh ul li
{
	float:left;
	line-height:25px; /* pour centrer */
}
#mh a
{
	position:relative;
	z-index:2; /* place le lien du menu devant le sous menu */
	width:237px;
	font-size:95%;
	letter-spacing:0px;
	letter-spacing:1px;
	display:block;
	margin: 0 0px 0 0px;
	color:#eee;
	/*opacity: 0.85;   standard w3c */
	/*filter: alpha(opacity=85);  ie */
}
#mh a span
{
	display:block;
	padding: 0px 15px 0px 15px;
	/*background-color:#171717;  171717 2B292E */
	margin:0 2px 0 2px;
}

#mh a strong
{
	font-weight:normal;
}
#mh a:hover,
#mh .current .smh a:hover,
#mh .current .out a:hover,
#mh .current .over a:hover
/*, #mh .current #smh01 a:hover,
#mh .current #smh02 a:hover,
#mh .current #smh03 a:hover,
#mh .current #smh04 a:hover,
#mh .current #smh05 a:hover,
#mh .current #smh06 a:hover*/
{
	/*color:#eee;*/
	background:none; /* #000 */
}
#mh a:hover span
{
	color:#fff;
	/*background:#000;  #000 */
	background-image:url(../img_site/fond.menu.png); /* gif dans ie6.css */
	background-position:center center;
	background-repeat:no-repeat;
}

#mh .current a, #mh .current a:hover
{
	/*color:#eee;
	background:#000;  #000 */
	/*border-bottom:#eee 1px solid;
	margin-bottom:-1px;*/
}

#mh .current a span, #mh .current a:hover span
{
	color:#fff;
	/*background:#000;  #000 */
	background-image:url(../img_site/fond.menu.on.png); /* gif dans ie6.css */
	background-position:center center;
	background-repeat:no-repeat;
}

#mh .current ul a span,
#mh .current ul .current ul li a span,
#mh .current ul .current ul .current ul li a span
/*, #mh .current #smh01 a,
#mh .current #smh02 a,
#mh .current #smh03 a,
#mh .current #smh04 a,
#mh .current #smh05 a,
#mh .current #smh06 a*/
{
	color:#eee;
	background:none;
	/*background-color:#171717;  2B292E */
}
#mh .current ul a:hover span,
#mh .current ul .current ul li a:hover span,
#mh .current ul .current ul .current ul li a:hover span
{
	background-image:url(../img_site/fond.menu.png); /* gif dans ie6.css */
	background-position:center center;
	background-repeat:no-repeat;
}


/* sous menu */

#mh .smh,
#mh .ssmh,
#mh .sssmh
/*#mh .over,
#mh .out , #smh01, #smh02, #smh03, #smh04, #smh05, #smh06*/
{
	position:absolute;
	/*z-index:2;*/
	bottom:0;
	margin-bottom:-26px;
	display:none;
	text-align:left;
	font-weight:normal;
	/*border-right:#bababa 1px solid;
	border-top:#bababa 1px solid;
	border-left:#bababa 1px solid;
	border-bottom:#bababa 1px solid;*/
	border-bottom:#484848 1px solid;
	padding: 0px 0 25px 0;
	background-image:url(../img_site/fond.smenu.png);
	background-position: left top;/**/
	/*opacity: 0.95;   standard w3c */
	/*filter: alpha(opacity=95);  ie */
}
#mh .smh li,
#mh .ssmh li,
#mh .sssmh li
{
	position:relative;
}

#mh .over
{
	display:block;
	/*z-index:10;*/
	/*border:#666 1px solid;*/
}
#mh .smh a, #mh .over a, #mh .out a /*, #smh01, #smh02, #smh03, #smh04, #smh05, #smh06*/
,#mh .ssmh a
{
	width:235px;
}
#mh .smh a span, #mh .over a span, #mh .out a span /*, #smh01, #smh02, #smh03, #smh04, #smh05, #smh06*/
,#mh .ssmh a span
{
	margin:0;
}
#mh .smh li,
#mh .out li,
#mh .over li
/*, #mh #smh01 li, #mh #smh02 li, #mh #smh03 li, #mh #smh04 li, #mh #smh05 li, #mh #smh06 li*/
{
	float:none;
}

#mh .current ul .current a span, #mh .current ul .current a:hover span,
#mh .current ul .current ul .current a span, #mh .current ul .current ul .current a:hover span
{
	color:#fff;
	font-weight:normal;
	/*background:#000;*/
	background-image:url(../img_site/fond.menu.png); /* gif dans ie6.css */
	background-position:center center;
	background-repeat:no-repeat;
	/*border-bottom:#c00 1px solid;
	margin-bottom:-1px;*/
}

/* sous sous menu */

#mh .ssmh,
#mh .sssmh
/*,#mh .over .ssmh, #mh .out .ssmh,
#mh .over .sssmh, #mh .out .sssmh,
#mh .over .over, #mh .out .out*/
{
	position:absolute;
	/*left:235px;*/
	left:145px;
	display:none;
	bottom:0;
	margin-bottom:0px; /* annule la hauteur du menu */
	padding:0; /* annule le padding */
	z-index:5;
}
#mh .sssmh
{
	margin-bottom:-1px; /* annule la hauteur du menu */
}
#mh .over .over
{
	display:block;
	border-bottom:#bababa 1px solid;/**/
}


/********** FIN MENU HAUT ***********/


/*** STYLE PAGE ***/
#visuel, #visuellarge
{
	overflow: hidden; /* établi un contexte de formatage qui l'empeche de glisser sous les colonne 1 et 2 */
}

/* tableau */
table.spip
{
	margin:0.1em 0 1em 0;
}

/* bloc page groupe entreprise */

#blocent1
{
	float:right;
	margin:4em 2em 0 0;
}
#blocent2
{
	float:left;
	margin-left:0em;
	width:320px;
	/*border:#c00 1px solid;*/
}

/***** PAGE 1 ********/
#bloc p, #bloc2 p
{
	margin:0.8em 0;
	text-align:justify;
	clear:both;
}
#bloc p strong, #bloc2 p strong
{
	font-size:110%;
	/*color:#555;*/
}

/*** PAGE 2 & 3 ***/
.sepmenu
{
	margin:45px 0;
}
/* DEFILEMENT page 1 */
#content,
#bloc2 #content
{
	position:absolute;
	top:0;
	right:0;
	width:416px;
	height:326px;
	/*clip:rect(0,416,332,0);*/
	overflow:hidden;
}
.scroll,
#bloc2 .scroll
{
	position:relative;
	margin:0px 20px 20px 0;
	padding-top:20px;
	height:310px;/**/
	width:4000px;
	/*overflow:hidden;
	background-color:#CC9900;*/
}
.scroll .defil,
#bloc2 .scroll .defil
{
	position:relative;
	float:left;
	width:380px;
	padding-left:20px;
	margin-right:20px;
	/*border:#FF0000 1px solid;*/
}


/* DEFILEMENT page 2 */
#bloc2 #content
{
	width:600px;
}
#bloc2 .scroll .defil
{
	width:540px;
	padding-left:30px;
	margin-right:30px;
}

/*** Rubrique ***/

#rubrique
{
	position:absolute;
	top:30px;
	right:580px;
	width:200px;
	border:#bababa 1px solid;
	font-size:110%;/**/
}
#fondrubrique
{
	position:static; /* pour png ie6 */
	margin:2px;
	background:url(../img_site/fond.body4.png) repeat-x left center;
	/*border:#00FF00 1px solid;*/
	padding:1px; /* bug firefox */
}
#fondrubrique ul
{
	position:relative;
	list-style:none;
	/*line-height:2em;*/
	margin:10px 0;
	/*border:#c00 1px solid;*/
}
#fondrubrique ul
{
}
#fondrubrique ul a
{
	display:block;
	padding:4px 20px;
	margin:2px 0;
	letter-spacing:1px;
}
#fondrubrique ul a:hover
{
	color:#fff;
	background-color:#000;
	opacity: 0.8; /*  standard w3c */
	filter: alpha(opacity=80); /* ie */
}
#fondrubrique ul .current a, #fondrubrique ul .current a:hover
{
	color:#fff;
	background-color:#000;
	opacity: 0.8; /*  standard w3c */
	filter: alpha(opacity=80); /* ie */
}


/*** SOUS-MENU Rubrique2 horizontal ***/

#rubrique2
{
	position:relative;
	top:0;
	left:0;
	border:#bababa 0px solid;
	font-size:95%;/**/
	z-index:1;
}
#fondrubrique2
{
	position:static; /* pour png ie6 */
	margin:0;
	width:560px;
	background:url(../img_site/fond.rubrique.png) repeat-x left bottom;
	/*border:#00FF00 1px solid;*/
	padding:1px;/*  bug firefox */
}

#rubrique2 ul
{
	list-style:none;
	/*line-height:2em;*/
	margin:0px 0;
	/*border:#c00 1px solid;*/
}
#rubrique2 li
{
	float:left;
	/*border:#00FF00 1px solid;*/
}
#rubrique2 ul a
{
	position:relative;
	display:block;
	padding:0px 7px;
	margin:0px 0;
}
#rubrique2 ul .current ul a
{
	color:#333;
	background-color:#fafafa;
}
#rubrique2 ul a:hover,
#rubrique2 ul .current ul a:hover
{
	color:#fff;
	background-color:#555;
	display:block;
}
#rubrique2 ul .current a, #rubrique2 ul .current a:hover,
#rubrique2 ul .current ul .current a, #rubrique2 ul .current ul .current a:hover
{
	color:#fff;
	background-color:#000;
}

#rubrique2 ul ul,
#rubrique2 ul .out
{
	position:absolute;
	display:none;
	background-color:#fafafa;
	border:#000 1px solid;
	z-index:1;
}
#rubrique2 ul .over
{
	display:block;
}
#rubrique2 li li
{
	float:none;
	border-bottom:#ccc 1px solid; /* separation sous menu bug ie6 */
	/*padding:1px;*/
}

/* nav bas body */
#visuscroll .navpage
{
	position:relative;
	right:10px;
	float:right;
	bottom:0.6em;
	font-size:95%;
}
.navpage
{
	position:absolute;
	right:10px;
	bottom:0.6em;
	font-size:95%;
}
.navpage dd
{
	float:left;
	margin: 0 1em 0 1em;
}
.navpage dd a
{
	color:#fff;
}
.navpage dd a:hover
{
	color:#000;
}
.haut
{
	background:url(../img_site/top.gif) no-repeat left 0.6em;
	padding-left:12px;
	font-size:95%;
}

/**** PAGE SCROLL ****/
#visuscroll
{
	position:absolute;
	width:387px;
	top:0;
	right:0px;
	/*margin:-20px -20px 0 0;*/
	padding-right:15px;
	padding-left:15px;
	height:361px;
	overflow-x:hidden;
	overflow-y:auto;
	/*background-color:#FFFF00;*/
}
#visuscroll2
{
	position:absolute;
	width:550px;
	height:330px;
	top:0;
	right:0px;
	/*margin:-20px -20px 0 0;*/
	padding-right:20px;
	padding-left:30px;
	overflow-x:hidden;
	overflow-y:auto;
	/*background-color:#fff;*/
}


/**** PICTO FENETRE ****/
#pictopen
{
	position:absolute;
	top:35px;
	right:-30px;
	z-index:5;
}
#pictopen #pclose,
#pictopen #popen
{
	width:12px;
	height:12px;
	display:block;
}
#pictopen #popen
{
	background:url(../img_site/picto.open.gif) no-repeat left bottom;
	display:none;
}
#pictopen #popen:hover
{
	background:url(../img_site/picto.open.gif) no-repeat left top;
}

#pictopen #pclose
{
	background:url(../img_site/picto.close.gif) no-repeat left bottom;
}
#pictopen #pclose:hover
{
	background:url(../img_site/picto.close.gif) no-repeat left top;
}

/*** CONTACT ***/
.bt, .bt2, .bt3
{
	width:205px;
	height:22px;
	color:#fff;
	border:0;
	background:url(../img_site/bt.gif) no-repeat left top;
	/*border:#00FF33 1px solid;*/
}
.bt2
{
	width:205px;
	background:url(../img_site/bt.png) no-repeat left top;
}
.bt3
{
	width:110px;
	background:url(../img_site/bt.110.22.png) no-repeat left top;	
}
#reponse_formulaire_ok
{
	font-size:150%;
}

/*** CATALOGUE PDF ***/

#pdf
{
	margin:2em 0 2em 3em;
	text-align:left;
	list-style:none;
	line-height:2.3em;
}
#pdf .pdf
{
	position:relative;
	background:url(../img_site/pdf.gif) no-repeat left 0.3em;
	padding-left:20px;
	display: inline-block; /* Bogue Espaces blancs supplémentaires active le hasLayout, */
}
/*#pdf a
{
	position:relative;
	color:#333;
}
#pdf a:hover
{
	color:#000;
}
*/


/*** PLAN SITE ***/
#plansite
{

}
.rubsite,
.rubsite ul
{

	margin-left:1.2em;
	float:left;
	width:240px;
}

/****** FORMULAIRE ******/

form {
	margin:0;
}
select, textarea, input, .normal, input.case,
select.normal, textarea.normal {		/*** configuration general ***/
	color: #666;
	background-color: #f3f3f3;
	font-weight: bold;
	font-size:100%;
}
input.case {		/*** configuration case a coché ***/
	background-color: transparent;
}

.focus, .focus2, .focus3,
select.focus,
textarea.focus, textarea.focus2  {	/*** Mise en avant des champs en cours d'utilisation - onfocus="this.className='focus';" ***/
	background: #fff;
	color: #333;/**/
	border: #999 2px solid;
	margin:0 0;
	padding-left: 3px;
}
textarea, input, .normal, select
.search, .fpart, .fpart2 {	/*** Retour à l'état normal aprés l'utilisation - onblur="this.className='normal';" ***/
	padding-left: 3px;
	font-weight: bold;
	margin:1px 1px;
}
.normal, .focus {	/*** taille des champs ***/
	/*width: 180px;*/
}
.normal {	/*** bordure des champs ***/
	border: #c3c3c3 1px solid;
}

select.normal, select.focus, .submit { /*** taille select ***/
	/*width: 187px;*/
}
textarea.normal, textarea.focus, textarea.focus2  /*** taille textarea ***/
{
	/*font-family: verdana, Arial, Helvetica, sans-serif;*/
	font-size:130%;
	/*height:8em;*/
}



/******* PRESSE ***********/
/*** PRESSE ***/
#presse
{
	position:absolute;
	top:0;
	right:0px;
	width:600px;
	height:330px;
	overflow:hidden;
	/*background-color:#FFcc00;*/
}
#conteneur_presse
{
	width:600px;
	overflow:hidden;
	position:relative;
	/*background-color:#FFcc00;*/
}
#presse #lst_presse
{
	position: relative;
	left:14px;
	top:80px;
	/*margin-left:14px;
	margin-right:14px;*/
	overflow: hidden;
	/*width:3000px;*/
	height:330px; /* 333 158 */
	/*background-color:#FFFF00;*/
}
#presse h1
{
	margin-left:1em;
}
#presse ul
{
	list-style:none;
	margin-top:0px;
}
#presse ul li
{
	float:left;
	/*border:#B4A8A2 1px solid;*/
	margin:0;
	display:block;
	width:141px; /* largeur miniature PRESSE */
	height:234px; /* hauteur miniature PRESSE */
	text-align:center;
	padding-top:14px;/**/
	border:#A1A2A4 1px solid; /* A1A2A4 */
}
#presse ul li a
{
	/*background:url(../img_site/fond.cadre.gif) repeat-x left top #fff;*/

}
#presse ul li a img
{
	margin-bottom:0em;
}
#presse ul li:hover, .lihover
{
	opacity: 0.5;  /* standard w3c */
	filter: alpha(opacity=50); /* ie */
	/*-moz-opacity: 0.5;  FireFox */
	/*-khtml-opacity: 0.5;  Safari */
	background:url(../img_site/fond.page.gif) repeat-x left top #9C8C84;/* fond.body.png */
	/*background-color:#ccc;*/
}

#presse .current a
{
	opacity: 0.7;  /* standard w3c */
	filter: alpha(opacity=70); /* ie */
	/* -moz-opacity: 0.9; FireFox */
	/* -khtml-opacity: 0.9; Safari */
	background:url(../img_site/fond.page.gif) repeat-x left top #D2BFB5;/**/
}
#presse ul li span,
#presse ul li strong
{
	font-size:85%;
	padding:0px 5px;
}
/* navigation presse haut et bas */
#presse #navprodhaut, #presse #navprodhaut a,
#presse #navprodbas, #presse #navprodbas a
{
	width:14px;
	font-size:10px;
	height:312px;
	z-index:1;
	/*border:#00FF66 1px solid;*/
	opacity: 0.8;  /* standard w3c */
	filter: alpha(opacity=80); /* ie */

}

#presse #navprodhaut
{
	position:absolute;
	top:18px;
	left:0;
	bottom:auto;
	right:auto;
	/*border:#00FF66 1px solid;*/
}
#presse #navprodhaut a
{
	display:block;
	background:url(../img_site/navprodgauche.03.gif) repeat-x left center;
}
#presse #navprodhaut a:hover
{
	background-position: right center;
}
#presse #navprodbas
{
	position:absolute;
	top:18px;  /* ie6.css */
	right:0;
	left:auto;
	bottom:auto;
	/*border:#00FF66 1px solid;*/
}
#presse #navprodbas a
{
	display:block;
	background:url(../img_site/navproddroit.03.gif) repeat-x left center;
}
#presse #navprodbas a:hover
{
	background-position: right center;
}

#zoom_presse
{
	margin-top:0em;
}
#zoom_presse h1
{
	font-size:130%;
}
#zoom_presse h1,
#zoom_presse h1 a:hover
{
	color:#eee;
}


#erreur_login
{
    color:#F00;
    font-weight:bold;
}