#content #list_vid a:hover, #content #sol_vid a:hover,
#content #comp a:hover, #content #sol_internet a:hover,
#content #sol_even a:hover, #content #comp_even a:hover,
#content #sol_edit a:hover, #content #comp_edit a:hover{
background:url("../img/bnt.gif") no-repeat scroll 0 0 transparent;
}
img {
border:0px;
}

strong{
padding-left:15px;
}
#conteneur{
position:relative;
width:889px; 
height:505px;
}

#content{
height:210px;
font:0.1em "Arial",sans-serif;
padding-left:10px;
padding-top:20px;
color:white;
}

#content_act{
height:240px;
font:0.1em "Arial",sans-serif;
color:white;
position: relative;
}

#desc_vid { /* video.php */
opacity: 0.1; 
font-size:0.1em; 
text-align:right;
width:285px;
float:left;
padding-right: 50px;
line-height: 1.5em;
}
#desc_vid_bot { /* video.php */
opacity: 0.1; 
font-size:0.1em; 
text-align:right;
width:285px;
position: absolute;
top: 335px; 
left: 140px;
padding-right: 50px;
line-height: 1.5em;
}

#list_vid { /* video.php */
text-align:left;
float:left;
width:250px;
/*padding-right: 15px;*/
}

#list_vid a{
color:white;
font-size:0.1em;
line-height: 2em;
text-decoration:none;
opacity:0.1;
padding-left:15px;
font-weight: bold;
}

#sol_vid { /* video.php */
float:left;
width:220px;
padding-right:0px;

}

#sol_vid a {
color:white;
font-size:0.1em;
line-height: 2em;
text-decoration:none;
opacity:0.1;
padding-left:15px;
font-weight: bold;
}

#bandeau{
position:absolute;
bottom: 0px;
right:0px;
height: 122px;
}



#ssdesc ul li {
    line-height: 1.2em;
}
#ssdesc a {
    text-decoration: none;
    color: #fff;
}
#ssdesc a:hover {
    text-decoration: underline;
    background: none;
}
#ssdesc strong {
    padding: 0;
}


#desc_internet { /* internet.php */
opacity: 0.1; 
font-size:0.1em; 
text-align:right;
width:285px;
float:left;
padding-right: 120px;
padding-left: 20px;
line-height: 1.5em;
}

#comp { /* internet.php */
text-align:left;
float:left;
width:180px;
padding-right: 15px;
}

#comp a{
color:black;
font-size:0.1em;
line-height: 2em;
text-decoration:none;
opacity:0.1;
padding-left:15px;
font-weight: bold;
}

#sol_internet { /* internet.php */
float:left;
width:220px;
color:#fff;
}

#sol_internet a{
color:black;
font-size:0.1em;
line-height: 2em;
text-decoration:none;
opacity:0.1;
padding-left:15px;
font-weight: bold;
}

#desc_even { /* evenementiel.php */
position: absolute;
opacity: 0.1; 
font-size:0.1em; 
text-align:right;
width:550px;
top:340px;
left:140px;
line-height: 1.4em;
text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray;/* Pour pouvoir lire le texte sur le logo Zori*/
}

#comp_even { /* evenementiel.php */
text-align:left;
float:right;
width:200px;
padding-right: 20px;
}

#comp_even a{
color:black;
font-size:0.1em;
line-height: 2em;
text-decoration:none;
opacity:0.1;
padding-left:15px;
font-weight: bold;
}

#sol_even { /* evenementiel.php */
float:right;
width:300px;


/*padding-right:35px;*/
}

#sol_even a{
color:black;
font-size:0.1em;
line-height: 2em;
text-decoration:none;
opacity:0.1;
padding-left:15px;
font-weight: bold;
}

#desc_edit { /* graphisme.php */
opacity: 0.1; 
font-size:0.1em; 
text-align:left;
width:285px;
float:left;
padding-top: 10px; 
padding-left: 25px;
color:black;
line-height: 1.7em;
}
#desc_edit_bot { /* graphisme.php */
opacity: 0.1;
font-size:0.1em;
width: 300px;
position: absolute;
top: 365px;
left: 25px;
color:black;
line-height: 1.5em;
}
#comp_edit { /* graphisme.php */
text-align:left;
position:absolute;
width:175px;
top: 280px; 
left: 470px;
}

