</***************** BODY *****************/

* {
/*---on passe toutes les marges à 0---*/

margin:0;
padding:0;
}

html {/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)

scrollbar-base-color:#7d8a2e;
---*/
background: url(http://www.centreequestre-lugere.fr/charte/images/bg-html.jpg) top left repeat;
}

body {

background: url(http://www.centreequestre-lugere.fr/charte/images/bg-body.jpg) top left no-repeat;
}


/***************** FONTFACE *****************/


@font-face {
font-family: 'bebasneue-webfont';
src: url('http://www.centreequestre-lugere.fr/charte/font/bebasneue-webfont.eot');
src: local('☺'), 

url('http://www.centreequestre-lugere.fr/charte/font/bebasneue-webfont.woff') format('woff'),

url('http://www.centreequestre-lugere.fr/charte/font/bebasneue-webfont.ttf') format('truetype'),

url('http://www.centreequestre-lugere.fr/charte/font/bebasneue-webfont.svg#webfont3O1lEWkC') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'icomoon';
src:url('http://www.centreequestre-lugere.fr/charte/font/icomoon.eot');
src:url('http://www.centreequestre-lugere.fr/charte/font/icomoon.eot#iefix') format('embedded-opentype'),

url('http://www.centreequestre-lugere.fr/charte/font/icomoon.ttf') format('truetype'),

url('http://www.centreequestre-lugere.fr/charte/font/icomoon.woff') format('woff'),

url('http://www.centreequestre-lugere.fr/charte/font/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;


/* Better Font Rendering =========== */

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


.icon-plus:before {
content: "\e601";
}

.icon-arrow-up:before {
content: "\e602";
}

.icon-arrow-up:before {
content: "\e603";
}

.icon-arrow-right:before {
content: "\e604";
}

.icon-uniE605:before {
content: "\e605";
}

.icon-pictures:before {
content: "\e606";
}

.icon-arrow-left:before {
content: "\e600";
}

.icon-arrow-down:before {
content: "\e607";
}

.icon-arrow-left2:before {
content: "\e608";
}

.icon-arrow-down:before {
content: "\e60a";
}

.icon-play:before {
content: "\e609";
}

.icon-iconmonstr-smartphone-9-icon:before {
content: "\e60b";
}

.icon-iconmonstr-location-16-icon:before {
content: "\e60c";
}

.icon-iconmonstr-email-icon:before {
content: "\e60d";
}

.icon-iconmonstr-shop-4-icon:before {
content: "\e60e";
}

.icon-iconmonstr-newspaper-7-icon:before {
content: "\e60f";
}

.icon-iconmonstr-location-icon:before {
content: "\e610";
}

.icon-iconmonstr-phone-icon:before {
content: "\e611";
}

.icon-iconmonstr-printer-6-icon:before {
content: "\e612";
}


/***************** CONTAINER *****************/

#container {
position:relative;
width:988px;
margin:0 auto;
background:none;


}

/***************** HEADERFLASH *****************/

#header {
width:988px;
height:200px;
/*obligatoire si il y a un flash*/

display:block;
outline:0;


}

/***************** HEADER NO FLASH *****************/

#headerNoFlash {
    background: none repeat scroll 0 0 0;
    display: block;
    height: 461px;
    outline: 0 none;
    width: 988px;
float:left;
}


#DiapoHeader {
position:absolute;


width:476px;
height:476px;
float:left;
left: 311px;
top: 0;
margin-right:0;


}


/* ENCART-HEADER

----------------------------------- */

#encart-header {
width: 75px; height: 300px;
margin-top: 40px;
float: right;


}


#contenu-gauche h1 {
    color: #1063b8;
    font: normal 45px/48px 'Smythe', cursive;
    padding-bottom: 16px;
border-bottom: 1px solid rgba(16,99,184,0.5);
margin: 0 0 0.30em;
}


#contenu-gauche h1 span {
    color: #333;
    font: normal 48px/48px 'Smythe', cursive;
}


#contenu-gauche h1 span{
color: #333;
 font: normal 48px/20px 'Smythe', cursive;
}


#contenu-gauche h2 {
    color: #333;
    font: normal 28px/20px 'Smythe', cursive;
background:none;
border-width:0;


}


#contenu-gauche h3 {
    color: #666;
    font: normal 20px/25px 'Smythe', cursive;
background:none;
text-indent:0;
padding:0;
}


#galerie h1 {
  color: #333;
    font: normal 48px/20px 'Smythe', cursive;
}


/***************** ANIMATION LOGO *****************/


@-moz-keyframes AnimLogo {
from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}}


