/*  
Theme Name: Cned.fr Common styles
Description: CSS for masterpage Cned.fr Common styles
Version: 0.1
Author: Cned
Author URL: http://www.cned.fr/
Date : April 2010
Compatibility PC : 
Accessibility : 
*/
/****************************     MASTERPAGE STRUCTURAL ELEMENT RULES      ****************************/
/*-------------------------------------------------------------------
                      WEBSITE STRUCTURAL ELEMENT RULES
-------------------------------------------------------------------*/
body {
				text-align: center;
				background-color: white;
				font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
* {
				margin: 0;
				padding: 0;
}
.globalsite {
				margin-left: auto;
				background-color: white;
				margin-right: auto;
				width: 990px;
				text-align: left;
}
/*-------------------------------------------------------------------
                      HEADER ELEMENT RULES
-------------------------------------------------------------------*/
.header {
				background-image : url('/media/css/commun/header_bckgrd.png');
				width: 990px;
				background-repeat : repeat-x;
				height: 70px;
}
.header_logo {
				width: 241px;
				padding-top: 10px;
				padding-left: 7px;
				float: left;
}
.header_logo img {
				border: 0px;
}
/*--- HEADER MENU ---*/
.header_menu {
				position: relative;
				width: 495px;
				height: 70px;
				float: left;
}
.header_menu ul {
				margin-top: 23px;
				margin-left: 15px;
				font-size: 30px;
}
.header_menu li {
				cursor: pointer;
				list-style-type: none;
				height: 47px;
				padding-top: 10px;
				float: left;
				display: inline-block;
				text-align: center;
}
.header_menu a{
	text-decoration:none;
	color: #fff;
}
.header_menu a:hover{
				color: #454545;
}
.header_menu_blockgen {
				text-align: left;
				display: none;
				cursor: default;
				position: absolute;
				float: left;
				width: 659px;
				z-index: 1000;
				left: 0;
				color: #2e2e2e;
				font-size: 11px;
				margin-left: 4px;
				height: 265px;
				padding-left: 15px;
				padding-right: 15px;
				padding-bottom: 15px;
}
.header_menu_blockgen img {
				
				vertical-align: middle;
}
.header_menu_blockgen_listlien {
				padding-left: 15px;
				line-height: 14px;/*20*/
}
.header_menu_blockgen_listlien a {
				color: #2e2e2e;
				font-size: 11px;
				text-decoration: none;
}
.header_menu_blockgen_left{
				float: left;
				width:360px;
}
.img_theme {
				float: left;
				width: 276px;
				text-align: right;
				height: 245px;
}
.img_theme img {
				padding-top: 3px;
				margin-left:59px;
}
.img_theme p {
				line-height: 40px;
}
.img_theme p a {
				color: #fff;
				font-size: 17px;
				text-decoration: underline;
}
.img_theme p a:hover {
				color: #fff;
				font-size: 17px;
				text-decoration: none;
}
/* ONG SCOLAIRE */
.sco {
				width: 148px;
				background-image : url('/media/css/commun/header_menu_scolaire.png');
				background-repeat: no-repeat;
				color: #fff;
}
.sco_hover {
				color: #454545;
}
.scoblockgen_hover {
				background-color: transparent;
				color: #000;
				background-image: url('/media/css/commun/menu__bck_sco.png');
				background-repeat: no-repeat;
				display: block;
}
.scoblockgen_hover h1 {
				color: #2da093;
				font-size: 12px;
				padding-top: 5px;
}
.scoblockgen_hover h1 a {
				color: #2da093;
				font-size: 12px;
				text-decoration: none;
}
.scoblockgen_hover a:hover {
				color: #2da093;
				text-decoration: underline;
}

/* ONG ETUDIANT */
.etu {
				width: 152px;
				background-image : url('/media/css/commun/header_menu_etudiant.png');
				background-repeat: no-repeat;
				color: #fff;
}
.etu_hover {
				color: #454545;
}
.etublockgen_hover {
				background-color: transparent;
				color: #000;
				background-image: url('/media/css/commun/menu__bck_etu.png');
				background-repeat: no-repeat;
				display: block;
}
.etublockgen_hover h1 {
				color: #bc244b;
				padding-top: 5px;
				font-size: 12px;
}
.etublockgen_hover h1 a {
				color: #bc244b;
				font-size: 12px;
				text-decoration: none;
}
.etublockgen_hover a:hover {
				color: #bc244b;
				text-decoration: underline;
}
/* ONG VIE ACTIVE */
.act {
				width: 162px;
				background-image : url('/media/css/commun/header_menu_vieactive.png');
				background-repeat: no-repeat;
				color: #fff;
}
.act_hover {
				color: #454545;
}
.actblockgen_hover {
				background-color: transparent;
				color: #000;
				background-image: url('/media/css/commun/menu__bck_act.png');
				background-repeat: no-repeat;
				display: block;
}
.actblockgen_hover h1 {
				color: #a24a94;
				padding-top: 5px;
				font-size: 12px;
}
.actblockgen_hover h1 a {
				color: #a24a94;
				font-size: 12px;
				text-decoration: none;
}
.actblockgen_hover a:hover {
				color: #a24a94;
				text-decoration: underline;
}
/* END */
.header_inscrit {
				float: right;
				margin-top: 5px;
				margin-right: 5px;
}
.header_inscrit a {
				color: #ffb400;
				font-size: 14px;
				text-decoration: none;
}
.header_inscrit a:hover {
				color: #ffb400;
				text-decoration: none;
}
.header_inscrit img {
				border: 0px;
				vertical-align: middle;
				margin-left: 5px;
				margin-right: 5px;
}
/* SLIDE CONTACT */
#toppanel {
				width: 990px;
				z-index: 999;
				position: absolute;
				float: left;
}
#toppanel a {
				color: #fff;
				text-decoration: none;
}
#toppanel a:hover {
				color: #3a91fc;
}
#toppanel a img {
				border: none;
}
#panel {
				height: 425px;
				background: #4b4b4b;
				overflow: hidden;
				position: relative;
				z-index: 3;
				display: none;
}
.contentpan h1 {
				text-align: left;
				color: #fff;
				font-size: 18px;
				padding: 5px;
				border-bottom: 1px #908f8f dotted;
}
.contentpantablebutt {
				padding-left: 5px;
				color: #7e7e7e;
				padding-right: 5px;
				border: 1px #908f8f dashed;
				cursor: pointer;
}
.contentpantablebutt:hover {
				color: #ff6c00;
}
#toggle {
				color: #fff;
				font-size: 14px;
				text-decoration: none;
				width: 150px;
				cursor: pointer;
				line-height: 25px;
				position: relative;
				float: right;
}
#toggle img {
				vertical-align: middle;
}
#toggle a {
				color: #fff;
				font-size: 14px;
				text-decoration: none;
}
#toggle a:hover {
				color: #ffb400;
				text-decoration: none;
}
#toggle a.open {
				padding-left: 10px;
				display: block;
}
#toggle a.close {
				display: block;
				background: #6e6e6e;
				padding-left: 10px;
}
.contentpan_txtA{
				font-size:24px;
}
.contentpanPICTO {
				float:left;
				padding:5px;
				height:300px;
				width:96px;
}
.contentpanPICTO  img{
				border:0px;
				margin:5px;
}
.contentpanBODY {
				width:630px;
				height:300px;
				padding:5px;
				float:left;
				color:#fff;
}
.contentpanBODY_HP{
				display:block;
				padding:27px;
}
.contentpan_telephone{
				background-image:url('/media/css/commun/contact_bkc_telephone.png');
				background-repeat:repeat-x;
				width:227px; /*237px suite site 990px  261px suite site 1000px*/
				margin-top: 5px;
				height:356px;
				float:left;
				color:#fff;
				padding:5px;
				font-size:10px;		
}
.contentpantable_telephone_TEL{
				font-size:25px;
}