#comp_edit a{
color:black;
font-size:0.1em;
line-height: 2em;
text-decoration:none;
opacity:0.1;
padding-left:15px;
}

#sol_edit { /* graphisme.php */
position:absolute;
width:230px;
left: 630px; 
top: 65px;
text-align:right;
}

#sol_edit a{
color:black;
font-size:0.1em;
line-height: 2em;
text-decoration:none;
opacity:0.1;
padding-left:15px;
}

#content a#linkblog{
    bottom: -2px;
    position: absolute;
    right: -7px;
}

/* form style */
#myform {
	background:#333 url(/img/gradient/h300.png) repeat-x;	
	padding:15px 20px; 
	color:#eee;
	width:400px;
	margin:0 auto;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
} 

/* nested fieldset */
#myform fieldset {
	border:0;
	margin:0;
	padding:0;
	background:#333333 url(/tools/img/logo-medium.png) no-repeat scroll 215px 40px;	
}

/* typography */
#myform h3 	{ color:#eee; margin-top:0px; }
#myform p 	{ font-size:11px; }


/* input field */
#myform input {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:12px;
	
	/* CSS3 spicing */
	text-shadow:1px 1px 1px #000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

#myform input:focus 		{ color:#fff; background-color:#777; }
#myform input:active 	{ background-color:#888; }


/* button */
#myform button {
	outline:0;
	border:1px solid #666;	
}


/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}

/* field label */
label {
	display:block;
	font-size:11px;
	color:#ccc;
}

#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}

#adresse{
position: absolute;
top:345px;
right:370px;
}

#date{
background-color: black;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
	display: block;
    float: left;
}
#resume{
    opacity : 0.6;
    -moz-opacity : 0.6;
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */ 
}
/*#resume2{
    opacity : 0.6;
    -moz-opacity : 0.6;
    -ms-filter: "alpha(opacity=60)";*/ /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */ 
}
#resume a, #resume p, #resume table{
    opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */ 
}
#resume p,
#resume2 p {
    margin: 5px 0;
    padding: 0;
}
#ssmenu{
 background: url("../img/ssmenu.jpg") repeat-x scroll 0 0 transparent;
 /*height: 28px;*/
 line-height: 27px;
 color: #336666;
 font-size: 11px;
 outline: medium none;
 text-align: center;
 text-decoration: none;
 vertical-align: center;
  /*padding-top: 6px;*/
  margin: 0;
  padding: 0;
}
#ssmenu a,
#ssmenu2 a{
 color: #336666;
 font-size: 10px;
 /*height: 28px;*/
 outline: medium none;
 padding-top: 5px;
 text-align: center;
 text-decoration: none; 
 /*padding-bottom: 8px;*/
 padding-right: 3px; 
 padding-left: 3px;
}
#ssmenu a:hover{
 background: url("../img/ssmenu_off.jpg") repeat-x scroll 0 0 transparent;
  color: #FFFFFF;
}
#ssmenu2 a:hover{
 background: url("../img/ssmenu_off_mirror.jpg") repeat-x scroll 0 0 transparent;
  color: #FFFFFF;
}

#ssmenu2 {
 background: url("../img/ssmenu_mirror.jpg") repeat-x scroll 0 0 transparent;
 line-height: 27px;
 color: #336666;
 font-size: 11px;
 outline: medium none;
 text-align: center;
 text-decoration: none;
 vertical-align: center;
}

