@charset "utf-8";
/* CSS Document */
@import url(/css/reset.css);

a:link {color: #009ee0; text-decoration:underline; font-weight:bold;}
a:visited {color: #009ee0; text-decoration:none;}
a:focus {color: black;}
a:hover {color: black;}
a:active {color: black;}

a img   { border:0; }
strong { 
font-weight:bold;
	}
body {
	background-color: #bebebe;
	color: #009ee0;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
#global {
	background-color:#fff;
	width:990px;
	height:auto;
	margin:10px auto;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	}
h1 {
	font-size:14px;
	color:#fff;
	background:transparent url(../img/com/fd-titrages.gif) left top no-repeat;
	width:740px;
	/*height:auto;
	min-height:24px;*/
	height:22px;
	padding:4px 0 2px 44px;
	margin-left:-44px;
	margin-bottom:0;
	}
	h1 a:link, h1 a:active, h1 a:hover, h1 a:visited {
		text-decoration:underline;
		color:#fff;
		}
h2 {
	font-size:15px;
	color:#009bde;
	text-transform:uppercase;
	}
/*h1 {
	font-size:15px;
	color:#009bde;
	text-transform:uppercase;
	}
h2 {
	font-size:14px;
	color:#fff;
	background:transparent url(../img/com/fd-titrages.gif) left top no-repeat;
	width:740px;
	height:22px;
	padding:4px 0 2px 44px;
	margin-left:-44px;
	margin-bottom:0;
	}
	h2 a:link, h2 a:active, h2 a:hover, h2 a:visited {
		text-decoration:underline;
		color:#fff;
		}*/

h3 {
	font-size:14px;
	color:#009bde;
	margin-bottom:3px;
	}
	h3 span {
		text-decoration:underline;
		}
h4 {
	font-size:12px;
	color:#009bde;
	margin-top:-4px;
	}
	h4 span {
		text-decoration:underline;
		font-size:12px;
		}
		
h5 {
	font-size:11px;
	color:#000;
	text-transform:uppercase;
	}

/**************/
/* NAVIGATION */
/**************/
#langues {
	float:right;
	margin-right: 10px;
	padding: 0;
	font-size:10px;
	color:#000;
	text-align:right;
	}
	#langues select {
		margin:0;
		background-color:#fff;
		font-size:10px;
		}
#contactPrescripteurEntrepriseHt {
	text-align:right;
	float:right;
	margin: 10px;
	padding: 0;
	color:#575859;
	width:970px;
	}	
div#Nav {
	background: transparent;
	width: 990px;
	height: 62px;
	margin-top:-10px;
	padding:0;
	z-index:1;
	float:left;
	}
div#globalNav {
	width: 990px;
	margin: 0;
	padding: 0;
	border:0;
	}
	div#globalNav ul#menu {
		width: 990px;
		height: 62px;
		background: transparent url(../img/fr/navig.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		}
		div#globalNav ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			}
		#Nav ul#menu a { 
			height: 62px;
			}
			#Nav #menu ul a {
				height: auto;
				}
		
div#globalNav ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}
	div#globalNav ul#menu li ul a {
		text-indent: 0;
		z-index:1;
		}

#navAccueil {width: 279px;}
#navPresentation {width: 92px;}
#navRealisations {width: 103px;}
#navProduits {width: 104px;}
#navNormes {width: 103px;}
#navPrescripteurs {width: 101px;}
#navContact {width: 105px;}
#Nav ul#menu #navTelechargement a {top: 0; width: 103px; height: 44px;}
#Nav ul#menu #navActualite a {top: 106px; width: 103px; height: 18px;}

#navAccueil a:hover	{background: transparent url(../img/fr/navig.gif) 0 -62px no-repeat;}
#navPresentation a:hover	{background: transparent url(../img/fr/navig.gif) -279px -62px no-repeat;}
#navRealisations a:hover	{background: transparent url(../img/fr/navig.gif) -371px -62px no-repeat;}
#navProduits a:hover	{background: transparent url(../img/fr/navig.gif) -474px -62px no-repeat;}
#navNormes a:hover	{background: transparent url(../img/fr/navig.gif) -578px -62px no-repeat;}
#navPrescripteurs a:hover	{background: transparent url(../img/fr/navig.gif) -681px -62px no-repeat;}
#navContact a:hover	{background: transparent url(../img/fr/navig.gif) -782px -62px no-repeat;}
#navTelechargement a:hover	{background: transparent url(../img/fr/navig.gif) -887px -62px no-repeat;}
#navActualite a:hover	{background: transparent url(../img/fr/navig.gif) -887px -106px no-repeat;}

