html{
	overflow-y: scroll;}

.noscroll{overflow-y:hidden!important;}

body, html{
	width           : 100%;
	margin          : 0;
	padding         : 0;
	background-color: #E5E5E5;
	font-family     : Arial, Sans-Serif;
	color           : #464646 !important;
	font-size       : 0.9em;}

img{
	border: 0;}

h1{
	font-size: 1.1em;
	font-weight:normal;}

h2{
	font-size: 1em;
	margin:0;}

h3{
	font-size: 0.9em;}

ul, li{
	margin         : 0;
	padding        : 0;
	list-style-type: none;}

ol li{
	list-style-type: lower-alpha;}

input, select{
	margin : 0;
	padding: 0;}

a{
	display        :block;
	text-decoration:none;
	color          :#464646;}

.blue{
	color:#38689A;}

.link{
	color  :#980608!important;
	display:inline;}
	
.artcomp{
	display: block;
	margin:6px 0 3px;}
	
.link img{
	margin-right:3px;}

.btn{
	padding              :6px;
	border               :1px solid #cdcdcd;
	border-bottom        :1px solid #999;
	-webkit-border-radius:3px;
	-moz-border-radius   :3px;
	-o-border-radius     :3px;
	background-image     :url(/images/GradientMenu.png);
	background-repeat    :repeat-x;}

.btn:hover{
	background-image:url(/images/GradientMenuSelected.png);}

.fl{
	float:left;}

.fr{
	float:right;}

.cl{
	clear:both;}

.errorMsg{
	color    :#d30000;
	font-size:0.9em;}

.fixed{
	position:fixed;
	right   :146px;
	top     :0;}

.absolute{
	position:absolute;
	top     : 285px;
	right   : 146px;}

.displayNone{
	display:none;}
.visibility{visibility:hidden;}
caption{visibility:hidden;}
.grey{background-color: #EFEFEF;}

.box{
    margin               :20px 0;
    border               :1px solid #ebe9e6;
    padding              :15px 10px;
    -webkit-border-radius:5px;
    -moz-border-radius   :5px;
    -o-border-radius     :5px;
    border-radius        :5px;
    float                :left;
    background-color     :#FCFAF7;}

.frgtPWd>div>div>p:first-child,
.wrapPersonalData>p:first-child,
.InfoPanier>p:first-child,
.InfoCompte>p:first-child,
.BeneficiaireAbo>p:first-child,
.AdresseFact>p:first-child,
.box>p:first-child{
	font-weight   :bold;
	margin-bottom :10px;
	border-bottom :1px solid #cdcdcd;
	padding-bottom:5px;}

#WraperAll{
	width   :1167px;
	overflow:hidden;
	margin  :0 auto;
	position:relative;
	height  :100%;}

table{
	width          :auto;
	height         :auto;
	margin         :0;
	padding        :0;
	border-collapse:collapse;
	border-spacing :0;}

table tr td{
	vertical-align:top;
	height        :100%;
	padding       :0;}
.vam{vertical-align:middle;}
.wa{width:auto!important;}
.mt0{margin-top:0;}
.mb0{margin-bottom:0;}
.mt3{margin-top:3px;}
.mr3{margin-right:3px;}
.m5{margin:5px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mt20{margin-top:20px;display:block;}
.mt25{margin-top:25px;display:block;}
.ml20{margin-left:20px;display:block;}
.ml10{margin-left:10px;display:block;}
.mt10{margin-top:10px;display:block;}
.mb10{margin-bottom:10px;display:block;}
.mb20{margin-bottom:20px;display:block;}
.mr10{margin-right:10px;display:block;}
.mr20{margin-right:20px;display:block;}
.mt12Content{margin-top:12px;display:block;}
.mb5{margin-bottom:5px;display:block;}
.pdr10{padding-right:10px;}
.pdb10{padding-bottom:10px;}
.pdl5{padding-left:5px;}
.pd5{padding:5px;}

/*---------------------------NAVIGATION LEFT---------------------------------------*/	
#Nav{
	width                     :230px;
	background-color          :#CDCDCD;
	float                     :left;
	margin-top                :180px;
	text-align                :right;
	padding                   :10px 0 10px 0px;
	-webkit-border-radius     :5px 0 0 5px;
	-moz-border-radius        :5px 0 0 5px;
	-o-border-radius          :5px 0 0 5px;
	border-radius             :5px 0 0 5px;
	border-left               :1px solid #B3B1B1;
	border-top                :1px solid #b3b1b1;
	border-bottom             :1px solid #B3B1B1;
	/*position                  :fixed;*/}

#Nav .WrapTitleNav{
	margin                    :0 5px 5px 0;
	float                     :right;
	background-color          :#E00323;
	padding                   :1px 4px;
	width                     :208px;  
	background-image: url(../images/TramePointFAOTitre.png);
	}

.WrapTitleNav img{
	margin                    :2px 14px 0 0;
	
	}

#Nav a img
{
    margin                 :1px 0 0 11px;}
    
.TitleNavDate{
	/*background-image          :url(../images/GradientDateNav.png);
	background-repeat         :repeat-x;*/
	color                     :#fff;
	padding                   :3px;
	margin                    :0;
	font-weight:bold;
	/*text-transform:uppercase;*/
	font-size:0.9em;
	}

#Nav ul li:hover{
	background-color          :#e8e8e8;}

#Nav ul li a{
	margin-right              :15px;
	line-height               :19px;
	vertical-align            :middle;
	line-height               :1.5em;
	font-size:1.1em;}

#Nav ul li a:hover{
	margin-right              :15px;
	line-height               :1.5em;
	vertical-align            :middle;
	color                     :#ed6242;
	font-size:1.1em;}

