@charset "UTF-8";
/* CSS Document */

.bgGris{
background-color:#e2e2e2	
}
 



/*********************************************
*
*	STYLES
*
*********************************************/
a{
color:#fff;
text-decoration:none;	
}
a.lienblack{
color:#000000;
text-decoration:none;	
}
a.lienblacksouligne{
color:#000000;
text-decoration:underline;	
}
a:hover{
text-decoration:underline;	
}
ul,li,form{
margin:0;
padding:0;	
}
p{
	line-height:1.1em;
	margin-bottom:15px;
}
.size12{
	font-size: 12px;
}
.highlight{
color:#163e54 /*rose*/	
}
.highlight2{
color:#e94e1b /*orange*/	
}
.highlight3{
color:#958bb6;/* mauve */
}
.highlight4{
color:#3d214c /* mauve fonce */
}

.highlight4{
color:#33FF33 /*vert - FAQ publique */
}

.highlight5{
color:#FFCC00 /* orange - FAQ logguee */
}

.highlight6{
color:#FF0000 /* rouge - FAQ privee */
}
 
.souligne{
text-decoration:underline	
}

.alignCenter{
	text-align:center;
}
.alignLeft{
text-align:left;	
}
.alignRight{
text-align:right	
} 
.green{
color:#00c72a !important;	
}
.red{
color:#d90823 !important;	
}
.white{
	color:#fff;
}
.nodeco{
text-decoration:none;
}
.alert-box.warning {
	 background-color:#d90823;
	 color:#fff;
	 padding:3px 10px;
	 margin-bottom:10px;
	 font-size:12px;	
}
.alert-box.success{
	 background-color:#6C6;
	 color:#fff;
	 padding:3px 10px;
	 margin-bottom:10px	;
	 font-size:12px;
}

.ligne{
line-height:1px;
border-bottom:#e61080 1px solid;
height:1px;
font-size:1px;
 
}
 

.floatLeft{
float:left;	
}
.floatRight{
float:right	
}

.inline{
  display: inline;
  float: left;	
}

.noMargin{
margin:0	
}
.mLeft5{
margin-left:5px;	
}
.mLeft10{
margin-left:10px;	
}

.mLeft15{
margin-left:10px;	
}

.mLeft20{
margin-left:20px;	
}
.mLeft35{
margin-left:35px;	
}
.mLeft45{
margin-left:45px;	
}
.mLeft55{
margin-left:55px;	
}
.mLeft120{
margin-left:120px;	
}
.mLeft125{
margin-left:125px;	
}
.mLeft255{
margin-left:255px;	
}
.mLeft265{
margin-left:265px;	
}


.mRight2{
margin-right:2px	
}
.mRight5{
margin-right:5px;	
}
.mRight10{
margin-right:15px;	
}
.mRight40{
margin-right:40px;	
}

.mTop2{
margin-top:2px;	
}
.mTop5{
margin-top:5px;	
}
.mTop10{
margin-top:10px;	
}
.mTop15{
margin-top:15px;	
}
.mTop17{
margin-top:17px;	
}
.mTop22{
margin-top:22px;	
}
.mTop30{
margin-top:30px;	
}
.mTop50{
margin-top:50px;	
}
.mTop65{
margin-top:65px;
}
.mTop90{
margin-top:90px	
}
.mTop195{
margin-top:195px	
}
.mBottom5{
margin-bottom:5px;	
}
.mBottom10{
margin-bottom:10px;	
}
.mBottom15{
margin-bottom:15px;	
}
.mBottom30{
margin-bottom:30px;	
}
.mBottom60{
margin-bottom:60px;	
}

.mPadding5{
padding:5px;	
}
.mPadding10{
padding:10px;	
}
.posRelative{
position:relative	
}
.content{
color:#092635;
margin-left:190px;	
margin-right:190px;
font-size:14px;
}

.contentfaq{
color:#092635;
margin-left:70px;	
margin-right:100px;
font-size:14px;
}

.content p{
line-height:1.6em	
}
/*********************************************
*
*	BLOC
*
*********************************************/
 #bgHome{
	background:url(../images/bg_home.jpg) left top no-repeat;
	min-height:530px; 
 }
  #bgSesam{
	background:url(../images/bg_sesam.jpg) left top no-repeat;
	min-height:530px; 
 }
  #bgQui{
	background:url(../images/bg_qui-sommesnous.jpg) left top no-repeat;
	min-height:530px; 
 }
  #bgFaq{
	background:url(../images/bg_faq.jpg) left top no-repeat;
	min-height:530px; 
 }
   #bgCat{
	background:url(../images/bg_cat.jpg) left top no-repeat;
	min-height:530px; 
 }
   #bgCatUnique{
	background:url(../images/bg_catunique.jpg) left top no-repeat;
	min-height:530px; 
 }
  #bgSupport{
	background:url(../images/bg_support.jpg) left top no-repeat;
	min-height:530px; 
 }
  #bgContact{
	background:url(../images/bg_contact.jpg) left top no-repeat;
	min-height:530px; 
 }
  #bgMention{
	background:url(../images/bg_mention.jpg) left top no-repeat;
	min-height:530px; 
 }
  #bgTelecharger{
	background:url(../images/bg_telecharger.jpg) left top no-repeat;
	min-height:530px; 
 }
 
