@import url(style3.css);
@import url(style2.css);

*{
	font-family:Arial, Helvetica, sans-serif;
}
body{
	margin:0;padding:0;font-size:11px;text-align:center;background-color: transparent
}
body,html
{
	height:100%;
}
/*======================
	bg Pages PopUp
=======================*/
#bgPage {
  position: absolute; top:0px; left:0px; z-index:100001; width:100%; height:100%; background: #FFF url(../img/commun/pix.gif); filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;
}

form{
	padding:0px;margin:0px;
}
input, select, textarea,table,p,a,li,td{
	font-size:11px;color:#848484;
}
input, select, textarea{
	color:#1a171b;
}
.radio, .check{
	vertical-align:-3px;
}
.inp {
	border:1px solid #ffffff;
}
a{
	text-decoration:none;
}
img{
	border:0px;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;padding:0px;
}
#navTop{
	list-style:none outside none;margin:0;padding:0;
}
li a{
	 _height:1%;
}
small{
	font-size:10px;
}
hr{
	margin:0px;padding:0px;height:0;margin: -7px 0;border:0px;visibility:hidden;display:block;
}
acronym,abbr{
	cursor: help;
	border-bottom: 1px dotted solid;
}
fieldset{
	margin:0;padding:0;border:0;
}
table {
	margin:0;padding:0;border:0;
}
.context{overflow:hidden;_overflow:visible;zoom:1;}
.clear{
	clear:both;font-size:1px;height:1px; width:10px; line-height:1px; overflow:hidden
}
.left{
	float:left;
}
.right{
	float:right;
}

/*** GLOBAL ***/
#container {
	position:relative;width:982px;height:100%;margin-left:auto;margin-right:auto;text-align:left; background:#ffffff;
}
#content {
	padding-top:5px;
	background:white;
}

/*** HEADER_ADMIN ***/
#header_admin{position:relative;z-index:1000;}
#header_admin #logo{margin:0 0 4px;}

#header_admin #pub{position:absolute;left:242px;top:67px;}

#header_admin #compteur{position:absolute;margin:0;right:8px;top:0px;width:410px;padding:2px 5px;list-style:none outside none;background-color:#e4d7c4;text-align:center;}
#header_admin #compteur li{display:inline;padding:0 3px;}
#header_admin #compteurspan{color:#015AA5;}
#header_admin #compteur strong{color:#000000;}
#header_admin .menu_header2_admin{background:url(../img/box/bg-nav-log.gif) no-repeat left top;height:21px;width:953px;position:relative;margin-left:4px;padding:0 10px;}
#header_admin .vis_header_admin{width:39px; height:35px;margin:3px 4px 0 2px;float:left;}
#header_admin .nom_admin{float:left; font:12px Arial, Helvetica, sans-serif; color:#FFF; margin-top:3px;}

#navTop_admin{padding:0 0 0 5px;background:url(../img/box/nav-bg.jpg) no-repeat;}
#navTop_admin ul{height:34px;float:left;}
#navTop_admin li{float:left;padding:5px 0 0 0;}
#navTop_admin li a{display:block;_width:1%;color:white;font-weight:bold;font-size:12px;white-space:nowrap; cursor:pointer;}
#navTop_admin li a:hover{display:block;_width:1%;color:#000000;font-weight:bold;font-size:12px;white-space:nowrap;}
#navTop_admin li span{display:block;height:23px;padding:5px 5px 0 12px;}
#navTop_admin li.on a{color:#000000;}

#search_admin{float:right;height:33px;}
#search_admin form{padding:5px 8px 0 8px;}
#search_admin #inputSearch{width:100px;height:16px;padding:3px 0 0 3px;margin:3px 8px 0 5px;float:left;border:none;background:url(../img/box/bg-inputSearch.gif) repeat-x left top;}
#search_admin .select{width:115px;float:left;height:19px;margin-top:3px;}
#search_admin #validSearch{float:right;margin:-2px 0 0 3px;}


.con_menu_adm{}

.depose_kohop{float:left;}

.propose_kohop{float:left;}

#menu {list-style-type:none; padding:0; margin:0 auto;position:relative;z-index:1000;float:right;}
#menu ul {list-style-type:none; padding:0; margin:0; width:174px;}
#menu li { cursor:hand;color:#433426;float:left;position:relative;border:1px solid #ffffff;border-width:0 1px;padding:0 5px;margin:2px 0;}
#menu li.first{border-width:0 1px 0 0;}
#menu li.last{border-width:0 0 0 1px;}
#menu li:hover {float:left;position:relative; cursor:pointer}
#menu li.m1 {padding:11px 0 0 53px; font:bold 12px Arial, Helvetica, sans-serif; position:relative;}
#menu li.m1_act{ padding:11px 0 0 53px; font:bold 12px Arial, Helvetica, sans-serif; position:relative;}
#menu li.m2 a {text-align:center;padding:0;font:bold 11px Arial, Helvetica, sans-serif; position:relative; color:#df0b2b;}
#menu li.m2 a:hover { text-align:center;padding:0; font:bold 11px Arial, Helvetica, sans-serif; position:relative; color:#433426;}
#menu li.extend a { text-align:center;padding:0;}
#menu li.extend a:hover { text-align:center;padding:0; }
#menu li.m2 a span {font-size:11px; font-weight:normal; text-transform:lowercase;}
#menu li.m2 a:hover span {font-size:11px; font-weight:normal; text-transform:lowercase;}

