@CHARSET "UTF-8";

/* DEBUT GENERAL */
body {
	background:#eaeaea url("/images/bg_body.jpg") repeat-x top;
	color: #575757;
}
#page {
	width: 912px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
#logo {
	width: 250px;
	height: 41px;
	margin-left: 28px;
	margin-top: 30px;
	padding-bottom: 30px;
}
#logo a {
	background: url("/images/logo.png") top left no-repeat;
	width: 271px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
#container {
	-moz-box-shadow: 0 0 4px #333;
	-webkit-box-shadow: 0 0 4px #333;
	box-shadow: 0 0 4px #333;
	width: 900px;
	margin: 4px auto 50px;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; 
}
#content {
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	background-color: #fff;
	min-height: 300px;
	width: 898px;
	margin: 0 auto;
	position: relative;
}
:root #content {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

/* FIN GENERAL */



/* DEBUT MENU */
#nav {
	height: 40px;
	width: 900px;
	margin: 0 auto;
	background: url("/images/bg_nav_l.png") no-repeat top left;
}
#nav2 {
	height: 40px;
	width: 900px;
	background: url("/images/bg_nav_r.png") no-repeat top right;
}
#nav3 {
	height: 40px;
	width: 888px;
	margin: 0 6px 0 6px;
	background: url("/images/bg_nav.jpg") repeat-y top left;
	border-top: 1px solid #fff;
}
#nav ul {
	float: left;
	height: 40px;
	list-style: none;
	margin-left: -6px;
}
#nav ul li {
	float: left;
	height: 40px;
}
#nav ul li a.current {
	background-color: #f7f7f7;
	color: #CD0000;
	height: 40px;
	background-image: none;
}
/*:root #nav ul li a.current, :root #nav ul li a:hover {
	border-top: 1px solid #FFF;
}*/
#nav ul li a {
	display: block;
	height: 40px;
	line-height: 3em;
	font-size: 13px;
	color: #FFF;
	padding: 0 15px;
	text-decoration: none;
	outline: none;
}
#nav ul li a:hover {
	background: url("/images/bg_nav_hover_.jpg") top left repeat-x;
	color: #fff;
	height: 39px;
}
#nav ul .home_button .current {
	background: url("/images/bg_nav_hover.png") top left no-repeat;
	border: none;
	height: 40px;
}
#nav ul .home_button a:hover {
	background: url("/images/bg_nav_hover.png") top left no-repeat;
	border: none;
	height: 40px;
}
:root #nav ul .home_button .current {
	background: url("/images/bg_nav_hover_root.png") top left no-repeat;
	border: none;
	height: 40px;
}
:root #nav ul .home_button a:hover {
	background: url("/images/bg_nav_hover_root_.png") top left no-repeat;
	height: 39px;
	border-top: none
}
	
/* FIN MENU */


/* DEBUT SOUS-MENU */
#subnav {
	height: 35px;
	background: #f7f7f7;
	width: 898px;
	margin: 0 auto;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}
:root #subnav {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#subnav ul {
	float: left;
	height: 35px;
	list-style: none;
	font-size: 12px;
}
#subnav ul li {
	float: left;
	height: 35px;
}
#subnav ul li a {
	display: block;
	padding: 0 15px;
	height: 35px;
	text-decoration: none;
	line-height: 3em;
	color: #666
}
#subnav ul li a:hover {
	background: url(/images/bg_nav_hover_.jpg) repeat-x;
	color:#fff;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}
/* FIN SOUS-MENU */

/* DEBUT FOOTER */

#hosted {
	position: relative;	
	top: -60px; 
	left: 5px;
}

#footer {
	height: 100px;
	width: 900px;
	margin: 0 auto;
	background: url("/images/bg_footer_l.png") top left no-repeat;
	font-size: 11px;
	line-height: 1em;
	position: relative;
}
#footer p {
	padding-top: 18px;
	padding-left: 10px;
	float: left;
	color: #969696;
}
#footer a#bso {
	display: block;
	height: 33px;
	width: 163px;
	background: url("/images/bsonetwork.png") no-repeat top left;
	position: absolute;
	top: 50px;
	right: 190px;
	text-indent: -9999px;
	outline: none;
}
#footer a#carinae {
	display: block;
	height: 33px;
	width: 160px;
	background: url("/images/carinaegroup.png") no-repeat top left;
	position: absolute;
	top: 50px;
	right: 30px;
	text-indent: -9999px;
	outline: none;
}
#footer2 {
	height: 100px;
	width: 900px;
	margin: 0 auto;
	background: url("/images/bg_footer_r.png") top right no-repeat;
}
#footer3 {
	height: 100px;
	width: 884px;
	margin: 0 auto;
	background: url("/images/bg_footer.jpg") top left repeat-x;
}
:root #footer {
	background: url("/images/bg_footer_l_root.png") top left no-repeat;
}
:root #footer2 {
	background: url("/images/bg_footer_r_root.png") top right no-repeat;
}
:root #footer3 {
	background: url("/images/bg_footer_root.jpg") top left repeat-x;
}
/* FIN FOOTER */


