/* CSS Document */

/* ================================== COMMUN DEBUT ================================== */

html, body{width:100%}

body{
	background: #00519e;
	font:normal normal 12px/normal Arial, Helvetica, sans-serif;
	color:#343434;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

a {
	color:#00519e;
	text-decoration:none;
}

h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#00519e;
	margin:6px 0;
}
blockquote h2 {
	float:left;
	margin:0;
}

#page{
	background:#FFFFFF;
	float:left;
	width:100%;	
	top:0;
	padding-bottom:15px;
}

#top{
	background:url(../medias/img/bg.jpg) repeat-x left top;
	height:300px;	
}
#blocHeader {
	position:relative;
	width:960px;
	margin:0 auto;
}
#header {
	z-index:1;
	position:absolute;
	top:0;
	left:0;	
	width:960px;
	height:250px;
}
/* ----------------- TOP MENU START ----------------- */
#topMenu {
	z-index:2;
	/*position:absolute;*/
	float:right;
	top:0px;
	right:0px;
	height:27px;
	width:530px;
	font:normal normal 12px/normal Calibri, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-right:30px;
	position:relative;
}
#topMenu a {color:#FFF;}
#topMenuLeft {
	background:url(../medias/img/topMenuLeft.png) no-repeat left top;
	float:left;
	width:226px;	
	height:27px;
}
#topMenuRepeat {
	background:url(../medias/img/topMenuRepeat.png) repeat-x left top;
	float:left;
	width:292px;
	height:27px;
	color:#FFFFFF;
	font:normal 11px/normal Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;	
}

#topMenuRepeat li {	
	display:block;
	padding:6px;
	float:left;
	height:27px;
			
}

#topMenuRepeat #dev_durable{
	background:url(../medias/img/topMenuDevDur.gif) no-repeat left top;
	width:97px;
	height:27px;
	display:block;
	float:right;
	padding:3px 0 0 13px;
	margin:0;
	text-align:left;
	line-height:10px;
}

#topMenuRepeat li a{
	padding-right:12px;
	border-right: 1px solid #FFF;
}


#topMenuRepeat li a.lastChild {
	border-right: none;		
}

#topMenuRight {
	background:url(../medias/img/topMenuRight.gif) no-repeat left top;
	width:12px;
	height:27px;
	position:relative;
	float:right;
}

#fleurMenuHaut{
	position:absolute;
	right:-15px;
	top:27px;
	width:98px;
	height:26px;
	background:url(../medias/img/fleur_MenuHaut.gif) no-repeat left top;

}

#drapeaux {
	float:left;
	display:block;
	padding:6px 0 6px 20px;
}

#drapeaux a {
	float:left;
	display:block;
	width:17px;
	height:13px;
	margin:0 3px;
}

#drapeaux #drapeau_fr {	background:url(../medias/img/drap-fr.gif) no-repeat left top; }
#drapeaux #drapeau_en {	background:url(../medias/img/drap-en.gif) no-repeat left top; }
#drapeaux #drapeau_it {	background:url(../medias/img/drap-it.gif) no-repeat left top; }
#drapeaux #drapeau_es { background:url(../medias/img/drap-es.gif) no-repeat left top; }
/*Drapeau en cours actif :*/
#drapeaux a.current { background-position:left -13px!important; }
/*Drapeau en cours actif sans la main :*/
#drapeaux a:hover.current  { cursor:default!important;}
.langue { margin-left:5px; font-size:11px; text-transform: capitalize; }
/* ----------------- TOP MENU END ----------------- */

/* ----------------- TOP GLOBALMENU START ----------------- */
ul#globalMenu {
	position:absolute;
	top:250px;
	left:0;
	list-style-type:none;
	height:50px;
	color:#a2a09a;
	font:normal normal 12px/normal Arial, Helvetica, sans-serif;
}
#globalMenu li {
	padding:0;	float:left;
	margin:0;
}

/*--MENU FR--*/
#menu1-fr a {
	display:block;
	height:50px;
	width:213px;
	background: url(../medias/img/fr/globalMenu_01.jpg) no-repeat left top;
}

#menu1-fr a:hover, #menu1-fr .current  {
	background: url(../medias/img/fr/globalMenu_01.jpg) no-repeat left -50px;
}


#menu2-fr a {
	display:block;
	height:50px;
	width:166px;
	background: url(../medias/img/fr/globalMenu_02.jpg) no-repeat left top;
}

#menu2-fr a:hover, #menu2-fr .current   {
	background: url(../medias/img/fr/globalMenu_02.jpg) no-repeat left -50px;
}