#navAccueil ul a, #navAccueil ul a:hover,
#navPresentation ul a, #navPresentation ul a:hover,
#navRealisations ul a, #navRealisations ul a:hover,
#navProduits ul a, #navProduits ul a:hover,
#navNormes ul a, #navNormes ul a:hover,
#navPrescripteurs ul a, #navPrescripteurs ul a:hover,
#navContact ul a, #navContact ul a:hover,
#navTelechargement ul a, #navTelechargement ul a:hover,
#navActualite ul a, #navActualite ul a:hover {}

#navRealisations ul li a:hover, #navProduits ul li a:hover, #navPresentation ul li a:hover
	{background:none; color:#fff;}


/* "Vous etes ici"  */
body#pagePresentation #navPresentation	{background: transparent url(../img/fr/navig.gif) -279px -62px no-repeat;}
body#pageRealisations #navRealisations	{background: transparent url(../img/fr/navig.gif) -371px -62px no-repeat;}
body#pageProduits #navProduits	{background: transparent url(../img/fr/navig.gif) -474px -62px no-repeat;}
body#pageNormes #navNormes	{background: transparent url(../img/fr/navig.gif) -578px -62px no-repeat;}
body#pagePrescripteurs #navPrescripteurs	{background: transparent url(../img/fr/navig.gif) -681px -62px no-repeat;}
body#pageContact #navContact	{background: transparent url(../img/fr/navig.gif) -782px -62px no-repeat;}
body#pageTelechargement #navTelechargement	{background: transparent url(../img/fr/navig.gif) -887px -62px no-repeat;}
body#pageActualite #navActualite	{background: transparent url(../img/fr/navig.gif) -887px -78px no-repeat;}


/* sous-menus */
#menu ul li a {
	font-weight:bold;
	font-size:1em;
	text-decoration: none;
	color: #0073cf;
	margin: 0;
	padding: 4px 20px 4px 7px;
	text-align:left;
	}		
	#menu ul li a:hover, #menu ul li a:active {
		background-color:#239ad2;
		}


/**************/
#content  {
	margin-left:44px;
	margin-top:10px;
	padding: 0;
	width:946px;
	float:left;
	}
	#courrierArchitecte,
	#metalflash  {
		top:150px;
		left:60px;
		width:181px;
		height:275px;
		position:absolute;
		z-index:1000;
		}
	body#pagePrescripteurs #courrierArchitecte-2,
	body#pagePrescripteurs #metalflash-2  {
		top:158px !important;
		right:10px !important;
		width:181px;
		height:275px;
		position:absolute;
		z-index:1000;
	}
	
	body#pagePresentation #adresse  {
		top:158px;
		right:10px;
		width:181px;
		height:275px;
		position:absolute;
		color:#000;
	}
#flash  {
	width:738px;
	float:left;
	}
#intro  {
	background:transparent url(../img/com/filet-bleu-degrade.gif) left top no-repeat;
	text-align:justify;
	padding:15px 50px 0 44px;
	margin-left:-44px;
	color:#575859;
	width:425px;
	float:left;
	}
	
/**nouvelle page**/
#intro-accroche  {
	background:transparent url(../img/com/filet-bleu-degrade.gif) left bottom no-repeat;
	margin-left:-44px;
	padding:5px 0;
	width:946px;
	min-height:70px !important;
	text-align:center;
	font-size:14px;
	color:#000;	
	display:inline-block;
	}

#realisationALaUne  {
	background:transparent url(../img/com/fd-bloc-realisation-une.png) left bottom repeat-x;
	width:300px;
	min-height:200px !important;
	/*margin:0 80px 15px 0; // avec les actus*/
	margin:0 20px 15px 0;
	padding:10px;
	float:left;
	}
	#realisationALaUne h2   {
		margin:5px 0 3px 0;
		}
	#realisationALaUne a   {
		background:transparent url(../img/com/fleche-grise.gif) left center no-repeat;
		padding-left:12px;
		line-height:12px;
		font-size:11px;
		}