#menu li.m3 a{ background:url(../img/box/bg_li_admin_vide.gif) no-repeat 1px 0;text-align:right;padding:3px 40px 0 0 ; width:145px;height:31px; font:bold 12px Arial, Helvetica, sans-serif; position:relative; color:#433426; text-transform:uppercase; }
#menu li.m3 a:hover{ background:url(../img/box/bg_li_admin_vide_hover.gif) no-repeat 1px 0;text-align:right;padding:3px 40px 0 0 ; width:145px;height:31px; font:bold 12px Arial, Helvetica, sans-serif; position:relative; color:#433426;}
#menu li.m3_act { background:url(../img/box/bg_li_admin_vide_hover.gif) no-repeat 1px 0;text-align:right;padding:3px 30px 0 0 ; width:145px;height:31px; font:bold 12px Arial, Helvetica, sans-serif; position:relative; color:#433426; text-transform:uppercase}
#menu li.m4 a {background:url(../img/box/bg_li_admin_vide.gif) no-repeat 1px 0; padding:11px 0 0 53px; width:122px;height:23px; font:bold 12px Arial, Helvetica, sans-serif; position:relative; color:#433426;}
#menu li.m4 a:hover {background:url(../img/box/bg_li_admin_vide.gif) no-repeat 1px 0; padding:11px 0 0 53px; width:122px;height:23px; font:bold 12px Arial, Helvetica, sans-serif; position:relative; color:#433426;}
#menu li.m4_act {background:url(../img/box/bg_li_admin_vide.gif) no-repeat 1px 0; padding:11px 0 0 53px; width:122px;height:23px; font:bold 12px Arial, Helvetica, sans-serif; position:relative; color:#433426;}

#menu2 {list-style-type:none; padding:0; margin:0 auto;position:relative;z-index:1000;float:left;margin-left:50px;}
#menu2 ul {list-style-type:none; padding:0; margin:0; width:174px;}
#menu2 li { cursor:hand;color:#433426;float:left;position:relative;border:1px solid #ffffff;border-width:0 1px;padding:0 5px;margin:2px 0;}
#menu2 li.first{border-width:0 1px 0 0;}
#menu2 li.last{border-width:0 0 0 1px;}
#menu2 li a{color:#df0b2b;font-weight:bold;}
#menu2 li a:hover{color:#433426;}

.nom_admin span{font-size:10px;}

.menukohop_notification {
  color:#E60000;
}

#menu li.m2 a:hover span.nb_{
	position:absolute;
	right:5px;
	top:5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#433426;
}
#menu li.m2 a span.nb_{
	position:absolute;
	right:5px;
	top:5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

.nb_{
position:absolute;
right:5px;
top:5px;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
}


#menu_s { position:absolute;z-index:1000;list-style-type:none;padding:0; margin:0 auto; border-bottom:1px solid #ac9d84;border-left:1px solid #ac9d84; border-right:1px solid #ac9d84; margin-top:3px;z-index:2000;}

#menu ul#menu_s { padding:0;margin:0;width:173px; }

#menu_s li{background:none; height:auto;margin:0;width:auto;}
#menu_s li:hover,#menu_s li:active {background:none; height:auto; margin:0;}


#menu_s li a{ display:block;text-align:left; padding:2px 0 2px 8px;background:#FFF; height:auto;width:165px; margin:0;position:relative;}
#menu_s li a:hover,#menu_s li a:active {background:#afe6ff; height:auto; margin:0;}



/*#menu li.sub a {madisplay:block; color:#fff; font-family:arial, sans-serif; font-size:11px; width:174px; line-height:24px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}*/
#menu li:hover, #menu li a:hover {}
#menu li:active, #menu li a:active {}
#menu ul {position:absolute;left:-9999px;}
#menu li.click {background:url(../img/box/bg_li_admin_active.gif) no-repeat 1px 0;}
#menu li.click ul{left:0; top:33px; background:#FFF} 
a.sell{
background:url(../img/box/bg_li_admin_vide_hover.gif);text-align:right;padding:3px 30px 0 0 ; width:144px;height:31px; font:bold 12px Arial, Helvetica, sans-serif; position:relative; color:#433426; cursor:default; outline:none; text-transform:uppercase}	
a.sell:hover{
color:#433426;	
}




/*** HEADER ***/
#header{position:relative;}
#header #logo{margin:0 0 0px;}

#header #pub{
	position:absolute;left:242px;top:26px;
}

