* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

input, textarea, select, body {
    font-family: "Arial", Verdana, sans-serif; 
    font-size: 11px;
    color: #0F253A;}

body {
background: transparent url(../../images/bkgSite.jpg) repeat-x;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 12px;
color: #053465;}

a {color: #053465;}

ul {list-style: inside;}


#allContent {
margin: 0 auto;
width: 969px;
background: transparent url(../../images/bkgAllContent.png) repeat-y;}

#mainContent {
position: relative;
width: 949px;
padding: 0 10px 0 10px;
margin-top: 10px;
background: transparent url(../../images/bkgMainContent.jpg) repeat-y 10px;}

#content {
width: 949px;}

#contenu {
float: left;
width: 750px;}

#contenu h1 {
padding: 105px 0 0 125px;
height: 23px;
color: #5FA4E4;
letter-spacing: 10px;
font-size: 16px; 
text-transform: uppercase;
background: transparent url(../../images/bkgH1.jpg) no-repeat;}

#blockContenu {
float: left;
width: 642px;
padding: 10px 0 40px 90px;}


/***********************************************************************************************/
/*																		                                                   Entete*/										 				
/***********************************************************************************************/
#entete {
float: left;
position: relative;
width: 949px;
height: 105px;
background: transparent url(../../images/bkgEntete.jpg) no-repeat;
}

#entete h1.logo a {
position: absolute;
display: block;
width: 263px;
height: 70px;
top: 12px;
left: 162px;
background: transparent url(../../images/logo.png) no-repeat;
}

#entete h1.logo span {
display: none;
}

#entete h2 {
display: block;
position: absolute;
width: 517px;
height: 32px;
top: 73px;
left: 432px;
background: transparent url(../../images/baseLine.jpg) no-repeat;}

#entete h2 span {
display: none;}

/***********************************************************************************************/
/*																						                                            Login*/
/***********************************************************************************************/

#entete #btnExtranet a {
padding: 3px 0 3px 0;
color: #fff;
text-decoration: none;
text-align: center;
display: block;
width: 100px;
background-color: #dd1f26;
position: absolute; 
right: 10px; top: 10px;;}

#entete #accesExtranetLogin {
  width: 440px;
  border: 1px #A1D1FD solid;
  margin: 10px 10px 10px 0;
  padding: 5px;
  position: absolute; right: 0; top: 0;
  background-color: #FFFFFF;}

#entete #accesExtranetLogin legend 
{display: none;}

#accesExtranetLogin p
{float: left; font-weight: bold;}


#accesExtranetLogin p input
{margin-right: 10px;}

.btnOK
{border: 0;
background-color: #dd1f26;
font-family: "Arial", sans-serif;
padding: 3px 2px 2px 2px;
font-weight: bold;
color: #fff;
width: 30px;
height: 20px;}

	
#catalogue #blockContenu img {
border: 0;
float: left;
padding: 0 10px 20px 0;}

/***********************************************************************************************/
/*																					                                         Navigation*/												 						 	
/***********************************************************************************************/	

#navigation {
float: left;
width: 197px;}

#navigation ul { list-style: none;}

#navigation li a {display: block; height: 30px; width: 197px;}

#navigation li a span {display: none;}

#navigation li#btnNav1 a {background: transparent url(../../images/btnAccueil.jpg);}
#navigation li#btnNav2 a {background: transparent url(../../images/btnActu.jpg);}
#navigation li#btnNav3 a {background: transparent url(../../images/btnEntreprise.jpg);}
#navigation li#btnNav4 a {background: transparent url(../../images/btnProduits.jpg);}
#navigation li#btnNav5 a {background: transparent url(../../images/btnReferences.jpg);}
#navigation li#btnNav6 a {background: transparent url(../../images/btnServices.jpg);}
#navigation li#btnNav7 a {background: transparent url(../../images/btnContact.jpg);}
#navigation li#btnNav8 a {background: transparent url(../../images/btnFaq.jpg);}

#navigation li#btnNav1 a:hover,
#navigation li#btnNav2 a:hover, 
#navigation li#btnNav3 a:hover,
#navigation li#btnNav4 a:hover,
#navigation li#btnNav5 a:hover,
#navigation li#btnNav6 a:hover,
#navigation li#btnNav7 a:hover,
#navigation li#btnNav8 a:hover {background-position: -199px 0;}

#carteNav {padding: 120px 0 0 35px;
height: 214px;
background: url(../../images/carteNav.jpg) no-repeat;}

#carteNav a {
font-size: 11px;
text-decoration: none;

display: block;}

