/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.full_width{ width:100%; clear:both}
/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) top center repeat; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8e99a1; line-height:18px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.body1{ background:url(../images/bg_top2.jpg) top center repeat-x}
#page1 .body1{ background:url(../images/bg_top.jpg) top center repeat-x}

.box{ width:960px; margin:0 auto; padding:0 34px; background:#0d1720;box-shadow: 0 0 5px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8); behavior: url(js/PIE.htc); position: relative;}

/* ============================= main layout ====================== */

a{ color:#8e99a1; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:14px 0 0 4px}
h2{
	font-size: 20px;
	line-height: 1.2em;
	color: #fff;
	padding: 2px 0 1px 0;
	font-weight: 700
}
h2.color1{ color:#d5e3ee;}
h2 span{ display:block; margin-top:-6px;}
h3{ display:block; background:url(../images/newsletter.gif) 0 28px no-repeat; height:67px; width:100%; text-indent:-5000px;}
h4{ font-size:25px; font-weight:400; color:#fff; line-height:1.2em; padding:6px 0 6px 0}
p{ padding-bottom:18px;}
strong{ color:#00f3ff}

/* ============================= header ====================== */
header{ padding-top:16px; height:177px; border-bottom:1px solid #222932}
#page1 header{ height:642px; border:0}
header .right{ width:450px;}

#logo{ display:block; background:url(../images/logo_sctil1.png) no-repeat; width:487px; height:110px; text-indent:-5000px;}

.zInd{ position:relative; z-index:99}

#menu { width:100%}
#menu li { float:left; padding-right:1px; background:url(../images/menu_line.gif) right no-repeat; position:relative; padding-bottom:1px;}
#menu li a{ display:block; width:159px; font-size:18px; color:#becad5; font-weight:400; text-transform:uppercase; text-decoration:none; background:url(../images/menu_bg4b.jpg) center center; line-height:51px; text-align:center;}

#menu .nav1 > a{border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; behavior: url(js/PIE.htc); position: relative;}
"commentaire CV#menu .nav6{ background:none}"
#menu .nav6 > a{border-radius: 0 3px 3px 50; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; behavior: url(js/PIE.htc); position: relative;}

#menu #menu_active > a{ background:url(../images/menu_active.png) center center;}
#menu li:hover > a{ background:url(../images/menu_hover4b.jpg) center center;}

#menu .ul_1{ position: absolute; top:49px; left:0; display:none}
#menu .ul_1 li{ float:none; background:none}
#menu .ul_1 li a{ font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:none; line-height:40px;}
#menu .ul_1 li > a{ background:#5c7c95}
#menu .ul_1 li:hover > a{ background:#304e6a}

#menu .ul_2{ position:absolute; top:0; left:160px; display:none}
#menu .ul_2 li > a{ background:#304e6a}
#menu .ul_2 li:hover > a{ background:#020916}

#search{ float:right; background:url(../images/search.gif) no-repeat; width:172px; margin:39px 15px 0 0}
#search .submit{ float:right; width:40px; height:28px; background:none; cursor:pointer}
#search .input{ font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5c7c95; padding:6px 0 6px 10px; width:122px; float:right; height:16px; background:none}

#top_nav{ float:right; padding:29px 9px 0 0}
#top_nav li{ float:left; padding-left:26px;}
#top_nav li a{
	color: #94B2AE;
	padding-left: 26px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
} 
#top_nav li a:hover{ color:#00f3ff}

.img1{ background:url(../images/img_top1f.gif) 0 2px no-repeat}
.img2{ background:url(../images/img_top2f.gif) 0 2px no-repeat}
.img3{ background:url(../images/img_top3.gif) 0 2px no-repeat}

/* The Nivo Slider styles */
#slider{
	height: 280px;
	width: 700px !important;
	position: relative;
	top: 61px;
	left: 120px;
	
	
}
.nivoSlider {position: absolute; z-index:2}
#slider img {	top:0px;left:0px; visibility:hidden}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; top:0;z-index:59;	cursor:pointer;text-indent:-5000px; width:39px; height:280px;}
.nivo-prevNav { left:-35px;  display:block; background: url(../images/marker_left.png) right no-repeat;}
.nivo-nextNav {right:-35px; background:url(../images/marker_right.png) no-repeat;}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.png) right no-repeat}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.png) no-repeat}