#menu3-fr a {
	display:block;
	height:50px;
	width:207px;
	background: url(../medias/img/fr/globalMenu_03.jpg) no-repeat left top;
}

#menu3-fr a:hover, #menu3-fr .current {
	background: url(../medias/img/fr/globalMenu_03.jpg) no-repeat left -50px;
}


#menu4-fr a {
	display:block;
	height:50px;
	width:166px;
	background: url(../medias/img/fr/globalMenu_04.jpg) no-repeat left top;
}

#menu4-fr a:hover, #menu4-fr .current {
	background: url(../medias/img/fr/globalMenu_04.jpg) no-repeat left -50px;
}

#menu5-fr a {
	display:block;
	height:50px;
	width:208px;
	background: url(../medias/img/fr/globalMenu_05.jpg) no-repeat left top;
}

#menu5-fr a:hover, #menu5-fr .current {
	background: url(../medias/img/fr/globalMenu_05.jpg) no-repeat left -50px;
}


/*--MENU EN--*/
#menu1-en a {
	display:block;
	height:50px;
	width:213px;
	background: url(../medias/img/en/globalMenu_01.jpg) no-repeat left top;
}

#menu1-en a:hover, #menu1-en .current  {
	background: url(../medias/img/en/globalMenu_01.jpg) no-repeat left -50px;
}


#menu2-en a {
	display:block;
	height:50px;
	width:166px;
	background: url(../medias/img/en/globalMenu_02.jpg) no-repeat left top;
}

#menu2-en a:hover, #menu2-en .current   {
	background: url(../medias/img/en/globalMenu_02.jpg) no-repeat left -50px;
}


#menu3-en a {
	display:block;
	height:50px;
	width:166px;
	background: url(../medias/img/en/globalMenu_03.jpg) no-repeat left top;
}

#menu3-en a:hover, #menu3-en .current {
	background: url(../medias/img/en/globalMenu_03.jpg) no-repeat left -50px;
}


#menu4-en a {
	display:block;
	height:50px;
	width:207px;
	background: url(../medias/img/en/globalMenu_04.jpg) no-repeat left top;
}

#menu4-en a:hover, #menu4-en .current {
	background: url(../medias/img/en/globalMenu_04.jpg) no-repeat left -50px;
}

#menu5-en a {
	display:block;
	height:50px;
	width:208px;
	background: url(../medias/img/en/globalMenu_05.jpg) no-repeat left top;
}

#menu5-en a:hover, #menu5-en .current {
	background: url(../medias/img/en/globalMenu_05.jpg) no-repeat left -50px;
}


/*--MENU ES--*/
#menu1-es a {
	display:block;
	height:50px;
	width:189px;
	background: url(../medias/img/es/globalMenu_01.jpg) no-repeat left top;
}

#menu1-es a:hover, #menu1-es .current  {
	background: url(../medias/img/es/globalMenu_01.jpg) no-repeat left -50px;
}


#menu2-es a {
	display:block;
	height:50px;
	width:190px;
	background: url(../medias/img/es/globalMenu_02.jpg) no-repeat left top;
}

#menu2-es a:hover, #menu2-es .current   {
	background: url(../medias/img/es/globalMenu_02.jpg) no-repeat left -50px;
}


#menu3-es a {
	display:block;
	height:50px;
	width:206px;
	background: url(../medias/img/es/globalMenu_03.jpg) no-repeat left top;
}

#menu3-es a:hover, #menu3-es .current {
	background: url(../medias/img/es/globalMenu_03.jpg) no-repeat left -50px;
}


#menu4-es a {
	display:block;
	height:50px;
	width:167px;
	background: url(../medias/img/es/globalMenu_04.jpg) no-repeat left top;
}

#menu4-es a:hover, #menu4-es .current {
	background: url(../medias/img/es/globalMenu_04.jpg) no-repeat left -50px;
}

#menu5-es a {
	display:block;
	height:50px;
	width:208px;
	background: url(../medias/img/es/globalMenu_05.jpg) no-repeat left top;
}

#menu5-es a:hover, #menu5-es .current {
	background: url(../medias/img/es/globalMenu_05.jpg) no-repeat left -50px;
}


/*--MENU IT--*/
#menu1-it a {
	display:block;
	height:50px;
	width:189px;
	background: url(../medias/img/it/globalMenu_01.jpg) no-repeat left top;
}

#menu1-it a:hover, #menu1-it .current  {
	background: url(../medias/img/it/globalMenu_01.jpg) no-repeat left -50px;
}


