body {
	font-family : verdana, arial ;
	font-size : 13px ;
	padding-bottom : 10px ;
	padding : 0px ;
	margin : 0px ;
	color : #000 ;
	background : #000 ;
	background :  #FFF ;
	background : #000 URL(../images/nf_fond.jpg) repeat-y center top ;
}
div#site {
	position : relative ;
	overflow : hidden ;
	width : 1000px ;
	margin : 10px auto ;
	border : 0px solid yellow ;
	background : #FFF ;
	
}


/*************************************************/
/* POLICES */
/*************************************************/
h1 {
	font-size : 18px ;
}
h2 {
	font-size : 14px ;
	color : #333 ;
	font-size : 16px ;
}
h2 {
/*	 
*/	
	background : #FFCC00 URL(../images/arrondi_top_left_15.png) no-repeat top right ;
	background : URL(../images/puce3.png) no-repeat bottom right ;
	background :  URL(../images/puce.png) no-repeat center left;
	padding : 2px 40px ;
	border-bottom : 0px dotted #006b05 ;
	font-size : 14px ;
	color : #333 ;
	color : #006b05 ;
	font-size : 16px ;
}


div#content p {
	line-height : 20px ;
	text-align : justify ;

}
div#content p.align-right {
	text-align : right ;
}
div#content ul {
	line-height : 18px ;
	text-align : justify ;

}

span.important {
	font-weight : bold ;
	color : #EABA55 ;
}

div.csc-textpic {
	overflow : auto ;

}
dd.csc-textpic-caption {
	color : #999999 ;
	text-align : center ;
	font-size : 9px ;
}
a, a:visited {
	color : #333 ;
	text-decoration : underline ;
}
a:hover {
	color : #FFCC00 ;
	color : #006b05 ;
}
/*==============================================================*/
/* ENTETE */
/*==============================================================*/

div#entete{
	margin : 0px auto ;
	width : 1000px ;
	height : 75px ;
	position : relative ;

}
div#logo {
	z-index : 200 ;
	width : 400px ;
	height : 70px ;
	position : absolute ;
	left : 0px ;
	top : 0px ;
	font-size : 20px ;
	background : URL(../images/logo.png) no-repeat ; 
	border : 0px solid red ;
}


div#titre {
	position : absolute ;
	left : 200px ;
	top : 10px ;
	font-weight : bold ;
	letter-spacing : 1px ;
	/*
	font-family : "trebuchet ms" ; 
	*/
	z-index : 100 ;
}
div#titre h1{
	letter-spacing : 1px ;
	margin-top : 0px ;
	margin-bottom : 0px ;
	font-size : 22px ;
	color : #006b05 ;
	
}
/*
div#banniere {
	position : absolute ;
	right : 0px ;
	top : 0px ;
	width : 1000px ;
	height : 150px ;
	height : 70px ;
	overflow : hidden ;
	border : 0px solid red ;
	z-index : 10 ;
}

div#fond-banniere {
	position : absolute ;
	right : 0px ;
	top : 0px ;
	width : 1000px ;
	height : 150px ;
	height : 70px ;
	background : URL(../images/fond_banniere.png) no-repeat top left;
	z-index : 50 ;
}
/**/
/* MENUS - conteneurs - Voir detail menu dans fichier menu.css  */
div#menu_image {
	width : 998px ;
	float : left ;
	margin-bottom : 20px ;
	border-bottom : 1px solid #FFCC00 ;
	border : 1px solid #FFF;
}
div#menu {
	width : 200px ;
	/*
	position : absolute ;
	left :0px ;
	top : 160px ;
	border : 0px solid red ;
	background : URL(../images/fond_menu.png) no-repeat bottom left;
	background : #333;
	*/
	z-index : 200 ;
	float : left ;
	text-align : center ;
	font-size : 13px ;
	font-weight : bold ;
} 

div#menu_sec {
	position : absolute ;
	left :145px ;
	top : 195px ;
	height : 20px ;
	padding-left : 15px ;
	padding-top : 8px ;
	/* background : URL(../images/lien-menu.png) no-repeat ; VOIR AVEC-SOUS-MENU.CSS pour l'image */ 
	
} 
/* titre de la page */
div#title_page {
	position : absolute ;
	top : 200px ;
	right : 0px ;
	width : 400px ;
	
}
div#title_page h1{
	text-align : left ;
	font-size : 16px ;
}

div#date {
	border : 0px solid red ;
	/* voir fichier pathway.css */
}

/*==============================================================*/
/* ZONE MILIEU */
/*==============================================================*/
div#zone_milieu{
	margin : 0px auto ;
	width : 1000px ;
	overflow : hidden ;
	position : relative ;
}
div#content {
	float : left ;
	width : 460px ;
	padding : 0px 25px 0px 15px;
	position : relative ;
	min-height : 200px ;
}

div#content div.test_content {
	overflow : auto ;
	float : left ;
	width : 760px ;
}
/* COLONNE DROITE */
div#droite {
	border : 0px solid green ;
	width : 460px ;
	float : right ;
	padding : 0px 15px 0px 25px;
	line-height : 20px ;
}

/*==============================================================*/
/* ZONE BAS */
/*==============================================================*/

