/**********************************************************
 *   France Paratonnerres							  v 1.0         
 *
 *   (c) KurTZdev 2010
 **********************************************************
 *                                   Positionnement General
**/

* {
	zoom: 1;
	}

html {
	background-image: url(images/grille.png);
	background-repeat: repeat;
	}
	
body {
	text-align: center;
	}

div#page {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color: #121327;
	}

div#ecran {
	display: none;
	width: 465px;
	height: 465px;
 	padding: 0;
	margin: 0;
	top:0;
	right: 0;
	position: absolute;
	z-index: 999999;
	}

/**********************************************************
 *                                                   Header
**/
div#header {
	width:960px;
	height:127px;
	background-color: #121327;
	background-image: url(images/header_fp.jpg);
	position: relative;
	}
	
div#logoHeader {
	width: 250px;
	height: 75px;
	position: absolute;
	top:9px;
	left: 0;
 	cursor: pointer;
	}	
	
div#bt_logo_elopsys {
	cursor: pointer;
	width: 75px;
	height: 27px;
	position: absolute;
	top:5px;
	left: 490px; 
	}	

div#bt_logo_Gimelec {
	cursor: pointer;
	width: 115px;
	height: 27px;
	position: absolute;
	top:5px;
	left: 760px;
	}	

div#bt_logo_ILPA {
	cursor: pointer;
	width: 92px;
	height: 27px;
	position: absolute;
	top:5px;
	left: 867px;

	}
	
p#update {
	position: absolute;
	right: 12px;
	top:42px;
	font-size: 11px;
	text-align: right;
	color: #000;
	}	
	
	
ul.navigationHaute {
	position: absolute;
	top:86px;
	left: 0;
 	height: 40px;
	}	
ul.navigationHaute li {
	float: left;
	width: 135px;
	height: 40px;
	text-align: center;
 	}	  	
 	 
ul.navigationHaute li a {
	width: 135px;
	height: 30px;
	display: block;
	} 
		
li#navH1 { border-right: dotted 1px #999999; }
li#navH2 { border-right: dotted 1px #999999; }
li#navH3 { border-right: dotted 1px #999999; }
li#navH4 { border-right: dotted 1px #999999; }
li#navH5 { border-right: dotted 1px #999999; }
li#navH6 { border-right: dotted 1px #999999; }
li#navH7 { border-right: dotted 1px #999999; } 
li#navH7 { padding-left:3px;width:140px; border: 0;}


	
li#navH1 a { padding-top: 12px;  }
li#navH2 a { padding-top: 12px;  }
li#navH3 a { padding-top: 4px; }
li#navH4 a { padding-top: 3px; }
li#navH5 a { padding-top: 12px; }
li#navH6 a { padding-top: 4px; }
li#navH7 a { padding-top: 12px; } 


.es li#navH1 a { padding-top: 12px;  }
.es li#navH2 a { padding-top: 4px;  }
.es li#navH3 a { padding-top: 12px; }
.es li#navH4 a { padding-top: 3px; }
.es li#navH5 a { padding-top: 12px; }
.es li#navH6 a { padding-top: 12px; }
.es li#navH7 a { padding-top: 4px; } 



p#bt_contact {
	position: absolute;
	top:64px;
	left: 780px;
	font-weight: bold;
	}
	
	
	
	
	
	
	
	
	
 

p#bt_contact a:link { color:#000000; }
p#bt_contact a:visited { color:#000000; }
p#bt_contact a:hover { color:#EEB815; }
p#bt_contact a:active { color:#EEB815; }
/**********************************************************
 *                                       navigation Langues
**/	
ul.navigationLangues {
 	position: absolute;
	left:855px;
	top: 63px;
	}

ul.navigationLangues li {
	margin-left: 3px;
	margin-right: 6px;	
	cursor: pointer;
	}
ul.navigationLangues li span {
	display: none;
	}
ul.navigationLangues li.fr {
	background-image: url(visuels/fr.jpg);
	width: 24px;
	height: 17px;
	float: left;
	}

ul.navigationLangues li.gb {
	background-image: url(visuels/en.jpg);
	width: 24px;
	height: 17px;
	float: left;
	}

ul.navigationLangues li.es {
	background-image: url(visuels/es.jpg);
	width: 24px;
	height: 17px;
	float: left;
	}



/**********************************************************
 *                                               Zone haute
**/	
div#zoneHaute {
	height:273px;
	width:960px;
	position: relative;
	}

div#infosSociete1 {
	position: absolute;
	background-color: #121327;
	}