#carteNav a:hover {
text-decoration: underline;}

#blocAdresse {
position: absolute;
padding: 0 0 10px 50px;
left: 0;
bottom : 0;}	
	
/***********************************************************************************************/
/*																					                                            Accueil*/												 						 	
/***********************************************************************************************/	
#edito {
text-align: justify;
padding: 0 0 20px 0;}


#edito h2 {
font-size: 14px;
font-weight: bold;}

#blockProduit {
font-size: 11px;
display: block;
float: left;
width: 230px;
padding: 0 20px 0 0;}

#blockProduit h2 {
padding: 0 0 8px 0;
background: url(../../images/titreProduit.gif) no-repeat;
height: 30px;}

#blockProduit h2 span {
display: none;}

#blockProduit h4 a{
display: block;
text-decoration: none;
font-size: 14px;
margin: 0 0 3px 0;
}

#blockProduit img,
#blockReference img,
#blockActualite img
{float: left;
padding: 3px;
border: 1px #60A4E5 solid;
margin: 0 3px 5px 0;}

#blockProduit a.suite,
#blockReference a.suite,
#blockActualite a.suite  
{text-decoration: none;
display: block;
font-size: 11px;
font-weight: bold;
margin: 5px 0 0 0;
padding: 0 0 0 16px;
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 0 0;}

#blockProduit a:hover.suite,
#blockReference a:hover.suite,
#blockActualite a:hover.suite  
{text-decoration: underline;}


#blockReference,
#blockActualite{
font-size: 11px;
display: block;
float: left;
width: 172px;
padding: 0 20px 0 0;}

#blockReference h2 {
padding: 0 0 8px 0;
background: url(../../images/titreReference.gif) no-repeat;
height: 30px;}

#blockActualite h2 {
padding: 0 0 8px 0;
font-size: 14px;
background: url(../../images/titreActualite.gif) no-repeat;
height: 30px;}

#blockReference h2 span,
#blockActualite h2 span {
display: none;}

#blockReference h4 a,
#blockActualite h4 a{
display: block;
text-decoration: none;
font-size: 14px;
padding: 0 0 3px 0;
}

#blockActualite p.date{
font-weight: bold;
color: #FF0000;}


#blockProduit a.suitered,
#blockReference a.suitered,
#blockActualite a.suitered {
text-decoration: none;
display: block;
font-size: 11px;
font-weight: bold;
margin: 5px 0 0 0;
padding: 0 0 0 25px;
background: transparent url(../../images/flecheSuivante.gif) no-repeat 15px 3px; }

#blockProduit a:hover.suitered,
#blockReference a:hover.suitered, 
#blockActualite a:hover.suitered 
{text-decoration: underline;}


/***********************************************************************************************/
/*																					                                      Page contacts*/												 						 	
/***********************************************************************************************/	

fieldset {
    border: 1px #99BFD1 dotted;
    padding: 15px; margin-bottom: 10px;}
legend {font-weight: bold; padding: 0 10px; background-color: #fff; font-size: 14px;}

#pageContacts #colLeft {
width: 300px;
float: left;}

#pageContacts #colRight {
width: 300px;
float: left;}

#pageContacts .lineForm {width: 400px; float: left; padding: 10px 0 0 10px;}
#pageContacts .lineForm label {
    display: block; text-align: right; 
    width: 80px; float: left; padding-right: 3px;}

.demande {
padding: 0 0 5px 0;
display: block;
width: 458px;}

.uneLigne .demande {
width: 458px;}

.uneLigne textarea {width: 580px;}

#pageContacts .lineNewsletter {width: 600px; padding: 10px 10px 20px 0;}
#pageContacts .lineNewsletter label.abonnement{width: 420px; float: none; display: inline;}

.lineSubmit {text-align: center;}


#blocSearchMail {margin-top: 20px;}

#blocSearchMail label {width: 200px; padding-bottom: 0;}
#blocSearchMail input.btnOK {margin-left: 5px;}

.btnRechercher
 {background: #CE0202;
	border: 0;
	margin-right: 0;
	font-family: "Arial", sans-serif;
	padding: 1px 10px 10px 8px;
	font-weight: bold;
	color: #fff;
	width: 80px; height: 18px;}
	
	.btnEnvoyer
 {background: #CE0202;
	border: 0;
	margin-right: 0;
	font-family: "Arial", sans-serif;
	padding: 1px 10px 10px 8px;
	font-weight: bold;
	color: #fff;
	width: 80px; height: 18px;}

.mentions {
padding-top: 20px;
font-size: 11px;}


