/*
     FILE ARCHIVED ON 20:29:28 Aug 25, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 8:12:23 Mar 31, 2016.
     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)).
*/
/*** @FONTS ***/
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/css/League_Gothic-webfont.eot');
    src: url('/css/League_Gothic-webfont.eot') format('embedded-opentype'),
         url('/css/League_Gothic-webfont.woff') format('woff'),
         url('/css/League_Gothic-webfont.ttf') format('truetype'),
         url('/css/League_Gothic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.league {font: 24px 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0;line-height: 30px;}
.league-reduced {font-size:15px;line-height: 14px;padding-left: 12px;padding-top: 6px;}
.droid{font-family: 'Droid Serif', serif;color: #666;}
.droid-shaded{text-shadow:1px 1px 0px #FFFFFF;}
p.description{text-align: justify;}
.droid strong{color: #ff7000;}
p.emphase{color:#444;text-align: right;}
h2.league{color:#0C639D;text-transform:uppercase;}
h1.league{color:#0C639D;text-transform:uppercase;font-size: 2.5em;margin-top: 4px;line-height: 55px;}
h2.hammer{font-size:1.5em;}
h3.hammer{}
h3{color: #0C639D;margin-bottom: 10px;}

/*** @icones ***/

.icone{background: url(/img/icones.png) top left no-repeat;width:40px;height: 30px;display: block;float: left;margin-right: 5px;}
.icone-solution{background-position: 0px -40px;}
.icone-formation{background-position: 0px -80px;}
.icone-arrow{background-position: -10px -114px;width: 21px;height: 20px;}

/*** @MISE EN PAGE GÉNÉRALE ***/

body{background: url(/img/Partenaire-Sud-Ouest-service-de-proximit%C3%A9-aux-entreprises.jpg) repeat-x top left;background-color: #7DA2BE}
#main-column{background-color: white;width:700px;padding:10px;
-moz-box-shadow: 0px 4px 5px 0px #656565;
-webkit-box-shadow: 0px 4px 5px 0px #656565;
-o-box-shadow: 0px 4px 5px 0px #656565;
box-shadow: 0px 4px 5px 0px #656565;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
margin-bottom: 100px;}
#side-column{background-color: white;width:180px;padding:10px;float: left;margin-right: 20px;margin-bottom: 20px;
-moz-box-shadow: 0px 4px 5px 0px #656565;
-webkit-box-shadow: 0px 4px 5px 0px #656565;
-o-box-shadow: 0px 4px 5px 0px #656565;
box-shadow: 0px 4px 5px 0px #656565;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.align-with-diapo{padding: 8px;}
container-main{width:100%;background-color: red;position:absolute;}
.white{background-color: #FFF;width: 100%;margin-bottom: 10px;border-bottom-style: solid; border-bottom-color: #28526a; border-bottom-width: 3px; }
#nextService{float: right;margin-top: 25px;padding-right:16px;background: url(/img/forward.png) no-repeat top right;line-height: 17px;}
/*** @NAVBAR ***/

#branding{height: 100px;background-color: #FFF;}

#menu-principal{height:40px;width:450px;position: relative;top:24px;left:300px;padding: 12px;color:#0C639D;text-shadow:1px 1px 0px #FFFFFF, 1px 2px 0px #b1b1b2;}
#menu-principal ul li {height: 18px;padding: 6px;display: block;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
#menu-principal ul li.selected, #menu-principal ul li.link.selected a{color: white;background-color: #0c639d;text-shadow:0px 0px 0px #FFFFFF;}
#menu-principal ul li.link:hover,
#menu-principal ul li.link a:hover {color:#FFF;background-color: #0c639d;text-shadow:0px 0px 0px #FFFFFF;}
#menu-principal ul li.link a{color:#0C639D;text-shadow:1px 1px 0px #FFFFFF, 1px 2px 0px #b1b1b2;padding:0px;line-height: 18px; }

#support{cursor:pointer;position:absolute;height:90px;width:120px;top:0;right:-15px;background:url(/img/support.png) no-repeat top left;}
html>body #support {position: fixed;}/** FIX pour IE, pas lu par IE5 et IE6**/
#support:hover{background-position: 0 -117px;cursor: pointer;}

#contact{cursor:pointer;position: relative;background: url(/img/contact.png);width:115px;height:55px;left:700px;top:-50px;text-indent: -9999px;background-position: 0 -55px;}
#contact:hover{background-position: 0 0;cursor:pointer;}

#logo{position: absolute;margin-left:15px;top:10px;background: url(/img/logo-agfis.png) no-repeat top left; width:230px;height: 68px;}



.navbar-fixed-top {/** When I wrote this, only God and I understood what I was doing. Now, God only knows **/
position: static;
margin-bottom: 0px;
}
#news-column{background-color: white;width:920px;padding:10px;
-moz-box-shadow: 0px 4px 5px 0px #656565;
-webkit-box-shadow: 0px 4px 5px 0px #656565;
-o-box-shadow: 0px 4px 5px 0px #656565;
box-shadow: 0px 4px 5px 0px #656565;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
margin-bottom: 20px;
background-image: url(/img/news.png);
background-repeat: no-repeat;
background-position: 4px;
 }
/** TABLES **/
#tableau tbody tr td.icone-soft {width:100px;}
#tableau tbody tr td p{text-align: justify;padding:8px;}

#tableau-ref{width:700px;margin: 0 auto;}
#tableau-ref tbody tr td a:link,
#tableau-ref tbody tr td a:hover,
#tableau-ref tbody tr td a:active,
#tableau-ref tbody tr td a:visited{font-weight: bold;color:#0C639D;font-size: 1.1em;}
#tableau-ref tbody tr {border-bottom: 1px dotted #666;width: 100%;}
#tableau-ref tbody tr td{width: 200px;padding: 4px;}
/** ANNONCE **/
#bandeau-annonce{background-color:#0C639D; margin-top: 6px;padding-left: 4px;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;color: #FFF;height:20px;text-transform: uppercase;margin-bottom: 4px;}
h2.texte-annonce{font-size: 14px;line-height: 20px;}
.contenu-annonce{}

/** DIAPORAMA PARTENAIRES ***/
#partenaires{background:url(/img/partenaires/bloc-partenaires.png) repeat-x top left;width:229px;height:272px}
#partenaire-slider{}
.img-right{float: right;}
.img-left{float: left;}
.marge-left{margin-left: 10px;}
.display-none{display:none;}
.showMe{display: block;}
/** SIDE MENU (UL) **/
ul.side-menu {list-style-type: none;margin: 0;}
ul.side-menu a:hover{text-decoration: none;}
ul.side-menu a li{padding: 4px;}
ul.side-menu a li.selected{background-color: #ff8000;color:#FFFFFF;font-weight: bold;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}

/** PORTRAITS **/
.liste-portrait{list-style-type: none;margin-left: 0;-webkit-border-radius: 4px;border-radius: 4px;}
div.portrait{margin-bottom: 10px;position:relative;width:700px;height:224px;}
div.name{
position: relative;
left:370px;top:144px;
width: 300px;height:50px;
background-color: #FFF;
/*-moz-opacity: 0.70;-khtml-opacity: 0.70;opacity: 0.70;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);filter:alpha(opacity=70);*/
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
padding: 6px;
padding-left: 11px;
font-size: 1em;
line-height: 14px;
}
.alain-bio, .patrick-bio, .thomas-bio, .mateo-bio{display: none;}
.name h3{}
/** SERVICES **/
.cabochon-container{width:700px;height:250px;position: relative;}
.cabochon{float: left;width:247px;}
.texte-cabochon{float:right;position:relative;top:0;width:430px;}
.nodeco{color:#333;text-decoration: none;}
.nodeco:hover{color:#333;text-decoration: none;}

/** SUPPORT **/
#support-select{margin-left: 276px}
#support-serveur{cursor:pointer;height:192px;width:147px;background: url(/img/support/serveur.png);background-position: top left;}
#support-client{cursor:pointer;height:192px;width:147px; top:0;background: url(/img/support/station.png);background-position: top left;}
#support-client:hover, #support-serveur:hover{background-position-y: 192px;}

/** FOOTER **/
#xxxfooter{background: url(/img/banniere-c-inverse.jpg) repeat-x top left;width:100%;height:156px;}

.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
}
            

/*** @MEDIA ***/
#menu-principal-mobile{height:48px;padding-top:10px;background-color: #444;width: 100%;text-align: center;}
#menu-principal-mobile span{color:white;line-height: 24px;}
@media screen and (min-width: 481px) {
#menu-principal-mobile{display: none;}

}

@media screen and (max-width: 480px) {
#menu-principal{display: none;}
#side-column{display: none;}
#support{display: none;}
.texte-cabochon{float:none;width: 200px;}
.cabochon{display: none;}
.cabochon-container{width:320px;height:380px;}
.texte-cabochon{float:none;position: static;top:0;width:300px;}
#main-column{max-width: 320px;}

}

@media screen and (max-width: 960px) {
#side-column.span3 div#annonce,#side-column.span3 div#partenaires{display: none;}
.span9{width:680px;}
}

/** FORM VALIDATION **/
textarea#message{
	width: 650px;
	height: 120px;
	padding: 5px;
	font-family: Tahoma, sans-serif;
}
label.error{color:red;}
input.error{background-color: #ffc3cf;}
.success{background-color: #a4ffa0; padding: 4px;}

/** oneSale **/
span.oneSale{background: url(/img/oneSaletypo.png) no-repeat top left;padding-left: 50px;padding-bottom: 3px;line-height: 20px;}

/*** DEBUG ***/
.debug{padding: 10px; width:75%;border-top-color: #c7a158; border-top-style: dotted; border-top-width: 1px; background-color: #fcff98}
.titreDebug{width: 75%;font-size: 1.2em;background-color:#c7a158;padding: 10px;font-weight: bold;color: white; }