/*
Theme Name: Netys
Theme URI: http://grafezia.com/
Description: The 2012 theme for grafezia is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the grafezia team
Version: 1.4
License URI: http://grafezia.com/
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: netys
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html{}
body{background:url("images/bg.png")  repeat-y  top center;
font-family: Century Gothic,sans-serif;
}
ul{margin:0;padding:0;list-style:none}
#body-contenu{

width:960px;margin:auto;}

h6{font-family: Century Gothic,sans-serif;
font-size:16px;font-weight:normal;margin:0;
}
h3{font-family: Century Gothic,sans-serif;
font-size:20px;margin:0;   font-weight: normal;
}
#header{
width:100%;height:193px;background:url("images/header.png") no-repeat;margin-bottom:5px;position:relative
}
#header .logo{
padding:40px;width:236px;height:111px;float:left;
}
a{text-decoration:none; color:#888686;}
a:visited{text-decoration:none; color:#888686;}
a:hover{color:#00adbd;}
.clear{clear:both}
p { text-align: justify; }
/* contenu */
.ac-menu,
.menu ul,
.menu li,
.menu a,
.menu span {margin: 0;padding: 0;border: 0;outline: none;}
.menu li {list-style: none;}
/* Accordian Style */
.menu li > a {display: block;position: relative;padding:5px 0 5px 45px;color: #0000FF;font-weight: bold; font-size:  12px;text-decoration: none;}
.menu > li:hover > a {color:#00adbd;}
ul.menu > .current-menu-ancestor  > a{color:#fff; font-weight:bold;font-size:13px;padding:10px 0 10px 45px;background:#00adbd url("images/arrow.png") no-repeat 6px 7px;}
ul.menu  > .current-menu-ancestor  > a:hover{color:#fff}
ul.menu  > .current-menu-item  > a{color:#fff;font-size:13px; font-weight:bold;padding:10px 0 10px 45px;background:#00adbd url("images/arrow.png") no-repeat 6px 7px;}


/* Sub-Menu */
.sub-menu li a {
	color: #ffffff;

	background: #00adbd;

}

.sub-menu li:hover a { background: #17b4c3; }
 ul.menu ul .current-menu-item a{color:#fff; font-weight:bold;padding:6px 0 6px 65px;background:#00adbd url("images/arrow2.png") no-repeat 40px 7px;}


/* Accordian Function */

.menu li > .sub-menu {
	height: 0;
	overflow: hidden;

	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out;
}
ul.menu ul li a{padding:8px 0 8px 65px; display}
.menu li:hover > .sub-menu {
	height: 128px;
}
/**/
#tb {font-size:13px; height:600px;}
#content{width:960px;background:#fff;position:relative;}
#content .col-left{width:260px;float:left;margin:30px 0 0 0;}
#content .col-centre{width:400px;padding:20px;font-size:13px;float:left;margin:10px 0 0 0;}
#content .col-centre2{width:640px;padding:20px;font-size:13px;float:left;margin:10px 0 0 0;}
#content .col-centre h3 {color:#4f4f4f;margin-bottom:20px;}
#content .col-centre form{color:#4f4f4f;font-size:11px;}
#content .col-centre textarea{padding:3px;border:1px solid #f6f5f5;border-radius:5px;box-shadow:1px 1px 2px #C0C0C0 inset;width:380px;max-width:380px}
#content .col-centre input[type=text]{padding:3px;border:1px solid #f6f5f5;border-radius:5px;height:25px;box-shadow:1px 1px 2px #C0C0C0 inset;}
#content .col-centre  input[type=submit]{ background:#bd0085;border:none;margin:5px;color:#fff; border-radius:5px;height:30px;cursor:pointer;}
#content .col-right{width:220px;float:right;margin:0 10px 0 0;top:-55px;position:relative;font-size:10px;padding:0 9px;background:url('images/ombre.png') no-repeat left 50px;}
#content .co-right{background:#fff;}
#content .col-right .new h6{background:#00adbd;padding:10px 10px;color:#fff;margin-bottom:10px;}
#content .col-right .new-s{padding:5px;margin-bottom:30px}
#content .col-right p.date{padding:0 5px;color:#000;margin:0;}
#content .col-right .text {padding:0 5px;margin:2px 0 10px 0;color:#888686;font-size:11px}
#content .col-right  .get-rigth-co {padding:0 10px 10px 10px;margin-bottom:10px;} 
#content .col-right .get-rigth input[type=text]{padding:3px;border:1px solid #f6f5f5;border-radius:5px;height:25px;box-shadow:1px 1px 2px #C0C0C0 inset;float:left;margin-right: 5px;}
#content .col-right .get-rigth input[type=submit]{ background:#bd0085;border:none;margin:5px;color:#fff; border-radius:5px;height:30px;cursor:pointer;}
#content .col-right .get-rigth  input[placeholder] { padding-left: 2px;color:#d6a8c8;}
.get-rigth-co  p{margin-bottom:5px;}
/**/
.get-widget_sp_image h6{background:#bd0085;padding:10px 10px;color:#fff;margin-bottom:10px;}

.get-widget_wysija h6{background:#00adbd;padding:10px 10px;color:#fff;margin-bottom:10px;}
/*footer*/
#footer{width:100%;height:60px;padding: 10px 0 0 0 ;}
#footer .footer-left{float:left;color:#333;font-size:10px;}
#footer .footer-right{float:right;color:#b0bbbc}
/*** set the width and height to match your images **/
#slideshow {
    position:relative;display: block;width:200px;
    height:155px;margin:0 auto ;
}
#zonelink{position:absolute;right: 225px;
top: 111px;}
#zonelink a{
padding: 5px 103px;}


#I0_1365436147747 .iAb {    border: medium none;}


table#programme tr td:first-child  { font-size:12px}