@-webkit-keyframes AnimLogo {
from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}}


@-ms-keyframes AnimLogo {
from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}}


@-o-keyframes AnimLogo {
from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}}


@keyframes AnimLogo {
from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}}


/*#Logo {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
-webkit-animation: AnimLogo 0.8s ease-in-out 1;
-moz-animation: AnimLogo 0.8s ease-in-out 1;
-ms-animation: AnimLogo 0.8s ease-in-out 1;
-o-animation: AnimLogo 0.8s ease-in-out 1;
animation: AnimLogo 0.8s ease-in-out 1;
    left: 15px;
    top: 48px;
    position: relative;
    text-decoration: none;
    display: block;
    width: 285px;
    height: 284px;
    float: left;
    background: url(http://www.centreequestre-lugere.fr/charte/images/logo.png) top left no-repeat;
}*/

#Logo #Txt1 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    color: #ff3300;
    font: 100px/70px "bebasneue-webfont",Arial,Helvetica,sans-serif;
    margin-top: 50px;
    text-decoration: none;
    text-transform: uppercase;
}

#Logo #Slogan {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    color: #333;
    font: 55px "bebasneue-webfont",Arial,Helvetica,sans-serif;
    text-decoration: none;
}

#Logo:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

#Logo:hover #Slogan {
    margin-left: 40px;
    opacity: 0.7;
}

/***************** MENU TOP *****************/

#menuTop {
position:relative;
z-index:10;
width:415px;
height:59px;
list-style:none;


}

#menuTop li {
position:relative;
float:left;
margin-left:10px;


}

#menuTop a {
text-decoration:none;
font:normal 21px/50px 'Smythe', cursive;
color:#1063b8;
text-align:center;
display:block;
height:59px;
overflow:hidden;


padding:0 10px 0 10px;
}


#menuTop a::before {
position: absolute;
top: 25%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 15px;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}


#container #menuTop a:hover::before, #container #menuTop a.trigered::before, #container #menuTop a.rubrique_active::before {
color: #1063b8;
text-shadow: 12px 0 #1063b8, -12px 0 #1063b8;
}


#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {
color:#458ad1;
}

/***************** SOUS MENU */

#menuTop li ul {
list-style:none;
position:absolute;
width:100%;
top:-6000px;
left:0;
padding-left:0;
padding-right:0;
background:#ff3300;
border:solid #7f7f81;
border-width:1px 0 0 0;


-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
behavior: url(http://www.centreequestre-lugere.fr/css-js/css-processed/PIE-1.0.0/PIE.htc);


}

#menuTop li li {
float:none;
}

#container #menuTop li li a {
background:none;
width:auto;
position:relative;
height:30px;
font:normal 13px/30px 'Smythe', cursive;
text-transform:none;
color:#fff;
text-decoration:none;
border:solid rgba(255,255,255,0.1);
border-width:0 0 1px 0;
text-align: center;
padding:0 5px 0 0;


}

#container #menuTop li li a:hover {
-moz-border-radius: none;
-webkit-border-radius: none;
border-radius: none;


}


/***************** MENULEFT */


#menuLeft {
float:left;
width:190px;
padding:0;
margin:35px 0 10px 0;
list-style:none;
}

#menuLeft h2 {
float:none;
width:190px;
padding:0 0 14px 0;
color: #1063b8;
margin-bottom: 10px;
text-align: center;
list-style:none;
font:normal 36px/40px 'Smythe', cursive;
border-bottom: 1px solid rgba(16,99,184,0.5);
}


#menuLeft li a {
background:none;
text-decoration:none;
font:normal 20px/22px 'Smythe', cursive;
color:#666666;
display:block;
width:155px;
overflow:hidden;
position: relative;
text-transform: none;
padding:3px 10px 3px 25px;
margin-left: 15px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition:    all 0.3s ease-in-out;
-o-transition:      all 0.3s ease-in-out;
-ms-transition:     all 0.3s ease-in-out;
transition:         all 0.3s ease-in-out;
}


#menuLeft li a:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
background: #458ad1;
width: 14px;
height: 14px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition:    all 0.3s ease-in-out;
-o-transition:      all 0.3s ease-in-out;
-ms-transition:     all 0.3s ease-in-out;
transition:         all 0.3s ease-in-out;
}

#menuLeft li a:hover:before {
background: #1063b8;
}


#menuLeft li:hover a, #menuLeft li a.rubrique_active, #menuLeft li.inUse a {
color:#333;
}


/***************** SOUS MENU */

#menuLeft li ul {
list-style:none;


}