#Nav ul li .separationNav{
	background-image          :url(../images/SeparationNav.png);
	background-repeat         :repeat-x;
	width                     :100%;
	height                    :2px;}

li.lienNavGauche{margin-top:10px;}

/*---------------------------CONTENT---------------------------------------*/
#Content{
	width                   :800px;
	background-image        :url(../images/BorderContent.png);
	background-repeat       :repeat-y;
	float                   :left;
	/*margin-left             :230px;*/
position:relative;
z-index:3000;}

.WrapLogin{
	float                   :right;
	text-align              :right;}

ul.Login{
	background-image        :url(../images/SeparationLogin.png);
	background-repeat       :repeat-x;
	width                   :auto;
	background-position     :bottom;
	padding                 :5px 5px 5px 0;
	clear                   :both;
	font-size               :0.9em;}

ul.Login li{
	display                 :inline;}

ul.Login li a{
	display                 :inline;
	margin                  :3px;}

.wraploginTooltip{
	width                   :200px;
	padding                 :5px;
	position                :absolute;
	z-index                 :9999;
	background-color        :#E5E5E5;
	-webkit-border-radius   :0 0 5px 5px;
	-moz-border-radius      :0 0 5px 5px;
	-o-border-radius        :0 0 5px 5px;
	border-radius           :0 0 5px 5px;
	border                  :1px solid #B3B1B1;
	text-align              :left;}

.wraploginTooltip .errorMsg{
	margin                  : 0px 10px 5px 0;}

#TooltipIdentification a{
	margin                  :0 0 5px 0;
	font-size               :0.9em;}

.connected{
	margin                  :5px 10px;
	font-size               :0.9em;
	/*display                 :none;*/
	color                   :#777;
	/*max-width               :260px;*/}

.close{
	position                :absolute;
	right                   :5px;
	margin-left             :10px;
	cursor                  :pointer;}