#sstitre{
color: #FFFFFF;
font-size: 19px;
font-weight: bold;
height: 28px;
outline: medium none;
padding-left: 5px;
text-align: left;
text-decoration: none;
padding-bottom: 12px;
}
#sstitre a,
#sstitre a:hover,
#sstitre a:active {
    background: none;
    background-image: none;
    border: none;
    text-decoration: none;
    color: #fff;
    
}
#sstitre_new{
color: #404040;
font-size: 14px;
font-weight: normal;
height: 28px;
outline: medium none;
padding-left: 5px;
text-align: left;
text-decoration: none;
padding-bottom: 12px;
}
#sstitre_new img{
    vertical-align: top;
    margin-top: -10px;
    margin-right:10px;
}
#sstitre_new a{
    background: none;
    background-image: none;
    border: none;
    text-decoration: none;
    color: #969797;
}
#sstitre_new a:hover{
    color: #404040;
}
#bgssdesc{
background-color: #7F7A7A;
opacity : 0.7;
-moz-opacity : 0.7;
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter : alpha(opacity=70); /* IE < 8 */ 
width: 400px; height: 185px;
position: absolute;
top:150px;
left:150px;
z-index: 2;
}
#ssdesc{
position: relative;
 color: #ffffff;
 font-size: 12px;
 outline: medium none;
 padding-top: 5px;
 text-align: left;
 text-decoration: none;
 vertical-align: inherit;
 margin-left: 160px; padding-top: 75px;
 z-index: 5;
 width: 375px;
}
#ssdesc h2{
 color: #ffffff;
 font-size: 18px;
text-transform:none;
    margin: 0 0 5px 0;
}
#ssdesc h3 {
 font-size: 14px;
}
#ssdesc p {
    margin: 8px 0;
}
#ssdesc ul {
    margin: 2px 0 8px 0;
    padding: 0 0 0 2em;

}
#ssdesc ul li {
    margin: 0;
    padding: 0;
    line-height: 1.em;
}
#resume2 a{
 text-decoration: none;
 color:white;
}#resume a{
 text-decoration: none;
 color:white;
}
#resume2 table, #resume2 td, #resume2 tr, #resume2 strong{
 padding : 0px;
 border: 0 none;
}#resume table, #resume td, #resume tr, #resume strong{
 padding : 0px;
    border: 0 none;
}
#picto{
    margin-top: 50px;
    width: 400px;
    margin-left: 150px;
}
#content #picto a:hover, #content #picto a:active{
background:none;
}
#picto img{
opacity : 0.7;
-moz-opacity : 0.7;
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter : alpha(opacity=70); /* IE < 8 */ 
border: 2px solid grey;
margin-right: 10px;
}
#picto img:hover,#picto img.active {
opacity : 1;
-moz-opacity : 1;
-ms-filter: "alpha(opacity=100)"; /* IE 8 */
filter : alpha(opacity=100); /* IE < 8 */ 
border: 2px solid white;
margin-right: 10px;
background:none;
}
#ssvideo{
position: absolute;
color: #ffffff;
font-size: 12px;
top: 150px;
left: 562px;
 width: 320px;
  z-index: 5;
}
#ssvideo a {
    color: #fff;
}



.minis a span {
    position: absolute;
    top: -5000px;
    left: -5000px;
    text-indent: -5000px;
}
.minis a {
    position: relative;
    float: right;
    display: block;
    height: 20px;
    margin: 0 1em 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.minis a:hover {
    background-position: 0 -20px;

}
a.mini-video {
    width: 22px;
    background-image: url('../img/mini_video.png');
}
a.mini-internet {
    width: 23px;
    background-image: url('../img/mini_internet.png');
}
a.mini-graphisme {
    width: 25px;
    background-image: url('../img/mini_graphisme.png');
    margin-right: 55px;
}
a.mini-evenementiel {
    width: 26px;
    background-image: url('../img/mini_evenementiel.png');
}







ul.list_refs {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#content ul.list_refs a:hover {
    background: none;
}
#content ul.list_refs img {
    opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */ 
    border: 2px solid grey;
}
#content ul.list_refs img:hover,
#content ul.list_refs img.active {
    opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */ 
    border: 2px solid white;
    background:none;
}