#compteur{margin:5px 0 0;width:410px;padding:2px 5px;list-style:none outside none; text-align:center;float:right;}
#compteur li{	display:inline;padding:0 10px;}
#compteur .projects{color:#cf281b;}
#compteur .supporters{color:#649e3f;}
#compteur .ressources{color:#f97b07;}

#header .menu_header2{position:absolute; margin-top:19px;width:982px;height:41px;background:url(../img/box/bg_menu_header2.gif);}

#navTop{padding:0 0 0 12px;background:url(../img/box/nav-bg.jpg) no-repeat;}
#navTop ul{height:34px;float:left;}
#navTop li{float:left;padding:5px 0 0 0;}
#navTop li a{display:block;_width:1%;color:white;font-weight:bold;font-size:12px;white-space:nowrap; cursor:pointer;}
#navTop li a:hover{display:block;_width:1%;color:#000000;font-weight:bold;font-size:12px;white-space:nowrap;}
#navTop li span{display:block;height:23px;padding:5px 5px 0 12px;}
#navTop li.on a{color:#000000;}

#search{float:right;height:33px;width:300px\9;_width:305px;}
#search form{padding:5px 8px 0 8px;}
#search #inputSearch{width:100px;height:16px;padding:3px 0 0 3px;margin:3px 8px 0 5px;float:left;border:none;background:url(../img/box/bg-inputSearch.gif) repeat-x left top;}
#search .select{width:115px;float:left;height:19px;margin-top:3px;}
#search #validSearch{float:right;margin:-2px 0 0 3px;}
/*******************/

/*** FOOTER ***/
#footer{
	clear:both;height:79px;
}
#footer div{
	float:left;
}
#footer ul{
	list-style : none outside none;margin:0;float:right;width:813px;height:26px;padding:4px 6px 0 12px;margin:25px 0 0 0;background:url(../img/box/footer-bg.gif) no-repeat;
}
#footer li{
	float:left;
}
#footer li.info{
	float:right;
}
/*******************/

/*** COMMUN ***/

/*** CONTENT ***/
#sliderContent {position:relative; height:188px;padding:20px 0 0 0; margin:0 0 2px 0;background:url(../img/box/slide-bg.gif) no-repeat;}
#slider{height:188px; position:absolute; left:85px; top:0;}
#slider .btnLeft{float:left;width:62px;padding:59px 23px 0 0;text-align:right;}
#slider .btnRight{float:left;width:57px;padding:59px 0 0 23px;}
#slider .cont{position:relative;height:186px;width:817px; clip:rect(0, 817px, 186px, 0); overflow:hidden;}
#slider #contentSlide{position:absolute;left:0;top:0;}
#slider .box{float:left;width:161px;margin:20px 3px 0 0;border:1px solid #cacaca;background-color:#f8f8f8;}
#slider .box .txt{height:28px;padding:6px 2px 0 8px;}
#slider .box .dep{font-size:10px;}
#slider .box .txt_pseudo{font-size:11px;font-weight:bold;color:#000;}
#slider .box .dep{font-size:10px;}
#slider .box div{line-height:normal;}
#slider .carouselLeft {position:absolute; top:79px; left:-46px;}
#slider .carouselRight {position:absolute; top:79px; right:-51px;}