div#pied_page {
	width : 100% ;
	height : 100px ;
	float : left ;
	position : relative ;
	padding-top : 20px ;

}
div#coordonnees {
	width : 100% ;
	float:left ;
	text-align : center ;
	font-size : 9px ;
	margin-top : 15px ;
	margin-bottom : 5px ;

}
div#mentions{
	width :60% ;
	text-align : center ;
	font-size : 8px ;
	font-weight : bold ;
	margin : 0 20% ;
	position : absolute ;
	bottom : 0px ;
	color : #4C4C4C ;
	border-top : 1px solid #006b05 ;
	padding-top : 5px ;

}
div#mentions p.bodytext{
	margin : 0px ;
}


div.csc-textpic,
div.csc-textpic-center ,
div.csc-textpic-below {
	overflow : hidden ;
}
div.csc-frame {
	padding : 1px 5px ;
	margin-bottom : 10px ;
	background-image : URL(../images/arrondi_top_left_50.png) ;
	background-repeat : no-repeat ;
	background-position : top right ;
}
/* frame2 = jaune voir TS config page accueil */
div.csc-frame-indent6633 {
	background-color : #DFCD0D ;
}
/* frame1 = vert voir TS config page accueil */
div.csc-frame-frame1 {
	background-color : #9CBF47 ;
}
/* frame2 = saumon voir TS config page accueil */
div.csc-frame-frame2 {
	background-color : #EFC659 ;
}
/*
div.csc-default {
	border-top : 1px solid #FFCC00 ;
	border-right : 1px solid #FFCC00 ;
	background :  URL(../images/arrondi_top_left_50_yellow.png) no-repeat top right;
}

div.csc-frame {
	width : 400px ; 
	padding : 0px 25px ;
	float : left ;
}
*/
/*************************************************/
/* IMAGE CYCLE */
/************************************************/
div.tx-imagecycle-pi1 {
	overflow : hidden ;
}

/*************************************************/
/* OI WEB FORMATION */
/************************************************/
div.tx-oiwebformation-pi1-listrow { 
	line-height : 20px ;
	padding-left : 15px ;
}
div#content div.tx-oiwebformation-pi1 h2 { 
	color : #333 ;
	font-size : 16px ;
}
/*************************************************/
/* OI WEB FORMATION */
/************************************************/
div.tx-oiformation-pi1 {
	padding-top : 10px ;
	padding-left : 10px ;
}
div.tx-oiformation-pi1 div{
	border : 0px solid red ;
}
div.oi_formation_list_item {
	border-bottom : 1px solid #006b05;
	margin-bottom : 10px ;
	position : relative ;
	padding : 20px 0px ;
}
/*
div.oi_formation_list_item_titre {
	border : 1px solid green;
	border : none;
	width : 95% ;
	position : absolute ;
	top : 0px ;
	right : 0px ;
}
*/
div.oi_formation_detail {
	background : #DFCD0D URL(../images/arrondi_top_left_50.png) no-repeat top right; 
	display : none ;
	margin-top : 20px ;
	padding : 10px 0px 10px 20px;
}
div.oi_formation_detail a, 
div.oi_formation_detail a:visited{
	color : #FFF ;
}
div.oi_formation_detail a:hover{
	color : #FFCC00 ;
}
div.oi_formation_list_item_titre {
	font-weight : bold ;

}
div.oi_formation_cacher_detail, div.oi_formation_montrer_detail {
	border : 1px solid yellow;
	border : none;
	width : 100% ;
	position : absolute ;
	top : 0px ;
	right: 0px ;
	text-align : left ;
	padding-top : 1px ;
}
div.oi_formation_cacher_detail a, div.oi_formation_montrer_detail a{
	text-decoration : none ;
}
div.oi_formation_cacher_detail img , div.oi_formation_montrer_detail img{
	border : none ;
}
div.oi_formation_cacher_detail {
	display : none ;
}
/*************************************************/
/* OI WEB FAQ */
/************************************************/
div.tx-oifaq-pi1 {
	padding-top : 10px ;
	padding-left : 10px ;
}
div.tx-oifaq-pi1 div{
	border : 0px solid red ;
}
div.oi_faq_list_item {
	border-bottom : 1px solid #006b05;
	margin-bottom : 10px ;
	position : relative ;
	padding : 20px 0px ;
}
/*
div.oi_faq_list_item_titre {
	border : 1px solid green;
	border : none;
	width : 95% ;
	position : absolute ;
	top : 0px ;
	right : 0px ;
}
*/
div.oi_faq_detail {
	background : #DFCD0D URL(../images/arrondi_top_left_50.png) no-repeat top right; 
	display : none ;
	margin-top : 20px ;
	padding : 10px 0px 10px 20px;
}
div.oi_faq_detail a, 
div.oi_faq_detail a:visited{
	color : #FFF ;
}
div.oi_faq_detail a:hover{
	color : #FFCC00 ;
}
div.oi_faq_list_item_titre {
	font-weight : bold ;

}
div.oi_faq_cacher_detail, div.oi_faq_montrer_detail {
	border : 1px solid yellow;
	border : none;
	width : 100% ;
	position : absolute ;
	top : 0px ;
	right: 0px ;
	text-align : left ;
	padding-top : 1px ;
}
div.oi_faq_cacher_detail a, div.oi_faq_montrer_detail a{
	text-decoration : none ;
}
div.oi_faq_cacher_detail img , div.oi_faq_montrer_detail img{
	border : none ;
}
div.oi_faq_cacher_detail {
	display : none ;
}