/* -------------------------- STYLE DE LA PAGE --------------------------- */ #contenu {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:15px;} #contenu-gauche{float:left;width:450px;margin:0 25px 0 15px;} /* -------------------------- STYLE DE TEXTE --------------------------- */ #contenu h1{background:url(../../images/integration/h1.jpg) no-repeat bottom right;font-weight:bold;font-size:1.5em;line-height:1.1em;color:#e43d1e;margin:0 0 12px 0;padding-bottom:8px;width:100%;} #contenu h1.ideo_gbl_sans{font-weight:bold;font-size:1.6em;color:#e43d1e;margin:0px 0px 2px 0px;width:100%;} #contenu h2{background:url(../../images/integration/h2.jpg) no-repeat bottom right;font-weight:bold;font-size:1.3em;line-height:1.2em;color:#fff;margin:0 0 15px;padding:3px 0 3px 7px;border:1px solid #37570a;} #contenu h3{font-variant:small-caps;background:#D5D9E2;font-weight:bold;font-size:1.1em;color:#000;padding:2px 0px 2px 1px;margin-bottom:8px;text-align:left;} #contenu h3.ideo_gbl_sans{background:none;border-bottom:1px dotted #e6e6e6;} #contenu h4 {font-variant:small-caps;font-size:1.1em;font-weight:bold;border-bottom:1px solid #e6e6e6;padding:0;width:100%;text-align:left;margin:15px 0;color:#000;float:left;} #contenu p{font-size:1em;text-align:justify;color:#757373;margin-bottom:1.2em;} #contenu p em{font-weight:bold;font-size:1em;} #contenu sup{font-size:0.7em;} #contenu p.ideo_gbl_couleur, #contenu span.ideo_gbl_couleur{font-weight:bold;color:#E43D1E;} p.couleur, span.couleur{font-weight:bold;color:#E43D1E;} #contenu .ideo_gbl_petit, #contenu p.ideo_gbl_petit{font-size:0.8em;line-height:1.2em;} #contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota{font-size:0.8em;line-height:1.2em;font-style:italic;padding:0 10px 0 0;} #contenu .ideo_gbl_alerte, #contenu p.ideo_gbl_alerte{color:#a6240a;} #contenu a:link, #contenu a:visited{font-weight:bold;color:#5b6c1d;text-decoration:underline;cursor:pointer;} #contenu a:hover, #contenu a:active{color:#E43D1E;text-decoration:none;cursor:pointer;} #contenu a:link img, #contenu a:visited img{filter: alpha(opacity=100);-moz-opacity: 1.00; opacity:1.00;border:none;} #contenu a:hover img, #contenu a:active img{filter: alpha(opacity=70);-moz-opacity: 0.70; opacity:0.70;border:none;} img {border:1px solid #E43D1E;} a img {border:none;} a:active, a:focus{outline:none;} #contenu ul{margin-left:10px;margin-bottom:15px;} #contenu ul li{background:url(../../images/integration/puce.gif) no-repeat;list-style:none;font-size:1em;text-align:justify;color:#757373;margin-bottom:0.7em;padding-left:35px;} /* -------------------------- VISUEL --------------------------- */ .ideo_gbl_visuel {float:left;margin:5px 0 10px 5px;padding:0 7px 1px 0;} .ideo_gbl_visuelRight {float:right;padding:0 7px 1px 0;margin:5px 5px 10px 10px;} .ideo_gbl_visuelCenter{text-align:center;padding:0;margin:15px 0 15px 0;border:0px;} .ideo_gbl_visuelCenter a:link{padding:0;margin:0;border:0px;} .ideo_gbl_visuelCenter img{padding:0;margin:0;border:0px;} /* -------------------------- FORMULAIRE --------------------------- */ #contenu select {color:#000000;border:1px solid #E43D1E;background-color:#ffffff;width:152px;} #contenu input{background-color:#ffffff;border:1px solid #E43D1E;color:#000000;height:15px;} #contenu textarea{background-color:#ffffff;border:1px solid #E43D1E;color:#000000;} /* -------------------------- PAGINATION --------------------------- */ #contenu #ideo_inc_pagination {margin:20px auto;width:100%;} #contenu #ideo_inc_pagination span{font-size:1em;text-align:center;} #contenu #ideo_inc_pagination p{text-align:center;color:#E43D1E;margin:0;} #contenu #ideo_inc_pagination label{font-size:0.9em;} /* -------------------------- MENU --------------------------- */ #contenu #ideo_inc_menu {padding:0 0 20px 2px;width:100%;float:left;text-align:left;} #contenu #ideo_inc_menu ul {list-style-image:none;margin:0;padding:0;} #contenu #ideo_inc_menu li {display:inline;font-size:0.9em;list-style-image:none;background:none;margin:0; padding:0;} #contenu #ideo_inc_menu li .encours{color:#E43D1E;text-decoration:underline;} /* -------------------------- REFERENCEMENT --------------------------- */ #footer_ref {float:left;display:block;width:735px;margin:20px 0 0 0;} #footer_ref p {color:#757373;margin:0 0 6px 0;} #footer_ref h1, #footer_ref h2 {font-size:12px;border:none;border-bottom:1px solid #e43d1e;font-weight:bold;background:none;color:#757373;} /* -------------------------- ENCART CONTACT --------------------------- */ #contenu .ideo_inc_contact{width:100%;text-align:center;} #contenu .ideo_inc_contact p{text-align:center;font-weight:bold;font-size:1em;margin:0;} /* ************************************************************ */ /* ***************** STYLE DES PAGES STATIQUE ***************** */ /* ************************************************************ */ /* -------------------------- PAGE INDEX --------------------------- */ .video {float:left;margin:0 0 0 12px;} #contenu #contact{background:url(../../images/integration/contact.jpg) no-repeat;width:401px;height:128px;margin:20px auto;} #contenu #contact2{background:url(../../images/integration/contact-2.jpg) no-repeat;width:407px;height:128px;margin:20px auto;} #contenu #contact3{background:url(../../images/integration/contact-3.jpg) no-repeat;width:407px;height:128px;margin:20px auto;} #contenu #contact4{background:url(../../images/integration/contact-4.jpg) no-repeat;width:407px;height:128px;margin:20px auto;} #contenu #contact5{background:url(../../images/integration/contact-5.jpg) no-repeat;width:407px;height:128px;margin:20px auto;} #contenu #contact6{background:url(../../images/integration/contact-6.jpg) no-repeat;width:407px;height:128px;margin:20px auto;} #contenu #contact7{background:url(../../images/integration/contact-7.jpg) no-repeat;width:407px;height:128px;margin:20px auto;} /*-------------------------- Galerie ---------------------------*/ #contenu #galeriephoto {background:url(../../images/integration/bg-galerie.jpg) no-repeat bottom;margin:10px auto;width:450px;padding-bottom:24px;} #contenu #galeriephoto img{border:none;} #contenu #defilgauche { float: left; margin: 0 5px 5px 0; cursor: pointer; z-index: 9; } #contenu #defildroite { float: right; margin: 0 0 5px 5px; cursor: pointer; z-index: 10; } #contenu #flowcut { width: 304px; overflow: hidden; position: relative; } #contenu #flow{ position: relative; } #contenu .vign{ float: left; margin-right :5px; } /**********************************************/ strong{color:#7ea2d3;} .bas1{margin-top:30px;} .bas2{margin-top:60px;}