.contentpantable_telephone_TEL img
{
	vertical-align:middle;
}

.contentpan_telephone p{
	margin-top:10px;
}
.contentpan_form {
	background-image:url('/media/css/commun/contact_bkc_telephone.png');
	background-repeat:repeat-x;
	padding:5px;
	border:1px #969696 dashed;
	margin-top:5px;
}
.contentpan td{
	font-size:12px;
}
.contentpan_cnil{
	font-size:9px;
}
.contentpan_cnil a {
	color: #000;
	text-decoration: underline;
}
.contentpan_cnil a:hover {
	color: #ae0917;
	text-decoration: none;
}
.contentpan_form_td_left {
	padding:2px;
	text-align:right;	
	width:100px;
	color:#fff;
}
.contentpan_form_td_right {
	padding:2px;
	text-align:left;				
}
.contentpan_input {
	border:3px solid #bebebe;
	color:#6e6d6d;
}
.contentpan_form_td_button {
	padding:10px;
	text-align:center;
}
.contentpan_button {
	background-image: url('/media/css/commun/bck_button_formcontentdossier.png');
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;
	width:207px;
	height:32px;
	font-weight:bold;
	color:#323232;
	font-size:13px;
	background-color:transparent;
}
.contentpan_form_td_error{
	color:red;
	font-style:italic;
}
/* Header Search */
.header_search {
				width: 990px;
				padding-top: 2px;
}
.header_block_Spacer {
				width: 990px;
				background-color : #3d3d3d;
				height: 2px;
				line-height:2px;
				font-size: 2px;
}
.header_block_search {
				width: 990px;
				height: 45px;
				line-height: 45px;
				text-align: right;
				font-size: 20px;
}
.header_block_search_textaera {
				font-size: 12px;
				color: #2b2b2a;
				padding: 5px;
				height:25px;
				width: 290px;
				vertical-align: middle;
				border: 0px;
				/*line-height:25px;*/ /*Style IE*/
}
.header_block_search_button {
				border: 0px;
				background-image: url('/media/css/commun/button_ok.png');
				background-repeat: no-repeat;
				background-color: transparent;
				width: 47px;
				height: 35px;
				cursor: pointer;
				vertical-align: middle;
}
/* Header Breadcrumb */
.header_block_breadcrumb {
				color: #000;
				font-size: 18px;
				text-align: left;
				/*padding-left: 5px; suite site 1000px*/
				width: 990px;
}
.header_block_breadcrumb a {
				color: #fff;
				text-decoration: underline;
}
.header_block_breadcrumb a:hover {
				color: #e86711;
				text-decoration: underline;
}





