@charset "UTF-8";
/*
Description: Nexcom
Version: 1.0 / Février 2011
Author: juxy [Julien Cornic]
Author URI: http://www.juxy.fr/
*/

/* --- RESET ------------------------------------------------------- */
* {padding: 0; margin: 0;}	
ul, ol, li {list-style: none; list-style-position: inside;}
ol ol, ul ul, ol ul, ul ol {margin: 0; margin: 0;}
a:focus {outline:none;}
img {border: none;}
html body * div.clear {background: none;	border: 0;	clear: both; display: block; float: none;	font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}


/* ------------------------------------------------------------------- */
/* --- COMMON ------------------------------------------------------- */
body      {font: 13px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; height: 100%; background:url(images/body_bg_pattern.png) repeat}
a         {color: #000; text-decoration: none;}
a:hover   {color: #000 ;}
a:visited {}
input, select, textarea {}
@font-face {font-family: DroidBold; src: url('font/DroidSans-Bold.ttf');}


/* --------------------------------------------------------------------- */
/* --- CONTAINER ------------------------------------------------------ */
#wrapper          {min-height:100%; width:100%; position:absolute; background:url(images/body_bg.png) repeat-x;}
#container        {background:url(images/main_bg_home.png) repeat-y top center; padding:0px 0px 0px 0px; margin-bottom:0px;}
#container-main   {display:block; background:url(images/header_home.png) no-repeat top center; width:100%; min-height:100px; min-height:100%; padding-bottom:140px;}
#container-header {width: 980px; margin: 0px auto 0px auto; overflow: hidden; padding:0px 0px 0px 0px; position:relative}

.container_page { background-image:url(images/main_bg.png) !important;}
.container-main_page { background-image:url(images/header.png) !important;}
.main_content_page { background-image:url(images/main_bottom.png) !important;}

.container_blog { background-image:url(images/main_bg_blog.png) !important;}
.container-main_blog { background-image:url(images/header_blog.png) !important;}
.main_content_blog { background-image:url(images/main_bottom_blog.png) !important;}

/* --------------------------------------------------------------------- */
/* --- HEADER --------------------------------------------------------- */
#header            {display:block; position:relative; width:980px; height:72px;} 
#header h1 a       {display:block; float:left; text-indent:-9999px; width:220px; height:72px;}
#header h1 a:focus {outline:none}

	/* --- MENU ---------------------------------------------------------- */
	#header-menu          {display:block; position:absolute; top:24px; left:300px; width:680px; padding:0px; background:url(images/menu.png) no-repeat top right;}
	#header-menu li, ul   {display:block; float:left; height:40px;}
	#header-menu a        {display:block; float:left; padding:0px 14px 0px 14px; font-size:13px; height:40px; line-height:38px; color:#FFF; font-weight:bold;text-transform:uppercase; background:url(images/menu.png) no-repeat -42px 0px; margin-left:0px; z-index:9; text-shadow:0px 1px 1px rgba(50,50,50,0.8); font-family:'ArialNarrow-Bold','Arial Narrow',Arial,sans-serif}	
	#header-menu a:hover  {background:url(images/menu.png) no-repeat -42px -100px;}
	#header-menu li.current-menu-item  a  {background:url(images/menu.png) no-repeat -42px -50px;}	
	
	/* --- MENU / ICON HOME ---------------------------------------------- */
	#header-menu a.icon-home {display:block; width:41px; height:40px; background:url(images/menu.png) no-repeat 0px 0px; padding:0px;}
	#header-menu a.icon-home:hover {background:url(images/menu.png) no-repeat 0px -100px;}
	#header-menu a.icon-home.selected {background:url(images/menu.png) no-repeat 0px -100px;}
	
	/* --- SEARCH -------------------------------------------------------- */
	#block-search {display:block; position:absolute; left:810px; top:30px; width:140px; height:30px;}
	#block-search input[type="text"] {display:block; float:left; background-color:transparent; border:0px; font-size:11px; color:#BBB;margin:4px 0px 0px 0px; padding:4px 0px 4px 4px; width:106px; letter-spacing:1px;}
	#block-search input[type="text"]:hover {color:#FFF;}
	#block-search input[type="text"]:focus {border:0px; outline:none}
	#block-search input[type="submit"] {display:block; float:left; border:0px; background:none; width:30px; margin:0px 0px 0px 0px;; height:26px; padding:0px;}
	#block-search input[type="submit"]:hover {cursor: pointer}
	

/* ----------------------------------------------------------------- */
/* --- MAIN -------------------------------------------------------- */
#main  {width: 980px; margin: 24px auto 0px auto; overflow:hidden; padding-bottom:0px}
	
	/* --- MAIN CONTENT --------------------------------------------------------- */
	#main_content  {display:block; position:relative; float:left; width:960px; min-height:460px; padding: 0px 10px 80px 10px; font-size:12px; background:url(images/main_bottom_home.png) bottom center no-repeat;}
	#main p    {margin: 6px 0px 6px 0px; padding:0px 0px 4px 0px; line-height:17px;}
	#main h1   {color:#000; font-size:20px; margin:0px; padding:10px 0px 0px 2px; border-bottom:1px dashed #BBB; margin-bottom:8px;}
	#main h2   {font-size: 20px; line-height: 24px; margin-bottom: 7px; }
	#main h3   {font-size: 18px; line-height: 22px; margin-bottom: 5px; }
	#main h4   {font-size: 16px; line-height: 20px; margin-bottom: 5px; }
	#main h5   {font-size: 14px; line-height: 18px; margin-bottom: 8px; border-bottom:1px dashed #DDD; display:block; }
	#main h6   {font-size: 12px; line-height: 16px; margin-bottom: 5px; }
	#main ul, ol, dl { margin-bottom: 10px; height:auto; }
	#main ul   {list-style: disc; list-style-position: inside; margin-left:0px; width:100%; display:block; padding-top:10px;}
	#main ul ul {padding-top:2px;}
	#main li   {list-style: inherit; list-style-position: inside; margin-left:20px;margin-bottom:4px;}
	#main ol   {list-style-type: decimal; list-style-position: inside;}
	#main dl dt {font-weight: bold;}
	#main dl dd {font-style: italic;	margin: 0 0 5px 20px; color: #555;}
	#main a {color:#3a84ca; font-weight:bold; text-decoration:none;}
	#main a:hover {color:#3a84ca; font-weight:bold; text-decoration:underline;}
	
	/* --- SLIDER ------------------------------------------------------------------ */
	#slider {display:block; width:960px; height:250px; margin-bottom:30px;}
	#slider .slider-content {display:block; position:absolute; width:400px; position:absolute; left:520px; top:16px; text-align:right}
	#slider h1 {color:#FFF; border-bottom:0px; text-align:right; font-family:DroidBold, Helvetica, sans serif !important; font-size:36px; font-weight:normal; text-shadow: 1px 1px 2px rgba(60,60,60,0.6)}
	#slider h2 {color:#FFF; font-size:14px; font-weight:bold; line-height:18px; text-align:right; text-shadow: 1px 1px 2px rgba(60,60,60,0.6)}
	#slider a.left-arrow {background:url(images/slider_arrows.png) no-repeat top left; width:28px; height:98px; display:block; position:absolute; left:14px; top:80px; cursor:pointer; text-indent:-9999px;}
	#slider a.right-arrow {background:url(images/slider_arrows.png) no-repeat top right; width:28px; height:98px; display:block; position:absolute; right:16px; top:80px; cursor:pointer; text-indent:-9999px;}
	
	/* --- BOX ------------------------------------------------------------------ */
	#main .box               {display:inline; float:left; width:260px; margin-left:10px; min-height:200px; font-size:13px; line-height:17px; color:#555; padding:0px 15px 30px 15px; height:auto; border-left:1px solid #e1e1e1}
	#main .box-about         {border:none; margin-left:20px;}
	#main .box h2            {font-weight:normal; font-size:13px !important; text-transform:uppercase; padding:8px 0px 4px 0px; line-height:16px;color:#333}
	#main .box h3            {font-size:16px !important; color:#333}
	
	/* --- BOX ACTU -------------------------------------------------------------- */
	#main .box_news            {display:block; float:left; padding-bottom:20px;}
	#main .box_news h3 {padding:0px 0px 3px 0px !important; margin:0px !important; line-height:16px}
	#main .box_news h3 a       {font-size:13px; color:#000 !important; line-height:16px;}
	#main .box_news h3 a:hover {font-size:13px; color:#000; text-decoration:underline !important}
	.news-date     {font-size:11px; color:#999; display:block;}
	.news-abstract {display:block; padding-top:4px; line-height:16px;}
	.news-abstract a {color:#3a84ca; font-weight:bold;}
	.news-abstract a:hover {text-decoration: underline}

	/* --- SUBMENU -------------------------------------------------------------- */
	#submenu {display:block; float:right; width:178px; margin-right:8px; margin-top:15px;}
	#submenu ul, #submenu li {list-style:none; list-style-position:inside; margin:0px !important;padding:0px !important; line-height:0px; display:block; float:left}
	#submenu ul ul {display:block;}
	#submenu a {color:#0392db; display:block; float:left; line-height:15px; width:166px; padding:7px 0px 4px 4px; border-bottom:1px solid #E1E1E1}
	#submenu a:hover {color:#000; text-decoration:none;}
	#submenu a.selected {background-position:0px 0px; border-left:3px solid #EEE; color:#000}
	#submenu h3 {color:#999; font-size:14px; font-weight:bold; padding:0px 0px 8px 0px; margin:0px; line-height:15px;}
	
	#submenu a.bouton-catalogue {display:block; float:left; width:172px; height:50px; text-indent:-9999px; background:url(images/bouton_catalogue.png) no-repeat 0px 0px; padding:0px; margin:0px; border:0px; margin-top:20px;}
	#submenu a.bouton-catalogue:hover {background-position:bottom left}
	#submenu a.home-formation {display:block; background:url(images/icon_home.png) no-repeat 0px 10px; color:#AAA; font-size:12px; padding-left:18px; border:0px; padding-bottom:20px; float:right;}

	/* --- PAGE -------------------------------------------------------------- */
	.page_container        {background-image:url(images/page_main_bg.png) !important}
	.page_container-main   {background-image:url(images/page_header.png) !important}
	.page_main_content     {padding:0px 10px 20px 10px !important; width:960px !important; background-image:url(images/main_bottom.png) !important}
	.page_right_content    {display:block; float:left; width:720px; padding:15px 15px 10px 30px;}
	.page_right_content_fullpage  {display:block; float:left; width:930px; padding:15px 15px 10px 30px;}
	#main .page_right_content h1 {font-size:28px; color:#0392db; font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue Bold Condensed','Helvetica Neue', 'ArialNarrow-Bold', 'Arial Narrow', Arial, sans-serif; border:none;font-stretch: condensed;  padding:10px 0px 10px 0px; line-height:20px;}
	#main .page_right_content h1 a {font-size:30px; color:#0392db; border:none; text-transform:uppercase; line-height:28px;}
	#main .page_right_content h1 a:hover {color:#000; text-decoration:underline}
	#main .page_right_content h2 {font-size:22px; color:#ff7b11; border:none; padding:0px 0px 20px 0px; margin:0px 0px 3px 0px;}
	#main .page_right_content h3 {font-size:18px; color:#333; border:none; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;}
	#main .page_right_content h2.blog {font-size:20px; color:#333; border:none; padding:10px 0px 10px 0px !important; margin:0px 0px 3px 0px;}
	.admin-post-edit a {display:block; position:absolute; right:30px; top:10px; color:#999 !important; border-bottom:1px dotted #BBB } 
	.admin-post-edit a:hover {color:#333 !important; border-bottom:1px dotted #BBB } 
	#main .page_right_content .actu-date {display:block; float:left; color:#999; font-size:11px; padding:0px 0px 10px 0px; }
	#main .page_right_content .post-tags {display:block; float:left; color:#999; font-size:11px; border-left:1px #CCC solid; padding-left:6px; margin-left:10px; clear:right;}
	#main .page_right_content .post-tags a {color:#666}
	#main .page_right_content .post-content {display:block; clear:both;}
	#main .page_right_content ul,ol {margin:5px 0px 15px 5px; padding:0px; line-height:18px;}
	#main .page_right_content ul ul, ol ol {margin:0px 0px 0px 10px; padding:0px; list-style-type:circle}
	#main .modalitesPrix {   font-size: 9px; line-height: 10px; margin: -10px 0px 15px 0px; }
	
	/* --- PAGE PREV / NEXT -------------------------------------------------------------- */
	#pages {display:block; clear:both; padding:20px 0px 0px 10px;}
	.prev-next a {display:inline; clear:both; border-top:2px #999 solid; -moz-border-radius:3px;-webkit-border-radius:3px; padding:4px 8px 4px 10px; line-height:20px;background-color:#707070; color:#FFF; font-size:12px; margin-left:5px; text-transform:uppercase; font-weight:bold}
	.prev-next a:hover {color:#FFF; background-color:#888; border-color:#BBB}
	
	/* --- ACTULEFT -------------------------------------------------------------- */
	#actu-left {display:block; float:right; width:173px; margin-right:6px; margin-top:10px;}
	#actu-left h3.title-archive {font-size:12px; color:#555; padding: 0px 2px 10px 6px; margin:0; border-top:1px solid #CCC; width:165px; margin-right:20px; margin-top:20px; clear:both; text-transform:uppercase}
	#actu-left li {display:block !important; float:left; clear:both !important; line-height:16px; text-align:left; color:#AAA; width:160px !important;}
	#actu-left ul { width:180px !important; padding-bottom:20px; clear:both; padding-left:10px}
	#actu-left a {font-size:12px; color:#666; display:block; font-weight:normal}
	#actu-left a:hover {color:#000; font-weight:normal; text-decoration:none}
	#actu-left .box-actu {padding-bottom:12px; padding-left:8px;}
	#actu-left .actu-date {font-size:11px; color:#999; text-align:left; display:block; padding-bottom:2px;}

	/* --- FORMS -------------------------------------------------------------- */
	input, select {border:1px solid; border-color:#999 #CCC #CCC #999; width:140px; padding:3px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:1px 6px 4px 1px; -moz-border-radius:4px; -webkit-border-radius:4px;}
	select {width:168px}
	textarea {border:1px solid; border-color:#999 #CCC #CCC #999; width:360px; padding:3px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:1px 6px 4px 1px;-moz-border-radius:4px; -webkit-border-radius:4px;}
	textarea:focus, input:focus {border:2px solid #999; background-color:#FFF; margin:0px 5px 3px 0px;}
	textarea:hover, input:hover {background-color:#F8F8F8;}
	input[type="submit"] {height:24px; background-color:#666; color:#FFF; border:1px solid #333; padding:3px !important; font-weight:bold; font-size:11px;margin:1px 6px 4px 1px;}
	input[type="submit"]:hover {background-color:#3a84ca; color:#FFF; cursor:pointer;}
	input[type="submit"]:focus {height:26px; border:2px solid #999; background-color:#333; color:#FFF; margin:0px 5px 3px 0px;}


	
	
/* -------------------------------------------------------------------- */
/* --- FOOTER -------------------------------------------------------- */
#container-footer {width:100%; position:absolute; background:url(images/footer_bg.png) repeat-x; bottom: 0; left: 0;}
#footer           {display:block; width: 980px; margin: 0px auto 0px auto; height:140px; padding:0px 0px 0px 0px;}
.footer-partners {background: url(images/footer_partners.png) no-repeat top center; height:74px; width:980px; margin-top:6px}
.footer-menu         {display:block; float:left; margin-left:4px; margin-top:6px;}
.footer-menu ul, .footer-menu li {display:block; float:left;}
.footer-menu a       {color:#b7b7b7; font-size:11px; font-weight: bold; padding:2px 12px 1px 11px; border-right:1px solid #666; text-transform:uppercase}
.footer-menu a:hover {color:#FFF; text-decoration:underline}
.footer-copyright         {display:inline; float:right; margin:4px 0px 0px 0px; padding-right:26px; font-size:11px; color:#bcbcbc; text-align:right; line-height:15px}
.footer-copyright a       {font-weight:bold; color:#b7b7b7}
.footer-copyright a:hover {color:#FFF}


/* --- VARIOUS ------------------------------------------------------- */
*::-moz-selection {background-color:#4a8dc3; color:#FFF}



/* --- CUSTOM TABLE -------------------------------------------------- */

.alternatetable tr:nth-child(odd) {
    background-color: #dddddd;
}
    
.alternatetable tr:nth-child(even) {
    background-color: #eeeeee;
}
    
.alternatetable td {
    text-align: center;
}

.skilltable {
        margin: 0 auto;
}

.skilltable td {
        padding: 5px 20px; 
}

.skilltable th {
        /*background-color: #0392db;*/
        background-color: #003882;
        color: #ffffff;
        padding: 10px;
}

.skilltable tr:nth-child(odd) {
        background-color: #dddddd;    
}

.skilltable tr:nth-child(even) {
        background-color: #eeeeee;     
}

/* Logo Slider */
.logo_slider {
        width: 900px;
        margin: 0 auto;
}