#pageContacts #blockContenu #colA {
margin: 0 0 20px 0;
padding: 16px 0 0 0;
width: 280px;}

#pageContacts #blockContenu #colA h4 {
font-size: 14px;
padding: 0 0 5px 0;}

#pageContacts #blockContenu #colA fieldset{
margin: 16px 0 16px 0;}

#pageContacts #blockContenu #colB {
margin: 16px 0 20px 5px;
padding: 0 0 0 20px;
width: 300px;}

#pageContacts #blockContenu #blockContact {
background: #CFE8FE;
padding: 10px;
border: 1px #A0D1FD solid;
width: 300px;}

#pageContacts #blockContenu #blockContact h3 {
border-bottom: 1px red solid;
font-size: 14px;
padding : 10px 0 5px 0;
margin-bottom : 10px;}

#pageContacts #blockContenu #blockContact p {
padding : 0 0 3px 0;}

#pageContacts #blockContenu h2{
font-size: 20px;
padding : 0 0 20px 0;}

#pageContacts #blockContenu #colA h4{
padding : 20px 0 10px 0;}



#pageContacts #blockContenu .representant {
padding : 10px 0 10px 0;
border-bottom: 1px #5a9edd solid;}

#pageContacts #blockContenu img {
padding : 0 0 5px 0;}

.validation-advice,
#errMsg {
font-size: 11px;
font-weight: bold;
display: block;
color: #ff0000;}





/***********************************************************************************************/
/*																				                        Actualites */
/***********************************************************************************************/
#actualites .themeActu {
display: block;
background-color: #60A4E5;
padding: 2px 2px 2px 35px;
font-weight: bold;
font-size: 14px;
letter-spacing: 3px;
color: #fff;
}

#actualites .retour a,
#catalogue .retour a
{text-decoration: none;
font-weight: bold;
display: block;
float: right;
height: 20px;
padding-left: 15px;
background: url(../../images/bkgFlecheRetour.gif) no-repeat;}

#actualites .retour a:hover,
#catalogue .retour a:hover
{text-decoration: underline;}

#actualites .blockActu
{width: 640px;
padding: 12px 0 6px 0;
border-bottom: 1px #60A4E5 dashed;}

#actualites .blockActu h2
{text-decoration : none;
font-size: 16px;
padding: 0 0 3px 0;}

#actualites .dateActu 
{font-size: 11px;
font-weight: bold;
color: red;
padding: 0 0 3px 0;}

#actualites .blockActu img
{float: right;
padding: 3px;
border: 1px #60A4E5 solid;}

#actualites .suite a
{text-decoration: none;
display: block;
font-size: 12px;
font-weight: bold;
margin: 5px 0 0 0;
padding: 0 0 0 16px;
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 0 0;}

#actualites .blockActu a:hover.suite  
{text-decoration: underline;}

#actualites .blockActu .zoneTexte img  
{margin: 13px;
float: none;}



/***********************************************************************************************/
/*																				                                           Corporate */
/***********************************************************************************************/

#corporate .services #blockContenu  {
text-align: justify;
padding: 0 0 20px 0;}

#corporate #blockContenu p  {
text-align: justify;
padding: 0 0 10px 0;}

#corporate #blockContenu h4  {
padding: 10px 0 20px 0;}

#corporate #blockContenu ul  {
padding: 0 0 10px 0;}

#corporate #blockContenu li  {
list-style : inside;}


table {border-collapse: collapse;}

th {
border: 1px #053364 solid;
background-color: #053364;
color: #fff;
font-size: 11px;
border-right: 1px #fff solid;
}

td {
font-size: 11px;
border: 1px #053364 solid;
padding: 6px 0 6px 0;
text-align: center;}


/****************************************************************************************/
/*                                                                                  FAQ */
/****************************************************************************************/

#faq #blockContenu p {padding-bottom: 10px;}

#colA, #colB { float: left; }

#colA {
padding: 16px 0 0 0;
width: 180px;}
#colB {
padding: 16px 0 0 0;
width: 450px;}

#themes { 
list-style: none;
padding: 0 0 10px 0;}
#themes li {
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 0 0; 
padding: 0 0 2px 14px; 
margin: 0 0 5px 0; 
border-bottom: 1px #60A4E5 dashed;}
#themes li a {text-decoration: none; font-size: 12px; font-weight: bold; }
#themes li a:hover { text-decoration: underline; }

#themes li.ref {
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 15px 0; 
padding: 0 0 2px 30px; 
margin: 0 0 5px 0; 
border-bottom: 1px #60A4E5 dashed;}
#themes li.ref a {text-decoration: none; font-size: 11px;}
#themes li.ref a:hover { text-decoration: underline; }