.disabled{
	color                   :#cdcdcd;}

.Logo img{
	margin                  :25px 0 0 15px;}
.Logo a{
	display: inline;}

ul.TextSize{
	margin-right            :7px;}

.TextSize li{
	float                   :right;}

.TextSize a{
	width                   :17px;
	height                  :17px;
	margin                  :3px;}

.Menu ul{
	border                  :1px solid #B3B3B3;
	-webkit-border-radius   :3px;
	-moz-border-radius      :3px;
	-o-border-radius        :3px;
	border-radius           :3px;
	text-align              :justify;
	width                   :775px;
	margin                  :3px 0 0 14px;
	float                   :left;
	background-color        :#c7c7c7;}

.Menu ul li{
	display                 :inline;
	width                   :100%;}

.Menu ul li a{
	float                   :left;
	padding                 :8px 0px;
	border-left             :1px solid #fff;
	border-right            :1px solid  #b3b3b3;
	background-image        :url(../images/GradientMenu.png);
	background-repeat       :repeat-x;
	font-size:1.1em;}

.Menu ul li a:hover{
	float                   :left;
	/*background-image      :url(../images/GradientMenuSelected.png);*/
	background-image        :none;
	background-color		:#d7d7d7; 		
	background-repeat       :repeat-x;
	border-right            :1px solid #b3b3b3;
	border-left             :1px solid #fff;
	padding                 :8px 0px;
	font-size:1.1em;}

.Menu ul li a.active{
	float                   :left;
	background-image        :url(../images/GradientMenuSelected.png);
	background-repeat       :repeat-x;
	border-right            :1px solid #b3b3b3;
	border-left             :1px solid #fff;
	height                  :14px;
	padding                 :10px 0px;
	vertical-align          :middle;
	font-size:1.1em;}

.Menu ul li a.home{
	width                   :39px;
	text-align              :center;
	border-left             :0;}

.Menu ul li a.archive{
	width                   :119px;
	text-align              :center;
	padding-top             :10px;}

.Menu ul li a.EditionsSpeciales{
	width                   :189px;
	text-align              :center;
	padding-top             :10px;}

.Menu ul li a.Memento{
	width                   :164px;
	text-align              :center;
	padding-top             :10px;}

.Menu ul li a.LiensUtiles{
	width                   :94px;
	text-align              :center;
	padding-top             :10px;}

.Menu ul li a.OffresAbo{
	width                   :160px;
	text-align              :center;
	background-image        :url(../images/GradientOffresAbo.png);
	color                   :#fff;
	border-right            :0;
	/*height                  :14px;*/
	padding                 :9px 0px;
	overflow                :hidden;
	background-size:auto 100%;
	}

.Menu ul li a.OffresAbo:hover{
	background-image: none;
	background-color        :#4672a3;
}

.WrapArianeSearch{
	width                   :775px;
	margin                  :15px;
	float                   :left;
	height                  :35px;
	vertical-align          :middle;}

.WrapArianeSearch a{
	display                 :inline;}

.WrapArianeSearch p.Ariane{
	/*width           :450px;*/
	width           :61.290322580%;
	line-height     :24px;
	background-color:#f0f0f0;
	/*float           :left;*/
	padding-left    :10px;
	font-size       :0.9em;
	margin          :8px 10px 0 0;}

.WrapArianeSearch p.Ariane a{
	margin-right    :3px;}

.WrapArianeSearch p.Ariane a.active{
	color           :#980608;
	margin-right    :3px;}

.WrapArianeSearch .Search{
	margin-top      :3px;
	/*float           :left;*/
	float           :right;}
	
.WrapArianeSearch .Search label{display:none;}

.WrapArianeSearch .Search img{
	vertical-align  :middle;
	margin-left     :-3px;}

.WrapArianeSearch .AdvSearch{
	/*width           :40px;*/
	text-align      :right;
	float           :right;
	margin          :-4px 0 0 5px;}

.WrapArianeSearch .AdvSearch p{
	direction       :rtl;}

.WrapArianeSearch .AdvSearch p a{
	/*width           :40px;*/
	text-align      :right;
	font-size       :0.9em;
	line-height     :110%;
	display         : block;
	margin-top      :11px;}

.MainContent{
	width            :775px;
	margin           :15px;
	float            :left;
	min-height       :530px;}

.MainContent .Left{
	width            :595px;/*au lieu de 600, changé 28.06.2012*/
	float            :left;}

.MainContent .WrapperTitreContent{
	background-image :url(../images/TramePoint.png);
	background-repeat:repeat-x;
	float            :left;
	width            :100%;
	margin-bottom    :10px;}

.WrapperTitreContent > div{
	background-color :#f6f4f4;
	display          :inline;}

.border .motRecherche,
.WrapperTitreContent .motRecherche{
	padding          :0 5px;
	float            :left;
	margin-top       :0px;}

.border .nbResultat{background-color :#f6f4f4;padding:0 10px;margin-top:5px;}
.WrapperTitreContent .nbResultat{
	padding-left     :5px;
	margin-right     :5px;
	/*margin-top       :4px;*/}


.WrapperTitreContent div{
	/*vertical-align   :top;line-height:15px;margin-top:-4px;*/}

.border .affichage{background-color :#f6f4f4;margin           : 3px 0 0 35px;padding-left:10px;}
.WrapperTitreContent .affichage{
	margin           : -1px 0 0 30px;}
.WrapperTitreContent .affichage label{line-height:21px;}

.MainContent .border{
	background-image :url(../images/separationAdvSearch.png);
	background-repeat:repeat-x;
	float            :left;
	width            :100%;
	margin-bottom    :10px;
	background-position-y:15px;
	}

.border > div{
	
	display          :inline;}

.affichage select{
	width            : 100px;
	text-align       : left;}
.affichage div table{width:100px!important;}

.wrapLienArticleAlaUne{
	margin           : 0px 0 30px 0px;
	font-family      : Georgia;
	font-size        : 0.9em;
	clear            : both;}

.wrapLienArticleAlaUne li a{
	background              : url(../images/icn_follow.gif) no-repeat 0 center;}

.lienArticleAlaUne{
	background-color        : #F6F4F4;
	border-bottom           : 1px solid #E9E6E6;
	border-top              : 1px solid #fff;
	line-height             : 1.5em;
	padding                 : 2px 0px;}

.lienArticleAlaUne span{
	margin-left             : 15px;
	display                 : block;}

a.lienArticleAlaUne:hover{
	background-color        : #efefef;}

.MainContent h1{
	background-color        : #F6F4F4;
	padding                 : 0 10px;
	color                   : #ed6242;
	display                 : inline;
	margin-left             : 15px;
	line-height             : 11px;
	width                   : auto;
	float                   : left;
	margin-top              : 2px;}

.MainContent h2{
	/*font-family             : Georgia;*/
	font-weight             : bold;
	color:#980608;
	/*margin                  : 30px 0 0 0;*/
	/*display:inline;*/
	}

.MainContent h3{
	font-weight             : bold;
	color                   : #464646;
	padding                 : 0 0 10px 0;
	margin                  : 0;
	}
.MainContent .artBottom {
    border-bottom   : 1px solid #B3B1B1;
	padding         :0 15px 15px 0;
	margin-top      : 15px;}
.MainContent .artNoBottom {
	padding         :0 15px 15px 0;
	margin-top      : 15px;}
.ArtHome p{
	text-align              : justify;}
.ArtHome h2 {
    margin:0;
}
.ArtHome img.fl{
	border                  : 1px solid #ccc;
	padding                 : 5px;
	margin                  : 0 10px 10px 0;}

.ArtHome img.fr{
	margin                  : 0 0 10px 10px;
	border                  : 1px solid #ccc;
	padding                 : 5px;}
	
.ArtHome img{
	max-width               : 600px;   
	border                  : 1px solid #ccc;
	padding                 : 5px;}

.MainContent .BlockAbo{
	width                   : 155px; /*au lieu de 150, changé 28.06 à cause de font increased problème livraison + Genève (chevauchement)*/
	padding                 : 10px 5px;
	border                  : 1px solid #457fbc;
	float                   :right;
	background-color: #fff;}
.MainContent .BlockAbo img{
    width                   : 150px;
}
.MainContent .BlockAbo table{
	width:100%;
}
.MainContent .BlockAbo .wrapInfoAbo p{
	margin                  :0 0 5px 0;
	float                   :left;}

.BlockAbo p{
	margin                  :10px 0 5px 0;
	/*float                   :left;*/}
.BlockAbo p.titre
{
  font-weight             : bold;
	color                   : #457fbc;
	padding                 : 0 0 10px 0;
	margin                  : 0;  
}
.BlockAbo p.mt0{margin-top:0!important;}

.wrapInfoAbo p.intitule{
	/*width                   :65px;*/
	white-space:normal;}

.intitule_duree{margin-bottom:0px!important;}

.val_intitule_duree{margin-bottom:0px!important;}

.wrapInfoAbo p.val_intitule{
	width                   :65px;
	/*overflow                :hidden;
	padding-left            :5px;*/}

.BlockAbo .Sabonner{
	text-align              :center;
	background-image        :url(../images/GradientOffresAbo.png);
	color                   :#fff;
	line-height             :34px;
	margin                  :5px 25px;
	-webkit-border-radius	:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
				}

.BottomContent{
	background-image        :url(../images/BackgroundContent.png);
	background-repeat       :no-repeat;
	width                   :804px;
	height                  :17px;
	float                   :left;}

a.BoutonTop{
	float                   :right;
	padding                 : 0 15px 0 0;}

/*---------------------------SKYSCRAPER---------------------------------------*/
#Skyscraper{
	width                   :120px;
	padding-left            :15px;
	/*position                :fixed;*/
	margin-top              :180px;}

/*---------------------------FOOTER---------------------------------------*/
#Footer{
	width            :800px;
	background-image :url(../images/BorderContent.png);
	background-repeat:repeat-y;
	font-size        :0.85em;
	background-color :#fff;
	padding          :5px 0 0 0;
	float            :left;
	margin           : 0 0px 0 231px;}

.WrapLinksFooter{
	width           :800px;
	margin          :0 0 0 15px;
	text-align      :center;}

#Footer p.LogoCanton{
	width           :120px;}

#Footer p{
	margin-top      :20px;
	padding         :0;
	text-align      :left;
	float           :left;}

#Footer p a{
	margin-right    :13px;}

#Footer p a img{
	vertical-align  :middle;
	margin-top      :-15px;
}
.tooltip{
	border          :1px solid #464646;
	font-size       :8px;
	background-color:#d9d9d9;
	color           : #464646;}

/*cartouche resultat*/
.MainContent .result{
	width           : 480px;}

.MainContent .result p,
.MainContent .result h2{
	margin          : 0;}

.MainContent .result p.resultArchived{
	padding-top     : 15px;}

.MainContent .art{
	border-bottom   : 1px solid #B3B1B1;
	padding         :0 15px 15px 0;
	text-align      :justify;
	position        : relative;
	margin-top      : 15px;}

.MainContent .apercu{
	width           : 280px;}
	
.MainContent .apercuDetail{
	width           : 245px;
	margin-left    : 20px;
	margin-top      : 7px;
	border          : 1px solid #ccc;
	background-color: #fff;
	overflow        :hidden;}

.MainContent .apercuDetail .TitreApercu{
    background-color: #e8e6e6;
    width           : 235px;
    padding-left    :10px;
    /*padding         : 7px 5px 3px 10px;*/
    }
   
.MainContent .apercuDetail img{
    background-color: #fff;
    /*border          :1px solid #e8e6e6;*/
    }
.MainContent .apercuDetail .TitreApercu a.link img
{
    background-color: #e8e6e6;
    border          : 0;
    margin-right:3px;}
.MainContent .apercuDetail img#Home_img_pdf,.MainContent .apercuDetail img#MainContent_articleView_img_pdf
{
    width:240px!important;
    margin-left:4px;
}

.pdfViewerControl, .TitreApercu{
	background-color: #e8e6e6;
	width           : 245px;
	padding         : 5px 0 5px 5px;}

img.pdf{width:240px!important;}

.pdfViewerControl{
	width           : 240px!important;
	padding         : 5px;
	overflow        : hidden;
	background-color: #e8e6e6;
	}

.MainContent .result h4{
	float           : left;
	width           : 300px;
	margin          : 0;}

.MainContent .result h4,
.detail h4{
	color           : #980608;
	margin-bottom   : 0;}

.MainContent .result h5,.detail h5{
	font-weight: normal;	
	font-size  : 0.9em;
	margin     : 0 0 10px 0;
	clear      : left;}

.read-more, .read-less{
	display    : block;
	float      : right;
	margin     : 0px 5px 0 0;}

.read-less{}
.tools{
	position   :absolute;
	right      : 45px;
	top        : -3px;
	width      : 80px;
	height     :20px;}

.tools a{
	float: left;}

.tools a img{
	padding: 5px;}

.WrapperPagination{
	background-image : url(../images/TramePoint.png);
	background-repeat: repeat-x;
	margin-top       : 20px;
	height           : 15px;  }

/*.pagination{
	background-color : #f6f4f4;
	padding          : 0 10px;
	display          : inline;
	margin-left      : 30px;
	line-height      : 11px;
	font-size        : 0.9em;}*/

/*Page detail--------------------------*/

.detail{
	width: 470px;}
	
.detail h2{
    margin:0;
}
	
.toolsPageDetail{
	background-color: #F6F4F4;
	width           : 100px;
	height          : 15px;
	margin-left     : 15px;
	margin-right    : 15px;
	margin-top:0!important;}

.toolsPageDetail a{
    display:block;
    margin-left:4px;
    }
	
.toolsPageDetail a img{
	float  : left;
	padding: 0 7px;}
	
a.BoutonRetour{
	float      : left;
	margin-left: 18px;}

/*Recherche avancée-----------------------*/
.advSearch{
	width     : 400px;}
	
.formAdvSearch{
	margin-top: 15px;}
	
.advSearch label{
	width     : 150px;
	display   : block;
	float     : left;
	line-height: 22px;}
	
.advSearch input,.advSearch select{
	margin    : 0 0 5px 0;}
	
.wrapInfoSearch{
	width     : 292px;
	margin    : 10px 0px 15px 30px;}
	
.wrapInfoSearch p{
	font-size : 0.9em;}

.cbSousRubAdvSearch{margin-bottom:1px!important;}
.du{display:block!important;float:left!important;margin:0px 2px 0 0!important;line-height:22px!important;width:auto!important;}
.au{display:block!important;float:left!important;margin:0px 2px 0 8px!important;line-height:22px!important;width:auto!important;}

/*------------------Special Edition-----------------*/
.wrapSpecEdition{
	padding-left: 5px;}

.wrapSpecEdition #communes{
	/*margin-top:25px;*/
}