#menuLeft li ul li a, #menuLeft li:hover ul li a, #menuLeft li.inUse ul li a {
background:none;
border:none;
text-decoration:none;
font:normal 12px/20px 'Smythe', cursive;
color:#ff3300;
display:block;
overflow:hidden;
padding:5px 10px;
border-width:0;
}

#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {
text-decoration:none;
color:#666;


border-width:0;
}

/***************** CONTENU *****************/

#contenu_bg {
float:left;
width:798px;
}

#contenu {
float:left;
width:728px;
padding:25px 10px 150px 68px;
}

#contenu-gauche {
float:left;
width:728px;
margin:0 0 10px 0;
}

#contenu-droite {
float:left;
width:180px;
display: none;
}

/***************** BOUTON DE RETOUR EN HAUT DE PAGE *****************/

#btn_up {
position:absolute;
cursor: pointer;
z-index: 100;
top: -20px;


right:10px;
-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
width:40px;
height:40px;
background:#458ad1 url(http://www.centreequestre-lugere.fr/charte/images/btn_up.png) center center no-repeat;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}


#btn_up:hover {
background:#333 url(http://www.centreequestre-lugere.fr/charte/images/btn_up.png) center center no-repeat;
}


/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer {
clear:both;
}

#clearFooter {
height:80px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#containerfooter {
position:relative;
clear:both;
width:100%;
height:80px;/*--- = à la hauteur du footer ---*/

margin:-80px 0 0; /*--- = MaginTop à la hauteur du footer ---*/

/*background:url(http://www.centreequestre-lugere.fr/charte/images/bg-containerfooter.png) top center repeat-x;*/

background:#1063b8;


}

#footer {
position:relative;
width:988px;
height:80px;
margin:0 auto;
background:#1063b8;
font:9px/15px Arial, Helvetica, sans-serif;
color:#FFF;
}

#linkeo {
position:absolute;
left:0;
top:5px;
width:350px;
height:26px;
line-height:10px;
color:rgba(255, 255, 255, 0.4);
padding:25px 0 0;
}

#linkeo img {
float:left;
margin:4px 10px 0 10px;
}

#footer #linkeo a.linkeo {
text-decoration:none;
font:9px Arial, Helvetica, sans-serif;
color:#FFF;
}

#footer #linkeo a:hover.linkeo {
text-decoration:none;
color:#6db5ff;
}

/******************* STYLE FOOTER *****************/

#footer p {
font:10px/30px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:right;
padding:25px 10px 0 0;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#FFF;
}

#footer a:hover, #footer a:active {
text-decoration:none;
color:#6db5ff;
}

/********************* STYLES BANNIERES DE PUBS ***************/


#pub468 {
width:468px;
height:60px;
position:absolute;
top:5px;
left:50%;
margin-left:-234px;
z-index:100;
border: 1px solid #FFFFFF;
}

#pub468 img {
padding:0 !important;
margin:0 !important;
border:0 !important;
}

#pub180 {
width:180px;
height:150px;
float:right;
padding-top:110px;
border: 1px solid #FFFFFF;
}

#pub180 img {
padding:0 !important;
margin:0 !important;
border:0 !important;
}


/**/


/* ENCART CONTACT HEADER

----------------------------------- */

.contact-head {
cursor:pointer;
position:absolute;
top: 270px;
right: 130px;
overflow:hidden;
display:block;
text-align:center;
text-decoration:none;
width: 60px;
height: 60px;
margin: 0 0 0 0;
float:left;
background-color:rgba(69,138,209, 0.9);


margin-bottom:10px;


-moz-border-radius:40px;
-webkit-border-radius:40px;
border-radius:40px;
behavior: url(http://www.centreequestre-lugere.fr/css-js/css-processed/PIE-1.0.0/PIE.htc);
 

/*Transition*/

-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
-ms-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}

.contact-head span {
display:block;
position:absolute;
width:60px;
height:60px;
font-size: 40px;
color: #FFF;
text-align: center;
line-height: 55px;
top:5px;
right:0;
/*Transition*/

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition :all 300ms ease-out;
transition: all 300ms ease-out;
}


.contact-head:hover span {
top:-64px;
}


.contact-head .contact-head-content {
font: normal 30px/50px 'Smythe', cursive;
position:absolute;
overflow:hidden;
width:60px;
height:60px;
top:-64px;
right:0;
text-align:center;
/*Transition*/

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

.contact-head .contact-head-content h2 {
margin:0;
padding:0;
border:0;
font-size:20px;
line-height:22px;
font-weight:normal;
color:#fff;
/*Transition*/

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}


.contact-head:hover .contact-head-icon {
top:-64px;
}

.contact-head:hover .contact-head-content {
top:20px;
}


/*ADDED CODES*/

#contenu ul li {
    background: url("http://www.centreequestre-lugere.fr/images/integration/puce.png") no-repeat scroll 5px 0px transparent;
    list-style: none outside none;
    padding-left: 25px;
margin-bottom: 8px;
}


#contenu #ideo_ldp_global ul li{
padding-left: 25px;
}