#faq #colA h3,
#references #colA h3{
color: #5FA4E4;
letter-spacing: 3px;
font-size: 16px; 
text-transform: uppercase;
margin-bottom: 10px; font-size: 14px;
}

#faq #colB h3
{padding-left: 16px;
margin-bottom: 10px; font-size: 13px;
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 0 0;
}

.question {
border-bottom: 1px #60A4E5 dashed;
margin: 0 0 10px 20px;

}
.reponse {
margin: 0 0 10px 0;
position: relative; padding-top: 10px;}

.btnFermer {
float: right; 
display: block;
margin: 0 0 10px 30px; 
font-weight: bold;
padding: 3px; 
text-decoration: none; 
font-size: 11px; 
color: red;
border: 1px red solid;}

/***********************************************************************************************/
/*																				                                          References */
/***********************************************************************************************/
#references #colB h3  {
color: #5FA4E4;
letter-spacing: 3px;
font-size: 18px; 
text-transform: uppercase;
margin: 0 10px 10px 20px;
}

#references #colB h4  {
color: #5FA4E4;
font-size: 16px; 
margin: 0 0 10px 0;
}

#references #blockContenu #colB ul 
{list-style : none;
padding: 0 0 10px 0;
float: right;}

#references #blockContenu #colB li {
color: #5FA4E4;
float: left;}

#references #blockContenu #colB li a 
{color: #5FA4E4;
display: block;
font-size: 11px;
width: 85px;
padding: 0 0 0 10px;
text-decoration: none;
}

#references #blockContenu #colB li a:hover 
{text-decoration: underline;}

.suivant {
background: transparent url(../../images/flecheSuivante.gif) no-repeat 0 3px; }
.precedent {
background: transparent url(../../images/flechePrecedente.gif) no-repeat 0 3px; }


#references #blockContenu #colB .blockRef {
display: block;
float: left;
margin: 0 0 10px 20px;
width: 440px;}

#references #blockContenu #colB .blockRefGauche {
width: 110px;
float: left;
display: block;}

#references #blockContenu #colB .blockRefGauche img {
float: left;
padding: 3px;
border: 1px #60A4E5 solid;}


#references #blockContenu #colB .blockRefDroit{
padding: 0 0 40px 0;
float: left;
display: block;
width: 430px;
}

#references #blockContenu #colB .blockRefDroit .zoneTxt h5 {
color: #5FA4E4;
letter-spacing: 1px;
font-size: 12px; 
text-transform: uppercase;
border-bottom: 1px #60A4E5 dashed;
margin: 10px 0 3px 0;}

#references #blockContenu #colB .blockRefDroit .zoneTxt p {
text-align: justify;
font-size: 12px;}



/***********************************************************************************************/
/*																				                                  Catalogue Produit */
/***********************************************************************************************/
#catalogue #blockContenu
{width: 642px;}


#catalogue #blockContenu fieldset
{border: 1px #A1D1FD solid;
background-color: #C9E4FE;
padding: 5px;
margin-bottom: 20px;}
#catalogue #blockContenu select,
#catalogue #blockContenu input
 {margin: 0 2px 0 4px;}

#catalogue #blockContenu input.btnOK
{margin-right: 5px;}

#catalogue #blockContenu h2 
{
font-size: 16px; 
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 0 0;
padding: 0 0 5px 16px;
border-bottom: 1px #0e4376 dashed;
margin-bottom: 10px;}

#catalogue #blockContenu h3 
{font-size: 14px;
color: #376FA3;
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 16px 0;
padding: 0 0 5px 32px;
border-bottom: 1px #0e4376 dashed;
margin-bottom: 10px;}

#catalogue #blockContenu h4 
{font-size: 14px;
color: #5FA4E4; 
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 32px 0;
padding: 0 0 5px 48px;
border-bottom: 1px #0e4376 dashed;
margin-bottom: 10px;}


#catalogue #blockContenu #colGauche
{float: left;
width: 310px;
margin: 0 10px 40px 0;}

#catalogue #blockContenu #colDroite
{float: left;
width: 300px;
padding: 0 0 0 10px;}

#catalogue #blockContenu #colGaucheSousFamille
{float: left;
width: 310px;}

#catalogue #blockContenu #colGaucheProduit
{float: left;
width: 200px;}




#catalogue #blockContenu #colDroiteSousFamille
{float: left;
width: 300px;
padding: 0 0 0 20px;}






