/*
Theme Name: Cedis
Theme URI: http://www.cedis-formation.org/
Description: Cedis formation
Version: 1.0
Author: Cedis
*/

/* @reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;
background: transparent; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/* @end */

/* @html */
body {font-size: 12px; line-height: 1.3; color: #222; font-family: Arial, sans-serif; background: #FFF url('i/body_bg.png') 100px 0 repeat-x} 
a {color: #620038; text-decoration: none;}
a:hover {}
a:visited {}
/* @end */

/* @header */
#header {background: #41a01f url('i/header_bg.png') 50% bottom repeat-x; height: 305px; padding-top: 12px;}
#header .wrapper {background: transparent url('i/baseline.png') no-repeat 730px 37px;}
.page #header {background-image: url('i/header_bg-no-menu.png');}
.page-child #header, .page-parent #header {background-image: url('i/header_bg.png')}
.home #header {background-image: url('i/header_bg-home.png');}
#header h3, .home #header h1 {display: inline; float: left; width: 205px; height: 111px; background: url('i/logo_cedis.gif') no-repeat;}
#header h3 a, .home #header h1 a {display: block; width: 205px; height: 0; font-size: 1em; padding-top: 111px; text-indent: -2000px; 	overflow: hidden; background: url('i/logo_cedis.gif') no-repeat;}
#header .menu {display: inline; float: left; width: 195px; font-size: 17px; margin: 35px 0;}
#header .menu li {list-style: none outside;}
#header .menu li.selected, #header .menu li.hover {background: #449627;}

/* selected */
.category-formations-en-cours #header .menu li.formations span a,
.category-formations-evenements #header .menu li.formations span a,
.category-archives-formations #header .menu li.formations span a,
.category-formations-a-la-carte #header .menu li.formations span a,
.category-formation-sur-catalogue #header .menu li.formations span a,
.category-formateurs #header .menu li.formations span a,
.parent-pageid-29 #header .menu li.la-formation-et-vous span a,
.page-id-20 #header .menu li.espace-prive span a,
.category-publications #header .menu li.espace-prive span a,
.parent-pageid-20 #header .menu li.espace-prive span a,
.page-id-5 #header .menu li.cedis span a,
.parent-pageid-5 #header .menu li.cedis span a,
.category-actualites #header .menu li.actus span a,
.category-actualites-cedis #header .menu li.actus span a,
.category-actualites-generales-actualites #header .menu li.actus span a,
.category-agendas-expos-et-salons-actualites #header .menu li.actus span a,
.category-veille-juridique #header .menu li.actus span a,
.home #header .menu li.home span a
{background: #449627 url('i/topmenu_puce.gif') no-repeat 6px 10px}


#header .menu a {display: block; color: #fff; padding: 5px 0 5px 20px; }
#header .menu span a:hover, #header .menu .hover span a {background: #449627 url('i/topmenu_puce.gif') no-repeat 6px 10px}	
#header .menu.left {margin-left: 30px;}
#header .menu.right {}

#header hr {border: none; height: 0; margin: 0 0 40px 0; padding: 0;}

	/* @submenu */
	#header .menu ul {position: absolute; margin:0; font: normal normal bold 12px Arial, sans-serif; padding: 7px 0 10px 0; overflow: visible; background: #449627; width: 195px; z-index: 10; left: -999em;}
	#header .menu .hover ul	 {left: auto;}
	#header .menu li li {list-style: none outside; margin-left: 20px; padding: 2px 0;}
	/* remove puce on li li a */ 
	#header .menu li li a {padding: 0px; display: inline; background: none; margin: 0; padding: 0; background: none;}
	#header .menu li li a:hover {text-decoration: underline;}
	
	/* @end */

	/* @searchform */	
	#header #searchform {margin-top: 85px; width: 238px; float: right; display: inline; padding-right: 15px;}
	#header fieldset {background:transparent url('i/search_fieldset.gif') no-repeat scroll 0 0;   border: none; display:inline; margin:0; overflow:hidden; padding: 4px 0 0 10px; width:224px;}
 	#header input#s { border: none; float:left; padding:0px; width:175px; }		
	#header input.btn {border:none; float:left; height:21px; margin:-4px 0 0 0px; width:29px;}	
	/* @end */	

	/* @alaune */
	#header .alaune {float: left; display: inline; color: #fff; width: 445px; margin-left: 40px;}
	#header .alaune h4 {font-size: 17px; text-transform: uppercase; width: 330px; border-bottom: 1px solid #88b479; margin-bottom: 5px; padding-bottom: 3px;}
	/* @end */

/* @end */

/* @content */
#content {background: #fff url('i/content_bg.jpg') no-repeat 50% 0;}
.home #content {background: #fff url('i/content_bg-home.jpg') no-repeat 50% 0;}
#content .wrapper {width: 960px; padding-left: 12px;}
/* @end */

	/* @topcontent */
	#topcontent {height: 371px; overflow: hidden;}
	#topcontent h2 {text-transform: uppercase; font-size: 20px; color: #620038; margin-bottom: 10px;}							
	#topcontent .date {color: #6c6c6c; font-size: 9px; font-style: normal;}		
	#topcontent .lieu,
	#topcontent .excerpt {color: #620038; font-size: 9px; font-style: normal;}	
	
	#formations-next,
	#formations-next,
	#formations-previous {overflow: visible; display: inline; float: left; width: 415px;}
	#formations-next {width: 292px; padding-left : 21px; }
	#formations-previous {width: 235px; padding-left: 65px;}
	
		/* @formations-next */
		#formations-next h2 {font-size: 16px; }
		#formations-next a {font-weight: bold;}
		#formations-next em {color: #777; font-size: 11px;}				
		#formations-next ul {border-top: 1px solid #ddd; margin: 10px 0;}
		#formations-next li {border-bottom: 1px solid #ddd; padding: 10px 30px 10px 10px; background: url('i/bt_plus-green.gif') 97% 50% no-repeat; }
		#formations-next li.odd {background-color: #eee; background-image: url('i/bt_plus-purple.gif');}		
		#formations-next li p {padding: 5px 0;}
		#formations-next li p strong {font-size: 14px; background: #fff; font-weight: normal;}
		#formations-next li p strong a {color: #8c8c8c; }
		#formations-next div.more {padding-top: 15px; text-align: right;}
		/* @formations-next */
		
		/* @actu-une */
		#actu-une {overflow: visible; display: inline; float: left; width: 347px; }
#actu-une div {margin: 10px 0;}
		#actu-une a {font-size: 14px; font-weight: bold; color: #620038;}
		#actu-une em {color: #999;}		
		#actu-une p {color: #620038; margin: 5px 0}
		#actu-une .more {border-top: 1px solid #ddd; text-align: right; padding-top: 15px;}		
		/* @end */	
	
		/* @formations-previous */		
		#formations-previous h2 {color: #fff; font-size: 15px; text-transform: uppercase; }
		#formations-previous ul {list-style: none outside; border-top: 1px solid #439c24; margin-top: 8px; height: 315px; overflow: hidden;}
		#formations-previous li {border-bottom: 1px solid #439c24;}
		#formations-previous li.odd {background: #35891d url('i/menuright_trame.gif') 0 0 repeat;}		
		#formations-previous li a {display: block; padding: 15px 20px 15px 10px; color: #fff; background: transparent url('i/bt_plus-white.gif') 215px 50% no-repeat;}
		#formations-previous li.odd a {background-image : url('i/bt_plus-purple.gif');}		
		#formations-previous li em {color: #bababa}
		#formations-previous p.more {text-align: right; margin-right: 15px;}
		/* @end */
	
	/* @end */

	/* @maincontent */
	#maincontent {display: inline; float: left; width: 680px;}
	#maincontent h1 {text-transform: uppercase; font-size: 24px; color: #620038; border-bottom: 1px solid #ddd; margin-bottom: 20px;}	
	#maincontent h1 a {color: #620038;}
	#maincontent h2 {font: normal normal normal 18px arial, sans-serif; margin: 15px 0 10px 0; color: #3e8f22;}
	#maincontent h2 a {color: #3e8f22;}
	#maincontent h3 {font-size: 16px; font-weight: normal; margin: 10px 0;}	
	#maincontent h4 {font-size: 14px; font-weight: normal;  margin: 5px 0; }		
	#maincontent p, #maincontent li {font-size: 12px; margin-bottom: 10px;}
	#maincontent li {margin-bottom: 0px; } 
	#maincontent hr {border: none; border-top: 1px solid #ccc;}	
	#maincontent .thumbnail img {border:1px solid #ddd; padding: 1px;}
	#maincontent ul {list-style: disc outside; margin: 10px 0 10px 15px; }
	#maincontent dl {margin: 10px 0;}	
	#maincontent span.cat,
	#maincontent div.date {display: inline; background-color: #620038; color: #fff; padding: 2px 3px 0 3px; text-transform: uppercase; font-size: 8px;}
	#maincontent span.cat a {color: #fff;}	
	#maincontent div.post, 
	#maincontent div.page {padding: 0 0 15px 0;}
	#maincontent div.post .more,
	#maincontent div.page .more {margin-top: 30px; text-align: right;}

		/* @Contact Form 7 */ 
		#maincontent form.wpcf7-form {margin-top: 30px;}
		#maincontent form.wpcf7-form label {display: block; float: left; width: 40%; margin: 0 1em 0 0; padding: 0.1em;}
		#maincontent form.wpcf7-form .radioCheck {margin: 0 1em 0 0.25em}
		#maincontent form.wpcf7-form input.text, 
		form.wpcf7-form textarea {width: 50%; margin-right: 0.25em; border: 1px solid #ccc;}	
		#maincontent form.wpcf7-form input.button {border: none; display: block; width: 82px; height: 0; font-size: 1em; padding-top: 17px; 			text-indent: -2000px; overflow: hidden; background: url('i/bt_envoyer.gif') no-repeat; margin: 30px 0 0 288px;}
		/* only for "formulaire d'analyse des besoins" */
		#post-59 form.wpcf7-form p {font: italic normal normal 14px Georgia, times, serif; color: #999;}		
		#post-59 form.wpcf7-form h3 {font-size: 12px; font-weight: bold; margin-top: 20px;}				
		/* @end */

		/* @loginform */
		#maincontent form.loginform h2 {font-size: 18px; color: #3E8F22; margin: 5px 0; font-weight: normal;}
		#maincontent form.loginform {}
		/* @end */
	
		/* @pagination */
		#maincontent .pagination {margin-bottom: 10px; text-align: center;}
		#maincontent .pagination strong {text-decoration: underline;}		
		#maincontent .pagination {padding:0; margin:0;}
		#maincontent .pagination li {display:inline; list-style:none;}
		#maincontent .pagination a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
		#maincontent .pagination a:hover, .pagination a:active {background:#ccc; color:#888;}
		#maincontent .pagination .title {color:#555; margin-right:4px;}
		#maincontent .pagination .gap {color:#999; margin-right:4px;}
		#maincontent .pagination .current {color:#fff; background:#527E29; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
		#maincontent .pagination .page {}
		#maincontent .pagination .prev, .pagination .next {}	
		/* @end */
	
		/* @home */
		.home #maincontent h2 {font-size: 15px; text-transform: uppercase; color: #620038; border-bottom: 1px solid #ddd; padding: 0 0 5px 0;}
		.home #maincontent h3 {font-size: 12px; margin: 0;}
		.home #maincontent ul {margin-left: 0; list-style: none;}
		
			/* @actus */
			.home #maincontent #actus {width: 340px; display: inline; float: left; margin-right: 30px; margin-top: 20px;}
			.home #maincontent #actus img {float: right; margin-top: 15px;}
			.home #maincontent #actus h3 {font-weight: bold;}
			.home #maincontent #actus li span a {color: #333;}
			.home #maincontent #actus li {padding: 10px 0; border-bottom: 1px solid #ddd; }
			.home #maincontent #actus li img {float: left; margin: 0 10px 0 0;}
			.home #maincontent #actus li .more img {float: right; margin-top: 10px;}
			/* @end */

			/* @juridique */
			.home #maincontent #juridique {width: 300px; display: inline; float: left; margin-top: 20px}
			.home #maincontent #juridique h3 {font-weight: normal;}
			.home #maincontent #juridique h3 a {font-weight: bold;}
			.home #maincontent #juridique h3 em {color: #6c6c6c;}
			.home #maincontent #juridique li {padding: 10px 5px 14px 10px; border-bottom: 1px solid #ddd;}
			.home #maincontent #juridique li.odd {background: #eee;}			
			.home #maincontent #juridique .content {float: left; display: inline; width: 200px;}			
			.home #maincontent #juridique .more {float: right; display: inline; width: 70px;}
			.home #maincontent #juridique img {float: right; margin-top: 14px;}			
			/* @end */
						
			/* @salles */
			.home #maincontent #salles {margin-top: 40px;}
			.home #maincontent #salles p {text-transform: uppercase; color: #620038; font-weight: bold; font-size : 10px ; padding-top: 5px;}			
			.home #maincontent #salles img {float: left; margin-right: 30px; }
			.home #maincontent #salles h3 {text-transform: uppercase; color: #595959; font-size: 18px; margin-bottom: 10px;}			
			.home #maincontent #salles h3 a {color: #595959; }
			.home #maincontent #salles .content {background: transparent url('i/subcontent_content_trame.gif') repeat top left;}
			/* @end */
			
		/* @end */
	
		/* @category */
		.category #maincontent div.post {border-bottom: 1px solid #ddd; margin-bottom: 15px;}
		.category #maincontent .post div.pictoplus a {float: right; display: inline; width: 25px; height: 20px; font-size: 1em; padding-top: 7px; text-indent: -2000px; overflow: hidden; background: url('i/bt_plus-green.gif') 50% 50% no-repeat; border: none; margin-left: 10px;}
		.category #maincontent .post.even div.pictoplus a {background-image: url('i/bt_plus-purple.gif')}
		.category #maincontent .post div.pictoplus a:hover {background-color: #eee}
		


			/* @category-formateurs */
			.category-formateurs #content #maincontent .post {width: 126px; float: left; text-align: center; margin-right: 10px; border: none;}
			.category-formateurs .post img {display: block; border: 1px solid #999}
			.category-formateurs .post cite {display: block; margin-top: 5px}
			/* @end */


			/* @category-agenda-formations */
			.category-le-catalogue #maincontent h3 a {color: #222;}			
			/* @end */
		
			/* @category-formation-sur-catalogue */
			#maincontent h3.subsubcat {display: inline; background-color: #620038; color: #fff; padding: 2px 3px 0 3px; text-transform: uppercase; font-size: 8px; margin: 10px 0}
			.category-formation-sur-catalogue #content #maincontent h2 {margin-bottom: 25px}
			.category-formation-sur-catalogue #maincontent ul {margin: 10px 0 25px 0; border-bottom: 1px solid #ddd; padding-bottom: 10px}
			.category-formation-sur-catalogue #maincontent ul li {margin: 12px 0}
			.category-formation-sur-catalogue #maincontent ul li a {display:block}
			.category-formation-sur-catalogue #maincontent ul li a:hover {text-decoration: underline}
			#maincontent .parentcats {border-bottom: 1px solid #ddd; padding: 1px 0 20px 0;}			
			#maincontent .parentcats h2.subsubcat {text-transform: uppercase;}	
			#maincontent .backlist {margin: -42px 0 10px 0; text-align: right}
			/* @end */		
		
			/* @category-publications @category-etudes @category-guides-pratiques */
			#maincontent .publications-souscat {margin: -42px 0 10px 0; text-align: right}
			#maincontent .cat-description {margin: 0 0 20px 0;}
			#maincontent div.publications h2 {background-color: #620038; color: #fff; padding: 2px 3px 0 3px; text-transform: uppercase;  font-size: 8px; display: inline;}
			.category-publications #maincontent .thumbnail,
			.category-etudes #maincontent .thumbnail,
			.category-guides-pratiques #maincontent .thumbnail,
			.category-rencontres-delu-e-s #maincontent .thumbnail,
			.category-actes-de-formation #maincontent .thumbnail {float: left; width: 280px; display: inline;}	
			.category-publications #maincontent .storycontent,
			.category-etudes #maincontent .storycontent,
			.category-rencontres-delu-e-s #maincontent .storycontent,
			.category-actes-de-formation #maincontent .storycontent {float: left; width: 400px; display: inline; ; }
			.category-publications #maincontent .storycontent .publications-content,
			.category-etudes #maincontent .storycontent .publications-content,
			.category-guides-pratiques #maincontent .storycontent .publications-content,
			.category-rencontres-delu-e-s #maincontent .storycontent .publications-content,
			.category-actes-de-formation #maincontent .storycontent .publications-content {height: 100px; padding-top: 50px;}
			/* @end */
		
		/* @end */
		
		/* @single */
		.single #maincontent div.retour {margin: -42px 0 25px 0; text-align: right}
		/* @end */

		/* @storycontent */
		#maincontent .storycontent {margin-top: 10px;}				
		#maincontent .storycontent a {font-weight: bold;}		
		#maincontent .storycontent p.excerpt {margin-bottom: 40px;}				
		#maincontent .storycontent img  {border:1px solid #ddd; padding: 1px;}
		#maincontent .storycontent img.noborder,
		#maincontent .storycontent .more img {border:none; padding: 0;}
		/* @storycontent */

		
	/* @end */

	/* @subcontent */
	#subcontent {display: inline; float: right; width: 249px;}
	#subcontent h3 {background-color: #2d7d17; color: #fff; text-transform: uppercase; padding: 7px 0 3px 12px; font-size:17px; letter-spacing: -1px;}
	#subcontent .section .more img {float: right; margin: 20px 0 0 0 ;}
	
		/* @home */
		.home #subcontent {margin-top: 30px;}
		.home #subcontent .section img {margin-right: 10px;}
		.home #subcontent .section p {margin-top: 20px;}
		.home #subcontent .section p a {color: #9b9b9b;}		
		/* @end */
	
		/* @section */
		#subcontent .section {margin-bottom: 35px;} 
		#subcontent .trame h3 {background: #2d7d17 url('i/subcontent_titre_trame.gif') no-repeat bottom left; padding-bottom: 13px;}
		#subcontent .content,
		#subcontent form.wpcf7-form {padding: 10px 5px 10px 7px; font-size: 17px; color: #9b9b9b;}
		#subcontent .trame .content,
		#subcontent form.wpcf7-form  {background: transparent url('i/subcontent_content_trame.gif') repeat top left; } 		
		#subcontent .trame .content img.alignleft {margin-right: 5px;} 				
		#subcontent .contact .content {padding: 25px 0 0 20px;}
		#subcontent .contact .link {margin-top: 12px; text-align: right;}
		#subcontent .trame strong, 
		#subcontent .trame strong {padding: 0 5px; background-color: #fff;} 				
		/* @end */	

		/* @menu */
		#subcontent .menu {background: #2d7d17; font-size:17px; padding-bottom: 20px; margin-bottom: 35px;}
		#subcontent .menu h3 {padding-bottom: 10px;}		
		#subcontent .menu a {display: block; padding: 18px 0 18px 40px; color: #fff; background: transparent url('i/menuright_off.gif') 15px 18px no-repeat; display: block;}		
 		#subcontent .menu a:hover, #subcontent .menu .current_page_item a, #subcontent .menu .current-cat a {background-image: url('i/menuright_on.gif');}
		#subcontent .menu ul {list-style: none outside; border-top: 1px solid #439c24; margin-left: 12px;}
		#subcontent .menu li {border-bottom: 1px solid #439c24; }
		#subcontent .menu li.current-cat, #subcontent .menu li.current_page_item, #subcontent .menu li:hover {background: #35891d url('i/menuright_trame.gif') 0 0 repeat;}
		/* @end */

		/* @newsletter */		
		#subcontent form.wpcf7-form fieldset {background:transparent url('i/nl_fieldset.gif') no-repeat scroll 0 0; border: none; display:inline; margin:0; overflow:hidden; padding: 4px 0 0 10px; width:205px;}
	 	#subcontent form.wpcf7-form input#email_abo { border: none; float:left; padding:0px; width:169px; }		
/*		#subcontent form.wpcf7-form input.btn {border:none; float:left; height:24px; margin:-4px 0 0 5px; width:31px; }*/
		#subcontent form.wpcf7-form input.btn {
			border:none;
			float:left;
			margin:-4px 0 0 5px;
			width: 31px;
			height: 0;
			font-size: 1em;
			padding-top: 24px;
			text-indent: -2000px;
			overflow: hidden;
			background: url('i/bt_nl.gif') no-repeat;
		}		
	/* @end */

/* @footer */
#footer {margin-top: 35px; background: #41a01f url('i/bg_trame-green.png'); color: #fff;} 
#footer .wrapper {width: 880px; padding: 30px 0 30px 0; background: transparent url('i/footer_bg.gif') no-repeat 50px bottom; overflow: auto;} 
#footer a {color: #FFF;}
#footer a:hover {text-decoration: underline;}
#footer li {list-style: none outside; margin-bottom: 12px;}
#footer .sitemap, #footer .newsletter {display: inline; float: left;} 
#footer .sitemap {width: 600px;} 
#footer .sitemap ul {padding-left: 10px; border-left: 1px solid #84bb71;} 
#footer .newsletter {width: 200px;}
#footer .newsletter h4 {color: #666; font-weight: bold; border-bottom: 1px solid #84bb71; margin-bottom: 10px; padding-bottom: 7px;} 
/* @end */

/* @connect */
#connect {position: absolute; top: 0; margin-left: 830px;}
#connect a.bt {display: block; width : 161px; height: 43px; background: transparent url('i/bt_connexion.gif') no-repeat 0 0; text-transform: uppercase; color: #fff; padding: 11px 0 0 8px; letter-spacing: -1px;}
/* @end */

/* @misc */
ul.nopuce,
#maincontent ul.nopuce {list-style: none outside; margin-left:0; }
.quiet {color: #bbb;}
.wrapper {text-align: left; width: 1024px; margin: 0 auto;} /* IE bug fix */
.clearfix:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.clearfix {display: block;}
.clear {clear:both;}
.append-bottom {margin-bottom: 1.5em;}
hr.clear {border: none; height: 0; margin: 0; padding: 0;}
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignleft img,
img.alignleft {margin: 0 10px 10px 0;}
.alignright {float: right;}
img.alignright {margin: 0 0 10px 10px;}
.wp-caption {	border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
.noborder {border:none;}
/* @end */
form.wpcf7-form .wpcf7-not-valid-tip-no-ajax {position: absolute; top: 30px; padding: 0; color: #CF0000; background: #fff; }
form.wpcf7-form .wpcf7-not-valid-tip{ border: none; position: absolute; top: 30px; left: -210px; padding: 0; color: #CF0000; background: #fff; }
#subcontent form.wpcf7-form .wpcf7-response-output {border: none; padding: 0; font-size: 12px; font-family: arial, verdana, sans-serif; background: #fff; }