/* CSS Document */
@font-face {
    font-family: 'helvetica_neueblackcondobl';
    src: url('/assets/fonts/helveticaneue-blackcondobl-webfont.eot');
    src: url('/assets/fonts/helveticaneue-blackcondobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/helveticaneue-blackcondobl-webfont.woff') format('woff'),
         url('/assets/fonts/helveticaneue-blackcondobl-webfont.ttf') format('truetype'),
         url('/assets/fonts/helveticaneue-blackcondobl-webfont.svg#helvetica_neueblackcondobl') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_neueultraligcondobl';
    src: url('/assets/fonts/helveticaneue-ultraligcondobl-webfont.eot');
    src: url('/assets/fonts/helveticaneue-ultraligcondobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/helveticaneue-ultraligcondobl-webfont.woff') format('woff'),
         url('/assets/fonts/helveticaneue-ultraligcondobl-webfont.ttf') format('truetype'),
         url('/assets/fonts/helveticaneue-ultraligcondobl-webfont.svg#helvetica_neueultraligcondobl') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***** Basic Styles *****/
*{ margin:0; padding: 0; border: 0; text-decoration:none;}
html, body, p, a{ font-size:1em; color:#333333;}
html{ }
body{ -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif; background:#ffffff url(/assets/images/chronometrage/fond-site.jpg); }
a:hover{opacity : 0.8;   -moz-opacity : 0.8;  -ms-filter: "alpha(opacity=80)"; /* IE 8 */ filter : alpha(opacity=80); /* IE < 8 */-webkit-transition: all .3s ease;transition: all .3s ease;}
a{-webkit-transition: all .3s ease;transition: all .3s ease;}
h1, h2, h3, h4{  font-weight:normal; line-height:1em;}

/***** Back to Top *****/
#toTop{ display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(commun/ui.totop.png) no-repeat left top; z-index:21; }
#toTopHover { background: url(commun/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none;}



/*---------------------------------
 *  HEADER
 *---------------------------------*/
.header{ position:relative; margin:0 auto; padding:0 8px; width:980px; background:url(/assets/images/chronometrage/menu-left.png) no-repeat top left, url(/assets/images/chronometrage/menu-right.png) no-repeat top right; z-index:10;}

/*NAGIGATION*/
#nav {list-style:none; margin:0; padding:0 10px; height:45px; border:#2F5FA0 solid 1px;
background: #2f5fa0; /* Old browsers */
background: -moz-linear-gradient(top,  #2f5fa0 0%, #1a3866 69%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f5fa0), color-stop(69%,#1a3866)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* IE10+ */
background: linear-gradient(to bottom,  #2f5fa0 0%,#1a3866 69%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5fa0', endColorstr='#1a3866',GradientType=0 ); /* IE6-9 */
}
 #nav *:hover { background-color: none; }
  #nav li { position: relative; display:block; float:left; padding:0 20px 0 0 ; margin:7px 7px 0 0; background:url(/assets/images/chronometrage/sep-menu.png) no-repeat right;}

  #nav li.maison a{height: 16px !important;	text-indent:-1000em; width:16px;	margin-top: 7px;overflow: hidden;background: url('/commun/IconHomeM.gif') no-repeat scroll 0px 3px transparent;}

  #nav li:last-child {background:none;}
  #nav li a{ position:relative; font-family: 'helvetica_neueblackcondobl'; font-size:16px;  color:#ffffff; line-height:32px;}
  #nav a:hover{   /* IE < 8 */}
  #nav ul { display: none; position: absolute;margin: 0; padding: 0; top:30px; left:0; list-style:none; width:200px; text-align:left; background:#1a3866;}
  * html #nav ul { line-height: 0; list-style:none; } /* IE6 "fix" */
    #nav ul li { background:none; width:200px;}
  	#nav ul a { zoom: 1; font-size:16px; padding-left:20px;} /* IE6/7 fix */
    #nav ul ul { top: 0;left: 140px;}
    #nav ul li a { }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav .home{ background:none; margin:0; padding:7px 0 0 0; float:right; }

.logo{text-indent:-9999px;width:468px;height:231px; margin:0; }
/*.logo a{ display:block; width:468px;height:231px; text-indent:-9999px; }*/
/*.logo a{ display:block; width:468px;height:231px; text-indent:-9999px; background:url(/assets/images/chronometrage/logo.png);}*/

.inter .logo{text-indent:-9999px;width:479px;height:160px; margin:0; }
/*.inter .logo a{ display:block; width:479px;height:160px; text-indent:-9999px; }*/
/*.inter .logo a{ display:block; width:479px;height:160px; text-indent:-9999px; background:url(/assets/images/chronometrage/logo-inter.png);}*/
/*---------------------------------
 *  HEADER FIN
 *---------------------------------*/

/*---------------------------------
 *  ACCUEIL
 *---------------------------------*/
.blk{ position:relative; margin:0 auto -10px auto; width:885px; /*height:139px;*/ list-style:none; z-index:11;}
.blk img{ float:left; margin:10px 5px 0 20px;}
.blk h3{font-family: 'helvetica_neueblackcondobl'; font-size:35px;  color:#ffffff; text-shadow:rgba(0,0,0,0.5) 1px 1px 3px; }
.blk-bleu, .blk-bleu2, .blk-jaune2, .blk-blanc, .blk-void{ width:295px; height:114px; padding:25px 0 0 0; float:left;}
.blk-jaune{ width:590px; height:114px; padding:25px 0 0 0; float:left;}
.blk-jaune-content{width:300px; padding-left :150px;}
.blk-bleu{ background:url(/assets/images/chronometrage/blk-bleu.png) no-repeat top}
.blk-jaune{ background:url(/assets/images/chronometrage/blk-jaune.png)  no-repeat top;}
.blk-blanc{ background:url(/assets/images/chronometrage/blk-blanc.png) no-repeat top;}
.blk-bleu2{ background:url(/assets/images/chronometrage/blk-bleu2.png) no-repeat top;}
.blk-jaune2{ background:url(/assets/images/chronometrage/blk-jaune2.png)  no-repeat top}
.blk-blanc h3{ color:#3064A6;}

.bande-bleu{ background:url(/assets/images/chronometrage/fond-bleu.png) repeat-x top; position:relative; z-index:1; margin-top: 170px;}
.bleu{  color:#FFF; position:relative; background: #2f5fa0; /* Old browsers */
background: -moz-linear-gradient(top,  #2f5fa0 0%, #1a3866 69%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f5fa0), color-stop(69%,#1a3866)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* IE10+ */
background: linear-gradient(to bottom,  #2f5fa0 0%,#1a3866 69%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5fa0', endColorstr='#1a3866',GradientType=0 ); /* IE6-9 */}

.gris{background:#646473;}
.gris .scrollbar {right: 15px;background: none repeat scroll 0% 0% #808094;height: 100px;}

.center{ position:relative; margin:0 auto; width:980px;}
.ombre{  padding:0 8px; background:url(/assets/images/chronometrage/ombre-left.png) no-repeat top left, url(/assets/images/chronometrage/ombre-right.png) no-repeat top right; z-index:10;}

.tech-serv{ background: url(/assets/images/chronometrage/fond-serv.png) no-repeat bottom right;  width:310px; min-height:154px; padding: 10px 15px 15px 15px; float:left; }

div.mc-caption-bg, div.mc-caption-bg2 { left: 25% !important; }
/*ACCUEIL FIN*/

.pro-even{ width:530px; padding:20px 50px 0 60px; position:relative; float:left; color:#E5E5E8;}
.pro-even a{color:#E5E5E8; width:95%; padding-right:5%; display:inline-block;}
.pro-even strong{ font-family: 'helvetica_neueblackcondobl'; font-style:normal; font-weight:normal; text-transform:uppercase;}
.inscript{ background: url(/assets/images/chronometrage/inscrip.png) no-repeat right;}
.pro-even .scrollbar{ 	right:55px;}
.coin{ background:url(/assets/images/chronometrage/inscrip-coin.png); display:block; width:102px; height:103px; position:absolute; top:-12px; right:-5px;}
/*SCROLLER*/
.frame {	width:96%;	height:160px;	overflow: hidden;}
.frame ul.items {	list-style: none;	margin: 0;	padding: 0;	font-size: 14px; line-height:24px}
.frame ul.items li {	margin: 0 0 1px;	padding: 0;	 border-bottom:#E5E5E8 solid 1px;	/*cursor: pointer;*/}
.frame ul.items li a{ text-align:right}
.frame ul.items li a strong{ float:left; margin-right:10px; font-family: 'helvetica_neueblackcondobl'; font-style:normal; font-weight:normal; text-transform:uppercase;}

.scrollbar {position: absolute;	right:1%;	width: 0.5%;	height: 150px;	background:#2f5fa0;	line-height: 0; z-index:10;}
.scrollbar .handle {	width: 100%;	height: 100px;	background:#0F203A;	cursor: pointer;}
.scrollbar .handle .mousearea {	position: absolute;	top: 0;	left: -10px;	width: 22px;	height: 100%;}

.controls { position:absolute; left:15px; bottom:0; }
/*SCROLLER FIN*/
.pub1, .pub2{ float:left; position:relative; width:485px; height:100px; margin:20px 0;}
.pub1{ margin-right:10px}
.pub1 a, .pub2 a{ position:absolute; bottom:5px; right:20px;}

.der-resul{ width:980px; padding:10px 0; position:relative; color:#E5E5E8; background:#646473 url(/assets/images/chronometrage/fond-result.png) no-repeat top left;margin-top:20px;}
.der-resul .frame { float:left; width:540px; margin:0 40px 0 60px;	height:100px;	overflow: hidden;}
.der-resul a{color:#E5E5E8; width:100%; display:inline-block;}
.der-resul .scrollbar{ 	right:15px; background:#808094; height:350px;}
.der-resul .scrollbar  .handle{ background:#565663;}
.der-resul .controls { position:absolute; left:355px; bottom:10px; }
.der-resul,#smart2 {height:350px;}
.blk-all-resultats{margin-top: 140px; margin-left: 10px;}
.blk-all-resultats a {display: inline;}
.blk-all-resultats h3 {color: #3064A6 !important;}

.titre-der-resul { float:left; width:340px; padding:10px 0 0 0;}
.titre-der-resul img{ float:left; margin:10px 10px 0 40px;}
.titre-der-resul h3{font-family: 'helvetica_neueblackcondobl'; font-size:35px;  color:#8C6800; }

.actu1, .actu2{ float:left; position:relative; width:100%; height:150px; margin:10px 0 20px 0; font-size:14px;}
.actu1 p, .actu2 p{font-size:14px;}
.actu1{ margin-right:10px}
.actu1 a:hover, .actu2 a:hover{cursor: pointer; cursor: hand;}
.actu1 img, .actu2 img{height: 150px; float:left; margin:10px 15px 30px 10px; border: 5px solid #fff; -moz-box-shadow: 8px 8px 12px #aaa; -webkit-box-shadow: 8px 8px 12px #aaa; box-shadow: 8px 8px 12px #555; }
.actu1 h1, .actu2 h1{font-family: 'helvetica_neueblackcondobl';font-style: normal;font-weight: normal;text-transform: uppercase; font-size:18px; color:#666;margin-top:10px;margin-bottom:5px;}

.actu_right a:hover{cursor: pointer; cursor: hand;}
.actu_right h1{font-family: 'helvetica_neueblackcondobl';font-style: normal;font-weight: normal;text-transform: uppercase; font-size:16px; color:#000;margin-bottom:5px;}
.actu_right {position: relative;z-index: 1;padding: 10px;margin: 0px 0px 10px;background: none repeat scroll 0% 0% #FFF;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);clear: both;font-size:12px;opacity:0.5;filter:alpha(opacity=50);}
.actu_right p{color:#000000;}
.actu_display {margin-top:15px; }
ul.blk >li > div.blk-bleu > h3 { padding-top:21px; }

/*---------------------------------
*  ACCUEIL FIN
*---------------------------------*/

/*---------------------------------
*  INTER
*---------------------------------*/
.fond-inter{ position:absolute; top:0; width:100%; height:280px; z-index:0;}

.left{  width:669px; }
.left .bleu{ padding:10px; }
.left h1{ font-family: 'helvetica_neueblackcondobl'; font-size:35px; color:#FFFFFF; }

.right{ position:absolute; right:0; top:0; }
.right .blk{margin:0 auto -10px auto; width:295px; height:auto;}

.right .blk div{z-index:9; position:relative;}
.liens-bleu, .liens-jaune{position:relative; top:-15px; z-index:1; list-style:none; padding:10px 0; margin:0 0 10px 0;  background:#FFFFFF;-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.4); -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.4); box-shadow: 1px 2px 4px rgba(0,0,0,.4);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5); clear:both;}

.right .blk ul a{ font-family: 'helvetica_neueblackcondobl'; display:inline-block; text-align:center; padding:5px 0; width:90%; cursor:pointer; margin:4px 5%;}

 .contenu{width:649px; margin:10px 0 0 8px;min-height: 390px;}
/*LISTE*/

/*LISTE FIN*/
/*BLOC EDITEUR*/
.editeur{  }
.editeur p {margin:7px 0;}
.editeur a { color:#1A3866;}
.editeur h2 {font-family: 'helvetica_neueblackcondobl'; font-size:28px; color:#1A3866; margin:7px 0;}
.editeur h3 { color: #FFCC00; font-family: 'helvetica_neueblackcondobl'; font-size:22px; margin:7px 0;}
.editeur h4 { font-family: 'helvetica_neueultraligcondobl'; font-size:28px; color:#1A3866; margin:7px 0;}
.editeur h5 { font-family: 'helvetica_neueultraligcondobl'; font-size:21px; color:#1A3866; margin:7px 0; border-bottom: dotted 1px #CCC;}
.editeur ul { padding-left:30px; margin:7px 0;}
.editeur blockquote{ background: #2e5fa0 url(/assets/images/chronometrage/blockquote.png) no-repeat top left; font-family: 'helvetica_neueblackcondobl'; color:#FFFFFF; padding:7px 10px 7px 30px;}
/*BLOC EDITEUR FIN*/

/* EVENEMENTS */
.evenement h2 {font-family: 'helvetica_neueblackcondobl'; font-size:28px; color:#FFCC00; margin:7px 0;}
form.liens-jaune{padding-left:20px;}
form.liens-jaune input{ border:#CCC solid 1px; border-radius:3px;}
.evenement .pro-even{float:none;height:500px;}
.evenement .pro-even a{ color:#E5E5E8;}
.evenement .pro-even #smart_event{ height:480px; }
.evenement .pro-even .scrollbar { height:480px; }
/* EVENEMENTS FIN */

/* AMI */
#field_ami h2 {font-family: 'helvetica_neueblackcondobl'; color:#1A3866; font-size:24px; margin:7px 0;}
#field_ami input, #field_ami textarea{ border:#CCC solid 1px; border-radius:3px;}
#field_ami textarea{height:80px;}
#field_ami h4 {font-family: 'helvetica_neueultraligcondobl'; font-size:16px; color:#1A3866; margin:7px 0;}
/* AMI FIN */

/* CONTACT */
#field_contact h2 {font-family: 'helvetica_neueblackcondobl'; color:#1A3866; font-size:24px; margin:7px 0;}
#field_contact input, #field_ami textarea{ border:#CCC solid 1px; border-radius:3px;}
#field_contact textarea{height:80px;}
#field_contact label { font-family: 'helvetica_neueultraligcondobl'; font-size:20px; color:#1A3866; margin:7px 0;}
/* CONTACT FIN */

/*TABLE*/
.editeur table{ width:100%; }
.editeur table th, .editeur table td{ padding:2px 5px; }
.editeur table td{ font-style:italic;}
.editeur table th a, .editeur table th{ font-family: 'helvetica_neueblackcondobl'; color:#FFCC00; background:#FFFFFF;  }
.odd{ background:#FFFFFF; color:#1A3866;}
.editeur table strong{ font-family: 'helvetica_neueblackcondobl'; font-style:normal; font-weight:normal;}
#wrapper span, #wrapper label{ font-size:0.8em;}
#ui-table-control, .recherche{ background: #2e5fa0 url(/assets/images/chronometrage/blockquote.png) no-repeat top left; border:#FFFFFF solid 1px;}
/*TABLE FIN*/

/*CONTACT*/
input{padding:8px 10px 7px 10px;}
/*CONTACT FIN*/

/*BLOC IMG*/
.flexslider img{width:100%; height:auto; margin:0; padding:0;}
/*BLOC IMG FIN*/

/*BLOC GALERIE*/
.galerie{list-style:none; margin:0; padding:15px 20px; overflow:auto;}
.galerie li{ float:left; display:block; overflow:hidden; height:100px; width:100px; border:#FFF solid 5px;margin:5px 8px;
/* shadow */ -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.4); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.4); box-shadow: 1px 1px 4px rgba(0,0,0,.4); filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);}
/*BLOC GALERIE FIN*/

/*CARTE*/
.carte{ height:300px; border: #FFF solid 5px;
/* shadow */ -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.4); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.4); box-shadow: 1px 1px 4px rgba(0,0,0,.4); filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);}
/*CARTE FIN*/

/*---------------------------------
 *  INTER FIN
 *---------------------------------*/
/*---------------------------------
 *  FOOTER
 *---------------------------------*/
 .twitter{ margin:10px 0;}
 .inter  .twitter{ margin:10px 0; background: url(/assets/images/chronometrage/fond-footer.png) no-repeat top center;}

.footer{ margin-top: 20px }
.footer div, .footer img {margin:0 0 0 10px; float:left; color:#1A3866;}
.footer img:last-child{ float:right; position:relative; top:-30px;}
.footer p, .footer a{font-size:12px; color:#1A3866;}
.footer p{ margin:0 0 5px 0;}

/*---------------------------------
 *  FOOTER FIN
 *---------------------------------*/
 /*---------------------------------
*  BTN
*---------------------------------*/
.btn, .btn-gris, .btn-blanc{ font-size:14px; font-family: 'helvetica_neueblackcondobl'; display:inline-block; text-align:center; padding:7px 2px; cursor:pointer; margin:4px 0;
-moz-box-shadow: 1px 1px 5px 0px #000000;
-webkit-box-shadow: 1px 1px 5px 0px #000000;
-o-box-shadow: 1px 1px 5px 0px #000000;
box-shadow: 1px 1px 5px 0px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);}

.btn, .liens-bleu a{ border:#2F60A1 solid 1px; color:#ffffff;
background: #2e5fa0; /* Old browsers */
background: -moz-linear-gradient(top,  #2e5fa0 0%, #1a3866 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e5fa0), color-stop(100%,#1a3866)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2e5fa0 0%,#1a3866 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2e5fa0 0%,#1a3866 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2e5fa0 0%,#1a3866 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2e5fa0 0%,#1a3866 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5fa0', endColorstr='#1a3866',GradientType=0 ); /* IE6-9 */
}
.btn:hover{
background: #1a3866; /* Old browsers */
background: -moz-linear-gradient(top,  #1a3866 0%, #2e5fa0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a3866), color-stop(100%,#2e5fa0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1a3866 0%,#2e5fa0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1a3866 0%,#2e5fa0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1a3866 0%,#2e5fa0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1a3866 0%,#2e5fa0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3866', endColorstr='#2e5fa0',GradientType=0 ); /* IE6-9 */
}

.btn-gris{  border:#808094 solid 1px;color:#ffffff;
background: #808094; /* Old browsers */
background: -moz-linear-gradient(top,  #808094 0%, #646473 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808094), color-stop(100%,#646473)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #808094 0%,#646473 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #808094 0%,#646473 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #808094 0%,#646473 100%); /* IE10+ */
background: linear-gradient(to bottom,  #808094 0%,#646473 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808094', endColorstr='#646473',GradientType=0 ); /* IE6-9 */
}
.btn-gris:hover{ background: #646473; /* Old browsers */
background: -moz-linear-gradient(top,  #646473 0%, #808094 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646473), color-stop(100%,#808094)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #646473 0%,#808094 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #646473 0%,#808094 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #646473 0%,#808094 100%); /* IE10+ */
background: linear-gradient(to bottom,  #646473 0%,#808094 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646473', endColorstr='#808094',GradientType=0 ); /* IE6-9 */
}

.btn-blanc, .btn.small.active{ border:#ffffff solid 1px; color:#1a3866; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
}
.btn-blanc:hover{background: #e4e4e4; /* Old browsers */
background: -moz-linear-gradient(top,  #e4e4e4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e4e4e4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e4e4e4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e4e4e4 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e4e4e4 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.liens-jaune a{background: #f6db2e; /* Old browsers */
background: -moz-linear-gradient(top,  #f6db2e 0%, #fab828 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6db2e), color-stop(100%,#fab828)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6db2e 0%,#fab828 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6db2e 0%,#fab828 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6db2e 0%,#fab828 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6db2e 0%,#fab828 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6db2e', endColorstr='#fab828',GradientType=0 ); /* IE6-9 */

}

.txt{padding:5px 15px; margin:7px 0;}
.btn.small{ padding:3px 7px; font-size:10px; }
.haut, .bas{ display:block; text-indent:-9999px; width:17px; height:14px; margin:5px 5px;}
.haut{ background:url(/assets/images/chronometrage/up.png);}
.bas{ background:url(/assets/images/chronometrage/bas.png);}

.disabled{ opacity:0.2;}
 /*---------------------------------
 *  BTN FIN
 *---------------------------------*/

#menu-icon{display: none;}

/*---------------------------------
*   TWITTER
*---------------------------------*/
#twitter {height:70px;margin:120px 0 0 88px; padding:0; background: #FFFFFF url(../../assets/images/chronometrage/fond-twit.jpg) repeat-x top; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;   z-index:99;}
#twitter ul {	margin: 0;	padding: 5px 0.8em 0;	list-style-type: none; height:70px;}
#twitter ul li {	margin: 0;	padding: 5px 0.8em 0; 	width:30%; float:left; display: block; font-size:0.8em;}
#twitter ul li a {text-decoration:none;color:#2e5fa0; font-size:0.7em;}
#twitter ul li .date {font-size:0.8em; /*text-align:right;*/ font-style:italic;}

.rs{
  margin-top: 20px;
  margin-bottom: 20px;
}

 /***** Phone (portrait 740px) *****/
@media only screen and (max-width: 740px) {
/*home*/
.header, .blk, .center, bande-bleu, .contenu{ margin-right:0; margin-left:0; width:100%; padding-right:0; padding-left:0;}
.contenu{width:90%; padding-left:5%; padding-left:5%; }

.rs{
  display: none;
}

.actu1, .actu2{display:none;}

#menu-icon{display: block; height:30px; margin: 0; padding:20px 0 10px 0; text-align:center;
background: #2f5fa0; /* Old browsers */
background: -moz-linear-gradient(top,  #2f5fa0 0%, #1a3866 69%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f5fa0), color-stop(69%,#1a3866)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2f5fa0 0%,#1a3866 69%); /* IE10+ */
background: linear-gradient(to bottom,  #2f5fa0 0%,#1a3866 69%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5fa0', endColorstr='#1a3866',GradientType=0 ); /* IE6-9 */
}

#nav {list-style:none; position:relative; margin:0 0; width:98%; padding:0 1% 0 1%; display:none;text-align:center; height:auto;}
 #nav *:hover { background-color: none; }
  #nav li { position: relative; display:block; padding:4px 0 6px 0; float:none; background:none!important; border-bottom:rgba(255,255,255,0.3) solid 1px;}
  #nav li a{ position:relative; font-size:18px; color:#FFF;}
  #nav a:hover{   /* IE < 8 */}
  #nav ul { display: none; position: absolute;margin: 0; padding: 0; top:0px; left:231px; list-style:none; width:200px; text-align:left;}
  * html #nav ul { line-height: 0; list-style:none; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul ul { top: 0;left: 140px; }
    #nav ul li a { }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


.editeur img{ max-width:100%; height: auto}

.bande-bleu, .pub1, .pub2, .der-resul, footer, .mc-caption, .Prev, .Next, .twitter{ display:none!important;}

.logo{text-indent:-9999px;width:320px;height:157px; margin:0 auto 50px auto; position:relative; }
.logo a{ display:block; width:320px;height:157px; text-indent:-9999px; background-size: contain;}
/*.logo a{ display:block; width:320px;height:157px; text-indent:-9999px; background:url(/assets/images/chronometrage/logo.png); background-size: contain;}*/

.inter .logo{text-indent:-9999px;width:320px;height:157px; margin:0 auto; position:relative;}
.inter .logo a{  display:block; width:320px;height:157px; text-indent:-9999px; background-size: contain;}
/*.inter .logo a{  display:block; width:320px;height:157px; text-indent:-9999px; background:url(/assets/images/chronometrage/logo.png); background-size: contain;}*/

.blk { width:100%; text-align:center; }
.blk li{ float:none; display:inline-block;}

.fond-inter{ position:absolute; top:0; width:100%; height:207px; z-index:0;}

.rs{
  display: none;
}

}


/* Texte défilant */

.defileParent {
	display: block;
	margin: 3em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 700px;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 20s infinite ;
	-moz-animation:linear marqueelike 20s infinite ;
	-o-animation:linear marqueelike 20s infinite ;
	-ms-animation:linear marqueelike 20s infinite ;
	animation:linear marqueelike 20s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:25px;
}


.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

@media only screen and (max-width: 860px) {
.defileParent {
	display: block;
	margin: 3em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

.defile {
	display:block;
	-webkit-animation:linear marqueelike 20s infinite ;
	-moz-animation:linear marqueelike 20s infinite ;
	-o-animation:linear marqueelike 20s infinite ;
	-ms-animation:linear marqueelike 20s infinite ;
	animation:linear marqueelike 20s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:25px;
}
}