ul.menuSpecEdition{
	width       : auto;
	margin      : 3px 0 0 0px;}

.boxEdSpec
{
    width:375px;
    margin:0;
    float:right;
}
	
ul.menuSpecEdition li{
	display     : inline;}

ul.menuSpecEdition li a{
	display      : inline-block;
	padding      : 0 25px 10px 25px;
	border-bottom: 2px solid #cdcdcd;}

ul.menuSpecEdition li a:hover{
	display      :  inline-block;
	padding      : 0 25px 10px 25px;
	border-bottom: 2px solid #980608;
	color        : #980608;}

ul.menuSpecEdition li a.active{
	display      : inline-block;
	padding      : 0 25px 10px 25px;
	border-bottom: 2px solid #980608;
	color        : #980608;}

#elections .lien, #estivales .lien, #historiques .lien, #communes .lien{
	width: 490px;}

#elections h5, #estivales h5, #historiques h5, #communes h5{
	width        : 445px;
	float        : left;
	margin-bottom: 15px;
	margin-top   : 0px;
	font-size    : 0.9em;}
#estivales h5{margin-top:15px;}

.wrapSpecEdition ul.lien a img{
	padding-top: 5px;
	float      : left;}

.wrapSpecEdition #elections .pdfViewerControl img,
.wrapSpecEdition #estivales .pdfViewerControl img,
.wrapSpecEdition #historiques .pdfViewerControl img,
.wrapSpecEdition #communes .pdfViewerControl img{width:240px;}

.wrapSpecEdition #elections .apercu .TitreApercu,
.wrapSpecEdition #estivales .apercu .TitreApercu,
.wrapSpecEdition #historiques .apercu .TitreApercu,
.wrapSpecEdition #communes .apercu .TitreApercu{
	background-color: #efefef;
	width           : 240px;
	padding         : 5px 5px 2px 5px;}