#video  {
	background:transparent url(../img/com/degrade-news.png) left bottom repeat-x;
	text-align:justify;
	padding: 20px 10px 16px 10px;
	margin:22px 0 0 0;
	width:260px;
	height:146px;
	float:left;
	}
#actualite2  {
	background:transparent url(../img/com/degrade-news.png) left bottom repeat-x;
	text-align:justify;
	padding:15px 10px 10px 10px;
	margin:0;
	color:#575859;
	width:140px;
	/*height:167px;*/
	min-height:200px !important;
	float:left;
	}
#liens-bdp-hp {  width:946px; float:left;          }
#liens-bdp-hp #liste-produits  {
	width:630px;
	float:left;
	border-right:1px solid #009ee0;
	padding-right:10px;
	margin-bottom:20px;
	text-align:justify;
	}
#liens-bdp-hp #logos-partenaires  {
	float:left;
	width:250px;
	}

body#page-accueil #gammeGrdPublic  {
	position:absolute;
	top:570px;
	right:0;
	}
	
/****/
#contactPrescripteurEntreprise  {
	background:transparent url(../img/com/filet-bleu-degrade.gif) left top no-repeat;
	text-align:justify;
	padding:15px 50px 0 44px;
	margin-left:-44px;
	color:#575859;
	width:425px;
	float:left;
	}
#actualite  {
	background:transparent url(../img/com/degrade-news.gif) center bottom no-repeat;
	text-align:justify;
	padding-top:15px;
	margin-right:20px;
	color:#575859;
	width:140px;
	height:167px;
	float:left;
	}
	#photo, #actualite2 photo  {
		vertical-align:top;
		position:relative;
		}	
		#angleGche, #actualite2 #angleGche  {
			position:absolute;
			left:0;
			top:0;
			margin-top:-2px;
			margin-left:-2px;
			width:23px;
			height:23px;
			background:transparent url(../img/com/angle-gche.gif) left top no-repeat;
			}	
		#angleDroit, #actualite2 #angleDroit  {
			position:absolute;
			right:0;
			bottom:0;
			margin-bottom:-2px;
			margin-right:-2px;
			width:23px;
			height:23px;
			background:transparent url(../img/com/angle-droit.gif) right bottom no-repeat;
			}	
			
#gammeGrdPublic  {
	background:#d9f0fa url(../img/fr/gammes-grd-public.gif) left top no-repeat;
	width:308px;
	height:180px;
	float:right;
	padding-top:15px;
	color:#000;
	}
	#gammeGrdPublic table tr td  {
		vertical-align:text-top;
		}
body#pageNormes #gammeGrdPublic,
body#pagePrescripteurs #gammeGrdPublic  {
	visibility:hidden;
	}
		
		
#CarteExport  {
	float:left;
	width: 740px;
	position:relative;
	}
	#CarteExport #afrique,
	#CarteExport #ameriqueSud,
	#CarteExport #balkans,
	#CarteExport #europe,
	#CarteExport #oceanie,
	#CarteExport #usa  {
		visibility:hidden;
		position:absolute;
		top: 0;
		left:0;
		}
	p.distributeur {
		margin-bottom:-1em;
	}
#accesPaysExport  {
	float:left;
	width: 150px;
	color:#000;
	}	
	
#realisations  {
	background:transparent url(../img/com/fd-realisations.gif) left top no-repeat;
	float:right;
	width: 270px;
	padding:15px;
	margin-bottom:10px;
	}
	#realisations a.over,
	#navigFreeArt a.over,
	#navigFreeArt2 a.over,
	#navigGardal a.over,
	#navigGardal2 a.over {
		color:#515151;	}
		
