a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{    background: transparent;
    /*border: 0 none;*/
    font-size: 100%;
    margin: 0;
		padding: 0;
		/*border: 0;*/
		outline: 0;
    /*vertical-align: top;*/ }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	/*padding:0;*/
	/*border:none;*/
	/*border-collapse:collapse;*/
}
img {
	/*vertical-align:top; */
}
embed { 
	vertical-align:top;
}
* { /*border:none*/}
li{ list-style-type:none}




/*layout*/


.col1, .col2, .col3, .cols { float:left;}

.col1{ width:303px;}
.col2{ width:620px;}
.col3{ width:305px;}
.cols{ width:212px;}

/*======= index.html =======*/
#page1 .tab_content{ min-height:365px}
#page1 .tab_content2{ min-height:401px}
/*======= index-1.html =======*/
#page2 .tab_content{ min-height:301px}
#page2 .tab_content2{ min-height:850px}
#page2 .col1{ width:310px;}
#page2 .col2{ width:613px;}
#page2 .pagination-container{ width:289px}
/*======= index-2.html =======*/
/*======= index-3.html =======*/
/*======= index-4.html =======*/
/*======= index-5.html =======*/
/*======= index-6.html =======*/





/*styles*/
/* 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;}

/* Global properties ======================================================== */

body{ border:0; font:12px Arial, Helvetica, sans-serif; color:#1a1a1a; line-height:16px; padding-bottom:42px;}
#page1{background: url(../images/bg_img.jpg) top center no-repeat #0f64a5; }
/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 1250px; padding-top:12px;}


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