.wrapSpecEdition #elections .apercu,
.wrapSpecEdition #estivales .apercu,
.wrapSpecEdition #historiques .apercu,
.wrapSpecEdition #communes .apercu{
	background-color: #efefef;
	border-top      : 1px solid #fff;}

.wrapSpecEdition h2{
	font-family: Georgia;
	font-weight: bold;
	margin     : 20px 0 0 0;}
	
#estivales .wrapDropdownYear{
	/*margin-top : 25px;*/}
	
.wrapSpecEdition .lienDate{
	float      : left;
	margin-left: 5px;}
	
.wrapSpecEdition .lienTxt{
	float      : left;
	width      : 400px;
	margin     : 0 0 0 5px;}

/*------------------Offre d'Abonnement-----------------*/

.wrapTableAbo{
	width        :500px;}
	
.wrapTableAbo .legende{
	margin       :0 0 0 10px;}
	
table.Abo{
	margin       :0 0 10px 0;
	width:500px;
}
	
table.Abo td{
	padding      :5px;
	border-bottom:1px solid #e5e5e5;}
	
table.Abo td span strong{
	color        :#5f5f5f;}
	
table.Abo tr td span{
	margin       :-1px 0 0 4px;}
table.Abo th{
	color        :#5f5f5f;
	font-weight: bold;
	border-bottom:1px solid #e5e5e5;
	text-align:left;
	padding      :9px;}
	
table.Abo tr td.prix{
	padding :9px;}

.wrapFormuleAbo .masAbo{width:550px;float:left;}
.wrapFormuleAbo{padding:15px 15px 15px 0;float:left;}
.wrapFormuleAbo img{border:1px solid #ccc;padding:5px;margin:0 15px 10px 0px;width:150px;}
.wrapFormuleAbo .livraison
{
    width:240px;
}
.wrapFormuleAbo .duree,.wrapFormuleAbo .BTNjemabonne{
    width:155px;}

.wrapFormuleAbo .livraison p,.wrapFormuleAbo .duree p,.wrapFormuleAbo .BTNjemabonne p{
	font-weight  :bold;
	margin-bottom:15px;}

.BTNjemabonne span{
    display:block;}

.BTNjemabonne span.btn{
	text-align:center;
	width     :85px;
	padding   :5px;}

.inactive, .inactive .rbText{color:#cdcdcd!important;}

.active p{
	color        :#38689A;
	padding      : 0 10px 10px 10px;
	border-bottom: 2px solid #38689A;
	margin-right :15px;}

.inactive p{
	color        :#cdcdcd;
	padding      : 0 10px 10px 10px;
	border-bottom: 2px solid #cdcdcd;
	margin-right : 15px;}

/*------------------Panier-----------------*/

.Basket .panier{
	float                       :left;}
	
.Basket .panier .InfoPanier{
	width                       :205px;
	float                       :left;}
	
.Basket .panier .InfoPanier span{
	margin-left                 :5px;}
	
.Basket .panier .InfoPanier .prix{
	color                       :#ED6242;
	margin                      :5px 0;}
	
.panier p a img{margin-right:3px;}
	
.info{
	font-size                   :0.85em;
	margin                      :5px;}
	
.wrapPanierInfoCompte{
	width                       :753px;
	position                    :relative;
	margin-bottom               :30px;}
	
.wrapPanierInfoCompte>img{
	position                    :absolute;
	right                       :-1px;
	bottom                      :-23px;}
	
.Basket .InfoCompte{
	width                       :325px;
	float                       :right;}
	
.Basket img.fl{
	border                      : 1px solid #ccc;
	padding                     : 5px;
	margin                      : 0 10px 10px 0;
	width:150px;
}

.Basket p{
	line-height :1.5em;}
	
.Basket p span{
	width       :40px!important;
	float       :left;
	margin-right:5px;}
	
.Basket p a{
	display     : inline;}

/*------------------ Adresse de facturation -----------------*/

div.BeneficiaireAbo p:first-child span{font-weight:normal;width:123px;float:none;}
div.AdresseFact p.adresse{
    margin-bottom:15px;}

div.BeneficiaireAbo p.adresse{
	margin-bottom:5px;}

/*total commande*/
.wraptotal{
	width      :225px;
	min-height :130px;
	margin-top :0;}
	
.wraptotal .fr{
	font-weight:bold;}

.wraptotal .fr.recapPrix{
	font-weight:bold;
	
	margin-top :10px;}	

.wraptotal div.fr .total+div{
	float: left;
	font-weight:bold;
	color      :#ED6242;
	margin-top :16px;
	margin-left:3px;}

.wraptotal div.fr .total{
	font-weight:bold;
	color      :#ED6242;
	margin-top :15px;}

.wraptotal .fl.recapPrix{
	font-weight:bold;
	margin-top :10px;}
	
.wraptotal .fl.total{
	font-weight:bold;
	margin-top :15px;}

.wrapRecap{
	border-bottom: 1px solid #dedede;
	padding-bottom:10px;
}

/*------------------Mode de paiement-----------------*/
.creditcard, .invoice{
	padding-left:5px;}

.invoice{
	margin-top:15px;}

.WrapNomCarte,.WrapNumCarte,.WrapDateExp,.WrapCrypto,.WrapSelectCard,.identification{
	width:450px;}

.WrapNomCarte span,.WrapNumCarte span,.WrapDateExp span,.WrapCrypto span,.WrapSelectCard span,.identification span{
	display: block;
	float  :left;}

.WrapSelectCard .label{width:205px;float:left;line-height:2.1em;}

.WrapNomCarte .label,.WrapNumCarte .label,.WrapDateExp .label,.WrapCrypto .label,.identification .label{
	width      :207px;
	float      :left;
	line-height:2.1em;}

.WrapNumCarte input[type="text"],.WrapNumCarte span{
	width       :45px!important;
	margin-right:5px;
	display     : block;
	float       :left;}
	
.WrapNumCarte label + #ctl00_MainContent_txt_card_num1_wrapper,
.WrapNumCarte label + #ctl00_MainContent_txt_card_num2_wrapper,
.WrapNumCarte label + #ctl00_MainContent_txt_card_num3_wrapper,
.WrapNumCarte label + #ctl00_MainContent_txt_card_num4_wrapper{
    width:auto!important;
    margin-bottom:0!important;}
    

.WrapNumCarte span:last-child{
	width       :45px!important;
	margin-right:0px;
	display     : block;
	float       :left;}

.WrapCrypto span{
	width:45px!important;}

.WrapNomCarte span{
	width:195px;}

.modepaiement{
	margin-left:40px;
	width      :485px;
	float      :left;}

.modepaiement input,.modepaiement table{
	margin:3px 0!important;}

.modepaiement div.datedexp table tr td input{
	padding: 0!important;}

.WrapSelectCard{
	margin-top:10px;}

.WrapSelectCard a{
	float:left!important;
	margin:0 0px 0 0;
}
.WrapSelectCard img{
	float :left!important;
	margin:0px 18px 0px 0;}

.WrapSelectCard+div{clear:both;}
.securityCard{margin:20px 0px 0 0;}
.cg{width:300px;}
.cg a{float:left;color  :#980608; margin:3px 0 10px 0;}
.cg a:first-child{float:left;margin:8px 0 0 3px;}
.cg>span{float:left;margin:10px 0 0px 0;}

/*------------------Modification adresse ----------*/
.wrapModifAdresse{
    width:625px;}

.wrapModifAdresse .label{
    width:180px;
    float:left;}

.wrapModifAdresse div, .wrapModifAdresse span{
    margin-bottom:3px;}

/*------------------Identification-----------------*/

.idRegistered, .frgtPWd{
	margin                :20px 25px 0 0;
	width                 :355px;}
	
.idNew{
	margin                :20px 0;
	width                 :340px;
	height                :133px;}
	
.idRegistered .label{
	margin                :5px 0 0 0;
	display               : block;
	width                 :155px!important;
	float                 :left;
	white-space				:normal;}
	
.idRegistered .legende{
	margin                :0 0 10px 155px;}
	
.idNew span{
	display               :block;
	width                 :220px!important;
	margin                :10px 0 10px 120px;}
	
label.label+span{width:200px!important;margin-bottom:5px;}
.idRegistered span span.riContentWrapper{width:188px!important;}
	
.wrapModifAdresse p.intitule,.modepaiement p.intitule{
	line-height           :1.5em;	
	margin                :10px 0 20px 0;
	padding               :5px 0;
	border-bottom         :1px solid #CDCDCD;
	font-weight           :bold;}

/*------------------Mot de passe oublié -----------*/

.frgtPWd .label{
	margin         :5px 0 0 0;
	display        : block;
	width          :115px!important;
	float          :left;}

.frgtPWd div table tr td div div input[type="text"]{
	vertical-align	:middle;	
}
	
/*------------------Pages Archives-----------------*/
.wrapInfoArchives{
	width          :555px;}
	
.wrapInfoArchives a.btn{
	padding:2px 6px;}
	
.wrapInfoArchives p span{
	font-size      :0.8em;
	margin         :5px 0;
	font-weight    :normal;}
	
.wrapInfoArchives div{
	margin         :0 10px 0 2px;}
	
/*-------------Creation de compte-------------------*/
/*.CreateAccount*/ .wrapIdentification,
/*.CreateAccount*/ .wrapPersonalData{
	/*width          :475px;*/}
	
/*.CreateAccount*/ .wrapIdentification>span,
/*.CreateAccount*/ .wrapPersonalData>span,
/*.CreateAccount*/ .wrapPersonalData .individual>span,
/*.CreateAccount*/ .wrapPersonalData .company>span{
	margin-bottom  :5px;}
	
.textInfo{float:left;width:500px;}

/*-----------Navigation mon compte-----------------------------*/
.WrapNavigMonCompte{
	margin             :12px 0 20px 0;
	float              :left;}
	
.WrapNavigMonCompte div{
	float              :left;
	}
	
.WrapNavigMonCompte .inactive p:hover,
.WrapNavigMonCompte .active p{
	color              : #980608;
	padding            : 0 10px 10px 10px;
	border-bottom      : 2px solid #980608;
	margin-right       : 15px;}
	
.WrapNavigMonCompte .inactive p{
	color              : #cdcdcd;
	padding            : 0 10px 10px 10px;
	border-bottom      : 2px solid #cdcdcd;
	margin-right       : 15px;}
	
.WrapNavigMonCompte .inactive p a{
    color              : #8F8F8F;
}
.WrapNavigMonCompte .active p a,
.WrapNavigMonCompte .inactive p:hover a{
   color              : #980608; 
}

/*---------------Formulaire Nous contacter--------------------------*/
.nouscontacter .box{background-color:transparent;border:0; margin-top:0;}
.nouscontacter .box>p:first-child{font-weight:normal;font-size:1.1em;text-transform:uppercase;}
.nouscontacter .box div p strong{margin:0 0 3px 0;display:block;}
.nouscontacter .box div p>span{display:block;margin-bottom:2px;}
/*a[title="Générer une nouvelle image"]{color  :#980608;display:block;margin-bottom:10px;}
.captcha{margin-left:200px;width:300px;margin-bottom:5px;}*/

/*---------------Conditions Générales--------------------------*/

.cgassp, .cgv{width:565px;}
.cgassp{margin-top:20px;}
.cgv{margin:30px 0;}
.cgv+.WrapperTitreContent{width:565px;}
.cgv .wrapLienArticleAlaUne li a{font-family:Arial, Sans-Serif;font-weight:normal;} 
.MainContent .cgassp div.trame,.MainContent .cgv div.trame{background-image:url(../images/TramePoint.png);background-repeat:repeat-x;background-position-y:9px;float:left;width:565px;}

.MainContent .cgassp h1,.MainContent .cgv h1{display:block;color:#464646;margin:10px 0;padding:0 10px 0 10px;font-size:1.3em; float:left;}
.MainContent .cgassp h1 img,.MainContent .cgv h1 img{margin:-2px 3px 0 0;vertical-align:middle;}
.MainContent .cgassp h2, .MainContent .cgv h2{display:block;color:#464646;float:none;margin:0 0 0 10px;padding:0;font-family: Arial, "MS Trebuchet", sans-serif;}
.MainContent .cgv h3:first-child{margin-top:15px;}
.MainContent .cgassp h3, .MainContent .cgv h3{display:block;color:#464646;float:none;margin:25px 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #cdcdcd;font-size:1.1em;font-weight:normal;}

.MainContent .cgv ul, .cgassp ul{margin-left:10px;}
.MainContent .cgassp ul>li, .MainContent .cgv ul>li{font-weight:bold;/*color:#666;*/}
.MainContent .cgassp ul>ul>li, .MainContent .cgv ul>ul>li{font-weight:normal;}
.MainContent .cgassp ul>ul, .MainContent .cgv ul>ul{margin:5px 0 10px 15px;}
.MainContent .cgassp ul>ul li, .MainContent .cgv ul>ul li{margin:0px 0 5px 0px;}

/*---------------Qui sommes-nous?-----------------------------------*/
.qsn{width:565px;margin:12px 0 0 10px;float:left;}
.qsn ul{margin:5px 0 10px 20px;}
.qsn ul li{margin:3px 0 3px 10px; list-style-type:square!important;list-style-position:outside;}
/*--------------Impressum----------------------------------------------*/
.impressum {padding-left:10px;}
.impressum h3{margin:40px 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #CDCDCD;color:#464646;font-size:1.1em;font-weight:normal;text-transform:uppercase;}
.impressum div h3:first-child{margin-top:12px;}
.impressum h3+strong{margin:0 0 3px 0;display:block;}
.impressum div p>span{display:block;margin-bottom:2px;}
.impressum a{display:block;margin-top:3px;}
/*------------------------------protection et sécurité des données --------------------*/
.psd{width:565px;margin-top:12px;margin-left:10px;float:left;}
.psd h3{margin:25px 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #464646;color:#464646;font-size:1.1em;font-weight:normal;text-transform:uppercase;}
.psd h3:first-child{margin-top:0;}
.psd ul{margin:10px 0 20px 20px;}
.psd ul li{margin:3px 0 7px 10px; list-style-type:square!important;list-style-position:outside;}
/*------------------------------------FAQ------------------------------------*/
.faq{width:565px;float:left;margin:12px 0 0 10px;}
.faq h3{margin:25px 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #464646;color:#464646;font-size:1.1em;font-weight:normal;text-transform:uppercase;}
.faq h3:first-child{margin-top:0;}
.faq ul{margin:5px 0 10px 10px;}
.faq ul.fl{margin:10px 60px 10px 10px;}
.faq ul li{margin:3px 0 7px 10px; list-style-type:square!important;list-style-position:outside;}
.faq ul li+ul li{margin-left:20px;}
.faq span{display:block;margin-bottom:2px;}
/*----------------------Plan du site-----------------------------------------------*/
.planSite .ColL{float:left;width:355px;margin-right:40px;}
.planSite .ColL .box a,
.planSite .ColR .box a{}
.planSite .ColR{float:left;width:355px;}
.planSite .box{width:100%;margin-bottom:0;}
.planSite .boxlast{width:100%;margin-right:0;}
.planSite .box a{display:block;margin-bottom: 10px;}
.planSite .box p+a{display:block;margin-top:20px;}

/*--------------------Memento communal-----------------------------------*/
.MementoComm {font-size:0.9em;}
.MementoComm label{margin-left:10px;}
.MementoComm div.trame{background-image:url(../images/TramePoint.png);background-repeat:repeat-x;background-position-y:2px;float:left;width:565px;}
.MementoComm div div div:first-child{background-color:#F6F4F4;/*padding-right:5px;*/}
/*.MementoComm div div div{background-color:#F6F4F4;padding-right:10px;}*/
.MementoComm div div div div{padding:0 5px 0 10px;}
.MementoComm h1{font-size:1.3em;margin-top:3px;}
.MementoComm h2{color:#464646;}
.MementoComm dt{margin-right:2px;}
/*Rad Grid*/
.valignb input[type="image"]{vertical-align:bottom!important;}
dl{}
dt.commune{float:left;width:175px;font-weight:bold;margin-right:2px;}
dt{font-weight:bold;display:inline;}
dd{margin:0; display:inline;}

/*------------------Liens utiles-----------------------------*/
.liensUtiles a{}
/*------------------tooltoip Nav left------------------------*/
.qtip-content{white-space: nowrap!important;}
/*------------------warn is not logged-----------------------*/
.warn_isnotlogued{width:420px;}
.warn_isnotlogued .boxRadWindow table{table-layout:fixed;width:395px;}
.warn_isnotlogued .boxRadWindow table tr td .divLeft{border-bottom:1px solid #CDCDCD;margin:0 15px 10px 0;padding-bottom:3px;font-weight:bold;}
.warn_isnotlogued .boxRadWindow table tr td .divRight{border-bottom:1px solid #CDCDCD;margin:0 0px 10px 0;padding-bottom:3px;font-weight:bold;}
  
sup { line-height: 0.1em; }