/* CSS Document */
/*****************************************************************************************************************************
******************************************* PAGE ***************************************************************************
******************************************************************************************************************************/
#page{
	width: 974px;
	margin: 0 auto;
	background: #ffffff;
	padding: 0;
	text-align: left;
}
#inside {
	background: #f2f2f2;
	padding: 9px 16px 14px 17px;

}
/*****************************************************************************************************************************
******************************************* HEADER ***************************************************************************
******************************************************************************************************************************/

#header{
	padding: 0 0 14px 0;
}
#header h1{
	display: none;
}
#header .logo {
	float: left;
	padding: 5px 0 0 3px;
	position: relative;
}
#header .pub {
	float: right;
}
#header form  {
	text-align: right;
	margin: -10px 0 0 0;
	padding: 0 0 7px 0;
}
#header form label{
	display: none;
}
#header form .input{
	border: 1px solid #6c6d71;
	height: 14px;
	width: 146px;
	padding: 1px 0 0 5px;
}
#header .nav {}
#header .nav li {
	float: left;
	text-transform: uppercase;
	padding: 0 0 0 1px;
	text-align: center;
}
#header .nav li.first {
	padding: 0;
}
#header .nav li a {
	float: left;
	display: block;
	width: 134px;
	border-top: 6px solid #98999e;
	padding: 4px 0 3px 0;
}
#header .nav li a:hover,
#header .nav li.encour a  {
	background: #98999e;
	border-top: 0;
	padding: 10px 0 3px 0;
	color: #fff;
	text-decoration: none;
}
#header .nav li.encour a  {
	cursor: text;
}
#header .nav li.first a {
	width: 130px;
}
/* couleur */
#header .nav li a.bleu {
	color: #005196;
	border-top-color: #005196;
}
#header .nav li a.rouge {
	color: #c90019;
	border-top-color: #c90019;
}
#header .nav li a.orange {
	color: #ee7f00;
	border-top-color: #ee7f00;
}
#header .nav li a.bleuclair {
	color: #0092c3;
	border-top-color: #0092c3;
}
#header .nav li a.gris {
	color: #878889;
	border-top-color: #878889;
}
/* */
#header .nav li a:hover.bleu,
#header .nav li.encour a.bleu {
	background: #005196;
	color: #fff;
}
#header .nav li a:hover.rouge,
#header .nav li.encour a.rouge{
	background: #c90019;
	color: #fff;
}
#header .nav li a:hover.orange,
#header .nav li.encour a.orange {
	background: #ee7f00;
	color: #fff;
}
#header .nav li a:hover.bleuclair,
#header .nav li.encour a.bleuclair {
	background: #0092c3;
	color: #fff;
}
#header .nav li a:hover.gris,
#header .nav li.encour a.gris {
	background: #878889;
	color: #fff;
}
/*****************************************************************************************************************************
******************************************* FOOTER ***************************************************************************
*****************************************************************************************************************************/
#footer {
	padding: 4px 19px 4px 205px;
	color: #656261;
}
#footer ul {
	float: right;
}
#footer li {
	display: inline;
	padding: 0 1px 0 0;
}
#footer li span{
	padding: 0 0 0 1px;
}
#footer p{
	float: left;
}
/*****************************************************************************************************************************
******************************************* CONTENEUR ***************************************************************************
******************************************************************************************************************************/
#conteneur{}
/****************************************
********** COL LEFT ********************
*****************************************/
.col_left {
	width: 456px;
	float: left;
}
/****************************************
********** COL RIGHT ********************
*****************************************/
.col_right {
	width: 473px;
	float: right;
}
.col_right .ss_col_left{
	width: 276px;
	float: left;
}
.col_right .ss_col_right{
	width: 185px;
	float: right;
}
/****************************************
********** BLOCK ********************
*****************************************/
.item_block {
	padding: 0 0 13px 0;
}
.item_block h2 {
	background: #98999e;
	color: #fff;
	font-size: 160%;
	padding: 2px 0 0 9px;
	text-transform: uppercase;
}
.item_block h3 {
	background: #98999e;
	color: #fff;
	font-size: 150%;
	padding: 2px 0 1px 9px;
	text-transform: uppercase;
}
.item_block h4 {
	font-size: 110%;
	padding: 0 0 3px 0;
}
.item_block .content{
	border: 1px solid #929292;
	border-top: 0;
	background: #fff;
	padding: 3px 2px 3px 3px;
}
.item_block_02 .content{
	border: 1px solid #929292;
	background: #34333f;
	padding: 0;
	color: #fff;
}
.item_block_02 .content a{
	color: #fff;
	text-decoration: underline;
}
.item_block_02 .content a:hover{
	color: #fff;
	text-decoration: none;
}
.item_block .content .link{
	float: right;
	font-size: 110%;
}
.item_block .ss_item {
	float: left;
	width: 70px;
	color: #98999e;
	text-align: center;
	margin: -3px 0 0 2px;
	background: #f2f2f2;
	padding: 3px;
	min-height: 77px;
	height: auto;
}
.item_block .ss_item a{
	color: #98999e;
}
.item_block .first_item {
	margin: -3px 0 3px 0;
}
.item_block .ss_item h4 {
	padding: 0 0 8px 0;
}