div#infosSociete2 {
	background-image: url(images/teaser.jpg);
	width: 710px;
	height: 273px;
	position: absolute;
	top:0;
	left: 0; 
 	}
div#infosSociete3 {
	background-image: url(images/slogan.jpg);
	width: 250px;
	height: 273px;
	position: absolute;
	top:0;
	right:0;
	background-color: #121327;
	text-align: center;
	}
	

	
	
div#zoneHaute h1,
div#zoneHaute p {
	display: none;
	}


	
div#infosSociete3 h2 a { 
	color: #EEB815;
	}
	
div#infosSociete3 h2 { 
	color: #EEB815;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: center;
	font-size: 18px;
	}
	
	
div#infosSociete3 img { 
	margin-left: -15px;
	margin-top: 9px;
	}
	
div#infosSociete3 p {
	display: block;
	font-size: 12px;
	width: 220px;
	margin-left: 15px;
	}
	
	
/**********************************************************
 *                                                  Contenu
**/
div#contenu {
	width: 960px; 
	min-height: 900px;
	text-align: center;	
	background-image: url(images/fondcorps.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #121327;
	position: relative;
	}
div#contenu h1 {
	font-size: 21px;
	color: #FFFFFF;
 	text-align: left;
 	margin-bottom: 12px;
 	font-weight: bold;
	}
div#contenu h2 {
	font-size: 15px;
	color: #eeb815;
 	text-align: left;
 	margin-top: 12px;
	margin-bottom: 6px;
 	}
div#contenu h3 {
	font-size: 14px;
	color: #FFFFFF;
 	text-align: left;
	margin-left: 30px;
	}
div#contenu p {
 	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	}
/*************************************** 
 *                        Colonne Gauche
**/	
div#colonneGauche {
	width:200px;
  	float: left;
  	padding-top: 12px;
  	background-image: url(images/col1.png);
 	background-repeat: repeat-y;
 	background-position: 20px 0;
	}

div#colonneGauche h1 { 
	width: 180px;
 	margin-left: 18px;
	text-align: center;
 	}
div#colonneGauche h2 {
 	width: 170px;
 	margin-left: 24px; 
 	text-align: center;
 	line-height: 21px;
 	}
div#colonneGauche h3 {
  	width: 170px;
 	margin-left: 24px;
	color: #b3ccdc;
	margin-top: -3px;;
	text-align: center;
	}
div#colonneGauche p {
	width: 170px;
	text-align: left;
	line-height: 18px;
	margin: 0;
	margin-left: 24px;
	color: #b3ccdc;
  	}
div#colonneGauche img {
	text-align: center;
	margin-left: 15px;	
 	} 	
div#colonneGauche ul {
	width: 150px;
	text-align: left;
	margin: 0;
	margin-left: 40px;
	margin-top: 12px;
	margin-bottom: 21px;
 	}
 	
div#colonneGauche li {
	list-style-type: square;
	margin-bottom: 9px;
	border-bottom: #666 solid 1px;
	padding-bottom: 9px;
	}


div.infos {
	width: 178px;
	margin-left: 21px;
	padding-bottom: 6px;
	border-bottom: solid 1px #666;
	}
div#colonneGauche div.infos h2 {
	margin-left: 6px;
	}
div#colonneGauche div.infos p {
	margin-left: 5px;
	}




	
/*************************************** 
 *                                Centre
**/
div#colonneCentre {
	width:511px;
  	float: left;	
	padding-top: 12px;
	}

div#colonneCentre h1 { 
	width: 470px;
 	margin-left: 20px;
 	}
div#colonneCentre h2 {
 	width: 470px;
 	margin-left: 20px; 
 	}
div.actualites div#colonneCentre h2 {
 	margin-left: 0; 
 	}
div#colonneCentre h3 {
  	width: 470px;
 	margin-left: 30px;
	}
div#colonneCentre p {
	width: 470px;
	text-align: justify;
	margin: 0 auto;
	line-height: 20px;
 	}
div.actualites div#colonneCentre p {
	width: 720px;
	text-align: justify;
	margin: 0 auto;
	line-height: 20px;
 	}
div.entreprise div#colonneCentre {
	width: 920px;
 	}
div.entreprise div#colonneCentre p {
	width: 920px;
	text-align: justify;
	margin: 0 20px;
	line-height: 20px;
 	}
div.entreprise div#colonneCentre h3 {
	margin: 12px 20px 12px;
 	}
	 
div#colonneCentre p.bouton {
	width: 470px;
	height: 24px;
	background-color: #121320;	
	text-align: justify;
	margin: 0 auto;
	line-height: 20px;
	text-align: center;
	padding-top: 6px;
	margin-bottom: 12px;
 	}
		 