/*-------------------------------------------------------------------
                      Content ELEMENT RULES
-------------------------------------------------------------------*/
.content {
				background-color: #fff;
				width: 990px;
}
/* Content Menu Page */
.content_left {
				background-image: url('/media/css/img_menu/bck_menu.png');
				background-repeat: repeat-x;
				width: 320px; /*328*/
				height: 570px;
				background-color: #dedede;
				text-align: center;
				margin-left: 19px; /*MODIFS 21px suite site 990px 45px suite site 1000px*/
				float: left;
}
.content_left h1 {
				padding-top: 10px;
				/*padding-bottom: 10px;*/
				color: #5f5f5f;
				font-size: 20px;
}
.navigation {
				text-align: left;
				margin-top: 10px; 
				margin-bottom: 10px;/*10*/
				padding: 0;
				list-style: none;
				width: 320px;/*328*/
				font-size: 13px; /*15*/
}
.navigation a, .navigation span {
				display: block;
				padding: 12px 20px;
				color: #333333;
				border-top: 1px #5f5f5f solid;
				background-color: #dedede;
				text-decoration: none;
				background-image: url(/media/css/img_menu/menu-item-deroule.png);
				background-repeat: no-repeat;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
				background-image: url(/media/css/img_menu/menu-item-deroule.png);
				background-repeat: no-repeat;
}
.navigation .open a, .navigation .open span {
				background-color: #c2c2c2;
				background-image: url(/media/css/img_menu/menu-item-enroule.png);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
				text-decoration: underline;
}
.navigation .subMenu {
				font-size: 12px;/*14*/
				margin: 0;
				padding: 0;
				border: 0px;
}
.navigation ul.subMenu a {
				border: 0px;
				color: #333333;
				background: none;
				list-style-type: none;
				padding: 3px 20px;
}
.subMenu li {
				/*background-image: url(/media/css/img_menu/menu-item-deroule_N2.png);
				background-repeat: no-repeat;*/
				list-style-type: none;/*none*/
				font-size: 12px;
				margin-left: 15px;
	            height: 9px;
				line-height:3px; /* contrôle de la hauteur sous FF */
				margin-top: 4px;
				margin-bottom: 4px;
}
/*.subMenu li {
				background-image: url(/media/css/img_menu/menu-item-deroule_N2.png);
				background-repeat: no-repeat;
				list-style-type: none;
				font-size: 12px;
				margin-top: 10px;
				margin-bottom: 5px;
				margin-left: 2px;
}*/
/* Content Body Accueil PAGE */
.content_right {
				float: left;
				width: 651px;
				height: 570px;
				
}