#textG,#rollG,#textD,#rollD{
font-size:14px;	
position:absolute;
width:470px;	
height:403px;
top:0
}
#rollG,#rollD{
	background:url(../images/bgblanc75.png) left top repeat;
	display:none; 
	z-index:10;
	height:423px;
	top:-20px; 
}
#textG,#textD{
font-size:36px	;
z-index:5
}
#textG span ,#textD span{
display:block;
color:#163e54	
}
.slidehome{
height:403px;
}
.z100{
z-index:100	
}

/*********************************************
*
*	FORM
*
*********************************************/
 
footer, footer a{
color:#6e6e6e	
}
footer a{
text-decoration:underline	
}

#ssmenu{
background-color:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(133, 133, 133, 1);
box-shadow: 2px 2px 3px 0px rgba(133, 133, 133, 1);	
position:absolute;
z-index:1000;
width:200px;
height:180px;
display:none;
left:10px;
behavior: url(PIE.htc);
}

#ssmenu ul{
width:200px;	
}

#ssmenu li{
width:200px;
display:block;
padding:3px
}

#ssmenu a{
	color:#506e7f;
}
#bg_avantage{
background:url(../images/bg-avantage-sesam.png) left top no-repeat;
width:468px;
height:151px;	
}
#bg_avantage .inner{
	padding:10px 0 0 30px
}
#bg_avantage .inner h3{
margin-bottom:5px	
}

#bg_presse{
background:url(../images/bg-presse-sesam.png) left top no-repeat;
width:468px;
height:400px;	
}
#bg_presse .inner{
	padding:10px 0 0 30px
}
#bg_presse .inner h3{
	margin-bottom:5px	
}

#bg_presse .inner a{
	color:#000000;
	text-decoration:underline;
}

form.inlineForm label{
	display:block;
	float:left;
	width: 200px;
	margin-bottom: 10px;
}
form.inlineForm .champs{
width:340px;	
}

input[type="submit"] {
  margin-right: 25px;
}

.faq {
min-height:300px
}

.faq > h5{
	background-color:#e2e2e2;
	padding:2px 5px;
	/* text-transform:uppercase; */
	margin-top:15px;
	cursor : pointer;
}

.faq > h6{
	/* background:url(../images/fleche24.png) left center no-repeat; */
	line-height:16px;
	padding-left:18px;
	font-family:'SansationBold', Helvetica, Arial;	
	//margin-bottom:10px;
  cursor : pointer;
}

.faq > h8{
	background-color:#e2e2e2;
	padding:2px 5px;
	/* text-transform:uppercase; */
	margin-top:15px;
	cursor : pointer;
	font-style: italic;
	display: block;
	width: 80%;
	margin-bottom: 15px;
	opacity: 0.6;
}

.faq .reponse{
padding-bottom:10px;
 display:none
}

.faq .reponse a{
  color:#506e7f; 
}

.sansresultat {
  font-family:'SansationBold', Helvetica, Arial;
  color: red;
  border: 1px solid red;
  text-align: center;
  margin-top: 15px; 
}

#divcorpsfaq .ullistefaqs { 
  list-style: inside;
  padding-bottom:10px;
  display: none; 
}

#divcorpsfaq .ullistefaqsouvert { 
  list-style: inside;
  padding-bottom:10px;
  display: block; 
}

#divcorpsfaq .ullistefaqs li.flecheverte { list-style: inside url(../images/flecheverte.png); padding-bottom:10px; }
#divcorpsfaq .ullistefaqsouvert li.flecheverte { list-style: inside url(../images/flecheverte.png); padding-bottom:10px; }

#divcorpsfaq .ullistefaqs li.flecheorange { list-style: inside url(../images/flecheorange.png); padding-bottom:10px; }
#divcorpsfaq .ullistefaqsouvert li.flecheorange { list-style: inside url(../images/flecheorange.png); padding-bottom:10px; }

