/* NEW CSS START */
body { text-align: center; padding-top:4px; background-color:#3398cc; background-repeat:repeat-x; background-image:url(img/fond-site3.jpg); background-position:center; background-position:top; margin-left: auto; margin-right: auto; width:1000px}



#global { 
  margin-left: auto; 
  margin-right: auto; 
  min-width: 1000px; 
  text-align: left; min-height:1000px;
}
#global2 { 
  margin-left: auto; 
  margin-right: auto; 
  width: 1000px; 
  text-align: left; min-height:1000px;
}

.margeleft { float:left; width:20px;   }


.logo {width:747px; height:181px; margin:0px; padding:0px  }
.margelogo { float:left ;width:132px;   }

.TopTenHome {max-width: 216px; margin-top:14px}
.TopTen {max-width: 216px; margin-top:18px}
.TopTenTitre {width: 216px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:3px; padding-left:8px; font-style:italic; margin-bottom:8px; font-weight:bold}

.TopTenTxt{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; width:216px; padding-left:0px}
.nav { float:left; width:216px; margin:0px; padding:0px; margin-left: 0; }

.nav ul { margin:0px; padding:0px; margin-left: 0;}
.nav li { list-style-type:none; margin:0px; padding:0px; padding-left:0px; padding-top:0px  }


/* MENU DROITE DROITE */
.accordion2 {width: 216px;	/*border-bottom: solid 1px #c4c4c4;*/}
.accordion2 h3 {padding: 0px 0px;margin: 0;	font-family:Arial, Helvetica, sans-serif ;font-size:18px;	text-transform:capitalize; font-weight:normal; }
.accordion2 h3:hover {
	/*background-color: #e3e2e2;*/
}
.accordion2 h3.active {	background-position: right 5px;display:block; margin:0px; padding:0px }

.active { display:block; color:#FFFFFF}

.accordion2 ul{ margin: 0; padding-left: 14px; display: none; }
.accordion2 ul.active{ margin: 0; padding-left: 14px; display:inherit; }

.accordion2 li{  }

A.accordion2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:none}


A.accordion1-on { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; text-decoration:none; font-weight:bold ; }