/* INDEX NEW */
#content #index_actus{
    background: url("../img/index_actus.png") no-repeat scroll left top transparent;
    margin-left: 690px;
    padding-top: 25px;
    position: relative;
    height: 60px;
}
#content #index_actus a{
    text-decoration: none;
}
#content #index_actus span.date_actus{
    position: absolute;
    top: 3px;
    left: 95px;
    font-size: 10px;
    color: #9b9c9d;
}
#content #index_actus span.titre_actus{
    position: absolute;
    top: 35px;
    left: 70px;
    font-size: 11px;
    color: #212121;
}

/* GOODIES */
#content #top_background{
    background: none repeat scroll 0 0 #EFF3F6;
    height: 128px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
}
#content #goodies_top{
    background: url("../img/titre_goodies.png") no-repeat scroll left top #eff3f6;
    min-height: 58px;
    margin-left: 120px;
    position: fixed;
    z-index: 99;
    margin-top: 49px;
    border-bottom: 4px solid #212121; 
}
#content #goodies_top ul{
    list-style: none;
    padding: 18px 0 0 250px;
}
#content #goodies_top ul li{
    float: left;
    margin-right: 10px;
}
#content #goodies_top ul li a:hover, #content #goodies_top ul li a.active{
    background: #212121;
}
#content #goodies_top ul li a{
    color: #F9F9F9;
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: none repeat scroll 0 0 #EB1269;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
}
#content #container{
    margin-left: 143px;
    height: auto;
    margin-bottom: 20px;
    /*margin-top: 110px;*/
}
#content #container .item{
    float: left;
    position: relative;
    width: 150px;
    /*height: 100px;*/
}
#content #container .item .item_info{
    background: none repeat scroll 0 0 #EB1269;
    font-size: 20px;
    height: 100%;
    left: 0;
    opacity: 0.8;
    /*padding: 10px 10px 10px 28px;*/
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    display: none;
    
}
#content #container .item .item_info.active{
    display: block;
    -webkit-box-shadow: 0px 0px 10px 0px #212121;
    box-shadow: 0px 0px 10px 0px #212121;
}
#content #container .item a.link_download{
    background: url("../img/download_hover.png") no-repeat left center;
    padding-left: 22px;
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
    margin-left: 10px;
}
#content #container .item a.link_download:hover{
    background: url("../img/download.png") no-repeat left center;
    color: #212121;
}
#content #container .item span.titre{
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #f9f9f9;
    height: 20px;
    float: left;
    margin: 10px 0 5px;
    width: 100%;
    text-align: center;
}
#content #agenceinfos{
    color: #727272;
    font-size: 14px;
    line-height: 20px;
    margin-left: 146px;
    margin-top: 128px;
    text-align: justify;
    width: 718px;
}
#content #agenceinfos strong{
    padding-left: 0;
}
#content #agenceinfos .highlight{
    color: #fd9500;
    font-weight:bold;
}
#content #agenceinfos #agce-info-left{
    float: left;
    width: 350px;
    margin-left: 30px;
}
#content #agenceinfos #agce-img{
    background: url("../img/illu_mini.png") no-repeat scroll center top transparent;
    height: 240px;
    margin-left: 373px;
    margin-top: -15px;
    position: relative;
    width: 361px;
}
#content #agenceinfos #agce-img .agce-btnretour{
    bottom: 5px;
    position: absolute;
    right: 32px;
}
#conteneur .agce-btnplus{
    bottom: 5px;
    position: absolute;
    right: 32px;
}
#content #conseilinfos{
    color: #727272;
    font-size: 14px;
    line-height: 20px;
    margin-left: 500px;
    margin-top: 110px;
    text-align: justify;
    width: 320px;
    text-transform: uppercase;
    text-align: center;
}
#content #conseilinfos .highlight{
    color: #fd9500;
    font-weight:bold;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


#container .jspVerticalBar
{
width: 14px;
}
#container .jspDrag
{
width: 6px;
margin-left: 4px;
border-radius: 3px;
-o-border-radius: 3px
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #EB1269;
}
#container .jspTrack
{
background-color: #eff3f6;
}
#container .jspVerticalBar .jspCap
{
display: block;
height: 4px;
background-color: #eff3f6;
}