/* Caption styles */
.nivo-caption {position:absolute; top:280px; left:-39px; overflow:hidden;}
.caption { position:relative; background: url(../images/bg_caption.jpg) repeat; font-size:25px; font-weight:200;color:#c0c5d0; line-height:60px; padding:0 13px; width:750px; top:-70px}
.nivo-caption .dropcap_1{ float:left; margin-top:16px; margin-right:11px; background:url(../images/dropcap1_bg.jpg) no-repeat; width:33px; height:33px; font-size:20px; font-weight:700; line-height:33px; text-align:center; color:#fff;}
.nivo-html-caption { display:none;}


/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; padding-top:20px; padding-bottom:39px;}
#page1 #content{ padding-top:0px;}
.pad_bot1{
	padding-bottom: 24px;
}
.pad_bot2{ padding-bottom:17px;}
.pad_bot3{ padding-bottom:35px;}
.marg_right1{ margin-right:20px;}
.marg_bot1{ margin-bottom:75px}
.pad_left1{ padding-left:50px;}
.marg_top1{ margin-top:5px;}

.color1{ color:#b3c2cd;}
.color2{ color:#00f3ff}
.color3{ color:#696969}
.color4{ color:#000}

.link1{
	color: #eff2f1;
	text-transform: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.link1:hover{ color:#00f3ff}

.link2{ text-decoration:none;}
.link2:hover{ text-decoration:underline}

.line1{ background:url(../images/line_ver1.gif) 309px 0 repeat-y}
.line2{ background:url(../images/line_ver1.gif) 629px 0 repeat-y}

.button{ display:inline-block; font:14px Arial, Helvetica, sans-serif; color:#fff; padding:0 7px; line-height:35px; background:url(../images/button1_bg.gif) top repeat-x #374a5a; text-decoration:none;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  behavior: url(../js/PIE.htc); position: relative;}
.button:hover{ background:#00d6e6; color:#0d1720}

.list1{ margin:-6px 0}
.list1 li{ line-height:30px; font-size:14px;}
.list1 li a{ color:#b3c2cd; font-style:italic; text-decoration:none; padding-left:29px; background:url(../images/marker_1.gif) 0 6px no-repeat; display:inline-block}
.list1 li a:hover{ color:#00d6e6; background-image: url(../images/marker_1_active.gif);}

.list1 li .line_height{ display: inline-block; margin-top:-12px;}

.tabs ul.nav { position:relative; padding-top:10px; width:197px; padding-right:33px; float:left;}
.tabs ul.nav li{ line-height:26px; height:28px; background: url(../images/tabs1.gif) no-repeat; margin-bottom:7px; font-size:14px;}
.tabs ul.nav li a{ display:block; color:#b3c2cd; padding-left:19px; text-decoration:none}
.tabs ul.nav .selected, .tabs ul.nav li:hover { background: url(../images/tabs1active.gif) no-repeat}
.tabs .tab-content { position: relative; }

.cols{ float:left; width:320px;}

.box1{ background:#0c151d; border:1px solid #222932; padding:11px 17px 17px; margin:3px 0 10px 0}

#page1 figure.pad_bot1{ padding-bottom:20px;}

#page2 .pad_bot2{ padding-bottom:12px;}
#page2 #content{ padding-bottom:46px;}

#page3 .cols{ width:278px;}
#page3  .pad_left1{ padding-left:32px;}
#page3 .grid_8 h2{ padding-bottom:29px;}
#page3 .grid_8 .pad_bot1{ padding-bottom:46px;}
#page3 .grid_4 .list1.pad_bot1{ padding-bottom:54px;}
#page3 .grid_4 .pad_bot1{ padding-bottom:26px;}
#page3 #content{ padding-bottom:51px;}

#page4 .grid_4 .marg_right1{ margin-right:30px;}
#page4 .list1.new li{ height:48px; overflow:hidden; width:100%}
#page4 .box1 .marg_right1{ margin-right:13px;}
#page4 #content{ padding-bottom:50px;}

#page5 #content{ padding-bottom:51px; padding-top:49px;}
#page5 figure.pad_bot1{ padding-bottom:20px;}

#page6 .line1{ background:url(../images/line_ver1.gif) 389px 0 repeat-y}
#page6 .marg_right2{ margin-right:163px;}
#page6 .marg_right1{ margin-right:30px;} 
#page6 figure{ margin-top:5px; margin-bottom:15px;}
iframe{ margin-top:-3px;}

#page7 #content{ padding-bottom:54px;}

/* ============================= footer ====================== */

footer { width:100%; overflow:hidden; padding-bottom:30px; font-size:14px; line-height:20px; color:#dee9f2}
footer a{ color:#478ec2}
footer a:hover{}

#newsletter{ background:url(../images/newsletter.png) no-repeat; width:284px;}
#newsletter .input{ float:left; width:211px; height:16px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#01c3e6; padding:13px 10px; background:none}
#newsletter .submit{ float:left; width:53px; height:42px; background:none; cursor:pointer}
#newsletter a{ color:#01c3e6; font-style:italic; display:inline-block; margin-top:8px;}

footer .grid_6{ padding-top:33px;}
footer .color1{ color:#929292}
footer nav{ width:100%; overflow:hidden}
#footer_menu{ float:right;}
#footer_menu li{ float:left; padding-right:12px; background:url(../images/footer_menu_line.gif) right 5px no-repeat; margin-right:12px;}
#footer_menu .bg_none{ background:none; padding-right:0; margin-right:0;}
#footer_menu a{ color:#5c7c95; text-decoration:none}
#footer_menu a:hover, #footer_menu .active{ text-decoration:underline; color:#01c3e6}

#icons{ float:right; padding:16px 0 0 0}
#icons li{ float: left; padding-left:4px}

/* ============================= forms ============================= */

#ContactForm { padding-top:3px;}
#ContactForm .wrapper{ min-height:38px; background:url(../images/input.gif) 0 0 no-repeat}
#ContactForm .textarea_box{ min-height:199px; background:url(../images/textarea.gif) 0 0 no-repeat; width:100%; overflow:hidden}
#ContactForm {}
#ContactForm a{ margin-left:30px; float:right}
#ContactForm .input {width:358px; height:16px;  background: none; padding:6px 12px; color:#b3c2cd; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto; width:515px; height:154px;  background: none; padding:6px 12px; color:#b3c2cd; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}