/* CSS Document */
/**Styles generals*/
body{
margin:0;
padding:0;
background:url(../images/ligne-haut-tetiere.jpg) no-repeat top;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

body#noBg{
background:none;
}

form, ul , li {
margin:0;
padding:0;
}

#containerOpaque {
    display : none;
    position : absolute;
    width:100%;
    height:1500px;
    top:0;
    left:0;
    bottom:0;
    background:#fff;
    opacity: 0.9;
    -moz-opacity:0.9;
    filter:alpha(opacity=90,finishopacity=90, style=1);
}

img{
border:0;
}

a{
text-decoration:none;
}

.gras{
font-weight:bold;
}

.aGauche{
float:left;
}

.aDroite{
float:right;
}

.espaceHaut{
margin-top:5px;
}

.espaceGauche{
margin-left:5px;
}

.leftAlign{
text-align:left;
}

.rightAlign{
text-align:left;
}

.centerAlign{
text-align:center;
}

.clearLeft{
clear:left;
}

.clearRight{
clear:right;
}

.clearBoth{
clear:both;
}

.lienOrange{
color:#fe942d;
font-size:12px;
text-decoration:underline;
}

/***Styles pour le gabarit principal****/

#container{
width:960px;
margin:0 auto;
}


#tetiere{
width:960px;
height:171px;
background:url(../images/fond-tetiere.jpg) no-repeat bottom center;
}

#logo{
width:182px;
height:127px;
float:left;
padding-top:22px;
text-align:center;
font-size:10px;
}

#logo img{
margin-bottom:14px;
}

#slogan{
font-size:19px;
height:123px;
vertical-align:middle;
text-align:right;
text-transform:uppercase;
width:477px;
height:128px;
padding-top:35px;
float:left;
text-align:right;

padding-right:42px;

}




#slogan span{
font-size:19px;
font-family:Helvetica, sans-serif;
color:#121661;
text-transform:none;
}

#imageVerticale{
height:149px;
float:left;
padding-top:14px;
}

/* Corrige le positionnement de la zone flash sous ie7*/
DIV#imageVerticale DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0; }

#zoneFlash{
float:left;
padding-top:6px;
margin:0;
}



#blocAccesAuxPoles{
margin-left:12px;
margin-top:16px;
width:948px;
}

.cadrePole{
width:316px;
height:135px;
float:left;
background:url(../images/cadre-pole.jpg) no-repeat top left;
position:relative;
}

.cadrePole2{
background:url(../images/cadre-pole-produits.jpg) no-repeat top left;
width:307px;
height:134px;
float:left;
position:relative;
}

.cadrePole .picto, .cadrePole2 .picto{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width: auto;
}

.cadrePole .picto a{
}

.cadrePole .picto img{
z-index:0;
}


.nomPole a {
	display: block;
	margin-top: 5px;
}

.nomPoleON{
color:#FCC14B;
}
.cadrePole .nomPole, .cadrePole2 .nomPole, .cadrePole .nomPoleON, .cadrePole2 .nomPoleON{
	font-size:13px;
	font-weight:bold;
	float:right;
	width:122px;
	margin-top:35px;
	text-transform:uppercase;
	padding-right:25px;
	z-index:10;
	display: block;
}

.cadrePole2 .nomPoleON{
  width:142px;
}

.cadrePole .nomPoleON li, .cadrePole2 .nomPoleON  li{ 
   list-style-type:none;
  }

.cadrePole .nomPoleON{
   margin-top:15px;
   margin-left:15px; 
  }

.cadrePole2 #poleON3{
  margin-top:15px;
}

.cadrePole .nomPoleON, .cadrePole2 .nomPoleON{
display:none;
}

.cadrePole2 .nomPole{
width:142px;
}

#blocReferences{
width:175px;
height:224px;
float:left;
margin-top:20px;
padding-left:12px;
text-align:center;
background:url(../images/fond-references.jpg) no-repeat right;
}

#blocReferences .titre{
position:relative;
width:175px;
height:35px;
text-align:center;
}

#blocReferences .titre img{
margin-top:10px;
}

#blocReferences img{
margin-top:10px;
}

#blocActus{
float:left;
margin-left:28px;
margin-top:20px;
}

#blocActus .titre{
width:445px;
height:20px;
background:url(../images/fond-titre-actu.gif) no-repeat left;
padding-left:10px;
padding-top:5px;
}

.blocActusGrand{
width:435px;
padding:8px 10px 8px 10px;
font-size:12px;
border-bottom:1px dotted #e6eef5;
}

.blocActusGrand .visuG { float:left; margin-right: 10px;}
.blocActusGrand .visuD { float:right; margin-left: 10px;}

.blocActusGrand .descriptif{
	width:350px;
	text-align:justify;
	margin-top:5px;
	position: relative;
}

.blocActusGrand .titreActu a{
font-weight:bold;
color:#000000;
}


.posLien{
position: absolute;
bottom: 0px;
right: 0px;
}


.lienSavoirPlus a, #blocAccesAuxPoles a{
	color:#faa24b;
	font-weight:bold;
	font-size:11px;
	text-transform: none;
}

.blocNewsToutes{
padding-left:25px;
padding-top:15px;
font-size:12px;
}
.titreNewsToutes a{
color:#000000;
font-weight:bold;

}
.lienSavoirPlusToutes a {
	color:#faa24b;
	font-weight:bold;
	text-transform: none;
	float:right;
}
hr {border:none;height:1px;border-top:1px solid #D0E5F6;}


.lienAll{
color:#0f1766;
font-weight:bold;
font-size:12px;
margin-top:5px;
margin-left:10px;
}

.lienAll a{
color:#0f1766;
}

#blocQuizz{
width:240px;
float:right;
font-size:12px;
margin-top:15px;
padding-top:52px;
padding-left:13px;
background:url(../images/titre-quizz.gif) no-repeat top left;
}