/*** DIAPO ***/
.diapo{width:408px;height:296px;padding:7px;background:url(../img/box/bg-diapo.jpg) no-repeat left top;float:left;margin:5px 4px 0 0;_margin:11px 4px 0 0;position:relative;}
.diapo .onglets{position:absolute;z-index:2;background-color:#FFFFFF}
.diapo .contentDiapo .contenuTab img{margin:25px 0 0 0;}
.diapo .onglets li{float:left;margin-right:2px;}
.diapo .onglets li.last{margin-right:0;}
.diapo .onglets li.last a{padding-right:7px;}
.diapo .onglets li a{background: url(../img/box/bg-onglets.png) left top;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box/bg-onglets.png',sizingMethod='scale'); _background:none;padding:6px 6px 5px;color:#e48125;font-weight:bold;font-size:15px;display:block;}
.diapo .onglets li a:hover{text-decoration:underline; background: url(../img/box/bg-onglets-on.png) left top; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box/bg-onglets-on.png',sizingMethod='scale'); color:#ffffff;}
.diapo .onglets li a.on{ background: url(../img/box/bg-onglets-on.png) left top; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box/bg-onglets-on.png',sizingMethod='scale'); color:#ffffff;}
.diapo .onglets .onglet1 a{_width:116px;_cursor:pointer;}
.diapo .onglets .onglet2 a{_width:69px;_cursor:pointer;}
.diapo .onglets .onglet3 a{_width:79px;_cursor:pointer;}
.diapo .onglets .onglet4 a{_width:89px;_cursor:pointer;}
.diapo .contentDiapo {position:relative;z-index:1;height:282px;}
/*.diapo .contentDiapo .diapo1{background:red;}*/
/*.diapo .contentDiapo .diapo2{background:blue;}*/
/*.diapo .contentDiapo .diapo3{background:green;}*/
/*.diapo .contentDiapo .diapo4{background:yellow;}*/
.diapo .myWave{ position:absolute; bottom:-21px; left:0px; width:401px; padding:26px 5px 0px 5px; height:30px; font-weight:bold; font-size:11px; color:#000000; background: url(../img/box/bloc-wave.png) left top no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box/bloc-wave.png',sizingMethod='scale'); _background:none; }
.diapo .myWaveVideo{ float:left; width:332px; padding:5px 5px 0px 5px; height:15px; font-weight:bold; font-size:11px; color:#000000; overflow:hidden; white-space:nowrap;}
.diapo .myWaveLink a{ text-decoration:underline; position:absolute; top:287px; right:5px; color:#ffffff; font-weight:normal; }
.diapo .myWaveLinkVideo a{ text-decoration:underline; position:absolute; top:287px; right:5px; color:#ffffff; font-weight:normal; }
.diapo .contentDiapo .myLinkTop{ position:absolute; z-index:10; top:27px; left:0px; right:20px; width:408px; height:262px;}
.diapo .contentDiapo .myLinkBot{ position:absolute; z-index:11; bottom:0px; left:0px; width:408px; height:131px;}
.diapo .contentDiapo .myLinkTop img{margin:0px 0 0 0;}
.diapo .contentDiapo .myLinkBot img{margin:0px 0 0 0;}

.hidden{display:none;}

.box1{width:226px;margin:0 4px 3px 0; _margin:0 -10px 3px 0;}
.box1 .title{background:url(../img/box/box1-title-right.gif) no-repeat right top;}
.box1 .title .ts_vids{float:right;padding:14px 14px 0 0;}
.box1 .title div{height:37px;background:url(../img/box/box1-title-left.gif) no-repeat;}
.box1 .title div h2{float:left;padding:9px 0 0 40px;}
.box1 .title div a{/*display:block;float:right;padding:12px 15px 0 0*/;}
.box1 .bot{background:#c30b1c;height:17px;padding:3px 12px 0 0;text-align:right;}
.box1 .bot a{color:white;}
.box1 .cont{border-left:1px solid #edc2c6;border-right:1px solid #edc2c6;}
.box1 .cont .intro, .box1 .cont .box{border-bottom:1px solid #bfbfbf;background:url(../img/box/box1-cont-bg.gif) repeat-x #efefef;}
#boxStars .box, #boxStars .box{width:226px;}
.box1 .cont .intro{height:77px;padding:5px 0 5px 5px;}
.box1 .cont .intro img{float:left;}
.box1 .dep{font-size:10px;}
.box1 .cont .intro .txt{float:right;width:136px;padding:0 4px 0 0;}
.box1 .cont .intro .txt .desc{font-size:12px;}
.box1 .cont .intro .txt .pseudo{font-size:11px;}
.box1 .cont .box{clear:both;height:43px;}

.box1 .cont .small{clear:both;height:17px;padding-left:5px;}

.box1 .cont .box img{float:left;padding:0 0 0 1px;}
.box1 .cont .box .txt{float:right;width:182px;padding:4px 4px 0 0;}
.box1 .cont .box .txt div{width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow: ellipsis;}
.box1 .cont .intro .txt div{width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow: ellipsis;}
.box1 .cont .ellipisis strong, .box1 .cont .ellipisis span, .box1 .cont .ellipisis a{-moz-binding: url('ellipsis.xml#ellipsis');}

.box1 .btn{font-weight:bold;}
.box1 .desc{font-size:12px;color:#e60000;}
.box1 .pseudo{color:#000000;}
.box1 .cont ul{list-style:none outside none;margin:0;padding:0;}
.box1 .cont ul li{height:16px;padding:0 0 0 10px;border-bottom:1px solid #bfbfbf;}
.box1 .cont ul li span{display:block;width:222px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow: ellipsis;}
.box1 .cont{height:228px;padding:6px;background:white;}

#imgStar{width:180px;height:120px;margin:0 auto 5px;position:relative;}
#titleStar{width:170px;padding:3px 5px;font-weight:bold;position:absolute;bottom:0;left:0;background:url(../img/box/bg-titleStar.png) no-repeat left top;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box/bg-titleStar.png',sizingMethod='scale');_background:none;}
#titleStar a{color:black;}
#titleStar a.red{color:#c30b1c;}
.grpProject{padding-bottom:2px;}
.project{float:left;width:96px;margin-right:2px;margin-bottom:2px;background:#e0e0e0;padding:3px 4px;font-weight:bold;overflow:hidden;}
.project a{color:black;}
.project a.red{color:#c30b1c;white-space:nowrap;}
.project a.TopRed{white-space:nowrap;}
.lastProject{margin-right:0;width:94px;border-right:4px solid #e0e0e0;}

#carte{margin-top:16px;float:left;_margin-top:22px;}
#carte img{width:324px;height:299px;}

.topBoxes{margin:15px 0;}
.topBox{float:left;width:185px;border:1px solid #ededed;height:340px;background:white;}
.topBox .head h2{font-size:16px;font-weight:bold;padding:5px 9px;}
.topBox a:hover{text-decoration:underline;}
.topBox h3 a{font-size:12px;font-weight:bold;}
.topBox p a{color:black;}
.topBox p{color:black;}
.topBox .first{margin:0 auto;text-align:center;}
.topBox .first img{width:118px;height:99px;}
.topBox .first h3{text-align:center;padding:2px 0;}
.topBox .first p{text-align:center;color:black;padding:1px 0;}
.topBox .foot{text-align:right;padding:0 8px;}
.topBox .foot a{color:black;font-weight:bold;}
#top100 .head{background:url(../img/box/bg-title-top100.gif) no-repeat left top;}
#top100 h3 a{color:#cf281b;}
#top100 .first img{border:1px solid #cf281b;}
#topRessource .head{background:url(../img/box/bg-title-topRessources.gif) no-repeat left top;}
#topRessource h3 a{color:#f87b07;}
#topRessource .first img{border:1px solid #f87b07; margin-top:18px;}
#topSupporter .head{background:url(../img/box/bg-title-topSupporters.gif) no-repeat left top;}
#topSupporter h3 a{color:#41930f;}
#topSupporter .first img{border:1px solid #41930f;}


.topElm{background:#e5e5e5;margin-bottom:3px;padding:5px 0; min-height:65px; _height:65px;}
.media{overflow:hidden;_overflow:visible;zoom:1;}
.media .img{float:left;margin:0 7px;}
#top100 .media .img{border:1px solid #cf281b;}
#topRessource .media .img{border:1px solid #f87b07;}
#topSupporter .media .img{border:1px solid #41930f;}


#topProjects{margin-left:9px;width:412px;float:left;}
#topProjects .head{height:21px;padding:4px 10px;}
#topProjects .head h2{font-size:16px;}
#topProjects .foot{height:13px;padding:1px 10px;text-align:right;}
#topProjects .foot a{color:black;}
#topProjects .body ul{width:383px;margin:0 auto;padding-top:2px;}
#topProjects .body ul li{float:left;text-align:center;margin:0 3px;}
#topProjects .body ul li a{color:black;font-size:10px;}

#topProjects #coupDeCoeur{margin-bottom:15px;}
#topProjects #coupDeCoeur .head{background:url(../img/box/title-coupDeCoeur.gif) no-repeat left top;}
#topProjects #coupDeCoeur .body{background:url(../img/box/body-coupDeCoeur.gif) no-repeat left top;height:91px;}
#topProjects #coupDeCoeur .foot{background:url(../img/box/foot-coupDeCoeur.gif) no-repeat left top;}
#topProjects #officiel .head{background:url(../img/box/title-officiel.gif) no-repeat left top;}
#topProjects #officiel .body{background:url(../img/box/body-officiel.gif) no-repeat left top;height:91px;}
#topProjects #officiel .foot{background:url(../img/box/foot-officiel.gif) no-repeat left top;}


#boxRessources, #boxRecents, #boxStars, #boxSponsors, #boxNuage{float:left; z-index:1; /* margin-top:18px; */}
#boxRessources .title div{background:url(../img/box/box1-top-ressources.gif) no-repeat;}
#boxRessources .cont .intro .txt .desc{font-size:13px;}
#boxRessources .cont .intro .txt div{width:auto;overflow:auto;text-overflow:none;white-space:normal;}
#boxRecents .title div{
	background:url(../img/box/box1-kohops-recents.jpg) no-repeat; width:243px; height:37px;
}
#boxRecents .title div h2 a{
	float:left; width:235px; height:1px; font-size:1px; overflow:hidden; padding:26px 0 0 0; _width:200px;
}
#boxNuage .title div{
	background:url(../img/box/box1-nuage.jpg) no-repeat; width:243px; height:51px;
}
#boxNuage .title div h2 a{
	float:left; width:235px; height:1px; font-size:1px; overflow:hidden; padding:26px 0 0 0; _width:200px;
}
#boxStars .title { background:none; }
#boxStars .title div{
	position:relative; z-index:1000; background:url(../img/box/box1-kohops-stars.gif) no-repeat; width:226px; height:55px;
}
#boxStars .title div h2 a{
	float:left; width:187px; height:1px; font-size:1px; overflow:hidden; padding:43px 0 0 0; _width:200px;
}
#boxRecents{
	margin:0;
}
#boxSponsors .title div{
	background:url(../img/box/box1-top-sponsors.jpg) no-repeat; width:242px; height:37px;
}
#boxSponsors .title div h2 a{
	float:left; width:234px; height:1px; font-size:1px; overflow:hidden; padding:26px 0 0 0; _width:200px;
}
#boxSponsors{
	margin:0;
}
#boxTV{
	float:left;width:358px;
}
#boxTV .title div h2 {
    padding-left:15px;
}
#boxTV .cont{
	text-align:center;height:248px;
}
#boxNuage .cont2{
	text-align:center;height:155px; padding:10px 10px 0 10px;
}
#boxNuage .type1{
	font-size:12px; color:#000000;
}
#boxNuage .type2 {
	font-size:14px; color:#ec5110; font-weight:bold;
}
#boxNuage .type3 {
	font-size:10px; color:#e60000;
}
#boxNuage .type4 {
	font-size:10px; color:#000000;
}
#boxNuage .type5 {
	font-size:14px; color:#e60000; font-weight:bold;
}
#boxNuage .type6{
	font-size:14px; font-weight:bold; color:#000000;
}
#boxNuage .type7 {
	font-size:10px; color:#ec5110;
}
#boxNuage .type8 {
	font-size:34px; color:#e60000; font-weight:bold;
}
#boxNuage .type9 {
	font-size:16px; color:#000000;
}
#boxNuage .bot2 {
	height:19px;padding:1px 12px 0 0;
}
#boxTV .bot{
	background:url(../img/box/box1-tv-br.gif) no-repeat right top;
}
#boxTV .bot div{
	height:24px;background:url(../img/box/box1-tv-bl.gif) no-repeat left top;
}
#boxAvances, #boxOfficiels {
	width:374px;margin:0 0 5px 0;
}
#boxAvances .cont, #boxOfficiels .cont{
	height:94px;
}
#boxAvances .title div{
	background:url(../img/box/box1-kohops-avances.jpg) no-repeat; width:370px; height:37px;
}
#boxAvances .title div h2 a{
	float:left; width:372px; height:1px; font-size:1px; overflow:hidden; padding:26px 0 0 0; _width:200px;
}
#boxOfficiels .title div{
	background:url(../img/box/box1-kohops-officiels.jpg) no-repeat; width:370px; height:37px;
}
#boxOfficiels .title div h2 a{
	float:left; width:372px; height:1px; font-size:1px; overflow:hidden; padding:26px 0 0 0; _width:200px;
}
#boxAvances .cont .intro, #boxOfficiels .cont .intro{
	height:42px;padding:0;
}
#boxAvances .cont .intro .txt, #boxOfficiels .cont .intro .txt{
	width:312px;
}
#boxAvances .cont .intro .txt div, #boxOfficiels .cont .intro .txt div{
	width:307px;
}
#boxAvances .cont ul li span, #boxOfficiels .cont ul li span{
	width:355px;
}
#boxTop{
	float:right;margin:0;
}
#boxTop .cont{
	height:250px;
}
#boxTop .title div{
	background:url(../img/box/box1-top-kohops.gif) no-repeat;
}
#boxTop .cont .intro{
	height:42px;padding:0;
}
#boxTop .cont .intro .txt{
	width:185px;
}
#boxAvances .desc, #boxOfficiels .desc, #boxRecents .desc, #boxSponsors .desc,  #boxTV .desc, #boxNuage .desc{
	color:#ec5110;
}
.boxLeft{
	float:left;width:374px;
}
#home .space{
	/*clear:both;height:1%; font-size:1px; margin-bottom:229px;*/
	clear:both;height:1%; font-size:1px; margin-bottom:25px;
}
#content .space{
	clear:both;height:1%; font-size:1px; margin-bottom:15px;
}