/* DEBUT READON */
.readon
{
	display:inline-block;
	margin-left:5px;
	height:25px;
	background:url(/images/readon_r.png) no-repeat 100% 0;
	outline:none;
	text-decoration:none;
}
.readon span
{
	background:url(/images/readon_l.png) no-repeat scroll 0 0;
	color:#FFF;
	height:24px;
	border:0 none;
	cursor:pointer;
	display:inline-block;
	margin-left:-5px;
	padding:1px 15px 0 14px;
	font-size:12px;
	outline:none;
	line-height: 1.9em;
}
.readon:hover span
{
	background-position:0 -25px;
}
.readon:hover
{
	background-position:100% -25px;
}
.arrondi .readon
{
	background-image:url(/images/readon_r.jpg);
}
.arrondi .readon span
{
	background-image:url(/images/readon_l.jpg);
}
/* FIN READON */

#top_home {
	height: 300px;
	background: #ececec url(/images/top_home_2.jpg) no-repeat;
}

/* DEBUT BLOCS */
.principal_content {
	width: 870px;
	margin: 0 auto;
	padding: 20px 0;
}
.grid1, .grid2, .grid2half, .grid3, .grid3half, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10 {
	float: left;
}
.grid1 {
	width: 87px;
}
.grid2 {
	width: 174px;
}
.grid2half {
	width: 217px;
}
.grid3 {
	width: 261px;
}
.grid3half {
	width: 290px;
}
.grid4 {
	width: 348px;
}
.grid5 {
	width: 435px;
}
.grid6 {
	width: 522px;
}
.grid7 {
	width: 609px;
}
.grid8 {
	width: 696px;
}
.grid9 {
	width: 783px;
}
.grid10 {
	width: 870px;
}
.arrondi {
	background: #f7f7f7;
	margin: 0 10px 30px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #CCC;
	padding: 15px;
}
.bloc {
	margin: 0 10px 30px 10px;
	padding: 15px;
}
.greyroundies {
	background-color: #f7f7f7;
	margin: 0 10px 30px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #C0C0C0;
	padding: 15px;
}

/* BANDEAU ITW 2012 */

#ITW_2012 {
	float: left;
	position: relative;
}

#pic-link {
	width: 83px;
	height: 83px;
	float: left;
	position: relative;
	text-indent: -9999px;
	background: url("/images/ITW_2012.jpg");
	left: 50px;
	top: 50px;
}

#title {
	position: relative;
	float: left;
	left: 68px;
	top: 44px;
	color: #fff;
	border-bottom: 1px solid #c0c0c0;
	width: 290px;
	padding-bottom: 5px;
}

#title2 {
	position: relative;
	float: left;
	left: -220px;
	top: 100px;
	color: #fff;
	font-size: 13px;
	line-height: 1.2em;
}

#title strong {
	font-size: 20px;
	line-height: 1.2em;
}

#title strong span {
	font-size: 16px	
}

#title3 {
	position: absolute;
	margin-left: 36px;
	margin-top: 154px;
	color: #575757;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	width: 200px;
	height: 100px;
	padding-top: 13px;
}

#title3 p a {
	text-decoration: none;
	color: #575757;
    -moz-transition-property: color;
	-moz-transition-duration: 250ms;
	-webkit-transition-property: color;
	-webkit-transition-duration: 250ms;
}

#title3 p a:hover {
	color: #E50000;
}

#title4 {
	position: absolute;
	margin-left: 246px;
	margin-top: 154px;
	color: #911417;
	font-size: 13px;
	line-height: 1.2em;
	text-align: center;
	width: 200px;
	height: 100px;
	padding-top: 13px;
}

#title4 strong {
	text-shadow: 1px 1px 0px #FFE09B;
	filter: dropshadow(color=#FFE09B, offx=1, offy=1);
}

#title4 p {
	color: #575757;
	padding-top: 18px;
	margin-left:5px;
	font-size: 12px;
	line-height: 1.3em;
}

#title4 p a {
	color: #E50000;
}

#transition a{
	-webkit-transition-property: color;
	-webkit-transition-duration: 250ms;
	
	-moz-transition-property: color;
	-moz-transition-duration: 250ms;
}

#transition a:hover {
	color:#911417;
}