.item_block #content_box_vos_besoins .visuel
{
	width:345px;
	margin:auto;
}

.item_block #content_box_vos_besoins ul li
{
	font-size:12px;
	padding:3px 0 2px 12px;
}

.item_block #content_box_vos_besoins #box0 ul li
{
	background:transparent url(../images/css/puce_bleu.gif) no-repeat scroll 0 7px;
	color:#216691;
}
.item_block #content_box_vos_besoins #box0 ul li a
{
	text-decoration:none;
	color:#216691 !important;
}

.item_block #content_box_vos_besoins #box1 ul li
{
	background:transparent url(../images/css/puce_rouge.gif) no-repeat scroll 0 7px;
	color:#E80000;
}
.item_block #content_box_vos_besoins #box1 ul li a
{
	text-decoration:none;
	color:#E80000 !important;
}
.item_block #content_box_vos_besoins #box2 ul li
{
	background:transparent url(../images/css/puce_verte.gif) no-repeat scroll 0 7px;
	color:#7A9709;
}

.item_block #content_box_vos_besoins #box2 ul li a
{
	text-decoration:none;
	color:#7A9709 !important;
}

.item_block .visuel .lien1
{
	float:left ;
}
.item_block .visuel a
{
	display:block; ;
	background:transparent url(../images/css/puce_rouge2.gif) no-repeat scroll 0 7px;
	padding:3px 0 7px 12px;
	color:red;
}
.item_block .visuel .lien2
{
	float:right ;
}
.vols {
	border: 1px solid #929292;
	background: url(../images/css/bg_vols.gif) no-repeat #b1dae3;
	padding: 13px 20px 14px 236px;
	margin: 0 0 3px 0;
	text-align: left;
	font-size: 112%;
	color: #221d1d;
}
.vols .input{
	width: 123px;
	height: 14px;
	padding: 1px 0 0 5px;
	border: 1px solid #9b9b9b;
	margin: 4px 0 3px 5px;
}
.vols .input2{
	width: 55px;
	margin: 4px 2px 3px 0;
	text-align: center;
}
.item_block_bis .content{
	padding: 6px 9px 6px 9px;
	position: relative;
}
.item_block_bis .content .link{
	color: #202628;
	position: relative;
}
.item_block .content .visuel{
	background: #f2f2f2;
	text-align: center;
	padding: 7px 0;
}
.item_onglets .content .visuel{
	background: #fff;
	padding: 0;
}
.item_block .content p{
	font-size: 110%;
	padding: 0 0 5px 0;
}
.item_block .content .ss_item p{
	font-size: 92%;
}
.item_block_bis form{
	padding: 0 0 3px 0;
}
.item_block_bis form p{
	font-weight: bold;
}
.item_block_bis form label{
	display: none;
}
.item_block_bis form .input{
	width: 130px;
	height: 15px;
	padding: 1px 0 0 5px;
	border: 1px solid #9b9b9b;
	margin: 0 0 0 0;
}
.item_block .slide_agenda {
	height: 126px;
	overflow-y: scroll;
	margin: 10px 0 6px 0;
}

.item_block .content .link2
{
	font-size:11px;
	color:#155094;
	text-align:right !important;
	display:block;
}

.item_block .content .link2:hover
{
	text-decoration:underline;
}

.content select
{
	margin-top:5px;
}
.item_block .slide {
	height: 227px;
	overflow-y: scroll;
	margin: 0 0 6px 0;
}

.item_block .content .slide h4,
.item_block .content .slide p,
.item_block .content .slide_agenda h4,
.item_block .content .slide_agenda p
{
	padding: 0;
	font-size: 100%;
}
.item_block .content .slide a{
	background: url(../images/css/puce_grise.gif) no-repeat 0 4px;
	padding: 0 0 0 12px;
	font-size: 100%;
}
.item_block .content .slide li,.item_block .content .slide_agenda li{
	padding: 6px 0 6px 0;
	background: url(../images/css/sepa.gif) repeat-x;
}
.item_block .content form .input{
	text-transform: none;
}

.item_block .content .slide li.first,.item_block .content .slide_agenda li.first{
	background: none;
	padding: 0 0 8px 0;
}
.item_block_02 .content form{
	padding: 9px 0 9px 7px;
}
.item_block_02 .content form label{
	display: none;
}
.item_block_02 .content form .input{
	color: #34333f;
	text-transform: none;
	border: 1px solid #9b9b9b;
	height: 15px;
	width: 152px;
	padding: 2px 0 0 5px;
}
.item_block_02 .content form input{
	margin: 0 3px 0 0;
}
.item_float_01 {
	width: 263px;
	float: left;
}
.item_float_02 {
	width: 180px;
	float: right;
}
.item_float_03 {
	float: left;
}