#contenu #contenu-gauche p strong {
color: #333;
}


#contenu #contenu-gauche a img{
border: 1px solid #458ad1;
}


#contenu #contenu-gauche a img:hover{
border: 1px solid #1063b8;
}

 
 #contenu #contenu-gauche .ideo_ptn_wrapper img     {
 border : none;
}


.ideo_ldp_wrapper {
    float: left;
    height: 179px;
    margin: 2%;
    min-width: 225px;
    overflow: hidden;
    width: 46%;
}


#contenu #ideo_ldp_global h2 {
    border-bottom: 0 none;
    color:#333333;
    font-size: 1.45em;
    font-weight: bold;
    height: 25px;
    line-height: 1.1em;
    margin: 0 0 10px;
    padding: 10px 10px 3px;
}


.degrade {
background: none;
filter: none;
border: 1px solid rgba(16,99,184,0.5);
box-sizing: border-box;
}


.arrondi {
border-radius: 0;
}


#contenu ul#ideo_inc_planSite li {
    font-size: 1em;
    list-style: none outside none;
    margin: 0 0 15px;
    padding-left: 25px;
float:left;
width: 290px;
}


#contenu h3, #contenu h4 {
    font-variant: normal;
}


#contenu #ideo_ldp_global a:hover {
text-decoration: underline;
}


#contenu .ideo_inc_messageErreur {
background-color: #fff9e9;
    background-image: url("http://www.centreequestre-lugere.fr/images/integration/erreur.gif");
    background-position: 15px 18px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #eee2be;
    border-top: 1px solid #eee2be;
    color: #e04e51;
    line-height: 20px;
    padding: 15px 10px 15px 40px;
}


#contenu #contenu-gauche p.ideo_inc_messageErreur strong {
color: #e04e51;
}


#contenu p.ideo_inc_messageErreur a:link, #contenu p.ideo_inc_messageErreur a:visited {
color: #412d2e;
}


#contenu h3.ideo_gbl_sans {
padding-left: 0;
}


#contenu #galerieFlash

{ margin: 0 auto;}


/*#contenu .ideo_cnt_blocAdresse2 p {
    margin-bottom: 0;
    margin-top: 15px;
}*/


#contenu .ideo_cnt_blocFormulaire:nth-of-type(5) {
    float: left;
    padding: 0;
    width: 100%;
}


#contenu .ideo_cnt_blocFormulaire img {
    border: medium none;
    margin: 0 0 5px;
    vertical-align: bottom;
}


#textCnil {
top: 317px;
}

/*

input {
    color: #412d2e;
}


#contenu a:link, #contenu a:visited {
color: #f7eecd;
}*/


#contenu blockquote {
    border: 1px dashed #458ad1;
    color: #333333;
    height: auto;
    margin: 0 0 15px;
    padding: 10px 10px;
    font: lighter 18px/22px "Smythe";
    text-align: left;
}


#contenu blockquote p {
margin-bottom: 0.3em;
}


#index .ideo_gdc_imageTexteQuarts4 .blocTexte1 {
    width: 64.093%;
}


#index .ideo_gdc_imageTexteQuarts4 .blocSeul {
    width: 32.386%;
}


#equitation .ideo_gdc_texteLongImageCourte1 .blocVisuel2 {
    max-width: 31.239%;
}


#calypso h4{
position:absolute;display:block;top:780px;left:14px;font-size:30px;font-family:"Smythe",cursive;text-transform::uppercase;font-weight:bold;color:#1063b8;
}


#calypso h4:hover{
text-decoration:underline;
}
/*
     FILE ARCHIVED ON 17:25:52 Nov 02, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:53:52 Jan 15, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 189.276 (3)
  esindex: 0.009
  captures_list: 207.517
  CDXLines.iter: 11.303 (3)
  PetaboxLoader3.datanode: 284.366 (4)
  exclusion.robots: 0.24
  exclusion.robots.policy: 0.226
  RedisCDXSource: 3.964
  PetaboxLoader3.resolve: 43.415
  load_resource: 175.848
*/