#blocQuizz a{
	margin: 5px 0px 0px 5px;
}

 #quiz {
 margin: 0px;
 padding: 0px;
 margin-top: 8px;
 margin-bottom: 5px;
 }


#blocNosAffiliations{
float:right;
width:253px;
margin-top:10px;
}

#blocNosAffiliations .titre{
background:url(../images/fond-titre-affiliations.gif) no-repeat top;
height:17px;
padding-left:10px;
padding-top:7px;
}

#listeAffiliations { margin:0; padding:0px 0px 0px 30px; }
#listeAffiliations li { list-style: none; margin-right:3px; float:left}


#footer{
margin-top:10px;
padding:8px 0;
border-top:2px solid #e1ebf4;
font-size:10px;
text-align:center;
}



#footer li{
list-style-type:none;
display:inline;
}

#footer li a{
color:#000000;
}

/*******competence casclients********/
#filAriane{
width:948px;
margin-left:12px;
margin-top:5px;
color:#000000;
font-size:11px;
}

#filAriane a{
color:#000000;
text-decoration:underline;
}



#contentMain{
	width:753px;
	float:right;
	margin-top: 20px;
	padding-bottom:100px;
	background:url(../images/courbe-deco-bas.jpg) no-repeat bottom;
}
#contentMain p{
	margin-left:16px;
	padding-bottom:5px;
}

/****colonne gauche des pgs interieures*******/









.btimprim {
background: none;
list-style-type:none;
padding: 0px;
margin: 0px;
border-left:2px solid #e8eff6;
height:65px;
float:left;
padding-top: 35px;
}


.btimprim a{
background: none;
padding: 0px;
margin: 0px;

}

.cache { display:none;}
.visible {display:block;} 





#bannierePole{
text-align:right;
}

.titrePrincipal{
	font-size:14px;
	color:#ff9126;
	background:url(../images/puce-orange.png) no-repeat left top;
	padding-left:16px;
	margin-top:20px;
	font-weight:bold;
	width: 525px;

}

.blocCas{
	border-bottom:1px solid #e6eff5;
	padding-bottom:10px;
}

.blocCas .blocGauche{
	width:525px;
	float: left;
}



.blocCas .titre{
	font-weight:bold;
	width: 570px;
	margin-left: 16px;
}

.blocCas .problematique{
	margin-top:10px;
	font-size:12px;
	width:525px;
	margin-left: 16px;
}

.noDecoration{
    border:none;
}

.blocCas .problematique div{
   text-align:justify;
   width:500px;
}

.blocCas .problematique span.soustitre{
    font-weight:bold;
}

.visuCasClient{
    width:166px;
	float:right;
	margin-top: 20px;
}

/****Pg titre actu*****/


.sidebarDroite{
   width:195px;
   float:right;
}


.sidebarDroite img {
	border:1px solid #e8eff6;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 8px 5px 8px;
	float: left;
}


.titrePrincipal div{
   background:url(../images/filet-hori.gif) no-repeat bottom left;
   padding-bottom:12px;
}

.titrePrincipal div.noDecoration{
   border:none;
   background:none;
}

/*****pg contact*****/

#frmContact {
	padding-top: 15px;
}

#frmContact input, #frmContact select, #frmContact textarea{
	color:#ff8c1c;
	border-top:2px solid #cecece;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	border-bottom: 1px solid #ffffff;
	font-size:11px;
	padding-left:5px;
	float:left;
}

#frmContact input {
	height:12px;
	color:#ff8c1c;
}

#frmContact select{
	width:318px;
}

#frmContact p {
	margin: 0px;
	padding: 0px;
	width: 753px;
	display: block;
	float: left;
	margin-bottom: 11px;
}


#frmContact input.bouton{
	height:auto;
	width:auto;
	padding:0;
	border:0;
	float: left;
}

#frmContact #newsletter {
	width: auto;
	margin-right: 68px;
	float:left;
}




/*****pg ref*****/
.cboRef{
	margin-top:20px;
	font-size:11px;
	margin-right: 15px;
}

.blocListeRef{

	margin: auto;
	padding: 0;
	width:737px;
	margin-top: 20px;

}

.blocListeRef li{
	width:166px;
	/*border:1px solid #e8eff6;*/
	float:left;
	height:100px;
	margin:0 0 25px 16px;
list-style-type:none;
background-image:url(../images/blanc.jpg) ;
background-repeat:no-repeat;
background-position:top left;
}

.blocListeRef img{
	margin: auto;
	display:block;
	padding-top: 10%;
}





#frmLayerFiche{
	width:368px;
	height:107px;
	border:4px solid #f58f2e;
	font-size:12px;
	color:#20246b;
	padding:10px 10px 5px 10px;
	background:#ffffff;
}

#frmLayerFiche p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 14px;
}

.boutonOrange{
	margin:0px;
	background-color:#f39033;
	padding:6px 4px;
	color:#FFFFFF;
	border:0;
	position:absolute;
	right:0;
	bottom:-4px;
	font-weight:bold;
}


#frmLayerFiche p input{
	height:20px;
	border-top:2px solid #cecece;
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
}

#frmLayerFiche p input.espacedroite {
	margin-right: 8px; 
}
/*****ref_accueil*****/
.referencesAcceuil{
padding-bottom:15px;
text-align:center;

}

/***LISTE DE FICHIERS***/



table.csc-uploads {width:450px;padding:0;margin:0;}

table.csc-uploads td{padding:3px;}
p.csc-uploads-description {float:right;margin-top:-20px;}
.csc-uploads-fileName p a{color:black;font-weight:bold;}
.tr-even{background:#FFF6EE}