/* ------------------[ GENERIC ]------------------ */
body {font: 70% arial, verdana, sans-serif; line-height: 200%; background: #eeeeee url(/i/bcktop.jpg) top left no-repeat; color: #999}

* {padding:0; margin:0}
img {border:none}

/* linkology */
a, a:link, a:visited {color: #999; text-decoration: none}
a:hover, a:active {color: #f90; text-decoration: underline}

a.next, a.next:link, a.next:visited, a.next:hover, a.next:active {background: transparent url(/i/others/pictoarrownext.png) right no-repeat; padding-right: 15px}
a.down, a.next:link, a.down:visited, a.down:hover, a.down:active {background: transparent url(/i/others/pictoarrowdown.png) right no-repeat; padding-right: 15px}


/* List */
ul {padding:0; margin:0; list-style-type:none}


/* Form */
fieldset {border:none}
.btnOk {cursor: pointer;border:none!important}
select option {padding-right: 5px}

/*tools*/
.strong {font-weight: bold}
.italic {font-style: italic}
.left {float: left}
.right {float: right}
.txtcenter {text-align: center }
.txtright {text-align: right }

/* CANCEL FLOAT */
.both {clear:both; padding:0!important; margin:0!important; background:none!important}  /* <div class="both"></div> */
.clearl {clear: left}


/*Title*/
h1 {display: none}
h2 {margin: 0 0 0 1px; padding:5px; background-color: #f7f7f7; height: 10px; font-size: 110%; font-weight: normal; text-transform: uppercase}
h3 { margin: 0 0 15px 0; padding: 0 20px; font-size: 130%}
/* ------------------[ CONTAINER ]------------------ */
#container {
	width: 760px;
	background: transparent url(/i/bckmid.jpg) repeat-y top left;
	margin: 14px 0 0 10px;
	padding: 10px 20px 0 16px;
	text-align: left;
}

/* ------------------[ HEADER ]------------------ */
#header {height: 80px; margin-bottom: 10px}

#header #logo {background: transparent url(/i/cbsi.jpg) top left no-repeat; margin-bottom: 10px}
#header #logo a, #header #logo a:link, #header #logo a:visited, #header #logo a:hover, #header #logo a:active {display: block; width: 276px; height: 54px}
#header #logo a span {display: none}

#header #topnav ul {background-color: #e9e9e9; height: 22px; padding: 8px 10px 0 10px}
#header #topnav ul li {float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; background: transparent url(/i/bcktopnav.gif) right no-repeat; font-weight: bold; color: #999999}
#header #topnav ul li.last {background: none}
#header #topnav ul li a, #header #topnav ul li a:link, #header #topnav ul li a:visited {color: #66001a}
#header #topnav ul li a:hover, #header #topnav ul li a:active {color: #999999}

/* ------------------[ /HEADER ]------------------ */

/* ------------------[ FOOTER ]------------------ */
#footer {background: transparent url(/i/bckbot.jpg) top left no-repeat; 	padding: 20px 0 0 30px}
#footerhp {background: transparent url(/i/bckbothp.jpg) top left no-repeat; 	padding: 10px 0 0 30px; height: 30px}
#footer p span, #footerhp p span {font-weight: bold}
#footer p span.ml, #footerhp p span.ml {margin-left: 200px}
/* ------------------[ /FOOTER ]------------------ */

/* ------------------[ FOOTERMAP ]------------------ */
#footermap, #footermaphp {text-align: center; padding-bottom: 10px; padding: 5px 0 0 0}
#footermap {background: transparent url(/i/others/bckfootermap.gif) top left no-repeat;}
#footermap ul, #footermaphp ul {margin-bottom:5px; border-bottom: 1px solid #c6c6c6}
#footermap ul li, #footermaphp ul li {display: inline; background: transparent url(/i/bcktopnav.gif) right no-repeat; padding: 0 10px 0 5px; font-size: 90%}
#footermap ul li.last, #footermaphp ul li.last {background: none}
#footermap ul li a, #footermap ul li a:link, #footermap ul li a:visited, #footermap ul li a:hover, #footermap ul li a:active,
#footermaphp ul li a, #footermaphp ul li a:link, #footermaphp ul li a:visited, #footermaphp ul li a:hover, #footermaphp ul li a:active  { color: #999999} 
/* ------------------[ /FOOTERMAP ]------------------ */

/* ------------------[ CONTENT HP ]------------------ */
#contenthp {}
#contenthp a, #contenthp a:link, #contenthp a:visited {color: #f90; text-decoration: none}
#contenthp a:hover, #contenthp a:active {text-decoration:underline}
#contenthp #topimg {display: block; background: transparent url(/i/hp/visutop.jpg) top no-repeat; width: 760px; height: 277px; margin-bottom: 10px}
#contenthp #topimg span {display: none}
#contenthp #teaser p{line-height:normal; padding: 0 10px }
#contenthp #teaser p span {font-size: larger; font-weight: bold} 
#contenthp #pub {/*margin: 10px 0 0 0;  padding: 10px 0*/}/*border-top: 1px solid #dcdcdc;*/
#contenthp #pub .mr {margin-bottom: 10px;}
#contenthp #teaser, #contenthp #news, #contenthp #swf {margin-bottom: 10px}
#contenthp #news {float:right; width:370px}
#contenthp #news p {line-height:normal; margin-bottom: 0}

/* ------------------[ /CONTENT HP ]------------------ */

/* ------------------[ CONTENT ]------------------ */
#content {padding-bottom: 15px}
#content #maincontent a, #content #maincontent a:link, #content #maincontent a:visited {color: #f90; text-decoration: none}
#content #maincontent a:hover, #content #maincontent a:active {text-decoration:underline}
#content {min-height: 100%;	width: 760px;	position: relative; overflow:hidden; background: transparent url(/i/bckcontent.png) top left repeat-y}
#relatedcontent {width: 164px; float: left; border-top: 1px solid #cccccc;	}/*leftcol*/

/* left nav */
#relatedcontent ul {margin: 10px 0 0 8px}
#relatedcontent ul li {color: #f90}
#relatedcontent ul li span { font-weight:bold}
#relatedcontent ul li ul {margin: 0 0 0 5px}
#maincontent {font-family:Verdana, Arial, Helvetica, sans-serif;width: 594px; float:right; padding: 0 0 0 2px} /*rightcol*/
#maincontent p {padding: 0 20px ; margin-bottom: 10px; color:#4b4b4b; line-height: 1.4em}
#maincontent ul {margin:0 0 0 40px;}
#maincontent ul li, ul.listflash li{background: transparent url(/i/others/puce.png) top left no-repeat; padding-left: 10px; color:#4b4b4b; line-height:1.4em}
#maincontent ol {margin: 0 0 0 60px}

/*topimages*/
#topimgwho { background: transparent url(/i/others/topimgwho.jpg) top left no-repeat; width: 594px; height: 296px }
#topimgadv { background: transparent url(/i/others/topimgadv.jpg) top left no-repeat; width: 594px; height: 296px }
#topimgcontact { background: transparent url(/i/others/topimgcontact.jpg) top left no-repeat; width: 594px; height: 296px }
#topimgpress { background: transparent url(/i/others/topimgpress.jpg) top left no-repeat; width: 594px; height: 296px }
#topimgjob { background: transparent url(/i/others/topimgjob.jpg) top left no-repeat; width: 594px; height: 296px }
#topimgcond { background: transparent url(/i/others/topimgcond.jpg) top left no-repeat; width: 594px; height: 296px }
#topimgbrand { background: transparent url(/i/others/topimgbrand.jpg) top left no-repeat; width: 594px; height: 296px }
#topimgwho span, #topimgadv span, #topimgcontact span, #topimgpress span, #topimgjob span, #topimgcond span, #topimgbrand span { display: none}

/*page jobs*/
/*right col jobs*/
#maincontent #leftcol { width: 385px;}
#maincontent #rightcol {position: absolute; width: 179px; float: right; height:100%; border-left: 1px solid #999999; padding: 0 10px; margin-left: 385px; }
#maincontent #rightcol h3 { background: transparent url(/i/others/pictoarrowgy.png) left no-repeat; padding: 0 0 0 20px}
#maincontent #rightcol ul { margin: 20px 0 0 10px}

ul#listjob { margin-bottom: 20px}
ul#listjob li { margin: 0 0 5px 0; background: none; font-weight: bold}
ul#listjob li a:hover { background: transparent url(/i/others/pictoarrowoge.png) left no-repeat; padding-left: 10px}

/*form*/
#formjobs {margin: 20px; width: 390px}
#formjobs label {display: block; width: 140px; float: left}


/*page media kit */
/*left col*/
#maincontent #leftcolmedia { width: 204px; float: left; margin-right: 10px; background-color: #f4f4f4; text-align: center; padding: 20px 0; min-height:600px}
#maincontent #rightcolmedia h3 { background: transparent url(/i/others/pictoarrowgy.png) left no-repeat; padding: 0 0 0 20px}
#maincontent #rightcolmedia ul { margin: 20px 0 20px 20px}


#brand div { float:left; width: 190px; text-align:center}
#brand img { margin: 0 0 15px 0}

/*press*/
.fbig { font-weight: bold; font-size: 110% }

/*ressource center */
#rsccenter p { font-size:110%; font-weight: bold}
#rsccenter p span { width:250px; display: block; float:left}
#rsccenter p a, #rsccenter p a:link, #rsccenter p a:visited, #rsccenter p a:hover, #rsccenter p a:active { background: transparent url(/i/others/download.gif) left no-repeat; padding-left: 20px; margin-right: 20px}

/*sitemap*/
#content #maincontent #sitemap a, #content #maincontent #sitemap a:link, #content #maincontent #sitemap a:visited {color:#4f4f4f}
#content #maincontent #sitemap ul li.niv1 {font-weight: bold; font-size: 110%; background: none; margin:0 0 5px 0; padding:0}
#content #maincontent #sitemap ul li.niv1 li {font-weight: normal; font-size: 90%;background: none; margin: 0; padding:0}
#content #maincontent #sitemap div { float: left; width: 250px}

/*contact*/
form.keywordsearch {background-color:	#f90; margin: 0 20px 0 20px; padding:	2px 0 0 0; vertical-align:			middle}
form.keywordsearch select {height: 20px;	margin:	1px 0 3px 4px;	padding:	0 ;	width:	150px}

#resultlist { margin: 0 20px; padding: 5px 5px 0 5px;background: transparent url(/i/others/bg-gradient-table.jpg) repeat-x}
#resultlist p.title, #resultlist p.title span {font-weight: bold; text-align:left; height:20px; margin-bottom:15px}
#resultlist p {margin-bottom:10px}
#resultlist p span {display: block; width: 200px; height:120px; float:left; font-weight:bold}

/*galerie publicitaire*/
.formatcol { float:left; width: 275px; padding: 0 0 0 20px;}
.formatcol img { float:left; margin-right:5px; border:1px solid #999; margin-bottom: 10px}
/* ------------------[ /CONTENT ]------------------ */

#content #maincontent a.pdf {text-decoration: none;}
a.pdf img {position: relative; top: 2px;}
#topimg {margin-top: 25px;}