@charset "UTF-8";

/* CSS Document */

.container_16{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_4{width:220px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_8{width:460px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_12{width:700px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:920px}
.container_16 .grid_16{width:950px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_4{padding-left:240px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_8{padding-left:480px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_12{padding-left:720px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_4{padding-right:240px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_8{padding-right:480px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_12{padding-right:720px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}
.container_16 .push_1{left:60px}
.container_16 .push_2{left:120px}
.container_16 .push_3{left:180px}
.container_16 .push_4{left:240px}
.container_16 .push_5{left:300px}
.container_16 .push_6{left:360px}
.container_16 .push_7{left:420px}
.container_16 .push_8{left:480px}
.container_16 .push_9{left:540px}
.container_16 .push_10{left:600px}
.container_16 .push_11{left:660px}
.container_16 .push_12{left:720px}
.container_16 .push_13{left:780px}
.container_16 .push_14{left:840px}
.container_16 .push_15{left:900px}
.container_16 .pull_1{right:60px}
.container_16 .pull_2{right:120px}
.container_16 .pull_3{right:180px}
.container_16 .pull_4{right:240px}
.container_16 .pull_5{right:300px}
.container_16 .pull_6{right:360px}
.container_16 .pull_7{right:420px}
.container_16 .pull_8{right:480px}
.container_16 .pull_9{right:540px}
.container_16 .pull_10{right:600px}
.container_16 .pull_11{right:660px}
.container_16 .pull_12{right:720px}
.container_16 .pull_13{right:780px}
.container_16 .pull_14{right:840px}
.container_16 .pull_15{right:900px}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

#col400 {
	float:left;
	position:relative;
	color: black;
	margin: 25px;
	width: 390px;
}

#col200 {
	float:left;
	position:relative;
	color: black;
	margin: 25px;
	width: 160px;
}
#col210 {
	float:left;
	position:relative;
	color: black;
	margin: 25px;
	width: 210px;
}


html{color:#444;background-color:#f9f9f9;font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{
	background:#f9f9f9;
	color:#444;
	font-size:12px;
	line-height:18px;
	padding:0;
	margin:0;
	font-family:tahoma,"helvetica neue",helvetica,arial,sans-serif;
	font-style:normal;
	font-weight:normal;
	min-width:960px
}
a{color:#369;text-decoration:none}
a:hover{color:#288ce4;text-decoration:none}

img{border:20px;}
small{font-size:85%}b,strong{font-weight:bold}ul{list-style:none}
.sprite{background-image:url("../images/sprites2.png")}
hr.divider{border:0;border-bottom:solid 1px #ccc;margin:5px 12px}
textarea{font-family:"Lucida Grande",tahoma,"helvetica neue",verdana,sans-serif}

#header{background:#292929 url("../images/headbg.png") 0 0 repeat-x;height:143px;border-bottom:solid 1px #a5a5a5}

#branding{background:#292929 url("../images/headersampler2.jpg") top center no-repeat;height:89px;margin:0;padding:0;width:100%;display:block}
#branding a{display:block;width:100%;height:100%;text-indent:-9999em;direction:ltr}
#navigation{position:relative;height:54px;z-index:30}
#topnav{margin:0;padding:0;float:left;width:960px;list-style:none;font-size:13px;height:54px;background-color:#292929;background-position:0 0;background-repeat:no-repeat}
#topnav li{display:block;float:left;width:192px;line-height:15px;margin:0;padding:0;position:relative;font-family:helvetica,arial,sans-serif;cursor:pointer;}
#topnav li a{display:block;color:#ccc;text-transform:uppercase;padding:15px 0 9px 20px;font-size:13px;background-repeat:no-repeat;background-position:184px -54px}
#topnav li a span{clear:both;color:#6c6c6c;display:block;text-transform:lowercase;font-size:11px}
#topnav li a:hover,#topnav li .current{color:#c1bc9e}
#topnav li a:hover span,#topnav li .current span{color:#fff}

#synth-menu{position:relative;width:900px;top:0px;left:0; margin-bottom:15px; border:0;color:#fff;background:#292929;background:-moz-linear-gradient(top,#45484d 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#45484d),color-stop(100%,#000));background:-webkit-linear-gradient(top,#45484d 0,#000 100%);background:-o-linear-gradient(top,#45484d 0,#000 100%);background:-ms-linear-gradient(top,#45484d 0,#000 100%);background:linear-gradient(top,#45484d 0,#000 100%);font-family:"Lucida Grande",arial,"helvetica neue",verdana,sans-serif;padding:15px 10px 15px;float:left;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}
#synth-menu ul{list-style:none;margin:0;padding:0;width:175px;float:left}
#synth-menu ul li{width:100%;color:#444;line-height:13px;background:0;font-family:"Lucida Grande",arial,"helvetica neue",verdana,sans-serif}
#synth-menu ul li a{float:none;text-transform:none;height:auto;padding:2px 10px 2px 10px;display:block;text-decoration:none;color:#ccc;font-size:11px}
#synth-menu ul li a:hover{color:#000;background:#e2e2e2;background:-moz-linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e2e2e2),color-stop(50%,#dbdbdb),color-stop(51%,#d1d1d1),color-stop(100%,#fefefe));background:-webkit-linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background:-o-linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background:-ms-linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background:linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}
#synth-menu h3{font-size:12px;margin:0;padding:5px 0 10px 0}
#synth-menu ul li a span.back-button{padding:4px 0 4px 20px;line-height:20px;background-color:transparent;background-position:0 -448px;background-repeat:no-repeat;font-weight:bold;text-transform:none;color:#ccc;font-size:11px;cursor:pointer}
#synth-menu ul li a:hover span.back-button{color:#000}
#synth-menu ul.col1,#synth-menu ul.col2,#synth-menu ul.col3,#synth-menu ul.col4{border-right:solid 1px #a7a7a7}

#resources-menu{position:absolute;width:180px;top:54px;left:0;z-index:99999;padding:15px 0;float:left;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;display:none;background:#292929;background:-moz-linear-gradient(top,#45484d 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#45484d),color-stop(100%,#000));background:-webkit-linear-gradient(top,#45484d 0,#000 100%);background:-o-linear-gradient(top,#45484d 0,#000 100%);background:-ms-linear-gradient(top,#45484d 0,#000 100%);background:linear-gradient(top,#45484d 0,#000 100%)}
#resources-menu ul{list-style:none;margin:0;padding:0;width:180px;float:left}
#resources-menu ul li{width:180px}#resources-menu ul li a{text-transform:none;text-decoration:none;font-size:12px;background-color:transparent;background-position:0 -271px;background-repeat:no-repeat;padding:6px 0 12px 12px;margin-left:12px;}
#resources-menu ul li a:hover{color:#c1bc9e;margin-left:16px}
#synth-menu,#resources-menu{-webkit-box-shadow:0 5px 20px #444;-moz-box-shadow:0 5px 20px #444;box-shadow:0 5px 20px #444;opacity:.96}
#search_box{background-repeat:no-repeat;background-position:0 -684px;display:block;height:40px;padding:0;position:absolute;right:0;top:13px;width:175px}input:focus{outline:0}

/* top - right - bottom - left */
#content{background:#f9f9f9;padding:0;border-top:solid 1px #d9d9d9}
#mainbody{padding:0; border:solid 2px #e7e7e7;border-top:0;background:#fff; border-radius: 0px 0px 20px 20px;}
#mainbody h2{
	font-size:30px;
	font-weight:normal;
	font-style:normal;
	line-height:normal;
	font-family:"Tahoma,Arial,Helvetica,sans-serif;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#mainbody h3{
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	color:#369;
	line-height:normal;
	font-family:"Tahoma,Arial,Helvetica,sans-serif;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: -10px;
}

#mainbody h4{
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	color: #FF2233;
	line-height:normal;
	font-family:"Tahoma,Arial,Helvetica,sans-serif;
	padding: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}

#left_col p{padding:0 12px;margin-bottom:1em}
#right_col{padding:0 12px 0 0}
#right_col ul{list-style:none}

.roundcornerbox {
	border: 1px solid #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 10px;
}
.scroll500 {
    height: 600px;
	overflow: scroll;
	line-height:12px;
}


#footer{background:#f9f9f9;font-size:12px;height:80px;padding:0;margin:0; margin-top:15px;}
#footer .foot_border{border-top:solid 1px #ccc}#footer ul{list-style:none;height:26px;padding:6px;margin:12px 0}#footer_icon_links ul{float:right}#footer_icon_links ul li{display:inline}
#footer_icon_links .sprite{display:block;float:left;height:26px;margin-right:6px;width:26px;text-indent:-9999px;direction:ltr;background-color:transparent;background-repeat:no-repeat}
#footer_links ul li{display:inline;padding:0 8px 0 12px;border-left:solid 1px #b0b0b0}
#footer_links ul li.first{border-left:0}
#copyright{font-size:10px;margin-top:-24px;margin-left:12px;padding-left:6px; font-style:italic; }
#message{font-size:10px; color:#369; margin-top:-12px;margin-left:12px;padding-left:6px}

#bande{color:blue;}
#optique{color:magenta;}
#electronique{color:#3E8;}
#logiciel{color:orange;}
#numerique{color:brown;}
#carteson{color:yellow;}

/* relatedposts starts here*/
#related-forum-posts {
  margin-left: 0px;
  margin-right: 0px;
}

#related-forum-posts .bg1 { background-color: #C3D2E5; }
#related-forum-posts .bg2 { background-color: #E1EBF5; }
#related-forum-posts .post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
color: #536482;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#related-forum-posts .post h3 {
  margin-left: 0;
  font-size: 16px;

}
#related-forum-posts .content {
  padding-bottom: 8px;
   font-size: 12px;
   padding-right: 10px;
   min-height: 30px;
}
#related-forum-posts .postprofile {
 font-size: 11px;
 margin-top: 12px; 
}

#related-forum-posts .post span.corners-top, 
#related-forum-posts .post span.corners-bottom {
  margin: 0 -10px;
}
#related-forum-posts span.corners-top {
  background-position: 0 0;
}
#related-forum-posts span.corners-bottom {
  background-position: 0 100%;
  clear: both;
}
#related-forum-posts span.corners-top span {
background-position: 100% 0;
}
#related-forum-posts span.corners-bottom span {
background-position: 100% 100%;
}
#related-forum-posts span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}

#related-forum-posts .postbody {
color: #333333;
padding: 0;
line-height: 1.48em;
width: 78%;
float: left;
clear: both;
}

#related-forum-posts a:visited {
color: #105289;
}
#related-forum-posts a:link {
color: #105289;
}