#divcorpsfaq .ullistefaqs li.flecherouge { list-style: inside url(../images/flecherouge.png); padding-bottom:10px; }
#divcorpsfaq .ullistefaqsouvert li.flecherouge { list-style: inside url(../images/flecherouge.png); padding-bottom:10px; }

#divcorpsfaq .ullistefaqs li.flechevideo { list-style: inside url(../images/flechevideo.png); padding-bottom:10px; }
#divcorpsfaq .ullistefaqsouvert li.flechevideo { list-style: inside url(../images/flechevideo.png); padding-bottom:10px; }

#divcorpsfaq .ullistefaqs li.flecheparam { list-style: inside url(../images/flecheparam.png); padding-bottom:10px; }
#divcorpsfaq .ullistefaqsouvert li.flecheparam { list-style: inside url(../images/flecheparam.png); padding-bottom:10px; }

#divcorpsfaq .ullistefaqs a { color: #092635; }
#divcorpsfaq .ullistefaqsouvert a { color: #092635; }

.contentVideo{
  color:#092635;
  margin-left:140px;  
  margin-top:185px;
  font-size:14px;
  width:640px;
}

ul.listecontacts { list-style-type: none; }
ul.listecontacts li span { 
	display:table-cell;
	width: 450px;
}
ul.listecontacts span.label {
	margin: 0px;
	width: 16em;
}
ul.listecontacts span.texte {
	margin: 0px;
	width: 22em;
}

ul.listerappelimmediat {
	list-style-type: square;
	margin-left: 30px;
	margin-top: -10px;
}

#filtrecats { width: 385px; margin-left: auto; margin-right: auto; }

#divcorpscat { display:block; margin-top: 20px; font-size: 8pt; width: 780px;  font-family:Arial; }
#divcorpscat table { border: 1px solid;  width: 100%; }
#divcorpscat thead { background-color: #958bb6; color: #FFFFFF;}
#divcorpscat .num { margin:0px; width: 60px; text-align: right; padding-right: 20px;}
#divcorpscat .typecat { margin:0px; width: 60px; text-align: center;}
#divcorpscat .centrale { margin:0px; width: 200px; text-align:left; word-wrap: break-word; }
#divcorpscat .fournisseur {block; margin:0px; width: 200px; text-align: left; word-wrap: break-word;}
#divcorpscat .date { margin:0px; width: 80px; text-align: right;}
#divcorpscat .nbrlignes { margin:0px; width: 80px; text-align: right; padding-right:20px; }
#divcorpscat .edi { margin:0px; width: 50px; text-align: left;}
#divcorpscat .partenaire { margin:0px; text-align: center;}

form.inlineFormCat label{
	display:block;
	float:left;
	width: 170px;
	margin-bottom: 0px;
}
form.inlineFormCat .champs{
width:210px;	
}

#filtrecbverres { width: 385px; margin-left: auto; margin-right: auto; margin-top: -150px; }

form.inlineFormCbVerres label{
	display:block;
	float:left;
	width: 170px;
	margin-bottom: 0px;
}
form.inlineFormCbVerres .champs{
width:197px;
margin-bottom: 5px;	
}

form.inlineFormCbVerres .puissances{
width:60px;
text-align: center;
margin-bottom: 5px;	
}

p.logocb{ text-align: right; margin-bottom: 30px; }
p.logocb_catunique img{ margin-right: 40px; }

.nomverrier { width: 382px; display: block; margin-bottom: 20px; font-weight: bold;}

#divcorpscbverres { display:block; margin-top: 20px; font-size: 8pt; width: 780px;  font-family:Arial; }
#divcorpscbverres table { border: 1px solid;  width: 100%; }
#divcorpscbverres thead { background-color: #958bb6; color: #FFFFFF;}
#divcorpscbverres .num { margin:0px; width: 30px; text-align: right; padding-right: 20px;}
#divcorpscbverres .deno { margin:0px; width: 540px; text-align: left;}
#divcorpscbverres .pxod { margin:0px; width: 70px; text-align: right; padding-right: 20px }
#divcorpscbverres .pxog { margin:0px; width: 70px; text-align: right; padding-right: 20px }
#divcorpscbverres .pxdg { margin:0px; width: 70px; text-align: right; padding-right: 20px; font-weight:bold }
#divcorpscbverres .suppl { margin:0px; width: 20px; text-align: center; }

p.alerteadhcb {
	color: red;
	text-align: center;
	font-weight:bold;
	font-size: 12pt 
}

form.inlineFormCbVerifOpticien label{
	display:block;
	float:left;
	width: 140px;
	margin-bottom: 0px;
}

form.inlineFormCbVerifOpticien .champs{
width:20%;
margin-bottom: 5px;	
}

em { font-style: italic; }

.bordertest {
	border: 1px solid;
}
