@charset "iso-8859-1";
/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 clear.css 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */
@import "reset.css";

b {font-weight:bold;}
i {font-style:italic;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
a, span {vertical-align:baseline;}
img {vertical-align:top;text-decoration:none;}
.clear {clear:both;}
br.clear {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;}
.clearfix:after {clear:both;display:block;height:0;font-size:0;visibility:hidden;content:".";}
.clearblock {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;}
.hidden,.collapsed,.block_hidden_only_for_screen {display:none;}
/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 general styles 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */
* {font:normal 12px Arial, Helvetica, sans-serif; margin:0; padding:0;}
html {font-size: 100%;}
body {color:#343434;background:#00a46f;margin:0px; padding:0px;position:relatvive;line-height:18px;}
a{text-decoration: none; color: #444;}
a:hover {text-decoration: underline;color: #067652; }
a.more{display:block;text-align:right;font-weight:bold;}
.container_site{width:1000px;margin:0 auto;}

#fond_marin_entete{height:160px;background:url(../images/bg_haut.jpg) 50% top no-repeat;position:relative;}
#logo{width:138px;height:80px;display:block;position:absolute;top:25px;left:15px;background:url(../images/logo.png) right top no-repeat;}

#fr{position:absolute;width:21px;height:21px;right:65px;top:70px;background:url(../images/fr.png) left top no-repeat;}
#en{position:absolute;width:30px;height:25px;right:15px;top:70px;background:url(../images/en.png) left top no-repeat;}

/************************************ Menu ****************************************/
#menus_site{font-size:1em;padding: 0px 0px 0px 0px;margin-bottom:0px;background:url(../images/bg_menus.jpg) left top repeat-x;position:relative; z-index:500;}
#menus_site .container_site	{min-height:50px;}
#menus_site ul#menus_site > li{display:inline-block;float:left;font-weight:bold;font-size:14px;}
#menus_site ul#menus_site > li > a{color:#555;text-decoration:none;padding:15px 22px 15px 20px;display:inline-block;height:20px;background:url(../images/menu_sep.jpg) right top no-repeat;}
#menus_site ul#menus_site > li.last > a{background:none;}
#menus_site ul#menus_site > li > a:hover,#menus_site ul#menus_site > li > a.current{color:#fff;text-decoration:none;background:url(../images/bg_v.gif) left top repeat-x;}
#menus_site ul#menus_site > li:hover a{color:#fff;}
#menus_site ul#menus_site > li:hover {position:relative; z-index:10000;background:url(../images/bg_v.gif) left top repeat-x;}

#menus_site ul#menus_site li:hover ul,#menus_site ul#menus_site li:hover ul li:hover ul{left:0;top:50px;background:#F0F0F0;padding:3px 10px 10px 10px;/*border:1px solid #d0cfcf;*/white-space:nowrap; width:220px;height:auto;z-index:10000000;border-top:10px solid #86ab05;border-bottom:5px solid #86ab05;-moz-border-radius:0 0 3px 3px;-khtml-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
#menus_site ul#menus_site li:hover ul.sub_menu li {display:block;height:20px;position:relative;float:left;width:218px;font-weight:normal;padding-bottom:10px;background:url(../images/trait_sep_h.gif) left bottom repeat-x;/*border-bottom:1px solid #ecebeb;*/}
#menus_site ul#menus_site li:hover ul.sub_menu li a {display:block;padding:5px 1px;font-size:12px;height:19px;width:218px;line-height:18px;text-indent:5px;color:#555;text-decoration:none;}
#menus_site ul#menus_site li:hover ul.sub_menu li a:hover {background:#fff;/*color:#f0efef;*/}

/*#menus_site ul#menus_site li:hover li:hover ul,
#menus_site ul#menus_site li:hover li:hover li:hover ul,
#menus_site ul#menus_site li:hover li:hover li:hover li:hover ul,
#menus_site ul#menus_site li:hover li:hover li:hover li:hover li:hover ul
{left:182px;top:-2px;background:#f5f5f5;padding:3px 5px 15px 5px;white-space:nowrap;border:1px solid #cfcfcf;width:212px;z-index:1000000;height:auto;}
*/
#menus_site ul#menus_site ul, 
#menus_site ul#menus_site li:hover ul ul,
#menus_site ul#menus_site li:hover li:hover ul ul,
#menus_site ul#menus_site li:hover li:hover li:hover ul ul,
#menus_site ul#menus_site li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;z-index:10000;}

#fond_marin_footer{height:350px;background:url(../images/bg_bas.jpg) left bottom no-repeat;position:relative;}
#main_content {
   /*background: #fff url(../images/bg_site.png) left top repeat-y;*/
   margin: 0px auto;
   width: 1000px;
   font: 12px arial,verdana,sans-serif;
   padding: 0 0px;text-align: left;overflow:hidden;position: relative;background:#fff;border-top:10px solid #86ab05;border-bottom:10px solid #86ab05;
}

/********** Titres ************/
h1 {font-size: 2.2em;color:#000;padding: 0px 0px 0px;}h2 {font-size: 1.3em;color:#000;padding: 0px 0px 0px;}h3 {font-size: 1.3em}
h4, h4.title{font-size: 1.0em; line-height: 1.4em; padding: 0px 0px 0px;}
h4.small{font-size: 0.833em; line-height: 1.3em; margin: 0px 2px 0px 0px;padding: 0px 0px;}
.content_corps h2{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:17px;color:#333;font-weight:normal;background:url('../images/hr-line.gif') left bottom repeat-x;padding-bottom:5px}
/********** fin Titres ************/

/******** couleur, mise en forme ********/
.vert{color:#86ab05}.bold {font-weight:bold;}.strike {text-decoration:line-through;}.no-border{border:none;}.centrer{text-align:center;}.noir{color:#000}.gris{color:#999}
.rouge{color:#990000}
ul.list-gris li{text-decoration:none;background:url(../images/list-marker1.png) 1px -42px no-repeat;font-size:12px;line-height:18px;padding-left:15px;color:#535353;padding-bottom:10px}
span.lien_retour{float:left;background: url(../images/bullet_l.gif) 0 3px no-repeat;padding-left:12px;display:block}
.info_publication{font-size:11px;padding:2px 5px;border-bottom:1px dotted #999;height:15px;color:#999;text-align:right;margin-bottom:8px;}
/******** fin couleur, mise en forme ********/

#pannel_gauche{width:680px;float:left;background:#fff;padding:15px 10px 15px 20px;}	
#pannel_droit{width:245px;float:left;padding:15px 15px 15px 30px ;background:url(../images/bg_content.gif) left top repeat-y;}

#pannel_gauche2{width:600px;float:left;background:#fff;padding:15px 10px 15px 20px;}	
#pannel_droit2{width:315px;float:left;padding:15px 15px 15px 30px ;background:url(../images/bg_content.gif) left top repeat-y;margin-left:10px;}

.content_corps{padding:8px 20px;}.details{line-height:21px;margin-bottom:20px}p{line-height:20px;padding:5px 0;position:relative;margin:0}
.image-left, .image-right, .image-center { 	
	padding:6px; 
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;	
	-moz-box-shadow: inset 3px 3px 3px #eeeeee;
	-webkit-box-shadow: inset 0 0 5px #eeeeee;
	box-shadow: inner 0 0 5px #eeeeee;
	-moz-box-shadow: inset 1px 1px 1px #eeeeee;
	-webkit-box-shadow: inset 1px 1px 1px #eeeeee;
	box-shadow: inset 1px 1px 1px #eeeeee;}
.image-left { float:left; margin:5px 20px 10px 0; position:relative;}
.image-right, .float-right {float:right;margin:5px 0 10px 20px;position:relative;}
.image-center { text-align:center; margin:10px 0 10px 0;}

/**************** Rail *******************/
#rail{/*width:952px;*/height:15px;padding:5px 10px 5px 6px;letter-spacing:0.10pt;color:#333;background:#f1f1f1;border-bottom:1px solid #ebebeb;font-size:88%;margin-bottom:15px;}	
#ul_rail {font-size:11px;font-style:normal;font-weight:normal;padding:0;margin:0;list-style:none;overflow:hidden;}
#ul_rail li{margin:0 5px 0 0;padding:0 15px 0 0;float:left;background: url(../images/rail.png) no-repeat 100% 50%;}
#ul_rail li a{text-decoration: none;}#ul_rail li a:hover{color:#175492;}#ul_rail li.active {color:#175492;background:none;margin:0;padding:0;}#ul_rail li.active a {color:#175492;}

/**************** Accordion *******************/
p.acc_trigger2{padding: 0;margin:0;background:url(../images/plus_.png) no-repeat 0px 0px;height: 25px;line-height: 20px;width: 60%;}
p.acc_trigger2 a {color: #555;font-size:14px;text-indent:20px;text-decoration: none;display: block;margin-bottom:0;font-weight:bold}
p.active2 a { background: url(../images/minus_.png) no-repeat 0px 0px; color: #990000; }
p.acc_trigger2 a:hover {  color: #990000; }
.acc_container2 {margin: 0 0 5px 0px;padding: 0;overflow: hidden;width: auto;clear: both; }
.acc_container2 .block2{padding: 0 15px 0px 15px;margin:0; }

/* ========================================================== 
	(08) TAB STYLES
============================================================ */

.tabs-box  { 	
	 }

ul.tabs{ 		
	border:none;
	margin:0 0 ;
	padding:0; 
	/*float: left; */	
	list-style: none; 
	height: 34px; 
	/*width: 100%;*/
	background:#f4f4f4 url(../images/tabs/sidebar-tab.png) repeat-x 0 0;	
	border:1px solid #d3d3d3; 
	/*margin-bottom:20px;*/
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	 }

ul.tabs li{ border:none; margin:0; padding:0;float:left;}
ul.tabs li a, ul.tabs li:hover a{ 	
	border-left:1px solid #f8f8f8; 
	border-right:1px solid #c8c8c8;	
	float: left; 	
	overflow: hidden; 
	position: relative; 
	margin:0;  
	font-family:"Noticia Text", georgia,arial,verdana; 	
	text-decoration: none; 
	height: 33px; 
	width:auto;
	color:#808080; 
	/*display: block; */
	font-size: 14px; 
	padding:0 22px 0 22px;
	outline: none;
	text-align:center;	 
	line-height: 30px;	}
	
ul.tabs li:first-child  a{ border-left:0; }
ul.tabs li:last-child  a{ border-right:0;padding:0 21px 0 21px;}

html ul.tabs li.tab-active a{ background:url(../images/tabs/sidebar-tab-active.png) repeat-x center 0; border-left:0;  color:#000;}
html ul.tabs li:first-child.tab-active a {
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-khtml-border-radius:5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;}
	
html ul.tabs2 li:last-child.tab-active2 a { border-right:1px solid #c8c8c8;	border-left:1px solid #f8f8f8;  }

.tab_container {clear: both;border:1px solid #d3d3d3;color:#707070;background:#f4f4f4;padding-top:10px;margin-bottom:10px}

.tab_content{ padding: 0 0 10px 10px;}
	

/*****************************************************************ANIMATION ACCUEIL***************************************************************************/
#slide_accueil{width:680px;height:300px;background:url('../images/slider_shadow.jpg') left bottom no-repeat;/*border-bottom:10px solid #FFC71E;*/position:relative;padding-bottom:35px;}
#slide_accueil .zone{position:absolute;font-size:14px;line-height:17px;color:#333;}
#slide_accueil .bg_zone{width:380px;height:90px;position:absolute;bottom:5px;left:5px;background:#8bb104;opacity : 0.8;filter : alpha(opacity=80); z-index:1;}
#slide_accueil .zone_content{position:absolute;z-index:5;bottom:15px;left:15px;width:350px;height:70px;}
#slide_accueil .zone_content h6{font-size:22px;padding-bottom:4px;font-weight:normal;line-height:22px;margin:0;}
/*#slide_accueil .zone_content h6 span{color:#fff}*/
#slide_accueil #zone1, #slide_accueil #zone2, #slide_accueil #zone3, #slide_accueil .zone{left:-5px;bottom:10px;}
#slide_accueil li {width: 680px;height: 300px;display: none;margin:0;padding:0;position:relative;z-index:1;}
#slide_accueil li  .zone > div{position:relative;}
#slide_accueil li a.lien{width: 680px;height: 220px;display:block;position:absolute;top:0;left:0;background:url('../images/vide.gif') left top no-repeat;z-index:10}

#slide_accueil #pager {width: 680px;text-align: right;position: absolute;bottom: 50px;right:10px;z-index:2000;}

#slide_accueil #pager > div {
	background-color: #333;
	background-color: rgba(51,51,51,.7);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding: 5px 10px 0 10px;
	display: inline;
}

#slide_accueil #pager > div a {
	background: url(../images/feature-dots.png) no-repeat 0 0;
	width: 13px;
	height: 13px;
	display: inline-block;
	text-decoration: none;
}

#slide_accueil #pager > div a + a {margin-left: 2px;}

#slide_accueil #pager > div a.activeSlide {background-position: right 0;}
/******************************************************************3 BLOCS ACCUEIL**************************************************************/

ul.default li{padding:3px 0 3px 8px;background:url(../images/bullet_petrol.gif) 0 8px no-repeat;line-height:1.3em;zoom:1;}
ul.default li a{color:#317e88;text-decoration:underline;}
ul.default li a:hover{color:#317e88;text-decoration:none;}
ul.blocs_accueil{margin-top:20px;}
ul.blocs_accueil > li{float:left;}
ul.blocs_accueil > li.first{width:190px;margin-right:50px;padding-left:10px;background_:#f0f0f0;}
ul.blocs_accueil > li.last{width:430px;}
ul.blocs_accueil > li h6{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:17px;color:#333;font-weight:normal;}
ul.blocs_accueil > li.first img{margin-bottom:10px;display:block;}
ul.blocs_accueil > li.last img{float:left;margin-right:12px;}
ul.blocs_accueil > li p{line-height:18px;}

a.social{display:block;width:32px;height:31px;background:url(../images/f.png) left top no-repeat;position:absolute;top:7px;right:15px;}
a.social.t{background-image:url(../images/t.png);right:80px;}a.social.g{background-image:url('../images/gplus.png');right:45px;}
a.cert{display:block;width:70px;height:70px;background:url(../images/cert_bv.jpg) center center no-repeat;position:absolute;top:15px;right:15px;z-index:9;}
a.cert.gl{background-image:url(../images/cert_gl.jpg);top:80px;}
a.plus{display:block;width:112px;height:25px;background:url(../images/plus_vert.png) center center no-repeat;margin-top:15px;}
a.plus:hover{background-image:url(../images/plus_bleu.png)}
.cadre_contact{padding:15px 65px 15px 0;background:url(../images/icone_phone.png) right 5px no-repeat;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:5px;margin-bottom:15px;}
.phone-contact {color: #5d5d5d;font-size: 11px;text-align:right;}
.phone {color: #cf4e33;font-family: 'TerminalDosisLight';font-size: 250%;line-height: 1.3;text-align:right;}
#espace_webtv_g h4{font-size:18px;font-weight:normal;padding:0 0 15px  0;color:#2989e9;margin-top:15px}
#espace_webtv_g #lecteur{width:245px;height:150px;border-top:15px solid #000;border-bottom:15px solid #000;position:relative;background:url(../images/bg_lecteur.jpg) left top no-repeat;margin-bottom:5px;}
#espace_webtv_g a.button_play{width:245px;height:150px;background:url(../images/button_play.png) 50% 50% no-repeat;display:block;}
#espace_webtv_g > ul, #espace_flashinfo > ul{margin-bottom:15px;}
#espace_webtv_g > ul > li{padding:5px 0 12px 0;position:relative;border-bottom:1px solid #ddd;}
#espace_webtv_g > ul > li img{width:60px;height:40px;float:left;margin-right:8px;border:2px solid #77b903;}
#espace_webtv_g > ul > li {font-size:11px;color:#444;display:block;}
#espace_webtv_g > ul > li b{font-size:11px;color:#000;display:block;}

/******************* FlashInfo ********************/
#espace_flashinfo{padding-bottom:5px;}
#espace_flashinfo span{padding:5px;background:#CC0000;font-weight:bold;font-size:12px;color:#fff;margin-bottom:10px;display:inline-block}
#espace_flashinfo ul{background:url(../images/hr-line.gif) left bottom repeat-x;padding-bottom:5px;}
#espace_flashinfo > marquee{height:90px}
#espace_flashinfo ul > li{padding:5px 0 15px 0;position:relative;font-size:11px;color:#535353;display:block;background:url(../images/hr-line.gif) left bottom repeat-x;/*height:80px*/}
#espace_flashinfo ul > li.last{background:none}
#espace_flashinfo ul > li b{display:block;}

#ticker {/*width:180px;*/height:110px;/*border:1px solid #aaaaaa;*/overflow:hidden;padding-bottom:5px;font-size:11px;color:#535353;}
#ticker dt {font:bold 13px Georgia;padding:0 10px 5px 10px;background-color:#e5e5e5;padding-top:10px;border:1px solid #ffffff;border-bottom:none;border-right:none; /*position:relative;*/ }
#ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:1px solid #aaaaaa;background-color:#e5e5e5;border-left:1px solid #ffffff;/*position:relative;*/ }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker div {margin-top:0;}
#ticker a{text-decoration:none;}#ticker dt a{font:bold 13px Georgia;}

#espace_liens_utiles h4{font-size:18px;font-weight:normal;padding:0 0 5px 0;color:#2989e9;}
#espace_liens_utiles > ul > li{padding:5px 0 5px 0;position:relative;/*border-bottom:1px solid #ddd;*/background:url(../images/hr-line.gif) left bottom repeat-x;}
#espace_liens_utiles > ul > li.last{background:none}
#espace_liens_utiles > ul > li a{text-decoration:none;display:inline-block;background:url(../images/list-marker4.png) 1px -42px no-repeat;font-size:12px;line-height:18px;padding-left:15px;color:#535353;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#espace_liens_utiles > ul > li a:hover{background-position: 1px 6px;}

.shadow{height:30px;padding:20px 0;background:url(../images/shadow.png) 50% 50% no-repeat;}
.shadow h4{font:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;padding:0 0 15px 0;color:#333;margin-top:35px;margin-left:40px;font-weight:normal;}
.sep_shadow{width:245px;height:12px;padding-top:10px;background:url(../images/bg_sep_d.png) left bottom no-repeat;}
/************************************* CLIENTS REFERENCES ******************************************/
#cadre_logos_clients{width:1000px;margin:20px auto 0 auto;height:110px;overflow:hidden;position:relative;}
.cadre_img{width:608px;}
.cadre_img li{width:136px;margin-right:10px;float:left;overflow:hidden;text-align:center;} 
.cadre_img li.last, .cadre_img li.finligne{margin-right:0;}
.cadre_img li .logo_mini{width:116px;height:50px;padding:10px 10px;background:url(../images/moule.jpg) no-repeat;}
.cadre_img li .logo_mini img{margin:0 auto}  
ul.cadre_img, ul#logos_slider{width:866px;margin:0 auto;height:70px;overflow:hidden;}
ul#logos_slider > li{width:866px;height:70px;float:left;}
ul#logos_slider li.last{margin-right:0;}
#cadre_logos_clients a.navl, #cadre_logos_clients span.navl{width:33px;height:67px;position:absolute;left:25px;top:0px;background:url(../images/fleche_g.gif) 0 0 no-repeat;display:block;}
#cadre_logos_clients a.navd, #cadre_logos_clients span.navd{width:33px;height:67px;position:absolute;right:25px;top:0px;background:url(../images/fleche_d.gif) 0 0 no-repeat;display:block;}
#cadre_logos_clients span.navl{background-image:url(../images/fleche_g0.gif);}
#cadre_logos_clients span.navd{background-image:url(../images/fleche_d0.gif);}

/********************** FOOTER ***************************/
#footer {background:#86ab05;margin: 0px auto;width:970px;padding:15px;text-transform:uppercase;font-size:10px;position:relative;}
#copyright ul{float:right;color:#b5df33}
#copyright ul li{display:inline;padding:5;float:left;overflow:hidden;}
#copyright ul li a{display:block;border-left:1px solid #648004;padding:0px 10px;color:#445415}
#copyright ul li a.noborder{border:none;padding:0px 5px;}
#copyright ul li.first{border:none; margin-right:15px;}
#footer .logo_footer{/*margin-right:15px;float:left;*/position:absolute;left:15px;top:5px;width:163px;height:34px;background:url(../images/logo_footer.jpg) left -5px no-repeat;}
#footer .signature{position:absolute;top:15px;left:220px;color:#b5df33}	

/*================================ RESSOURCES MATERIELS UL =====================================*/
div#cadre-ressources{/*background:#f1f1f1;*/padding:10px 0 10px 10px;margin:10px 0px 10px 0px;/*border:1px solid #ddd;box-shadow:0 0 15px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 15px rgba(0, 0, 0, .2); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, .2);*/position:relative;}
div#cadre-ressources ul.ressources-liste{overflow:hidden;border-bottom:none;}
div#cadre-ressources ul.ressources-liste li{height:92px;margin-bottom:15px;float:left;margin-right:7px;border:4px solid #fff;} 
div#cadre-ressources ul.ressources-liste li img {padding:5px;width:95px;height:78px;}
/*div#cadre-ressources ul.ressources-liste a li{border:4px solid #fff;}
div#cadre-ressources ul.ressources-liste a:hover li{border:4px solid #8bb104;background:url(../images/overlay.png) repeat 0 0;}*/

/*======================================= FANCYBOX===============================================*/
#media { margin:0 0 20px; }
#media ul {margin:0;padding:0;list-style:none;padding:0 32px;}
#media .mediaItem {display:inline-block;width:100px;height:88px;margin:0 46px 30px 0;cursor:pointer;text-align:center;}
#media .mediaItem.last {margin-right:0;}
#media .mediaItem a {display:block;width:100px;height:88px;text-decoration:none;}
#media .mediaItem a span {display:block;font-size:10px;color:#4c4c4c;margin:5px 0 0;padding:0;line-height:1em;}
#media .mediaItem img{width:100px;height:76px;padding:6px;border:1px solid #d4d4d4;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;	-moz-box-shadow: inset 3px 3px 3px #eeeeee;
	   -webkit-box-shadow: inset 0 0 5px #eeeeee;box-shadow: inner 0 0 5px #eeeeee;-moz-box-shadow: inset 1px 1px 1px #eeeeee;-webkit-box-shadow: inset 1px 1px 1px #eeeeee;box-shadow: inset 1px 1px 1px #eeeeee;}

#media .mediaItem span img{width:9px;height:9px;padding:0;border:none;border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;	-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} 

#media .mediaItem a img:hover {border:1px solid #8bb104;} 
#media .mediaItem a span img:hover {border:none;} 
	

/*================================ RESSOURCES REFERENCES UL =====================================*/
div#cadre-ressources ul.references-liste{overflow:hidden;border-bottom:none;}
div#cadre-ressources ul.references-liste li{width:136px;height:70px;margin-bottom:15px;float:left;margin-right:7px;}
div#cadre-ressources ul.references-liste li img {padding:5px;width:136px;height:70px;}

/*================================= PAGINATION ==================================================*/
div.pagination {font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 2px;margin: 5px;}
div.pagination a {color: #666;margin: 1px 2px;padding: 2px 5px;text-decoration: none;background:#f9f9f9;border: 1px solid #e6e6e6;}
div.pagination a:hover,active {background-color: #86ab05;border: 1px solid #86ab05;color: #fff;margin: 1px 2px;padding: 2px 5px}
div.pagination span.courante {background-color: #86ab05;border: 1px solid #86ab05;color: #fff;font-weight: bold;margin: 1px 2px;padding: 2px 5px}
div.pagination span.desactive {border: 1px solid #eee;color: #ddd;margin: 1px 2px;padding: 2px 5px}
.nbre_items_pagination{padding:5px 0 10px 0;}  

/*================================= AFFICHAGE DYNAMIQUE =======================================*/
ul.datas_liste li{padding:12px 0 30px 0;position:relative;border-bottom:1px dotted #ccc;line-height:18px;}
ul.datas_liste.events li{padding-right:55px;}	 

ul.datas_liste li div.img_min{width:95px;height:100px;float:left;text-align:center;}
ul.datas_liste li div.img_min img.pic{border:3px solid #ddd;}
ul.datas_liste li h6{font-size:16px;padding-bottom:2px;line-height:18px;font-weight:bold;margin:0;color:#333;}ul.datas_liste li a h6{color:#990000;}
ul.datas_liste li p{line-height:18px;padding:0;margin:0;}
ul.datas_liste li p.star{line-height:18px;padding:0;margin:5px 0 0;}
ul.datas_liste li a{color:#555;text-decoration:none;}	

ul.datas_liste li a.rubrique{color:#BCDD05;text-decoration:underline;font-size:11px;/*font-weight:bold;*/}
ul.datas_liste li a.rubrique:hover{color:#FE7A05;text-decoration:none;}
ul.datas_liste li p.rubrique{margin-bottom:5px;}	 

/********************* Contacts ***********************/
.contact p {margin-bottom: 10px;}
.contact ul {margin: 0;padding:0}
.contact ul li {list-style: none; margin: 0; padding: 0 0 0 26px; background-position: 0 1px; background-repeat: no-repeat;}
.contact ul li p {margin-bottom: 7px;}
.contact ul li.adresse {background-image: url('../images/address.gif');}
.contact ul li.email {background-image: url('../images/mail.gif');}
.contact ul li.tel {background-image: url('../images/tel.gif');}
.contact ul li.www {background-image: url('../images/www.gif'); background-position: 0 2px;}
.contact ul li.resp {background-image: url('../images/icon_medaille.gif');}
.contact ul li a{color:#003a69;text-decoration:none;outline:none;}.contact ul li a:hover{color:#AE1717;text-decoration:underline;}
.titre_contact{margin-bottom: 8px; font-size: 13px; font-weight: bold; color: #003a69;padding:3px 8px; background:#ECF5FB;}
.contact h4 {margin-bottom: 15px; font-size: 13px; font-weight: bold; color: #003a69;padding:3px 8px; background:#ECF5FB;margin:5px;} 

.contact-map {width:570px;height:297px;border:1px solid #fff;border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; }

#formulaire_contact{padding-left:50px}
#formulaire_contact div.slider{clear:both;position:relative;margin:0 0 15px;}
#formulaire_contact label{cursor:pointer;display:block;}
#formulaire_contact input[type="text"],
#formulaire_contact textarea {width:250px;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;text-align:left}
#formulaire_contact input[type="text"]:focus {border-color:#777;}
/* submit button */
#formulaire_contact input[type="submit"] {cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#eee;}
#formulaire_contact input[type="submit"]:hover,
#formulaire_contact input[type="submit"]:focus {border-color:#333;background:#ddd;}
#formulaire_contact input[type="submit"]:active {margin-top:1px;}

/***********************************************WEBTV SEQUENCES******************************************************************************************************************************/
#webtv_sequences ul{padding:0;margin:0 auto;clear:both;}
#webtv_sequences ul li{ list-style: none;float:left;width:162px;height:170px;margin:0px 5px 10px 5px;padding:0;overflow:hidden;}
#webtv_sequences ul li a{width:150px;height:150px;display:block;background:#fff;padding:5px;border:1px solid #efefef;color:#333}
#webtv_sequences ul li a:hover{border:1px solid #F76605;color:#F30606;text-decoration:none}
#webtv_sequences ul li span{display:block;padding-bottom:3px;margin:0;line-height:13px;font-size:11px;}
#webtv_sequences ul li span.cat{font-weight:bold;color:#C30202}
#webtv_sequences ul li span.infos{color:#999;}
div.publications_liees{margin-top:20px;padding-top:20px;border-top:1px dotted #ccc}