div#colonneCentre p.bouton a {
	width: 456px;
	height: 21px; 
	background-color: #344958;
	text-align: center;
	display: block;
	margin: 0 auto;
 	}
	
	
	
div#colonneCentre img {
	text-align: center;
	margin: 6px auto;
	}

div#colonneCentre ul {
  	width: 450px;
	text-align: justify;
	margin: 0;
	margin-left: 36px;
	margin-top: 12px;
	margin-bottom: 21px;
	line-height: 15px;
 	}
 	
div#colonneCentre li {
	list-style-type: square;
	margin-bottom: 9px;
	font-size: 12px;
	}
		
div#footerPhenomene {
	background-color: #121320;	
	margin: 15px;
	padding: 18px;
	width: 860px;
	clear: both;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	}

div.guide,
div.norme {
	width: 470px;
 	background-color: #666;	
	text-align: justify;
	margin: 0 auto;
	line-height: 20px;
	text-align: center;
 	margin-bottom: 24px;
	position: relative;
	clear: none;
	}

div.guide h4,
div.norme h4 {
 	background-color: #121320;	
	margin: 0;
	width: 470px;
	height: 45px;
	clear: both;
	}

div.guide h4 span.reference,
div.norme h4 span.reference { 
	width: 120px;
	height: 30px;
	display: block;
	text-align: center;
	float: left;
	}
div.guide h4 span.titre,
div.norme h4 span.titre { 
	width: 350px;
	display: block;
	text-align: center;	
	color: #eeb815;
	font-size: 12px;
	float: right;
	}	
div#colonneCentre p.guide span,
div#colonneCentre p.norme span{
	display: block; 
	width: 450px;
	margin: 9px;
  	line-height: 15px;
	font-size: 12px;
	text-align: justify;
 	}	
/*************************************** 
 *                        Colonne Droite
**/	
div#colonneDroite {
	width:249px;
  	float: right;
	padding-top: 12px;
	background-image: url(images/grille.png);
	background-repeat: repeat;
	}
	
div#colonneDroite h1 { 
	width: 230px;
	margin-left: 0;
	text-align: center;
 	}
div#colonneDroite h2 {
	width: 249px;
	margin-left: 0;
 	line-height: 21px;
 	text-align: center;
 	}
div#colonneDroite h3 {
	width: 230px;
	margin-left: 0;
	}
div#colonneDroite p {
	width: 240px;
	text-align: left;
	margin-left: 0;
	line-height: 18px;
  	} 
div#colonneDroite p strong {
	width: 249px;
	display: block;
	text-align: center;
	line-height: 18px;
	}
div#colonneDroite img {
	text-align: center;
 	} 	
div#colonneDroite ul {
	width: 220px;
	text-align: left;
	margin: 0;
	margin-left: 15px;
	margin-top: 12px;
	margin-bottom: 21px;
	line-height: 15px;
 	}
 	
div#colonneDroite li {
	list-style-type: square;
	margin-bottom: 9px;
	font-size: 12px;
	}

/**********************************************************
 *                                                  Accueil
**/
div.zoneAccueil {
	clear: both;
	width: 740px;
	margin-left: 21px;
	padding-bottom: 21px;
	}

div.zoneAccueil img {
	float: left; 
	padding-right: 15px;
	border-bottom: 21px solid transparent;
	}
div#colonneCentre div.zoneAccueil h2 {
	float: left; 
	width: 430px;
	font-size: 18px;
	margin: 0;
	}
div#colonneCentre div.zoneAccueil p {
	float: left; 
	width: 430px;
	}


/**********************************************************
 *                                            Forme contact
**/
div#contact {
	width:511px;
 	background-color: #121320;	
 	margin-top: 15px;	
 	padding-top: 6px;	
 	position: relative;
 	
 	}


div#contact p {
	margin-bottom: 9px;
	}
div#contact p.infos {
	margin: 12px;
	font-size: 10px;
	line-height: 14px;
	}
div#contact h2 {
	margin-bottom: 15px;
	}
small {
	font-style: italic;
	}

div#contact input {
	width: 360px;
	height: 18px;
	position: absolute;
	background-color: #255563;
	color: #FFFFFF;
	border: transparent solid 1px;
	right: 24px;
	padding-left: 3px;
	}


div#contact div#texte {
	margin-bottom: 9px;
	height: 135px;
	position: relative;
	}