/****diaporama html5****/		
.fotorama { width:738px; display:inline-block; vertical-align:text-top; margin-bottom:10px;}
#DocsPlans2  {
	display:inline-block; 
	vertical-align:text-top;
	width: 180px;
	color:#000;
	margin:0 0 0 15px;
	}
	#DocsPlans2 table  {
		background:transparent url(../img/com/fd-docs-plans.gif) left bottom repeat-x;
		margin-top:0;
		font-size:10px;
		}
	#DocsPlans2 table.phototheque  {
		background:transparent url(../img/com/fd-phototheque.gif ) left bottom repeat-x;
		margin:0;
		font-size:10px;
		width:170px;
		}
		#DocsPlans2 table td{
			text-align:center;
			padding:2px;
			}	
		#DocsPlans2 table.phototheque td {
			text-align:left;
			}	
		#DocsPlans2 table th {
			text-align:left;
			font-weight:bold;
			/*color:#009ee0;*/
			color:#000;
			text-transform:uppercase;
			padding-bottom:15px;
			}	
		#DocsPlans2 table a:link, #DocsPlans2 table a:visited,
		#DocsPlans2 table.phototheque a:link, #DocsPlans2 table.phototheque a:visited {
			color:#000;
			font-weight:normal;
			text-decoration:none;
			}	
		#DocsPlans2 table a:hover, #DocsPlans2 table a:active,
		#DocsPlans2 table.phototheque a:hover, #DocsPlans2 table.phototheque a:active {
			text-decoration:underline;
			color:#009ee0;
			}
	#DocsPlans2 a img {
		border:0;
		}
	#DocsPlans2 a:hover img {
		opacity: 0.7;
		text-decoration:none;
		}
	#DocsPlans2 p {
		text-align:center;
		}
/**********/
#DocsPlans  {
	float:right;
	width: 180px;
	color:#000;
	margin-top:0;
	}
	#DocsPlans table  {
		background:transparent url(../img/com/fd-docs-plans.gif) left bottom repeat-x;
		margin-top:10px;
		padding:15px;
		font-size:10px;
		}
	#DocsPlans table.phototheque  {
		background:transparent url(../img/com/fd-phototheque.gif ) left bottom repeat-x;
		margin:0;
		font-size:10px;
		width:170px;
		}
		#DocsPlans table td {
			text-align:center;
			}	
		#DocsPlans table.phototheque td {
			text-align:left;
			}	
		#DocsPlans table th {
			text-align:left;
			font-weight:bold;
			/*color:#009ee0;*/
			color:#000;
			text-transform:uppercase;
			padding-bottom:15px;
			}	
		#DocsPlans table a:link, #DocsPlans table a:visited,
		#DocsPlans table.phototheque a:link, #DocsPlans table.phototheque a:visited {
			color:#000;
			font-weight:normal;
			text-decoration:none;
			}	
		#DocsPlans table a:hover, #DocsPlans table a:active,
		#DocsPlans table.phototheque a:hover, #DocsPlans table.phototheque a:active {
			text-decoration:underline;
			color:#009ee0;
			}
	#DocsPlans a img {
		border:0;
		}
	#DocsPlans a:hover img {
		opacity: 0.7;
		text-decoration:none;
		}
	#DocsPlans p {
		text-align:center;
		}
		
		
		
#logicielRetral {
	float:right;
	width: 180px;
	color:#000;
	margin-top:30px;
	padding:10px;
	background:transparent url(../img/com/fd-docs-plans.gif ) left bottom repeat-x;
	}	
#navigFreeArt,
#navigGardal,
#navigFreeArt2,
#navigGardal2  {
	float:right;
	width: 160px;
	color:#000;
	padding: 0 10px 5px 10px;
	background:transparent url(../img/com/fd-docs-plans.gif ) left bottom repeat-x;
	line-height:18px;
	}	
#navigFreeArt,
#navigGardal {
	margin:0 0 10px 0;
	}
#navigFreeArt2,
#navigGardal2 {
	margin:0 10px 10px 0;
	}	
	#navigFreeArt2 p,
	#navigGardal2 p {
		text-align:left;
	}	
#col1  {
	float:left;
	width: 620px;
	margin-top:15px;
	margin-bottom:15px;
	color:#575859;
	}
	#col1 h2 {
		margin-bottom:-1px;
		margin-top:0;
		}
	#col1 table a img   {
		border:0;
		}
	#col1 table th   {
		width:30%;
		text-align:left;
		font-weight:normal;
		}
	#col1 table.gardal  {
		width:217px;
		}
	#col1 table.gardal th  {
		background-color:#93cef4;
		}
	#col1 table.gardal td.bleu  {
		background-color:#cae6fa;
		}
	#col1 table.gardalAccessoires,
	#col2 table.gardalAccessoires,
	#col3 table.gardalAccessoires  {
		border:1px solid #93cef4;
		}
	#col1 table.gardalAccessoires th,
	#col2 table.gardalAccessoires th,
	#col3 table.gardalAccessoires th  {
		background-color:#93cef4;
		text-align:left;
		border:1px solid #cae6fa;
		}
	#col1 table.gardalAccessoires td,
	#col2 table.gardalAccessoires td,
	#col3 table.gardalAccessoires td {
		border:1px solid #93cef4;
		}
	