#catalogue #blockContenu #colDroite .blockFamille
{float: left;
width: 300px;}

.blockFamille
{border: 1px #A1D1FD solid;
float: left;
width: 290px;
padding:3px;
margin-bottom: 5px;}

.blockSousFamille
{border: 1px #A1D1FD solid;
float: left;
width: 315px;
padding:3px;
margin-bottom: 10px;}

.blockImg img
{border: 0;
float: left;
padding: 2px;}

.blockFamille .blockTxt 
{float: left;
width: 190px;
padding-left: 5px;}

.blockSousFamille .blockTxt 
{width: 200px;
padding-left: 15px;}

.blockTxt .zoneTxt
{display: block;
float: left;
padding: 10px 0 0 15px;}

.blockTxt .zoneTxt h5
{color: #5FA4E4;
letter-spacing: 1px;
font-size: 12px; 
text-transform: uppercase;
border-bottom: 1px #0e4376 dashed;
margin: 0 0 5px 0;}

.noPuce
{list-style: none;}

.noPuce li
{padding: 0 0 5px 15px;
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 0 0;}

.zoneTxt a.enSavoirPlus 
{
margin-top: 5px;
display: block;
font-weight: bold;
padding-left: 12px;
background: transparent url(../../images/flecheSuivante.gif) no-repeat 0 3px;}


#catalogue #blockContenu #colDroiteProduit
{margin-bottom: 30px;
padding-left: 10px;
float: left;
width: 430px;}

#catalogue #blockContenu #colDroiteProduit .blockProduit
{float: left;
border: 1px #A1D1FD solid;
padding: 5px 10px 0 10px;
width:410px;}

#catalogue #blockContenu #colDroiteProduit .blockProduit h2 
{padding-top: 10px;
font-size: 16px;
font-weight: bold;}

#catalogue #blockContenu #colDroiteProduit .blockProduit p
{color: #0e4376;
padding-bottom: 2px;}

#catalogue #blockContenu #colDroiteProduit .blockProduit .zoneTxt  
{border: 1px #A1D1FD solid;
padding: 5px;}

#catalogue #blockContenu #colDroiteProduit .blockProduit .zoneTxtNoBorder  
{padding: 5px 0 0 0;}

#catalogue #blockContenu #colDroiteProduit .blockProduit .zoneTxtNoBorder .produitAss {
display: block;
font-size: 11px;
float: left;
width: 100px;
margin: 0 5px 0 0;}

#catalogue #blockContenu #colDroiteProduit .blockProduit .zoneTxt img
{border: 1px #0e4376 solid;
padding: 5px;
margin-right: 10px;}

#catalogue #blockContenu #colDroiteProduit .blockProduit .zoneTxtNoBorder img
{float: left;
border: 1px #0e4376 solid;
padding: 5px;
margin: 0 0 5px 0;}

.pictoDoc {
margin: 5px 0 5px 0;
display: block;
font-weight: bold;
padding: 0 0 0 18px;
background: transparent url(../../images/pictoDoc.gif) no-repeat 0 0;}




/***********************************************************************************************/
/*																				                                              Footer */
/***********************************************************************************************/

#footer {
width: 959px;
height: 30px;
background: transparent url(../../images/bkgFooter.png);
text-align: right;
}

#footer ul {
list-style: none;
padding: 2px 20px 0 0;
}
#footer ul li {float: right;}

#footer ul li,
#footer ul li a {
color: #FFF;
font-size: 11px;
}

#footer ul li a:hover {
color: #A1D1FD;
}

/***********************************************************************************************/
/*																				                                    Mentions légales */
/***********************************************************************************************/
.mentions h3 {font-size: 12px;}

/***********************************************************************************************/
/*																				                                        Plan du site */
/***********************************************************************************************/
#planSite h3 {color: #5FA4E4;
letter-spacing: 1px;
font-size: 14px;
margin: 0 0 15px 0; }





#planSite #blockContenu #colPlanA {
width: 300px;
display: block;
float: left;}

#planSite #blockContenu #colPlanB {
width: 300px;
display: block;
float: left;}

#planSite ul {list-style :none;}

#planSite #colPlanA li,
#planSite #colPlanB li
{margin: 0 5px 0 0;
padding: 0 5px 5px 15px;
float: left;
clear: both;
background: transparent url(../../images/bkgFlecheThemeFaq.gif) no-repeat 0 0;}


#planSite #colPlanA li a,
#planSite #colPlanB li a {
text-decoration: none;}

#planSite #colPlanA li a:hover,
#planSite #colPlanB li a:hover {
text-decoration: underline;}