A.accordion1-off { font-family:Arial, Helvetica, sans-serif; font-size:18px;  color:#000000; text-decoration:none ; font-weight:bold}

A.accordion1:hover {  color:#ffffff }

/* lien langue */
A.langue-on { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; text-decoration:none; font-weight:bold }

A.langue-off { font-family:Arial, Helvetica, sans-serif; font-size:9px;  color:#000000; text-decoration:none ; font-weight:bold}

A.langue:hover {  color:#ffffff }

.langue { float:right ;width:auto; margin-bottom:4px; height:18px}
.langue01 { text-align:right;}
.langue0 { float:left ; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; padding-left:2px; padding-right:1px; padding-top:2px  }
.langue02 { float:left ; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; padding-left:2px; padding-right:1px  }

.addthis_button {cursor: pointer; padding:0px; margin:0px}

/* lien langue END */

/* sous titre color */
A.accordion2-on { font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#FFffff; text-decoration:none }

A.accordion2-off { font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#000000; text-decoration:none }

A.accordion2-off:hover { color:#ffffff; }

.on {display:block;font-size: 14px; color:#ffffff; text-decoration: none; font-family: arial, Helvetica, sans-serif; padding-left:0px;width:216px; }

a.ok { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; text-decoration:none;  text-transform:uppercase; margin:0px  }

a.logo img{ padding:0px; margin:0px }



/* MENU DROITE DROITE END*/

/* news SEARCH*/
.search {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; width:180px; height:80px; padding:0px; padding-top:18px; margin:0px}
.search1 {float:left;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; margin-top:1px; padding-top:10px; padding-left:1px}
.search1b {float:left;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; margin-top:2px; padding-top:10px}
.search3b {float:left;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; margin-top:2px;}

.search2 {float:left;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; }
.search2b {float:left;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; }

.searchtxt {width:140px; height:12px  }
.search A{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;text-decoration:none;}
.search A:hover{ text-decoration:underline}

.searchnewsletter { padding:4px; padding-top:9px; padding-bottom:5px; background-image:url(img/fond-newsletter.png);background-repeat:repeat;min-height:25px; margin:-3px}
.searchnewslettertitre { padding:0px; margin:0px}

/* news SEARCH END*/


/* HOME 3 BLOC*/
.actucut { padding-top:10px}
A.actucut { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none;  padding-top:9px ;padding:0px}
A.actucut:hover { color:#FFFFFF}
.actu1 { float:left ; margin:0px;  padding-bottom:6px }
.actu {  margin:0px; height:125px; overflow:hidden; text-align:center}
.actutxt { float:left ;height:134px;width:215px; margin:0px;  padding:0px; text-decoration:none;  }
.actutxt p { float:left ;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;  padding-top:0px ;  padding:0px;}
A.actutxt h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; text-decoration:none;  padding-top:4px; margin:0px; font-weight:bold;  }
.actutxt h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; text-decoration:none;  padding-top:4px; margin:0px; font-weight:bold;  line-height:18px  }

.zone0 { float:left ;width:826px; margin:0px; padding:0px; vertical-align:top } 
.zone3 { float:left ;width:215px; margin:0px; padding:0px; vertical-align:top; min-height:200px; margin-right:50px; padding-top:15px}

.plink {padding-top:5px; }
A.plink {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:none; padding:8px;  }
A.plink:hover{text-decoration: underline; }


/* HOME 3 BLOC END*/


a img { border:0px; margin:0px; padding:0px; }
.content { float:left ;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; width:747px; }
/* ARTICLE*/

.titrearticlelien0 { margin:0px; padding-top:1px  }

.titrearticlelien { float:left ;width:219px;padding-left:7px; padding-top:2px }
A.titrearticlelien {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;  text-transform:uppercase;  }
A.titrearticlelien:hover{text-decoration:none; background:#000000 none repeat scroll 0 0;color:#ffffff; }

A.titrearticlelien-on { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#000000 none repeat scroll 0 0;  color:#ffffff; text-decoration:none;padding-left:7px;  text-transform:uppercase; }
A.titrearticlelien-off { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;padding-left:7px;  text-transform:uppercase; padding-right:2px; background:#000000 none repeat scroll 0 0;color:#ffffff ; }
.titrearticlelien-off { float:left ;width:217px; padding-top:2px }


.titrearticlelien2 { float:left ;width:219px;padding-left:7px; padding-top:2px }
A.titrearticlelien2-on { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;  text-transform:uppercase;background:#000000 none repeat scroll 0 0;color:#ffffff; padding-left:7px; padding-right:2px;}
A.titrearticlelien2-off { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-transform:uppercase;  padding-right:4px;  color:#000000 }
A.titrearticlelien2-off:hover{text-decoration:none; background:#000000 none repeat scroll 0 0;color:#ffffff; padding-right:2px }
.titrearticlelien2-off { float:left ;width:217px;padding-left:7px; padding-top:2px }
.titrearticlelien2-on { float:left ;width:217px;padding-left:7px; padding-top:2px }


.titrearticleshop { float:left ;width:215px;padding:0px; margin:0px; height:25px; padding-top:6px ; }

.titrearticlecd h3 {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#3399cc; text-decoration:none; padding:0px; margin:0px; text-transform:uppercase; font-weight:bold; }
.titrearticlecd {width:180px;padding:0px; margin:0px; min-height:20px; padding-top:0px ; }

.zone0Article { float:left ; width:746px; background-image:url(img/fond-all50.png);background-repeat:repeat;}
.zone1Article { float:left ;width:239px; margin-right:4px; min-height:944px; padding-top:5px }
.zone2Article { float:left ;width:502px; background-color:#FFFFFF;  }
.zone2Articleshop { float:left ;width:455px; padding:20px}
.zone2Articleshop h3 {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#3399cc; text-decoration:none;  padding-top:0px; padding-left:7px; margin:0px;  font-weight:bold;line-height:20pt ; text-transform:uppercase  }

.blocimgvertical { float: right; margin : 0px; padding:3px; padding-top:4px; text-align:center;}
.blocimgvertical2 { float: right; margin : 0px; padding:3px; padding-top:4px; text-align:center;width:425px}
.blocimgverticalshop { float: right; margin : 0px 0 8px 4px; width:425px; text-align:center;}

.date0 { margin-left:8px; width:180px; background:#3399cc; margin:6px}
.date {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; text-transform:uppercase; font-weight:bold; margin:4px }

h1 {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#ecc99f; text-decoration:none;   padding-left:8px; line-height:17pt; font-weight:normal; text-transform:uppercase }

h2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ebc89e; text-decoration:none; text-transform:uppercase; background-color:#000000; padding:2px; padding-left:10px; margin:0px; height:16px }

h3 {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#3399cc; text-decoration:none;  padding-top:0px; padding-left:0px; margin:0px;  font-weight:bold;line-height:20px ;   }

p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;   padding-top:0px; padding:4px; margin:0px }

.soustitre {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3399cc; text-decoration:none; padding-left:10px;  margin:0px; padding-top:4px; font-weight:bold }
.soustitre p{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3399cc; text-decoration:none; padding-left:10px;  margin:0px; padding-top:1px; font-weight:bold; line-height:20px; }
.zone2Article h3 {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#3399cc; text-decoration:none;  padding-top:5px ;padding-left:10px; font-weight:bold;line-height:17pt; margin:0px }

.descriptif {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;  padding-left:10px; }
.descriptif0 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;  padding-top:20px ;padding-left:10px; }
.descriptif1 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;  padding-top:10px ;padding-left:10px; width:350px }
.descriptif p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:none;  padding-top:20px ;padding-left:10px; text-transform:uppercase }
.zone2cut {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;  padding-top:20px ;padding-left:6px; padding-bottom:10px }
A.zone2cut {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; font-weight:bold ; text-transform:uppercase }
A.zone2cut:hover {text-decoration:underline;}


.zone2chapo {font-family:Georgia, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;  padding-top:0px ;padding-left:7px; padding-bottom:10px; font-style:italic }
.zone2chapo p {font-family:Georgia, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;  padding-top:10px ; padding-bottom:10px; font-style:italic }



/* ARTICLE END*/


.rubriqueencours0 { padding-left:6px; padding-right:6px; padding-top:6px}
.rubriqueencours {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; background:#000000; padding:4px; text-transform:uppercase;}



/* FOOTER*/
.footer { float:left ; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#000000; color:#ffffff; width:746px; height:76px; padding-top:0px; padding:0px; margin-bottom:4px; margin-top:4px}
.footer1 { float:left ; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; margin:0px; padding:0px; padding-top:8px; padding-left:8px}
/* FOOTER END*/

/* BILLET*/
.rubriqueinfoscd { padding-left:4px; padding-right:6px; padding-top:4px}
.rubriqueinfosprad0 { padding-left:8px; padding-right:10px; padding-top:6px}
.rubriqueinfosprad {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; background:#000000; padding:4px; text-transform:uppercase; font-weight:bold; width:140px; float:left}
.rubriqueinfosprad00 {   float:left; padding-left:400px; }
.zone0info { float:left ; background-color:#ffffff; min-height:1044px; width:745px }
.soustitrecd {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#3399cc; text-decoration:none; padding:0px; margin:0px; font-weight:bold  }
.cd1 { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; padding:0px; margin:0px; font-weight:normal; padding-right:10px; padding-top:5px  }
.cd2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; padding:0px; margin:0px; font-weight:normal;  width:160px; float:left  }

/* BILLET END*/
.documentarticle { vertical-align:bottom; padding-top:0px;}
.documentarticle0 { vertical-align:bottom; padding-top:160px;}

/* SHOP */

.shop { float:left ;width:364px; height:140px ; padding-right:6px; padding-bottom:12px }
.titrebillet h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-decoration:none;  padding-top:0px; padding-left:7px; margin:0px;  font-weight:bold;line-height:20pt ; text-transform:uppercase; width:300px  }

.descriptifshop p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00000; text-decoration:none;  padding:0px ; }
.descriptifts p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;  padding:0px;  padding-top:20px; padding-left:10px; }

.zone2cutshop {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-decoration:none;  padding-top:20px ;padding-left:6px; padding-bottom:10px; font-weight:bold }
.zone2cutts {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-decoration:none;  padding-top:15px ;padding-left:10px; padding-bottom:10px; font-weight:bold }

/* SHOP END*/

/* NEW CSS END */

/* CSS Document */




.marge { float:left ;width:60px; }



.addon { width:120px; padding-left:45px; }

.spacers {float:left ;height:0px; width:740px}
.spacers2 {float:left ;height:15px; width:740px}
.spacersh {float:left ;height:61px; width:740px}
.spacersho {float:left ;height:31px; width:740px}
.introcut {padding-left:4px ; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; text-decoration:none; padding:8px;  padding-top:2px; font-weight:normal }

.introtxt { float:left ;width:348px; height:315px;  background-color:#000000; padding:10px; padding-top:0px  }
.introtxt p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none;  padding-top:0px ;padding-left:10px;  padding:4px;}

.minitxt {font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#ecc99f; text-decoration:none;}

.txt { width:262px;   }

.intrologo { float:left ;width:370px; height:326px;  }

.zone1 { float:left ;width:362px; margin:0px   }
.zone2 { float:left ;width:364px; margin:0px   }


.zone1info { float:left ;width:378px; }
.zone2info { float:left ;width:362px;}






.retrospective1 { float:left ; width:362px; margin:0px; padding-right:6px; padding-bottom:6px  }
.retrospective { float:left ;width:180px ;height:245px; margin:0px; padding-right:0px }
.retrospectivetxt {float:left ;width:362px; height:369px; background-color:#ffffff; margin:0px; padding:0px }
.retrospectivetxt h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#802625; text-decoration:none;  padding-top:4px; padding-left:7px; margin:0px;  font-weight:bold;line-height:15pt;  }

.margeretrospective {height:12px; width:362px; float:left}

.programme { float:left ;width:364px; margin:0px}
.programmetxt {height:154px; background-color:#ffffff; margin:0px; padding:0px }

.margeactu { float:left; width:14px; height:12px }

A.lieninfo{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; }
A.lieninfo:hover{text-decoration:underline; }

A.lieninfo2{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }
A.lieninfo2:hover{text-decoration:underline; }

A.lieninfo3{font-family:Georgia, Arial, Helvetica; font-size:11px; color:#000000; text-decoration:none; }
A.lieninfo3:hover{text-decoration:underline; }


A.newslinksearch {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; }

A.lien_pagination {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; }


A.liencd {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; font-weight:bold;   }
A.liencd:hover{text-decoration:underline;
 }

.titrearticleshop h3 {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#802625; text-decoration:none; padding:0px; margin:0px; font-weight:bold; text-transform:uppercase }


.surtitreshop {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-decoration:none; padding:0px; margin:0px; font-weight:bold; text-transform:uppercase }

.zone2shop {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;  padding:0px ; padding-top:15px; height:25px }

A.titrearticlelien11 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#802625; text-decoration:none;  text-transform:uppercase;  }
A.titrearticlelien11:hover{text-decoration:none; background:#802625 none repeat scroll 0 0;
color:#ffffff; }

.titrearticlelien11 { float:left ;width:215px;padding-left:10px; }


.minitxt {font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#ecc99f; text-decoration:none;}





.zone1info h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#802625; text-decoration:none;  padding-top:4px; padding-left:7px; margin:0px;  font-weight:bold;line-height:15pt;  }
.zone1info h4 {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#802625; text-decoration:none;  padding-top:16px; padding-left:7px; margin:0px;  font-weight:bold;line-height:17pt;  }



.zone0info p  { margin : 0px; padding:0}








.footer2 { padding-top:1200px;}