/*GESTION COULEUR NUAGE*/
.NuageOrangeSlim {cursor:pointer;float:left;padding:5px;font-size:9px;color:#EC5110;}
.NuageOrangeBold {cursor:pointer;float:right;padding:5px;font-size:12px;color:#EC5110;font-weight:bold;}
.NuageRougeSlim {cursor:pointer;float:left;padding:5px;font-size:9px;color:#E60000;}
.NuageRougeBold {cursor:pointer;float:right;padding:5px;font-size:12px;color:#E60000;font-weight:bold;}
.NuageRougeUp {cursor:pointer;float:right;padding:5px;margin-left:10px;font-size:24px;font-weight:bold;color:#E60000;}
.NuageNoirSlim {cursor:pointer;float:right;padding:5px;font-size:9px;color:#000000;}
.NuageNoirBold {cursor:pointer;float:left;padding:5px;margin-left:2px;font-size:12px;color:#000000;font-weight:bold;}


/* DEBUT : myBox */
.myBox{ position:relative; background:#ffffff; margin:4px; text-align:left; }
.myBox .myBoxTL{ position:absolute; top:-4px; left:-4px; background:url(../img/box/box-str-TL.png) no-repeat; width:4px; height:4px; }
.myBox .myBoxT{ position:absolute; top:-4px; left:0; background:url(../img/box/box-str-T.png) repeat-x; width:100%; height:4px; }
.myBox .myBoxTR{ position:absolute; top:-4px; right:-4px; background:url(../img/box/box-str-TR.png) no-repeat; width:4px; height:4px; }
.myBox .myBoxL{ position:absolute; top:0; left:-4px; background:url(../img/box/box-str-L.png) repeat-y; width:4px; height:100%; }
.myBox .myBoxR{ position:absolute; top:0; right:-4px; background:url(../img/box/box-str-R.png) repeat-y; width:4px; height:100%; }
.myBox .myBoxBL{ position:absolute; bottom:-4px; left:-4px; background:url(../img/box/box-str-BL.png) no-repeat; width:4px; height:4px; }
.myBox .myBoxB{ position:absolute; bottom:-4px; left:0; background:url(../img/box/box-str-B.png) repeat-x; width:100%; height:4px; }
.myBox .myBoxBR{ position:absolute; bottom:-4px; right:-4px; background:url(../img/box/box-str-BR.png) no-repeat; width:4px; height:4px; }
/* FIN : myBox */

/* DEBUT : myPop */
.myPop{ position:absolute; top:100px; left:50%; width:628px; margin:0 0 0 -314px;
    _top:expression((document.documentElement.clientHeight < this.offsetHeight)? 10 : document.documentElement.offsetHeight/2+documentElement.scrollTop+body.scrollTop);    _margin-top:expression((document.documentElement.clientHeight < this.offsetHeight)? 0 : -(this.offsetHeight/2));
    z-index:100002; display:none; *overflow:hidden; }
.myPop .myBox{ text-align:center; margin:18px; filter:alpha(opacity=95); opacity:0.95; }
.myPop .myBox .myBoxTL{ position:absolute; top:-17px; left:-17px; background:url(../img/box/box-str-long-TL.png) no-repeat; width:18px; height:18px; }
.myPop .myBox .myBoxT{ position:absolute; top:-17px; left:0; background:url(../img/box/box-str-long-T.png) repeat-x; width:100%; height:18px; }
.myPop .myBox .myBoxTR{ position:absolute; top:-17px; right:-17px; background:url(../img/box/box-str-long-TR.png) no-repeat; width:18px; height:18px; }
.myPop .myBox .myBoxL{ position:absolute; top:0; left:-17px; background:url(../img/box/box-str-long-L.png) repeat-y; width:18px; height:100%; }
.myPop .myBox .myBoxR{ position:absolute; top:0; right:-17px; background:url(../img/box/box-str-long-R.png) repeat-y; width:18px; height:100%; }
.myPop .myBox .myBoxBL{ position:absolute; bottom:-18px; left:-17px; background:url(../img/box/box-str-long-BL.png) no-repeat; width:18px; height:18px; }
.myPop .myBox .myBoxB{ position:absolute; bottom:-18px; left:0; background:url(../img/box/box-str-long-B.png) repeat-x; width:100%; height:18px; }
.myPop .myBox .myBoxBR{ position:absolute; bottom:-18px; right:-17px; background:url(../img/box/box-str-long-BR.png) no-repeat; width:18px; height:18px; }
.myPop .myBox .myCont{ color:#E69357; padding:0 0 15px 0; }
.myPop .myBox .myTitle{ margin:18px 0 18px 0; padding:5px; color:#ffffff; font-size:14px; text-align:center; background:#E69357; font-weight:bold; }
.myPop .myBox .corp_pop_up, .myPop .myBox .top_corp_pop_up, .myPop .myBox .cont_corp_pop_up{ margin:0 auto; }
.myPop .myBox .cont_corp_pop_up p{ color:#E69357; }
.myPop .myBox .cont_corp_pop_up a{ color:#E69357; }
.myPop .myBox .bas_corp_pop_up{ margin:0 auto 15px auto; }
.myPop .myBox .myCont .fermer { float:none; display:block; overflow:hidden; position:absolute; top:4px; right:-10px; _right:-5px; background:url(../img/btn/btn-fermer-popup.gif) no-repeat; height:8px; text-indent:9999em; white-space:nowrap; width:8px; }
/* FIN : myPop */

/* DEBUT : TOUS NOS BESOINS */
#content #colright .besoin .myTitle h1{ color:#d1591b; font-size:14px; font-weight:bold; margin:0; }
.besoin .myCont{ }
.besoin .myCont .myBoxItem{ opacity:0.6; *filter:alpha(opacity=60); }
.besoin .thisCont{ color:#000000; font-size:12px; font-weight:bold; margin:10px 0 10px 5px; padding:5px;}
.besoin .myCont .tit_ses_besoin{color:white;font-size:18px;padding:2px 10px 5px;background:url(../img/box/bg-head-com.jpg) no-repeat left top; position:relative; margin:0; }
.besoin .myCont .ligne_ses_besoin{ border:0px; }
.besoin .myCont .ligne_ses_besoin label{ font-size:12px; position:relative; margin-top:-4px !important; }
.besoin .myCont .ligne_ses_besoin label a{ color:#000000; }
.besoin .myCont .ligne_ses_besoin .noir, .besoin .myCont .ligne_ses_besoin .noir a, .besoin .myCont .ligne_ses_besoin .noir a:hover{ color:red; }
.besoin .myCont .area{ display:block; font-size:12px; margin:20px 0 5px 0; }
.besoin .myCont textarea{ display:block; font-size:12px; margin:0; width:460px; height:160px; border:1px solid #a8a8a8; }
.besoin .myCont .input2{ position:relative; background:url(../img/btn/btn-valide-ressource.gif) no-repeat; width:186px; height:40px; top:0px; left:0px; float:right; }
.besoin .retour{ float:right; margin-top:10px; }
.besoin .retour a{ color:#d1591b; font-size:11px; font-weight:bold; text-decoration:underline; }
.besoin .mySecondCont{ margin:5px; }
.besoin .itemBesoin{display:block;width:220px;float:left;padding:5px;}
.besoin .itemBesoin input{margin-right:5px;}
.besoin .itemBesoin label a{color:black!important;font-size:12px;font-weight:bold;}
#formBesoin{padding:5px 0;}
#formBesoin .modalite{padding:5px;}
/* FIN : TOUS NOS BESOINS */

.pop_up_globale h1{ }
.pop_up_globale .fermer{ background:url(../img/btn/btn-fermer-popup.gif) no-repeat; width:8px; height:8px; white-space:nowrap; text-indent:9999em; onverflow:hidden; }

#container .interview #colLeft, #container .actu #colLeft {
	width:655px;
}
.interview .colonneRight, .actu .colonneRight {
	padding:5px 0 0 7px;
}
.boxInterview {
	width:655px; min-height:127px; background:url(../img/box/interview.gif) no-repeat;
	_height:127px;
}
.boxInterview .bot {
	width:655px; height:5px; font-size:1px; clear:both; background:url(../img/box/interview-bot.gif);
}
.actu .boxInterview {
	background:url(../img/box/actu.gif) no-repeat;
}
.boxInterview img {
	margin:11px 10px 8px 12px; float:left;
}
.boxInterview .cont {
	float:left; width:444px; padding:0 0 8px 0;
}
.boxInterview strong {
	font-size:16px; color:#fff; font-weight:bold; padding:10px 0 12px 0; display:block;
}
.boxInterview p {
	font-size:12px; color:#000;
}
.boxInterview a {
	font-size:12px; color:#f46506; font-weight:bold; text-decoration:none; float:right;
}
.boxInterview p a {
	font-size:12px; color:#f46506; font-weight:bold; text-decoration:none; float:none;
}
.boxInterview .subCont {
	background:#f0f0ef; padding:9px 15px 0 15px; width:605px; margin:0 0 7px 9px;
}
.boxInterview .subCont strong {
	color:#000; font-size:12px; display:inline;
}
.boxInterview .subCont p {
	width:auto; padding:0 0 11px 0;
}
.boxInterviewTxt {
	background:url(../img/box/interview-mid.gif) repeat-y;
}
.actu #actuVideo {
	text-align:center; padding:0 0 17px 0;
}
.actu #actuVideo img {
	margin:0; float:none;
}

/** FOOTER **/
#footer-sky{margin-top:20px;}



/** home **/
.topBox .head h2 a, #topProjects .head h2 a{ font-family:arial; font-size:16px; font-weight:bold; color:#303030; }
.topBox .body .first{ min-height:140px; _height:140px; }
#home #carteinteractive{ margin-top:18px; }

/** projets **/
.myInfos{ overflow:hidden; }
.myInfos .date, .myInfos .visites{ float:left; margin-right:10px; padding-left:4px; }
.myInfos .date{ color:#848484; }
.myInfos .visites{ color:#EC5110; }

/** popup **/
.btnOuiNon{ margin-bottom:-10px; position:relative; }

/** menu droit **/
.imageKohops .bottomRight a{ text-decoration:underline; }

/** Eval **/
.btnRecuLeader, .btnRecuRessource, .btnLaisseLeader, .btnLaisseRessource{ width:158px; height:36px; overflow:hidden; }
.btnRecuLeader{ background:url(../img/btn/btn-evalRleader.gif) left top no-repeat; }
.btnRecuRessource{ background:url(../img/btn/btn-evalRressource.gif) left top no-repeat; }
.btnLaisseLeader{ background:url(../img/btn/btn-evalLleader.gif) left top no-repeat; }
.btnLaisseRessource{ background:url(../img/btn/btn-evalLressource.gif) left top no-repeat; }
.btnRecuLeader:hover, .btnRecuRessource:hover, .btnLaisseLeader:hover, .btnLaisseRessource:hover, .btnEvalLoaded{ background-position:left -36px; }