a{ color:#106aa9; text-decoration: none; outline:none; font-weight:bold}
a:hover{ color:#5ac6f1;}
h1{ float:left; padding:20px 0 0 23px;}
h3{ font-size:17px; color:#fff; text-transform:uppercase; line-height:35px; padding:0 10px; background:#3092c9; margin-bottom:10px;}
h3.titre_tuto{ font-size:14px; color:#fff; text-transform:uppercase; line-height:35px; padding:0 10px; background:#3092c9; margin-bottom:10px;}
h3.arianne a{ font-size:17px; color:#fff; text-transform:uppercase; line-height:35px; padding:0 10px; background:#3092c9; margin-bottom:10px;}

p{ margin:0px; padding:0px; /*padding-bottom:16px;*/}

/* ============================= header ====================== */
header{ background:url(../images/bg_topX.jpg) top center no-repeat; width:100%; overflow:hidden; padding-bottom:12px;}

header .right{ width:300px;}

#logo{ background:url(../images/logo.jpg) no-repeat; display:block;  width:214px; height:48px; text-indent:-5000px;}
#slogan{ padding:0 0 0 61px; margin-top:-1px; color:#fff; font-size:12px; font-weight:normal; display:block} 

#top_nav{ float:right; padding:19px 0px 0 0} 
#top_nav li{ float:left; padding-left:16px;}
#top_nav li a{ font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff}
#top_nav li a:hover{ color:#4cbeec}

#search{ float:right; padding:18px 20px 0 0; width:278px;}
#search .bg{ background:url(../images/bg_search.gif) no-repeat; overflow:hidden}
#search a{ float:right; font-size:17px; line-height:29px; color:#fff; text-transform:uppercase; width:59px; text-align:center;} 
#search .input{ float:right; font:12px Arial, Helvetica, sans-serif; color:#aca9a9; float:right; padding:7px 10px; width:199px; height:15px;}

#menu { width:100%; overflow:hidden; margin-top:19px; background:#e2e8ea; border-bottom:0px solid #e2e8ea;}
#menu li { float:left;}
#menu li a{ display:block; font-size:17px; text-transform:uppercase; color:#213341; line-height:35px; background:url(../images/menu_bg.gif) top right repeat-x}
#menu li a span{ background:url(../images/menu_left.gif) top left no-repeat; display:block}
#menu li a span span{ background:url(../images/menu_right.gif) top right no-repeat; padding:0 8px 0 8px;}
#menu li a:hover{ color:#24abdd}

#menu li .active{ background:url(../images/menu_bg_active.gif) top repeat-x; color:#fff;}
#menu li .active:hover{ color:#fff;}
#menu li .active span{ background:url(../images/menu_left_active.gif) top left no-repeat}
#menu li .active span span{ background:url(../images/menu_right_active.gif) top right no-repeat; padding:0 8px 0 8px}
/* ============================= content ====================== */

#content{margin-top:6px; background:#fff;}

#content nav{ overflow:hidden; padding:15px 0 16px 26px}
#content nav li{ float:left; padding-right:19px;}
#content nav li a{ font-size:11px; color:#627178; text-transform:uppercase; font-weight:bold;}
#content nav li a:hover{ color:#053d72;}

.bg1{ background:url(../images/bg.gif) top repeat-x; overflow:hidden}
.bg2{ background:url(../images/bg1.gif) top repeat-x #f9f9f9; overflow:hidden}
.bg3{ background:url(../images/bg2.jpg) top repeat-x #fff; overflow:hidden}
.bg4{ background:url(../images/bg4.gif) top repeat-x #fff; overflow:hidden}
.pad{ padding:10px}
.pad3{ padding:5px;}
.pad_2{ padding:0 10px;}
.marg_right1{ margin-right:10px;}
.marg_right2{ margin-right:20px;}
.pad_bot1{ padding-bottom:10px;}
.pad_top1{ padding-top:10px;}

.gallery1{ background:#333333; color:#808080; overflow:hidden; padding:10px; margin-top:5px; margin-left:5px;}
.gallery1 ul{ float:left; width:229px}
.gallery1 li{ margin-bottom:10px;}
.gallery1 a{ background:#000; color:#808080; display:block;  overflow:hidden; font-weight:normal}
.gallery1 a span{ display:block}
.gallery1 a span span{padding:10px; overflow:hidden}
.gallery1 a:hover, .gallery1 .active{ background:url(../images/box_bg.jpg) top repeat-x; color:#fff}
.gallery1 a:hover span, .gallery1 .active span{ background:url(../images/box_left.jpg) top left no-repeat}
.gallery1 a:hover span span, .gallery1 .active span span{ background:url(../images/box_right.jpg) top right no-repeat; border-bottom:1px solid #5abde4; padding-bottom:9px;}
.gallery1 strong{ color:#fff; padding-bottom:4px;}
.gallery1 .no_pad{ margin-bottom:0}

.box{ background:url(../images/box_bg.jpg) top repeat-x #62cff8; border-bottom:1px solid #5abde4; color:#fff; line-height:16px;}
.box_left{ background:url(../images/box_left.jpg) top left no-repeat}
.box_right{ background:url(../images/box_right.jpg) top right no-repeat; padding:0 15px 14px 15px;}
.box h2{ font-size:22px; color:#fff; line-height:28px; padding:15px 0 0 0}

.box .link li{ background:url(../images/line1.gif) right 5px no-repeat}
.box .link li a{ color:#053d72}
.box .link .bg_none{ background: none}
.box .link a:hover{ color:#fff}

.box2{ background:#fff; border:1px solid #d9dddf}

.link li{ padding-right:10px; background: url(../images/line2.gif) right 4px no-repeat; margin-right:10px; float:left;}
.link .bg_none{ background:none; padding:0; margin:0}
.link a:hover{ color:#5ac6f1}

.font1{ font-size:17px; font-weight:bold; line-height:19px; padding-bottom:10px; color:#106aa9}
.font2{ font-weight:bold; color:#106aa9; padding-bottom:0}

.table{ color:#627178; width:100%;/* overflow:hidden; */padding:6px 0}
.table a{color:#627178; font-weight:normal}
.table a:hover{ text-decoration:underline}

.tr1{ height:45px; border-bottom:1px solid #e4e4e4; background:#ededed; width:100%; overflow: hidden}
.tr2{ height:45px; border-bottom:1px solid #ededed; background:#f5f5f5; width:100%; overflow:hidden}
.tr1:hover, .tr2:hover{ background:#333333; color:#fff}
.tr1:hover strong, .tr2:hover strong{ color:#5ac6f1}
.tr1:hover a, .tr2:hover a{ color:#fff;}
.tr1:hover .td2, .tr2:hover .td2{ background:#484848; border:none; padding:6px 1px 0 1px}

.td1{ padding:6px 0 0 10px; width:117px; float:left;}
.td2{ border-left:1px solid #fdfdfd; border-right:1px solid #fdfdfd; text-align:center ; width:32px; float:left; padding:6px 0 0 0; height:100%;}
.tr1 .td2{ background:#f2f2f2;}
.tr2 .td2{ background:#fafafa;}
.td3{ padding:6px 0 0 13px; width:107px; float:left; line-height:32px;}

/*----------------------------- tabs -------------------------*/
ul.tabs, ul.tabs2 {margin: 0;	padding: 0; display:block;	list-style: none;	height: 56px;}
ul.tabs li, ul.tabs2 li {float: left;overflow: hidden; padding-right:4px;}
ul.tabs li a, ul.tabs2 li a { display:block; padding:10px; border:1px solid #e9ebec; border-bottom:none; font-size:17px;text-transform:uppercase; line-height:35px; position:relative; z-index:1; background:#fff }
ul.tabs li a span, ul.tabs2 li a span{ padding:0 8px; display:block; color:#363535;}
ul.tabs li a:hover span, ul.tabs2 li a:hover span { color:#4cbeec}
html ul.tabs li.active a, html ul.tabs li.active a:hover, html ul.tabs2 li.active a, html ul.tabs2 li.active a:hover  { border:1px solid #d9dddf; border-bottom:1px solid #fff; z-index:2;}
html ul.tabs li.active a span, html ul.tabs li.active a:hover span, html ul.tabs2 li.active a span, html ul.tabs2 li.active a:hover span{ background:#363535;/* color:#fff;*/}

.tab_content, .tab_content2{ border:1px solid #d9dddf; padding:10px 13px 10px 10px; z-index:1; background:#fff; position: relative; display: none;}


/*----------------------------- end tabs -------------------------*/

.list1{ padding-bottom:7px; margin-top:-4px}
.list1 li{ padding:8px 0 9px 0; border-bottom:1px solid #e5e5e5}
.list1 li a{ color:#627178; padding-left:20px; background:url(../images/marker_1.gif) 0 3px no-repeat;}
.list1 li a:hover{ color:#106aa9; background: url(../images/marker1_active.gif) 0 3px no-repeat;}

.color1{ background:#04365c}
.color2{ background:#5e5d5d}

/*---looped slider begin ---*/
#loopedSlider{ width:100%; padding-bottom:17px; overflow:hidden; height:206px}
#loopedSlider .container { height:206px; width:251px; overflow:hidden; position:relative; z-index:1; margin-left:19px;}
#loopedSlider .slides { position:absolute; top:0; left:0;height:206px; width:251px;}
#loopedSlider .slides div { position:absolute; top:0; left:0; overflow:hidden;}

.pagination-container{ position:absolute;z-index:2; margin-top:-206px; width:283px}
#loopedSlider .previous{ background:url(../images/marker_left.gif) no-repeat; width:19px; height:206px; float:left;}
#loopedSlider .previous:hover{ background:url(../images/marker_left_active.jpg) no-repeat}
#loopedSlider .next{ background:url(../images/marker_right.gif) no-repeat;width:19px; height:206px; float:right}
#loopedSlider .next:hover{ background:url(../images/marker_right_active.jpg) no-repeat}
/*--- slider end ---*/

.link1{ display:block; line-height:27px; background:  url(../images/bg3.gif) top repeat-x; padding-left:10px;}

#video{ margin-bottom:17px;display:block; background: url(../images/page1_video1.jpg) no-repeat; width:282px; height:206px; text-align:center}


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

footer { background:#04365c; padding:16px 20px 17px 20px; color:#fff;}
footer a{ color:#0cb2f9; font-weight:normal}
footer a:hover{ color:#fff;}
footer nav{ width:100%; overflow:hidden; padding-bottom:14px}
footer nav li{ float:left; padding-right:11px; background:url(../images/footer_line.gif) right 4px no-repeat; margin-right:10px}
footer nav .bg_none{ background:none; padding:0; margin:0}
footer nav li a{ color:#fff;}
footer nav li a:hover{ color:#0cb2f9}


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

#ContactForm {}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:200px; height:18px; border:1px solid #a4a4a4; background:#2a2a2a; padding:0 3px; margin-bottom:5px;color:#6e6e6e; text-transform:uppercase;}
#ContactForm textarea { overflow: auto}
.input{ border:none;}

.opaque {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
	filter: alpha(opacity=10);	
}
 a img{ border:none}