.item_float_05{
	float: left;
	width:270px;
}

.item_float_02 .content{
	padding: 5px 5px 5px 8px;
	font-size: 110%;
}
.item_float_02 .content p{
	background: url(../images/css/sepa.gif) repeat-x bottom left;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	font-size: 100%;
	height: auto;
	min-height: 100px;
}
.item_float_03 .content p{
	background: url(../images/css/sepa.gif) repeat-x bottom left;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	min-height: 1px;
	height: auto;
}
.item_float_02 .content li{
	padding: 0 0 7px 12px;
	font-size: 100%;
	background: url(../images/css/puce_grise.gif) no-repeat 0 5px;
}
.item_float_04 {
	float: right;
}
.onglets {
	background: #e8e7e7;
	margin: 0 -15px 3px -15px;
	min-height: 66px;
	height: auto;
}
.onglets li {
	float: left;
	padding: 3px 2px 0 3px;
}
.onglets li a:hover {
	text-decoration: none;
}
.onglets li.pme a,
.onglets li.chr a,
.onglets li.createurs a{
	display: block;
	background: url(../images/css/pme_on.gif) no-repeat;
	height: 59px;
	width: 109px;
	float: left;
}
.onglets li.chr a {
	background: url(../images/css/chr_on.gif) no-repeat;
}
.onglets li.createurs a {
	background: url(../images/css/createurs_on.gif) no-repeat;
}
.onglets li.pme a:hover,
.onglets li.pme a.encour {
	background: url(../images/css/pme_over.gif) no-repeat;
}
.onglets li.chr a:hover,
.onglets li.chr a.encour {
	background: url(../images/css/chr_over.gif) no-repeat;
}
.onglets li.createurs a:hover,
.onglets li.createurs a.encour {
	background: url(../images/css/createurs_over.gif) no-repeat;
}
.onglets li.pme a.encour,
.onglets li.chr a.encour,
.onglets li.createurs a.encour {
	cursor: text;
}
.item_onglets .content{
	padding: 0 15px 3px 15px;
	min-height: 327px;
	height: auto;
}
.item_onglets .content p{
	padding: 0 0 10px 0;
}
.item_onglets .content .links{
	padding: 0 0 15px 0;
}
.item_onglets .content .links li{
	padding: 0 0 3px 27px;
	font-size: 140%;
}
.item_onglets .content .visuel_bis{
	background: #f2f2f2;
	padding: 0;
	min-height: 53px;
	height: auto;
	margin: 0;
}
.item_onglets .pme .links li{
	background: url(../images/css/puce_bleu.gif) no-repeat 0 3px;
}
.item_onglets .pme .links li,
.item_onglets .pme .links li a{
	color: #005196;
}
.item_onglets .chr .links li{
	background: url(../images/css/puce_rouge.gif) no-repeat 0 4px;
}
.item_onglets .chr .links li,
.item_onglets .chr .links li a{
	color: #ca031c;
}
.item_onglets .createurs .links li{
	background: url(../images/css/puce_verte.gif) no-repeat 0 4px;
}
.item_onglets .createurs .links li,
.item_onglets .createurs .links li a{
	color: #8fb03f;
}

/** couleur */
.item_orange h3 {
	background: url(../images/css/bg_item_orang.gif) repeat-y top right #ee7f00; 
}
.item_orange .ss_item h4
{
	height:25px;
}
.item_orange h4,
.item_orange .ss_item h4 a,
.item_orange .link{
	color: #ee7f00;
}
.item_bleu h3 {
	background: url(../images/css/bg_item_bleu.gif) repeat-y top right #155094; 
}
.item_bleu h4,
.item_bleu .ss_item h4 a{
	color: #145193;
}

.item_bleuclair h3 {
	background: url(../images/css/bg_item_bleuclair.gif) repeat-y top right #0493c2; 
}

.item_bleuclair h4,
.item_bleuclair .ss_item h4 a,
.item_bleuclair .content .link{
	color: #0092c3;
}

   /* Style the spotlight container */
   #spotlight {
   	   border:1px solid #98999E ;
   	   border-top:none;
       height: 251px;
       margin: 0px auto;
       width: 450px;
       position:relative; 
   }
   

#spotlight .descriptif
{
	background:url(../images/css/fond_thematique.png); 
	display:block;
	height:70px;
	position:absolute;
	width: 450px;
	top : 181px;
	left:0px;
	z-index:999;
	
}
#spotlight h3{
	background:none;
	color:#0067AA ;
	margin-top:3px;
}
#spotlight p{
	background:none;
	font-size:11px;
	color:#383838 ;
	margin-left :7px;
}