.content_right_HP_univers {
				width: 651px;
				height: 570px;
				text-align: right;
				padding-top: 39px;
}
/* Content Body PAGE base */
.content_right_PAGE {
				float: left;
				width: 651px;
				height: 570px;
}
.content_page_edito {
				margin: 15px;
				background-color: #ededed;
				color: #5f5f5f;
				font-size: 12px;
				padding: 5px;
				height: 35px;
}
.content_page_edito a {
				color: #5f5f5f;
				text-decoration: underline;
}
.content_page_edito a:hover {
				color: #404040;
				text-decoration: none;
}
.content_dossier {
				width: 404px;
				height: 438px;
				margin-top: 40px;
				margin-left: 13px;
				float:left;
}
.content_dossier hr{
				width: 350px;
				margin-left:25px;
				border-color:#c0c0c0;
				margin-bottom:5px;
}
.content_right_PAGE_Image {
				width: 234px;
				height: 433px;
				margin-top: 62px;
				float: left;
}
.content_right_PAGE_Pagination {
				height: 24px;
				line-height: 24px;
				text-align: center;
				color: #000;
				font-size: 14px;
}
.content_right_PAGE_Pagination span {
				color: #376ab0;
}
.content_right_PAGE_Pagination a {
				color: #000;

}


.content_right_PAGE_navigation {
				text-align: left;
				list-style: none;
				width: 390px;
				height: 400px;
				overflow: auto;
				font-size: 15px;
				padding-left: 10px;

}
.content_right_PAGE_navigation a {
				font-size: 12px;
				text-decoration: underline;
}
.content_right_PAGE_navigation h2 {
				float: left;
				padding-right: 10px;
				line-height: 18px;
				display: block;
}
.content_right_PAGE_navigation h3 a{
				font-size: 12px;
               text-decoration: underline;
               color: #f58c03;                                                 

}
.content_right_PAGE_navigation .subMenu {
				font-size: 14px;
				margin: 10px;
				padding: 2px;
				border: 0px;
}
.content_right_PAGE_navigation ul.subMenu a {
				border: 0px;
				color: #333333;
				background: none;
				list-style-type: none;
				padding: 3px 20px;
}
.toggleSubMenu1 {
				border-bottom: 1px #939393 solid;
				padding-bottom: 5px;
}

.content_right_PAGE_navigation h1 {
				font-size: 12px;
				border-top: 1px #939393 solid;
				color: #2e2e2e;
				padding-top:5px;
				margin-top: 5px;
				margin-bottom: 2px;
}
.content_right_PAGE_navigation h2 a {
				font-size: 12px;
				text-decoration: underline;
				color: #376ab0;
}
.content_right_PAGE_navigation a {
				text-decoration: underline;
				font-size: 12px;
				color: #939393;				
}
.content_right_PAGE_navigation a:hover {
				text-decoration: none;
}
.toggleSubMenu {
				/*border-bottom: 1px #939393 solid;*/
				padding-bottom: 5px;
}
.subMenu li {
				/*background-image: url(/media/css/img_menu/menu-item-deroule_N2.png);
				background-repeat: no-repeat;*/
				list-style-type: none;
				font-size: 12px;
				margin-top: 10px;
				margin-bottom: 5px;
				margin-left: 2px;
}
/*-------------------------------------------------------------------
                      FOOTER STRUCTURAL ELEMENT RULES
-------------------------------------------------------------------*/
.footer {
				height: 206px;
				background-image: url('/media/css/commun/footer.jpg');
				background-repeat: repeat-x;
				width: 990px;
}
.footer_open {
				width: 990px;
				background-color: #e1e1e1;
				text-align: center;
				cursor: pointer;
}
.footer_men {
				float: left;
				padding-top: 10px;
				padding-left: 15px;
				padding-right: 15px;
}
.footer_men img {
				border: 0;
}
.footer_moteurmen {
				padding: 10px;
}
.footer_moteurmen img {
				border: 0;
}
.footer h1 {
				font-size: 14px;
				color: #000;
				margin-bottom: 5px;
				line-height: 15px;
}
.footer h2 {
				font-size: 12px;
				color: #000;
				line-height: 15px;
				margin-bottom: 5px;
}
.footer a {
				font-size: 11px;
				color: #000;
				text-decoration: underline;
}
.footer a:hover {
				color: #ae0917;
				text-decoration: none;
}
.footer li {
				list-style-image: url('/media/css/commun/footer_puce.png');
				margin-left: 15px;
}
.footer_Left {
				width: 600px;
				float: left;
}
.footer_col {
				padding: 5px;
				float: left;
}
.footer_Right {
				width: 360px;
				height: 157px;
				background-image: url('/media/css/commun/footer_comm.png');
				margin-left: 25px;
				background-repeat: no-repeat;
				float: left;
}
.footer_RSS a {
				font-size : 10px;
				font-style: italic;
				color: #000;
				text-decoration: underline;
				line-height: 25px;
}
.footer_RSS a:hover {
				font-style: italic;
				color: #ae0917;
				text-decoration: none;
}
.footer_RSS img {
				vertical-align: middle;
				margin-right: 5px;
}