div#contact textarea {
	width: 360px;
	height: 120px;
	position: absolute;
	background-color: #255563;
	color: #FFFFFF;
	border: transparent solid 1px;
	right: 24px;
	padding-left: 3px;
	}

#labelComment {
	position: absolute;
 	left: 18px;
	color: #FFFFFF;
	}



button#bt_continuer {
	background-color: transparent;
	border: transparent;
	background-image: url(themes/original/images/boutoff.png);
	width: 154px;
	height: 37px;
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer;
	margin-left: 300px;
	}
button#bt_continuer:hover {
	background-image: url(themes/original/images/bouton.png);
	color: #255563;
	}







/**********************************************************
 *                                                 Produits
**/
div#menuProduit {
	margin-left: 23px;
	font-size: 11px;
  	}
div#menuProduit ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	}
div#menuProduit li {
	list-style-type: none;
	margin: 0;
	padding: 0; 
	padding-bottom: 6px;
	margin-bottom: 6px;
	border: none;
	margin-left: 5px;
	}

div#wrapIE div#menuProduit li {
	margin-left: 0;
	}
	

div#menuProduit li a {
 	}	
div#menuProduit ul.menuB {
	display: none;
	}
.menuA { 
 	text-align: left;
	font-size: 13px;
	width: 163px;
	margin-left: 6px;
	}
.menuB { 
 	border: none;
 	margin-left: 3px;
 	font-size: 11px;
	}
.menuC { 
	border: none;
	}
li.menuA {
 	}
ul.menuA {
	padding-top: 6px;
	}


div#zoneTitre {
	background-color: #344958;
	height: 24px;
	text-align: center;
	font-size: 21px;
	padding: 9px;	
	}


div.produit {
 	margin-bottom: 9px;
	border-bottom: 1px solid #999999;
	width: 510px;
	height: 200px;
	min-height: 200px;
	clear: both;
	position: relative;
	} 
div#colonneCentre div.produit img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	width: 120px;
	height: 120px;
	
	} 

div#colonneCentre div.produit h2 {
	font-size: 14px;
	}
div#wrapeIE div#colonneCentre div.produit h2 {
	margin-left: -15px;
	padding: 0;
	}
div#colonneCentre div.produit p.descriptif {
  	line-height: 15px;
 	margin-bottom: 12px;
 	padding-top: 3px;
 	width: 500px;
 	text-align: left;
	}
div.produit div.zoneH span.parent {
	color: #999999;
	}

div.produit div.zoneH span.titre {
	color: #999999;
	}
div.produit div.zoneH span.ref {
	color: #999999;
	font-style: italic;
	}
div#colonneCentre div.produit p.champs {
	margin: 0;
	line-height: 11px;
	width: 490px;
	}
div.produit span.titreChamp {
 	color: #999999;
	font-size: 11px;
	}

div.produit span.texteChamp {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
	}


div#wrapIE div#colonneCentre div.produit p.descriptif {
  	line-height: 15px;
 	margin-bottom: 12px;
 	padding-top: 3px;
 	width: 350px;
 	text-align: left;
 	margin-left: 150px; 
	}

div#infosIE {
	margin-top:-70px;
	clear: none;
	position: relative;
	}
div#wrapIE div.produit p.champs {
	margin: 0;
 	margin-left: 140px; 	
	line-height: 11px;
	width: 340px;
	}


div.produit a:link {
	color:rgb(238, 184, 21);
	}
div.produit a:visited {
	color:rgb(238, 184, 21);
	}
div.produit a:hover {
	color:#FFFFFF;
	}
div.produit a:active {
	color:#FFFFFF;
	}
	
div#colonneCentre div.produit p.listeAsso {
	position: absolute;
	top:150px;
	left: 0;
	width: 135px;
	text-align: right;
	font-size: 10px;
	color:rgb(238, 184, 21);
	cursor: pointer;
	clear: none;
	}
div#wrapIE div#colonneCentre div.produit p.listeAsso {
	position: absolute;
	top:160px;
	left: 0;
	width: 135px;
	text-align: right;
	font-size: 10px;
	color:rgb(238, 184, 21);
	cursor: pointer;
	clear: none;
	}

div#colonneCentre div.produit p.bt_ficheTech {
	margin-top: 9px;
	text-align: right;
	}
	
div#atouts {
	width: 235px;
	}
div#colonneDroite div#atouts h1 {
	width: 249px;
	}
	
	
	
div#atouts p {
	margin-left: 15px;
	width: 210px;
	}
div#wrapIE div#atouts p {
	margin-left: 0;
	
	}
	