#menu2-it a {
	display:block;
	height:50px;
	width:206px;
	background: url(../medias/img/it/globalMenu_02.jpg) no-repeat left top;
}

#menu2-it a:hover, #menu2-it .current   {
	background: url(../medias/img/it/globalMenu_02.jpg) no-repeat left -50px;
}


#menu3-it a {
	display:block;
	height:50px;
	width:190px;
	background: url(../medias/img/it/globalMenu_03.jpg) no-repeat left top;
}

#menu3-it a:hover, #menu3-it .current {
	background: url(../medias/img/it/globalMenu_03.jpg) no-repeat left -50px;
}


#menu4-it a {
	display:block;
	height:50px;
	width:167px;
	background: url(../medias/img/it/globalMenu_04.jpg) no-repeat left top;
}

#menu4-it a:hover, #menu4-it .current {
	background: url(../medias/img/it/globalMenu_04.jpg) no-repeat left -50px;
}

#menu5-it a {
	display:block;
	height:50px;
	width:208px;
	background: url(../medias/img/it/globalMenu_05.jpg) no-repeat left top;
}

#menu5-it a:hover, #menu5-it .current {
	background: url(../medias/img/it/globalMenu_05.jpg) no-repeat left -50px;
}
	
/* ----------------- TOP GLOBALMENU END ----------------- */


/* ----------------- SUBMENU START -------------------------*/

ul#vMenu {
	float:left;
	font:normal normal 13px Arial, Helvetica, sans-serif;
	color:#00519e;
	width:232px;
	margin-left:50px;
}

#vMenu li {
	background:transparent url(../medias/img/vmenu-bg.gif) repeat-x left bottom;
	padding:5px;
	list-style:url(../medias/img/vmenu-li.gif) none inside;
}

ul#vMenu ul li.subnav {
	background:transparent url(../medias/img/subnav.gif) no-repeat scroll left 2px;
	padding:0 0 0 18px;
	margin:4px 0 0 10px;
	list-style:none;
}
ul#vMenu ul li.subnav a.current { text-decoration:underline;}

#vMenu a:hover {
	font-weight:bold;
}

#vMenu .current {
	list-style:url(../medias/img/vmenu-li-current.gif) none inside;
}

#leftBloc {
	float:left;
	font:normal normal 13px Arial, Helvetica, sans-serif;
	color:#00519e;
	width:232px;
	margin-left:50px;
}

#leftBloc p {
	margin-bottom:15px;
	color:#000;
}

#leftBloc strong {
	color:#00519e;
}

/* ----------------- SUBMENU END -------------------------*/


#contenu {
	position:relative;
	float:left;
	margin:0 4px 0 42px;
	padding-left:32px;
	width:600px;
	background:url(../medias/img/vmenu-border-left.gif) repeat-y top left;
}
#contenu ul, #contenu ol  {
	margin-left:20px;
	padding: 0;
}
#leftBloc li, #contenu li {
	background:transparent url(../medias/img/li_baseline.gif) no-repeat scroll left 4px;
	list-style:none;
	padding-left:12px;
	color:#00519e;	
}

#contenu .activites li{
	color:#000000;
}

#content #leftBloc h2{
	padding-bottom:10px;
}

#content #leftBloc .texte_marques li{
	color:#666666;
	background:none;
	padding-left:0;
	padding-bottom:10px;
}

#content {
	position:relative;
	width:960px;
	height:auto;
	margin:18px auto;
}

.clear {
	clear:both;
}

.box-info_marque {
	background: url(../medias/img/sep-produit.gif) no-repeat left top; 
	width: 140px; 
	height:80px;
	margin-left: 30px;
	float:left;
	position:relative;
	top:-60px;
}

.box-info_marque p {
	margin-left:10px;
	color:#00519E;
}

.h1_invisible {
	visibility:hidden;
}

/* ----------------- TOP FOOTER START ----------------- */
#bot{
	background:url(../medias/img/bgFooter.jpg) repeat-x left top;
	float:left;
	width:100%;
	min-height:60px;
}

#footer {
	position:relative;
	width:960px;
	margin:0 auto;
}

div.footerBloc {
	position:relative;
	float:left;
	display:block;
	background: url(../medias/img/bgBlocFooter.jpg) no-repeat left top;
	width:381px;
	height:142px;
	margin:12px 16px 0 0;
	padding:11px;
}

.footerBloc img  {
	position:absolute;
	top:11px;
}