#col2 {
	width:295px;
	float:left;
	text-align:justify;
	margin-right:20px;
	margin-bottom:15px;
	color:#575859;
	}
#col3  {
	width:295px;
	float:left;
	text-align:justify;
	/*margin-top:25px;*/
	margin-right:20px;
	margin-bottom:15px;
	color:#575859;
	}
	#col3 table tr.freeart,
	#col2 table tr.freeart {
		background-color:#afdaf7;
		}
	#col3 table.motifs   {
		border:1px solid #009bde;
		}
		
		
#footer {
	padding: 10px 0;
	width:990px;
	margin:10px auto;
	position:relative;
	text-align:center;
	font-size:10px;
	color:#fff;
	}
	#footer a {
		color:#fff;
		}
#footer hr {
	color:#d7eef7;
	}
	
a.telecharger{
	background:transparent url(/img/com/fleche-telechargement.gif) left center no-repeat;
	padding-left:15px;
	line-height: 16px;
	}

li.telecharger {
	background:transparent url(/img/com/fleche-telechargement.gif) left 1px no-repeat;
	padding-left:15px;
	line-height: 16px;
	margin-left: -40px;
	}

.bleu  {
	color:#009ee0;
	}
.legende {
	font-size:9px;
	font-style:italic;
	}
.asterisque {
	font-size: 17px;
	font-weight: bold;
	color: #f00;
	}	
.left  { float:left; }
.right  { float:right; }

.Imgleft  { padding-right:10px;
			float:left; }
			
.Imgright  { padding-right:10px;
			float:right; }

.marginBottom  { margin-bottom:20px; }

.ClearBoth {
	clear: both;
	}
select {
		margin:0;
		background-color:#fff;
		font-size:10px;
		}
		
input	{
	margin:0;
	padding:0;
	}

input.btnEnvoyer	{
	margin:5px;
	padding:0 5px 0 5px;
	width:80px;
	height:23px;
	border: none;
	cursor: pointer;
	color:#009de0;
	background-color:#eaeaeb;
	font-weight:bold;
	font-size:11px;
	}
	
hr {
	width: 90%;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 0;
	color: #eaeaeb;
	clear: both;
	}
	
/*****CfWindow***/
.x-dlg .x-dlg-hd-left {background-color:#009bde; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#009bde; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#009bde; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #009bde; border-right:3px solid #009bde; border-left:3px solid #009bde; background-color:#009bde;}

.x-dlg-mask {opacity: 0.0; background-color: #000;
			 filter: alpha(opacity=0); }
			 
			 
/****/
/* SLIDER hp STYLES */
	
.slider-wrapper{
	position:relative;
	overflow:hidden;
	width:946px;
	height:361px;
	margin:0 auto;
	z-index:2;
}

.slider{
	position:relative;
	width:946px; 
	height:361px;
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
}

@media only screen and (min-width: 1000px){
	.slider{
		width:946px;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:946px;
	}
}

/* ELEMENT STYLES */

/*p{
	position:absolute;
	top:-200px;
	z-index:8000;
	padding:1% 3%;
	font-size:35px;
	line-height:100%;
	color:#fff;
	font-weight:bold;
	white-space: nowrap;
	text-transform:uppercase;
}
*/
.claim{
	line-height:100%
}	

.teaser{
	padding:0.5% 1.5%;
	font-size:20px;
	line-height:100%;
	color:#fff;
	text-shadow: 3px 3px 6px #333;
	text-transform:uppercase;
}

.small{
	width:250px;
   	padding-left:0; padding-right:0px;
	text-align:center;
}
.transparent { background:transparent;}
.light-green{background:#95C542;}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}

#navigFeria  {
	float:right;
	width: 308px;
	color:#000;
	padding: 0 10px 5px 10px;
	background:transparent url(../img/com/fd-docs-plans.gif ) left bottom repeat-x;
	line-height:18px;
	}