div#atouts a {
	background-image: url(themes/original/images/boutoffcol.png);
	width: 235px;
	height: 37px;
	display: block;
	padding-top: 9px;
	text-align: center;
	}	
div#wrapIE div#atouts a {		
	margin-left: -15px;;
	padding-left: 0;
	}
div#colonneDroite a {
	background-image: url(themes/original/images/boutoffcol.png);
	width: 235px;
	height: 37px;
	display: block;
	padding-top: 9px;
	text-align: center;
	}	
	
	
	
	
div#blocRecherche {
	width: 207px;
	background-color: #344958;
	padding: 9px 21px;
	margin-bottom: 9px;
	margin-top: -30px;
	}	

input.submit {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	margin-top: 3px;
	margin-left: 9px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #333333;
	border: none;
	height: 21px;
	cursor: pointer;
	}
	
	
	
	
	
	
/**********************************************************
 *                                        Produits Associés
**/


img.listeAsso {


	}
div#produitLies {
	margin-bottom: 15px;
	}


div#produitLies li {
	display: inline;
	margin: 3px;
	text-decoration: none;
	cursor: pointer;
	width: 42px;
	height: 50px;
 	float: left;
	}
	
div#produitLies img {
	width: 35px;
	height: 35px;
	}

div#produitLies img {
	display: block;
	}



	
	
/**********************************************************
 *                                               Réferences
**/
div.ref {
	width: 150px;
	float: left;
	margin-right: 10px;
	}	

div.ref img {
	width: 150px;
	height: 108px;
 	}
	
div.ref h2 {
	width: 150px;
	font-size: 12px;
 	}
	
img.lbThumb	{
	cursor: pointer;
	}
	
	
	
	
a.button {
	background-image: url(themes/original/images/boutoff.png);
	width: 154px;
	height: 37px;
	display: block;
	text-align: center;
	padding-top: 9px;
	margin-top: 12px;
	}	
	
	
	
a.buttonlong {
	background-image: url(themes/original/images/boutoffprod.png);
	width: 215px;
	height: 37px;
	display: block;
	text-align: center;
	padding-top: 9px;
	margin-top: 0;
	float: right;
	margin-right: 9px;
	}	
	




div#colonneGauche ul.infos {
	margin-left:27px;
	list-style-type: none;
	}
div#colonneGauche ul.infos li {
	margin-left: 0;
	list-style-type: none;
	}
div#colonneGauche ul.infos p {
	margin-left: 0;
	}


div#colonneCentre div.infos p img {
	float: left;
	margin-bottom: 12px;
	margin-right: 12px;
	}





	
/**********************************************************
 *                                                  CONTACT
**/

div#verif_hooman {
	position: relative;
	margin-left: 125px;
	margin-top: 15px;
	margin-bottom: 15px;
	}

.botMessage { 
    width: 180px; 
    position: relative; 
    float: right; 
    top: 10px; 
    font-size: 10px; 
    font-family: verdana; 
    color: #000000;
} 
.botMessage strong { 
    color: #500; 
} 
.dropper { 
    position: relative; 
    width: 49px; 
    height: 49px; 
    top: 34px; 
    margin-right: 11px; 
    clear: right; 
    float: right; 
} 
.captcha { 
    float: left; 
    padding-right: 10px; 
} 
.captcha img { 
    background: #fff; 
    border: 1px solid #000; 
    padding: 1px; 
    margin-top: 8px
}



	
/**********************************************************
 *                                                   Footer
**/
div#footer {
	width: 960px;
	height: 45px;
	background-color: #0f0d18;
	clear: both;
	text-align: center;
	}
div#footer span {
	margin-left: 6px;
	margin-right: 6px;
	}
div#footer p {
	padding-top: 9px;
	font-size: 11px;
	line-height: 15px;
	}	
	
	
/**********************************************************
 *                                                   Modal Accueil
**/	

#modal {
    background: url("images/fond.png") repeat scroll 0 0 transparent;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

#affichage {
    background: url("images/fondcorps.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 20px #000000;
    cursor: pointer;
    float: left;
    font-size: 1.2em;
    left: 50%;
    margin-left: -254px;
    margin-top: -120px;
    padding: 5px;
    position: fixed;
    top: 30%;
    z-index: 99999;
}

#affichage .modalCentrage{
    padding: 15px 38px;
}


#affichage .fermer{
    background: url("images/fermer.png") no-repeat scroll right 0 transparent;
    display: block;
    height: 15px;
    width: 100%;
}


#modal h3{
	margin: 0 0 20px;
}

.modalOverflow {
	overflow:hidden;
}

.off {
    display: none;
}