.footerBloc .title {left:166px; }

div.footerMenu {
	float:left;
	display:block;
	width:110px;
	margin:24px 0 0 0;
}

.footerMenu li {
	background:url(../medias/img/bg_footerMenu.gif) repeat-x left bottom;
	padding:6px 0;
	color:#ccdceb;
	list-style:none;
	text-indent:5px;
}
.footerMenu li a { color:#ccdceb;}
.footerMenu li a:hover { color:#FFF;}

.footerMenu .lastChild {
	background: none;
	text-indent:0;
}

.footerTxt {
	color:#3a506d;
	margin:50px 5px 0 0;
	float:right;
	width:220px;
	font-size:10px;
	line-height:11px;
}

.next {
	float:right;
	color:#00519e;
	font-size:11px;
	width:200px;
	margin:0px 25px 0 0;
	text-align:right;
}

/* ----------------- TOP FOOTER END ----------------- */

/* ================================== COMMUN FIN ================================== */

#Raccueil {
	position:absolute;
	top:0;left:0;
}

#Raccueil a  {
	display:block;
	width:230px;height:130px;
}
#Raccueil span  {
	display:none;
}

/* Home */

#Home {
	position:relative;
	float:left;
	width:960px;
}

#homeActu {
	position:relative;
	float:left;
	width:250px;
	border-right: 1px dotted #666666;
	padding-right:4px;
	margin-left:20px;
}

#homeActu .actuTitle {
	position:absolute;
	top:0;
	left:0;
	width:250px;
}


#newsNavigLeft {
	float:left;
	margin-top:32px;
	width:32px;
	height:148px;
	visibility:hidden;
}

#newsNavigRight {
	float:right;
	margin-top:32px;
	width:32px;
	height:148px;
}

#newsSlide {
	position:absolute;
	overflow:hidden;
	top:32px;
	left:37px;
	width:174px;
	height:253px;
	text-align:justify;
}
#innerNewsSlide{
	float:left;
	position:relative;
	left:0;top:0;
	height:253px;
}
#newsSlide .blocActu {
	position:relative;
	float:left;
	width:174px;
	height:253px;
	padding-right:20px;
}

.Atitle { font-weight:bold; font-size:12px; color:#00519e; text-transform: uppercase;  }
.Adate { font-size:11px;  }
.Acontent img { float:left; margin: 5px 5px 0 0; padding:1px; border:solid 1px #666; }
.Acontent { min-height:100px; float:left;font-size:11px;}
#newsSlide .Anext { width:174px; margin-top:10px; text-align:right; color:#00519e; font-weight:bold; }

#baseline {
	float:right;
	width:676px;
}
#baseline ul {
	margin:8px 0 2px 10px;
}
#baseline ul li{
	list-style:none;
	background:url(../medias/img/li_baseline.gif) no-repeat left 4px;
	padding-left:12px;
	margin-left:10px;
}

#homeMarques {
	margin:0 4px 20px 4px;
	width:676px;
	/*height:350px;*/
	float:right;
	position:relative;
	left:90px;
	*left:0;
	}

#blocMarques {
	position:relative;
	width:650px;
	height:160px;
	float:right;
}

#homeMarques ul {
	list-style:none;
	margin:0 0 20px 20px;
}

.left {
	float:left;
}

#homeMarques a.info:hover span {
	position:absolute;
	background:url(../medias/img/bgMarques.png) repeat-x left 20px;
	float:left;
	width:560px;
	height:90px;
	top: 100px;
	left: 20px;
}

.arrow01, .arrow02, .arrow03, .arrow04, .arrow05 {
	background: url(../medias/img/arrow.gif) no-repeat left top;	
	width:28px;
	height:19px;
}

.arrow01 {	margin-left:24px; }
.arrow02 {	margin-left:125px; }
.arrow03 {	margin-left:230px; }
.arrow04 {	margin-left:340px; }
.arrow05 {	margin-left:470px; }

.descr {
	/*background:#FFF;*/
	padding:10px;
}

a.info {
	color:#000000;
}
a.info span {
	display: none;
	border:0
}

a.info:hover span {
	display:block;
}

.group {
	color:#00519e;
	font-weight:bold;
}
.page {
	font-weight:normal;
}

.actus {
	float:left;
	margin:20px 180px;
	padding:10px 0;
	width:600px;
}

hr {
	clear:both;
	border:dashed 1px #CCC;
	margin:5px 0;
	padding:0;
}
#page .editMode .title {
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

#page .editMode {
	background:#FFCCCC;
	width:600px;
	margin:20px auto;
	
}


/* SAVOIR FAIRE */

.blocSF {
	width:173px;
	float:left;
	background:url(../medias/img/puce.gif) repeat-y top right;
	padding:0 33px;
	height:380px;
	margin-bottom:20px;
}

#bloc4{
	background:none;
}

.blocSF h2 {
	padding:0 15px;
	color:#00519E;
	float:left;
	width:171px;
	background:url(../medias/img/li_baseline.gif) no-repeat 6px 3px;
}

.blocSF p {
	padding:5px;
	color:#666;
	float:left;
	width:171px;
	text-align:justify;
}


/*---------------blocs marques et catalogue home -----------------*/


#marques_catalogue{
	width:676px;
	float:right;
}

#marques_catalogue2{
	float:left;
	width:100%;
	background:transparent url(../medias/img/bgFooter.jpg) repeat-x scroll left top;
	position:relative;
}

#marques_catalogue2 #totBloc{
	width:950px;	
	margin:0 auto;
	position:relative;
	top:8px;
}

#marques_catalogue .Bloc{
	position:relative;
	float:right;
	display:block;
	background: url(../medias/img/bgBlocFooter2.jpg) no-repeat left top;
	width:323px;
	height:203px;
	padding-right:8px;
	margin:12px 0 0 0;
}

#marques_catalogue2 #totBloc .Bloc{
	background: url(../medias/img/bgBlocFooter3.jpg) no-repeat left top;
	width:323px;
	height:203px;
	padding-right:8px;
	float:left;
	position:relative;
	margin-left:80px;
}

#marques_catalogue #lastBloc, 
#marques_catalogue2 #totBloc #lastBloc{
	padding:0;
	
}

#marques_catalogue2 #totBloc #lastBloc{
		margin-left:0;
 }

#marques_catalogue .Bloc img, 
#marques_catalogue2 #totBloc .Bloc img {
	position:absolute;
	top:5px;
	left:5px;
}

#marques_catalogue .Bloc .title, 
#marques_catalogue2 #totBloc .Bloc .title {
	left:145px; 
	top:15px;
	}

#marques_catalogue .Bloc .footerTxt-fr, 
#marques_catalogue2 #totBloc .Bloc .footerTxt-fr,
#marques_catalogue .Bloc .footerTxt-es, 
#marques_catalogue2 #totBloc .Bloc .footerTxt-es,
#marques_catalogue .Bloc .footerTxt-it, 
#marques_catalogue2 #totBloc .Bloc .footerTxt-it {
	width:165px;
	margin:55px 14px 0 0;
	padding:0 0 0 0;
	color:#3a506d;
	float:right;
	font-size:10px;
	line-height:11px;
}

#marques_catalogue .Bloc .footerTxt-en, 
#marques_catalogue2 #totBloc .Bloc .footerTxt-en {
	width:165px;
	margin:40px 14px 0 0;
	padding:0 0 0 0;
	color:#3a506d;
	float:right;
	font-size:10px;
	line-height:11px;
}







#marques_catalogue2 .footerMenu{
	margin-left:15px;
	width:auto;
}

#marques_catalogue2 #totBloc img {
	position:relative;
	top:20px;
	right:0;
	display:block;
	z-index:4;
	float:right;
	
}

/* ----------------- TOP FOOTER HOME ----------------- */
#botHome{
	background:url(../medias/img/bgFooter.jpg) repeat-x left top;
	float:left;
	width:100%;
	min-height:93px;
}

#footerHome {
	position:relative;
	width:960px;
	margin:0 auto;
}

div.footerMenuHome {
	float:right;
	display:block;
	width:275px;
	margin:12px 0 0 0;
}

.footerMenuHome li {
	padding:6px 0;
	color:#ccdceb;
	list-style:none;
	text-indent:5px;
	float:left;
	display:inline;
}
.footerMenuHome li a { padding:0 4px; color:#ccdceb; border-right:#ccdceb 1px solid;display:block;}
.footerMenuHome li a:hover { color:#FFF;}

.footerMenuHome .lastChild {
	background: none;
	text-indent:0;
	float:right;
}


.lien_ext{
	padding-left:10px;
	display:block;
	background:url(../medias/img/vmenu-li.gif) no-repeat left 5px;
	color:#00519e;
	text-decoration:none;
	margin-left:22px;
	height:20px;
}

.lien_ext:hover {
	font-weight:bold;
}
.bloc-photo { float:left; width:180px; margin:0 10px 10px 0; }