/* CSS Document */

* { margin:0; padding:0; }

body { color:#06131e; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;background:#e20046;}
#roger {background:url(../images/bgBody.jpg) repeat-y center #e20046; }
#bg { background:url(../images/bgBG.jpg) no-repeat top center; }
#global { width:940px; margin:0 auto; font-size:1.2em; padding:190px 0 0 0; position:relative; }

a { color:#e62069; text-decoration:none; }
a:hover { color:#06131e; }
a img { border:0; }
h2 img { border:0; background:0; padding:0; }
h3 { display:block; font-weight:bold; font-size:1.2em; margin:15px 0 3px 0; clear:both;  }
h3 img { border:0; background:0; padding:0; }
img { padding:3px; background:#fff; border:1px solid #CCCCCC; }
ul { list-style:none; }
.mini { font-size:0.8em;}
.italic {font-style:italic;}
.noBorder {border:0}
 
.clear { display:block; clear:both; }
.floatLeft { float:left; }
.floatLeftIMG { float:left; margin:0 10px 0 0; }
.bubblink { text-align:right; margin:-10px 0 0 0; clear:both; }
.bubblink a { background:url(../images/ico_minibulle.png) no-repeat left; padding:0 0 0 18px; }

.puce { background:url(../images/puce.png) no-repeat 0 3px; text-indent:13px; } 


#header { width:940px; margin:0 auto 30px auto; height:165px; background:url(../images/bgHeader.png) no-repeat top center; position:absolute; top:0; left:0; }
#header img { padding:0; background:0; }
h1 a { display:block; width:300px; height:100px; margin:0 0 0 80px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.logoMCC { position:absolute; top:86px; left:17px; }
.partenaires { position:absolute; top:116px; right:17px; }
.partenaires img { border:0; padding:0; background:0; }
.linkProgram { position:absolute; top:10px; right:38px; }

.blocNav { height:27px; margin:36px 0 0 0; display:block; background:url(../images/nav/bg.png) no-repeat center bottom; }
#nav { width:570px; list-style:none; margin:0 auto; }
#nav li { float:left; margin:0 8px 0 0; }
#nav li a { display:block; height:27px; text-indent:-9999px; text-decoration:none; overflow:hidden; background-position:top; }
#nav li a:hover { background-position:bottom; }
#nav li .item1 { width:122px; background:url(../images/nav/presentation.png); }
#nav li .item2 { width:100px; background:url(../images/nav/programme.png); }
#nav li .item3 { width:62px; background:url(../images/nav/presse.png); }
#nav li .item4 { width:112px; background:url(../images/nav/partenaires.png); }
#nav li .item5 { width:132px; background:url(../images/nav/organisateurs.png); }

#content { width:923px; height:100%; margin:0 auto; padding:0 0 0 17px; position:relative; background:url(../images/bgContent.png) no-repeat bottom left; }

#leftWide { width:680px; height:100%; padding:0 0 10px 0; min-height:100%; float:left; background:#fff; }
#leftWide .left { width:317px; float:left; position:relative; }
#leftWide .right { width:315px; float:right; position:relative; }

#leftWide #banner { height:326px; display:block; clear:both; margin:20px 0 0 0; position:relative; }
#leftWide #banner a { display:block; height:326px; background-position:top; text-indent:-9999px; text-decoration:none; overflow:hidden; }
#leftWide #banner a:hover { background-position:bottom; }
#leftWide #banner .edito { width:173px; background:url(../images/bt_edito.png) no-repeat; position:absolute; top:0; left:0;}
#leftWide #banner .toutsavoir { width:150px; background:url(../images/bt_toutsavoir.png) no-repeat; position:absolute; top:0; left:180px;}
#leftWide #banner .jeu { width:345px; height:323px; background:url(../images/bt_jeu.png) no-repeat; position:absolute; top:0; right:2px;}

#leftWide p { margin:0 0 5px 0; }

#oneCol {width:883px; height:100%; padding:20px; min-height:100%; float:left; background:#fff; }
#tempBan { height:80px; width:95%; border-bottom:25px solid #fff; background:#e2006e; color:#fff; padding:15px; font-size:3em; text-align:center; }

.banJeu img { border:1px solid #b3afa1; background:0; padding:0; }

.blocActu { clear:both; margin:15px 0 0 0; }
.blocActu img { float:left; margin:0 5px 0 0; }
.blocActu div { float:left; }
.blocActu div h3 { margin:0 0 5px 0; }

.blocActuManif { clear:both; margin:15px 0 0 0; position:relative; }
.blocActuManif img { float:left; margin:0 5px 0 0; }
.blocActuManif div { width:205px; float:left; }
.blocActuManif div h3 { margin:0 0 5px 0; }
.blocActuManif .bubblink { }


#left { width:155px; float:left; padding:0 10px; }
#left img  { border:0; background:0; padding:0; }
#left ul li  { margin:0 0 5px 0; }
#left h3 { margin:30px 0 5px 0; }
#left form { margin:10px 0 0 0; }
#left form input { border:2px solid#dad6c8; width:120px; color:#888e92; font-style:italic; }
#left form .btSubmit { border:0; color:#e62069; width:25px; font-style:normal; background:0; font-weight:bold; }
#left .sousMenu li { background:url(../images/puce.png) no-repeat 0 3px; padding:0 0 0 12px; }
#left .sousMenu li a {  color:#06131e; }
#left .sousMenu li a:hover { color:#e62069; }


#center { width:475px; float:left; margin:0 0 0 30px; position:relative; }	
#center #ariane { font-size:.8em; margin:0; }	
#center h1 { color:#de0040; border-bottom:1px solid #de0040; font-size:1.8em; font-weight:normal; padding:0 0 3px 0; margin:10px 0; }	
#center h2 { color:#de0040; border-bottom:1px solid #de0040; font-size:1.8em; font-weight:normal; padding:0 0 3px 0; margin:10px 0; }	
#center .noBorder { border-bottom:0; }	
#center h3 {  border-bottom:1px solid #de0040; font-size:1.5em; font-weight:normal; padding:0 0 3px 0; margin:20px 0 10px 0; }	
#center p { margin:10px 0;; }	

#center .imgManif { float:left; margin:0 10px 0 0; }	
#center .presentation { width:280px; float:left; }
#center .location { font-size:.9em; color:#999; }
#center .auteurs li { margin:0 0 10px 0; }	
#center .auteurs li span { font-size:1.2em; cursor:pointer; }	
#center .auteurs ul li img { float:left; margin:0 5px 0 0; }	

#center .tools { border-top:1px solid #de0040; margin:20px 0 0 0; padding:20px 0 0 230px; }	
#center .tools a { display:block; width:60px; height:100px; float:left; margin:0 20px 0 0; text-indent:-99999px; text-decoration:none; overflow:hidden; background-position:top; }	
#center .tools a:hover { background-position:bottom; }	
#center .tools .ajoutSelec { background-image:url(../images/tools_ajout.png); }	
#center .tools .envoiAmi { background-image:url(../images/tools_ami.png); }	
#center .tools .imprimer { background-image:url(../images/tools_imprimer.png); }	
#center #maSelection .tools { border-top:1px solid #de0040; margin:20px 0 0 0; padding:20px 0 0 315px; }	

#FBshare a { position:absolute; bottom:30px; left:0; text-indent:0; }
#TWshare { position:absolute; bottom:30px; left:100px; }
#ToutesActus {position:absolute; bottom:55px; left:365px; text-indent:0; }
.toolsActu { display:block; clear:both; padding:40px 0 0 0; }
.toolsActu #FBshare a { position:relative; float:left; width:50px; }
.toolsActu #TWshare { position:relative; width:80px; float:left; margin:0 0 0 -80px; }


#center .infos  { border-top:1px solid #de0040; margin:20px 0 0 0; padding:15px 0 0 0; }
#center .infos li { padding:7px 0 12px 28px; background-position:top left; background-repeat:no-repeat; }
#center .infos .lieu { background-image:url(../images/ico_lieu.png); }
#center .infos .transports { background-image:url(../images/ico_transport.png); }
#center .infos .tel { background-image:url(../images/ico_tel.png); }
#center .infos .public { background-image:url(../images/ico_public.png); }
#center .infos .info { background-image:url(../images/ico_info.png); }
#center .infos .facebook { background-image:url(../images/ico_fb.png); }
#center .infos .twitter { background-image:url(../images/ico_twtr.png); }

#center .greyList li { background:url(../images/puce_grey.png) no-repeat 0 3px; padding:0 0 0 12px; }
#center .greyList li a {  color:#06131e; }

#center form fieldset { border:0; background:#f8f6ee; padding:5px; margin:0 0 15px 0; }
#center form fieldset legend { font-size:1.3em; font-weight:bold; color:#b3afa1; }
#center form fieldset ul li { margin:0 0 3px 0; padding:3px 2px; clear:both; }
#center form fieldset ul li:hover { background:#e7e5dd;  }
#center form fieldset ul li label { display:block; width:100px; margin:0 0 5px 0; float:left; cursor:pointer; }
#center form fieldset .chkbx li label { display:block; width:100px; margin:0 0 5px 0; float:left; }
#center form fieldset .chkbx .checkboxes li label { border:0; width:100px; }
#center form fieldset .checkboxes li label { display:block; width:220px; margin:0 0 5px 0; float:left; }
#center form fieldset .checkboxes li input{ border:0; width:15px; }
#center form select { width:203px; }
#center form input { width:200px; border:1px solid #b3afa1; padding:1px 2px; }
#center form .btSubmit { display:block; width:150px; height:40px; background:url(../images/bt_rechercher.png) no-repeat; cursor:pointer; border:0; padding:0; text-indent:-99999px; text-decoration:none; overflow:hidden; font-size:0; }

#center #fieldset-map img { background:0; padding:0; border:0; }
#center #map img { background:0; padding:0; border:0; }

#center #detailsRecherche { background:#f8f6ee; padding:1px 5px; margin:0 0 15px 0; }
#center #detailsRecherche img { background:none;float:left;}
#center #detailsRecherche a .unpeuplushaut {float:left;margin:4px 15px 0 0;}
#center #resultatRecherche { }
#center #resultatRecherche h3 { border:0; padding:0; margin:10px 0 5px 0; }
#center .pagination { border-top:1px solid #de0040; margin:15px 0 0 0; padding:5px 0 0 0; border-top:1px solid #e62069; }
#center #liensTop { text-align:center; }

#center .plan { font-size:1.3em; }
#center .plan li { background:url(../images/puce_grey.png) no-repeat 0 5px; padding:0 0 0 15px; margin:0 0 7px 0; }
#center .plan ul { padding:5px 0 0 10px; }


#right { width:180px; margin:-15px 30px 0 0; padding:0 0 150px 0; float:right; }
#right img { background:0; border:0; padding:0; margin:0 auto; }
#right h3 { margin:40px 0 5px 0; }
#right .bubblink { margin:10px 0 0 0; }

#right .connect { margin:10px 0; text-align:center; }
#right .connect a { margin:0 10px 0 0; }

#right form { margin:10px 0 0 0; }
#right form input { border:2px solid#dad6c8; color:#888e92; font-style:italic; }
#right form .btSubmit { border:0; color:#e62069; font-style:normal; background:0; font-weight:bold; }
#right  .postItContent { text-align:center; }

#right .linkProgramme { display:block; width:188px; height:147px; background:url(../images/bt_programme.png) no-repeat top; text-indent:-9999px; text-decoration:none; overflow:hidden; margin:30px 0 0 0; }
#right .linkProgramme:hover { background-position:bottom; }

#footer { margin:0 auto; clear:both; background:url(../images/bgFooter.jpg) no-repeat top center #e20147; color:#fff; }
#footer .footerContent { width:940px; margin:0 auto; padding:15px 0 0 0; }
#footer a { color:#fff; }
#footer a img { border:0; padding:0; background:0;}
#footer .logoz { padding:20px 0; }
#footer .logoz a { margin:0 12px 0 0; }

#maSelection { margin:15px 0 0 0; }

#envoiami { width:300px; padding:15px; background:#fff; margin:50px auto; font-size:1.2em; }
#envoiami form { margin:20px 0; }
#envoiami label { display:block; width:140px; margin:0 0 5px 0; float:left; cursor:pointer; padding:5px 0 0 0; font-weight:bold; }
#envoiami i { margin:0 0 10px 0; }
#envoiami p { margin:5px 0; }
#envoiami textarea { width:100%; height:120px; }
#envoiami .btSubmit { display:block; width:150px; height:40px; background:url(../images/bt_envoyer.png) no-repeat; cursor:pointer; border:0; padding:0; text-indent:-99999px; text-decoration:none; overflow:hidden; font-size:0; }

.monlivre { margin:0 0 0 -16px; }

.lienPDFsmall { display:block;  height:32px; background:url(../images/bt_pdf_small.png) no-repeat 0 0 #06131e; font-size:1.5em; padding:10px 0 0 50px; cursor:pointer; }
.lienPDFsmall:hover { background-color:#e72281; }
.lienPDFsmall span { padding:0 0 0 50px; }
.lienPDFsmall small { display:block; font-size:.7em; padding:0 0 0 50px; }

.lienEPSsmall { display:block;  height:32px; background:url(../images/bt_eps_small.png) no-repeat 0 0 #06131e; font-size:1.5em; padding:10px 0 0 50px; cursor:pointer; }
.lienEPSsmall:hover { background-color:#e72281; }
.lienEPSsmall span { padding:0 0 0 50px; }
.lienEPSsmall small { display:block; font-size:.7em; padding:0 0 0 50px; }

.lienJPGsmall { display:block;  height:32px; background:url(../images/bt_jpg_small.png) no-repeat 0 0 #06131e; font-size:1.5em; padding:10px 0 0 50px; cursor:pointer; }
.lienJPGsmall:hover { background-color:#e72281; }
.lienJPGsmall span { padding:0 0 0 50px; }
.lienJPGsmall small { display:block; font-size:.7em; padding:0 0 0 50px; }