* html #poststuff { height : 100%; }
* html .wrap { height : 1%; }
.clear { clear: both; }
.clearfix {display: block;}
.clearfix:after { content: ".";  display: block;   height: 0;  clear: both;   visibility: hidden;}
/* End hide from IE-mac */
body { border : none; background : #fff ; margin : 0; padding : 0; font : 10px Verdana, sans-serif; text-decoration : none; color : #000000 ;height:100% }
.positionement {width:900px ; height:100% ; margin-left:auto ; margin-right:auto ;}

.bandeau{ border:0px; margin;0px;padding:0px;width:900px;height:138px}


/*//DYNAMIQUE!!!!!!////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//DYNAMIQUE!!!!!!////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.color { background-color : #c4416c ;}
.color a{ color : #fff;text-decoration : none; }
.color a:hover{color : #515151;text-decoration : none; }

/*//DYNAMIQUE!!!!!!////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//DYNAMIQUE!!!!!!////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.color2 { background-color : #7c2359; }
.white { background-color : #fff; }
.grey2 { display : block;background-color : #b2b2b2; text-decoration : none; }
.grey2 a { display : block;background-color : #b2b2b2; text-decoration : none;}
.grey2 a:hover { display : block;background-color : #c1c1c1; text-decoration : none;}
.grey3 { background-color : #e6e6e6; text-decoration : none; }
.black { display : block;background-color : #000; text-decoration : none; }
.black a { display : block;background-color : #000; text-decoration : none;}
.black a:hover { display : block;background-color : #333333; text-decoration : none;}
/*//DYNAMIQUE!!!!!!////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//DYNAMIQUE!!!!!!////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.tcolor { color : #c4416c; }
.tcolor a { color : #c4416c; }
.tcolor a:hover { color : #c4416c; }
/*//DYNAMIQUE!!!!!!////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//DYNAMIQUE!!!!!!////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.tcolor2 { color : #7c2359; }
.tcolor2 a{ color : #7c2359; }
.tcolor2a:hover { color : #7c2359; }
.twhite{ color : #fff; }
.twhite a{ color : #fff;text-decoration : none;}
.twhite a:hover{ color : #fff;text-decoration : none;}
.tblack{ color : #000; }
.tgrey{ color:#989898}
.tgrey2{ color:#b3b3b3}
.tgrey3{ color:#666666}
.entete { position : fixed;display: block; width :900px; height : auto; }
.hauteur100{height:20px}
/* MENU 1 //////////////////////////////////////////////////////////////////////////////////////////////////////*/
.menu {position:absolute;z-index: 2;margin : 0;padding : 0;padding-bottom : 2px;list-style : none;height : 25px; width : 100%;font : 12px "Verdana", sans-serif;line-height :27px;color : #fff;}
.menu li {float : left; text-align : center;  }
.separation{ background-image :  url('images/separation2.gif') ; background-repeat: no-repeat; background-position: 0 9px; }
.separation2{ background-image :  url('images/separation3.gif') ; background-repeat: no-repeat; background-position: center 0; }
.menu li a {color : #fff;display : block ;padding : 0 0;text-decoration : none;}
.menu li a:hover {color : #fff;}
.ombre01{ visibility: hidden ; width : 100% ; height : 9px ; background : url('images/ombre01.gif') no-repeat center 0 ; }
.ombre02{ visibility: hidden ; width : 100% ; height : 9px ; background : url('images/ombre02.gif') no-repeat center 0 ; }
.ombre03{visibility:hidden;display:none;position:absolute;width:140px;height:9px; background:url('images/ombre02.gif') no-repeat center 0px ; }
.ombreliste{visibility:  hidden;display: none;position : absolute ; margin-left:-10px;  width : 160px ; height : 15px ; background :  url('images/ombreliste.gif') no-repeat center 0px ;}
.ombreliste2{visibility: hidden;display: none;position : absolute ; margin-left:-10px; width : 160px ; height : 15px ; background :  url('images/ombreliste2.gif') no-repeat center 0px ;}
.ombreliste3{visibility: hidden;display: none;position : absolute ; margin-left:-10px; width : 160px ; height : 15px ; background :  url('images/ombreliste3.gif') no-repeat center 0px ;}
.ombreliste4{visibility: hidden;display: none;position : absolute ; margin-left:-10px; width : 160px ; height : 15px ; background :  url('images/ombreliste4.gif') no-repeat center 0px ;}
.ombreliste5{visibility: hidden;display: none;position : absolute ; margin-left:-10px; width : 160px ; height : 15px ; background :  url('images/ombreliste5.gif') no-repeat center 0px ;}
.on { visibility: visible; display:block;}

/* SOUS MENU 1 //////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sousMenu { text-align:left;background-color:none;visibility: hidden;position: relative;display: none;margin : 0px;margin-top :-9px;margin-left :-10px;padding : 0;padding-left : 10px;list-style : none;font : 12px "Verdana", sans-serif;line-height :33px;color : #fff;height:20px; }
.sousMenu li {}
.sousMenu li a {color : #fff;display: block;padding : 0 0;text-decoration : none;}
.sousMenu li a:hover {background-color : #fff; color : #000 }

.sousMenu2 { text-align:left; background-color:none; visibility: hidden; position: relative; float:left ; display: none; top:-33px;left :100px; list-style : none;font : 10px "Verdana", sans-serif; line-height :33px;color : #fff;height:0px; }
.sousMenu2 li {}
.sousMenu2 li a {color : #fff;display: block;padding : 0 0;text-decoration : none;}
.sousMenu2 li a:hover {background-color : #fff; color : #000 }

.sousMenuSelect{background-color : #fff; color : #000 }
.double{ line-height : 17px;height:34px }

/* CHAPEAU //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.chapeau{ display: block;width:100%; height : 50px; color : #ffffff; padding-bottom:3px; padding-top:15px;margin-top:27px;background : #fff;}
.chapeau2{ display : block ;float:left;width:710px; height : 50px; color : #ffffff; padding-bottom:3px; padding-top:15px;margin-top:-1px;background : #fff;border-top: 1px dotted #bfbfbf ;border-bottom: 1px dotted #bfbfbf ;}
.chapeau3{ display : block ;float:left;width:710px; height : 1px; color : #ffffff;  margin-top:0px;border-top: 1px dotted #bfbfbf ;}
.chapeau4{ display: block;width:100%; height : 130px; color : #ffffff; padding-bottom:3px; padding-top:15px;margin-top:27px;background : #fff;}
.titre{ float:left;}
.minute{ cursor: pointer ;width: 663px ; height : 70px ; background : #fff ;font : 13px Arial ; text-decoration : none; border: 1px dotted #bfbfbf ; position : relative; text-align:left; margin-top:10px ; padding :5px; }
.minutePlayer{ position:relative;color:#000;left:503px;top:20px}
.prec{ cursor: pointer ;float : left ;background:#f0f ; width:10px; margin-top:4px; }
.suiv{ cursor: pointer ;float : left ;background:#F0f ; width:10px; margin-top:4px;}
.minutePlayerTexte{ float:left; border: 1px dotted #bfbfbf ; width:50px ; height : 15px ; text-align:center ; padding-top:3px }

/* BLOC PROGRAMME //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.blocdroit{ position : absolute ;display : block ;z-index: 1;float:left;width :188px ; top:233px ; left: 715px}
.blocdroit2{ display : block ;float:left;width :900px ; }
.cadreprogramme{display: block; padding-left : 8px; padding-top : 1px; background : url('images/cadre_programme.gif') no-repeat ;height:245px}

.coment{ font:5px "Verdana", sans-serif; text-align :right ; margin-bottom :1px ;  margin-right :5px ; margin-top :1px; }
.coment2{ text-align : left ; margin-bottom : 10px ;  margin-right : 5px ; margin-top : 3px; color: #bfbfbf }

.bton{ cursor: pointer ;display : block ;float:right; height : auto ; padding-top:5px; padding-bottom:5px; width : 172px ;text-align : center ;font : 9px "Verdana", sans-serif;color : #fff;margin-top:5px;margin-right : 7px ;text-decoration : none;}
.bton a{ text-decoration : none;color : #fff; }
.bton a:hover{ text-decoration : none;color : #fff; }


/* CALENDRIER //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.calendrier{width:880px;height:auto;margin-left:20px;margin-top:17px;}
.selecteur{ float:left ; margin-left:10px ;margin-top:10px;font-size:1em}
.blockMoisAll{  float:right ; width:210px ; height:35px ; margin-top:-1px;margin-left:5px;}
.blockMoisAll2{  float:left ; width:210px ; height:35px ; margin-top:-1px;margin-left:5px;}
.blockMois{ float:left ; width:30px ; height:14px ; margin-right:1px ; margin-top:1px ; border: 1px dotted #bfbfbf ; text-align : center ; padding-top:1px ; }
.blockMois a{ text-decoration : none ; }
.blockMois a:hover{ text-decoration : none; }
.blockJoursAll{float:left;width:385px;height:35px;margin-top:-1px;margin-left : 10px}
.blockJour{float:left;width:19px;height:14px;margin-right:3px;margin-top:2px;border: 1px dotted #bfbfbf;text-align : center;padding-top:1px}
.blockJour a{text-decoration : none;}
.blockJour a:hover{color:#515151;text-decoration : none;}
.active{color:#ffa212;font-weight:bold;}
.active a{color:#ffa212;font-weight:bold;}
.active a:hover{color:#515151;font-weight:bold;}
.select{background : #ffa212;color:#fff;font-weight:bold;}
.select a{color:#fff;font-weight:bold;}
.select a:hover{color:#515151;font-weight:bold;}
.calendrierSeparation{float : left ;background : url('images/separation.gif') no-repeat 0px 12px;width:2px;height:34px;margin-left : 25px;margin-right : 28px;}
.separateur2{ float:left;margin-right:25px ;margin-left:30px ;margin-top:13px; }
.separateur3{ float:left;margin-right:2px ;margin-left:10px ;margin-top:13px; }
.input {float:left ;height : 18px;background : #ffff;border : 1px solid #bfbfbf;color : #9a9a9a;font : 10px Verdana, Helvetica, sans-serif;padding-top :6px;padding-right :8px;padding-left :8px;margin-left:5px;margin-top:5px}
.btoninput{ display : block ;float:right; height :16px ; width :24px ;text-align : center ;line-height :24px;text-decoration : none;padding-top:5px;background : #ffff;border : 1px solid #bfbfbf;color : #9a9a9a;font : 10px Verdana, Helvetica, sans-serif;margin-top:5px}
.btoninput a{ display : block ;text-decoration : none;color : #9a9a9a; }
.btoninput a:hover{display : block ; text-decoration : none;color : #000; }
.btoninput2 { margin-bottom:0px;display : block ;float:left; height :16px ; width :24px ;text-align : center ;line-height :24px;text-decoration : none;padding-top:5px;background : #ffff;border : 1px solid #bfbfbf;color : #9a9a9a;font : 10px Verdana, Helvetica, sans-serif;margin-top:5px;margin-left:10px}
.btoninput2 a{ display : block ;text-decoration : none;color : #9a9a9a; }
.btoninput2 a:hover{display : block ; text-decoration : none;color : #000; }
/* CONTENU //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.contenuSimple{  min-height : 400px;width:700px; height :auto;padding-top:233px;background-image :  url('images/gab_evenement2.jpg') ; background-repeat: no-repeat; background-position: 0px 234px;}
.contenu{  min-height : 400px;width:700px; height :auto;padding-top:233px}
.contenu2{  min-height : 400px; width:700px; height :auto;padding-top:301px; }
.contenu3{  min-height : 400px; padding-left:10px;width:675px; height :auto;color:#000000;padding-top:250px;padding-bottom:30px ; background-image :  url('images/gab_evenement2.jpg') ; background-repeat: no-repeat; background-position: 0px 234px;}
.contenu3 a{ text-decoration : none; }
.contenu3 a:hover{ text-decoration : none; }
.contenu3 a:visited { text-decoration : none; }
.contenu3 h1 { font :16px "Arial", sans-serif; font-weight:bold ;margin:0;padding:0}
.contenu3 h2 { font :12px "Arial", sans-serif; font-weight:bold ;margin:0;padding:0}
.contenu3 p { font :11px "Arial", sans-serif;margin:0;padding:0}
.contenu4{  min-height : 400px;width:700px; height :auto;padding-top:323px}
.gabsimple{ min-height : 20px;padding-top:20px;padding-bottom:20px;display: block; width:700px ; border-top: 1px dotted #bfbfbf ; }
.texte{ padding-right:20px;padding-left:20px; }
.gabsimple a{ text-decoration : none;}
.gabsimple a:hover{ text-decoration : none;}
.gabevenement{ cursor: pointer ; display: block; width:700px ;height:123px ; border-top: 1px dotted #bfbfbf ; }
.gabevenement a{ text-decoration : none;}
.gabevenement a:hover{ text-decoration : none;}
.gabevenement2{ display: block;  float:left ; width:700px ; border-top: 1px dotted #bfbfbf ;padding-top:17px;padding-left:10px;}
.gabespacement{ display: block; width:700px ; height:35px ;margin-top:90px;margin-bottom:10px; }
.normal{ background-image :  url('images/gab_evenement.png') ; background-repeat: no-repeat; background-position: 0 0; }
.favoris{ background-image :  url('images/gab_evenement_favoris.png') ; background-repeat: no-repeat; background-position: 0 0; }
.focus{  float:left ; background-image :  url('images/gab_evenement2.jpg') ; background-repeat: no-repeat; background-position: 0 0; }
.bottom{margin-bottom:30px;}
.colonne1{ padding-left:10px; float:left; width:450px;padding-top:17px; }
.colonne2{ float:left ;width:215px;text-align:right;padding-right:25px;padding-top:5px;}
.colonne3{ padding-left:10px; float:left; width:650px;padding-top:17px; }
.colonneTexte{ float:left;width:420px;padding-top:0px; }
.image{display: block;height:362px;width:554px;margin-top:20px;margin-left:-14px;padding-left:28px;padding-top:15px;background : url('images/cadre_image_paysage.jpg') no-repeat 0px 0px;}

/* DIAPORAMA //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.eventMedia	{ display:block;float:left; display: block; width:250px; margin-top:0px; margin-left:30px; padding-left:0px; padding-top:15px; }
.diapPhoto	{ display:block; height:290px; width:250px; background-color : #000000; padding-top:6px;}
.diapVideo	{ display:block;height:215px; width:250px; background-color:#333333;	margin-top:1px; padding-top:6px; }
.panelPhoto	{ display:block; height:250px; width:238px; background-color : #fff; margin-left:6px; }
.panelPhoto	img{ display:block; border:0px}
.panelVideo	{ display:block; height:178px; width:238px; background-color : #fff; margin-left:6px; }
.panelVideo img{ border:0px}
.playerDiaporama{ display:block; height:32px; width:238px; margin-left:6px; }
.pager{display:block; float:left; width:80px; padding-top:11px;}

/* TITRES //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1{ font : 24px "Arial", sans-serif; font-weight:bold ;margin:0;padding:0}
h2{ font : 15px "Arial", sans-serif; font-weight:bold ; margin:0;padding:0}
h3{ font : 15px "Arial", sans-serif; margin:0;padding:0}
h4{ font : 12px "Arial", sans-serif; margin:0;padding:0;}
h5{ font : 9px "Arial", sans-serif; font-weight:bold ; margin:0;padding:0;}
h6{ font : 15px "Arial", sans-serif; font-weight:bold ; margin:0;padding-right:5px;float:left}

p{ font : 12px "Arial", sans-serif; margin:0;padding:0;text-decoration : none;}
.fleche{ margin-left:5px;margin-bottom:0px}
.vignette{margin-right:7px ; margin-top:9px;}

p a{ font-weight:bold ;color : #c4416c;  text-decoration : none; }
p a:hover{ font-weight:bold ;color : #c4416c;  text-decoration : none;}

p img{ border:0;margin-bottom:5px}

/* FOOTER //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{font : 10px Arial ; color : #b1b1b1;display: block; width:630px ; height:45px ;border-top: 1px dotted #bfbfbf ;text-align:left ;padding-left:70px;padding-top:14px; margin-top:20px;background : url('images/logo_manege.gif') no-repeat 0px 5px;text-decoration:none}
.footer .partenaires{ position:relative ;float:right ; width:180px; height:55px; top:-35px }
.footer p{font : 10px Arial ; color : #b1b1b1;text-decoration:none}
.footer a{text-decoration:none;}
.footer a:hover{text-decoration:none;}
.separateur{ margin-right:7px ;margin-left:7px ;margin-top:8px; }

/*STYLE TINYMCE/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.h1{ font-size : 18px ;font-family :Arial; margin:0;padding:0}
.h2{ font-size : 17px ;font-family :Arial; margin:0;padding:0}
.h3{ font-size : 16px ;font-family :Arial; margin:0;padding:0}
.h4{ font-size : 14px ;font-family :Arial; margin:0;padding:0}
.h5{ font-size : 13px ;font-family :Arial; margin:0;padding:0}
.h6{ font-size : 12px ;font-family :Arial; margin:0;padding:0}
.h7{ font-size : 11px ;font-family :Arial; margin:0;padding:0}
.h8{ font-size : 10px ;font-family :Arial; margin:0;padding:0}

.marginBottom10{margin-bottom:10px}
.marginBottom5{margin-bottom:5px}
/* FORMULAIRE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.formulaire { width :450px; height : auto;margin-top:20px}
.titre1{font : 2em "Verdana", sans-serif;margin-bottom:10px;margin-top:10px;}
.titre3{font : 1em "Verdana", sans-serif; font-weight : bold;margin-bottom : 3px; }
.input {width : 410px;height : 15px;background : #ffff;border : 1px solid #bfbfbf;color : #9a9a9a;font : 10px Verdana, Helvetica, sans-serif;padding-top :5px;padding-right :8px;margin-bottom : 10px;}
.submit { float: right;display: block;text-align : center;margin-right : 20px;margin-top:20px;margin-bottom:20px;font-size:1em }