/* BLOCK RSS DEFILANT */
.Cned_copyright {
				font-size: 11px;
				color: #656565;
				width: 990px;
				text-align:center;
				padding-top:5px;
				padding-bottom:5px;
}
.Cned_copyright a {
				font-size: 11px;
				color: #656565;
				text-decoration: underline;
}
.Cned_copyright a:hover {
				color: #ae0917;
				text-decoration: none;
}

/* BLOCK RSS DEFILANT */
.blockflux {
}
.tickercontainer {
				/* the outer div with the black border */
				background-color: #464444;
				width: 100%;
				color: #fff;
				height: 21px;
				overflow: hidden;
}
.tickercontainer .mask {
				/* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
				top: 7px;
				width: 100%;
				overflow: hidden;
}
ul.newsticker {
				/* that's your list */
position: relative;
				left: 750px;
				font-size: 10px;
				list-style-type: none;
				margin: 0;
				padding: 0;
}
ul.newsticker li {
				float: left; /* important: display inline gives incorrect results when you check for elem's width */;
				margin: 0;
				padding: 0;
}
ul.newsticker a {
				white-space: nowrap;
				padding: 0;
				color: #fff;
				font-size: 10px;
				text-decoration: none;
				margin: 0 50px 0 0;
}
ul.newsticker span {
				margin: 0 10px 0 0;
}


.content_dossier_form {
	margin:6px;
}
.content_dossier td{
	font-size:11px;
}
.content_dossier_cnil{
	font-size:9px;
}
.content_dossier_cnil a {
	color: #000;
	text-decoration: underline;
}
.content_dossier_cnil a:hover {
	color: #ae0917;
	text-decoration: none;
}

.content_dossier_form_td_left {
	padding:4px;
	text-align:left;				
	background-color:#e1e1e1;
	border:2px solid #fff;
	width:200px;
}
.content_dossier_form_td_right {
	padding:4px;
	text-align:left;				
}
.content_dossier_input {
	border:3px solid #bebebe;
	color:#6e6d6d;
}
.content_dossier_form_td_accept{
	font-size:11px;
}
.content_dossier_form_td_button {
	padding:4px;
	text-align:center;
}
.content_dossier_button {
	background-image: url('/media/css/commun/bck_button_formcontentdossier.png');
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;
	width:207px;
	height:32px;
	font-weight:bold;
	color:#323232;
	font-size:13px;
	background-color:Transparent;
}

.content_dossier_form_nodispo
{
	text-align:center;
	color:#565758;
}

.content_dossier_form_td_error{
	color:red;
	font-style:italic;
}
.content_left_contact {
	font-size: 12px;
	margin-top:30px;
	margin-bottom:30px;
	padding-top:15px;
	padding-bottom:15px;
}
.content_left_contact_telephone 
{
	font-size: 18px;
	color:#e95c06;
	padding:5px;
}
.content_dossier_form_DI {
	padding:5px;
	font-size:9px;
	color:#000;
}
.content_dossier_form_DI img{
	float:left;
	border:0px;
}
.content_dossier_form_DIFPC {
	padding:5px;
	font-size:9px;
	color:#000;
}
.content_dossier_form_DIFPC img{
	float:left;
	border:0px;
}
.content_dossier_form_DI a {
	font-size:17px;				
	color:#5a97e5;
	text-decoration:none;
}
.content_dossier_form_DI a:hover{
	color:#646464;
}
.content_dossier_form_DIFPC a {
	font-size:17px;				
	color:#646464;
	text-decoration:none;
}
.content_dossier_form_DIFPC a:hover{
	color:#5a97e5;
}
.content_dossier_form_FPC_Title {
				background-image: url('/media/css/commun/bckgrd_FPC.png');
				background-repeat: repeat-x;
				height:22px;
				width:392px;
				text-align:center;
				vertical-align:middle;
				color:#343535;
				font-size:13px;
}
.content_dossier_form_FPC_Texte {
				text-align:left;
				color:#565758;
				font-size:13px;
				padding:5px;
}



























































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */