/*
Auteur: Christophe DUFOUR (Opus Idea)
Date : octobre 2010
*/

.box{
	width:330px;
	height:100px;
	background: #1BAD10;
	border: 1px solid #000;
	text-align: center;
	font-size: 14pt;
	font-family: Verdana;
	padding-top:22px;
}

/*LB*/
div#lb_top{
	margin-top:20px;
	width:175px
}

div#lb_top a, div#lb_top a:link{
	color:white
}

div#lb{
	border:1px #ccc solid;
	width:175px;
	border-left:0
}

div#lb img, div#lb_top img{
	border:none
}

div#lb ul, div#lb ul ul{
	list-style:none !important;
	list-style-image:none !important;
	margin:0 0 0 -36px !important; /*FF*/
	margin:0 0 0 4px
}

div#lb ul li{
	padding:2px 0 2px 8px
	font-size:7pt
}

div#lb ul ul li{
	padding:2px 0 2px 6px;
	font-size:7pt
}

div#accueil{
	background-color:#E40025;
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
	padding:4px;
	color:white
}

div#accueil img{
	border:none
}

div.lev1{
	background-color:#008000;
	padding:3px;
	text-align:center;
	font-weight:bold;
	color:white;
	font-size:8.5pt
}

div.lev2{
	background-color:#FCAA00;
	margin-bottom:10px;
	padding:3px;
	text-align:center;
	font-weight:bold;
	font-size:8.5pt
	}

div.lev3{
	background-color:#F7D358;
	margin-bottom:10px;
	padding:3px;
	text-align:center;
	font-weight:bold;
	font-size:8.5pt
	}

div.lev1 a.lk{
	text-decoration:underline;
	color:white
}



/*PLATEFORME */
div#header{
	height:100px;
	margin-top:10px
}

div#header div{
/*border:1px red solid*/
}

div.title{
	margin:0 50px 0 50px;
	padding-top:14px;
	width:350px;
	text-align:center;
	color:#000;
	font-size:15pt;
	float:left
}

div#suptitle{
	font-size:10pt;
	color:#222;
	margin:0 0 4px 24px;
	padding-left:110px
}

span.platform{
	/*font-weight:bold;*/
	color:#be0d26
}

div#intro {
	float:left;
	margin:67px 0 0 10px;
	padding-left:20px
}

div#intro a{
	color:#be0d26;
	display:block
}

div#schema, div#test{
	cursor:pointer;
	width:100px;
	height:70px;
	margin-left:690px !important; /*FF*/
	margin-left:690px; /*IE*/
}

div#schema{cursor:pointer}

div#schema_big{
	width:500px;
	height:365px; /* 361 + 4 de padding-top */
	background:#dcdcdc url('images/scheme_500.png') no-repeat;
	position:absolute;
	top:132px;
	left:420px;
	display:none;
	border:1px #666 solid;
	z-index:100;
	padding-top:4px
}

div#schema_big a{color:#000	}
div#schema_big a:hover{color:#fff	}

div#btClose{margin-left:470px;}
div#btClose a{
	font-weight:bold;
	border:1px #ccc solid;
	padding:4px;
	background-color:#be0c26;
	color:#e1e1e1
}
/* les boites du schéma */
div#b1, div#b2, div#b3, div#b4, div#b5, div#b6{
	width:128px;
	text-align:center;
	font-weight:bold;
	font-size:7.5pt;
	float:left
}
div#b1{margin:12px 0 0 186px;}
div#b1 a{color:#fff}
div#b2{margin:66px 0 0 35px;}
div#b3{
	margin:55px 0 0 25px;
	text-transform:uppercase;
}
div#b4{margin:72px 0 0 25px}
div#b5{margin:58px 0 0 105px;}
div#b6{margin:58px 0 0 35px;}
div#b7{
	width:290px;
	margin:80px 0 0 105px;
	font-weight:bold;
	text-align:center;
	font-size:7.5pt
}
.schemaEn{
	padding-top:4px !important;
	padding-top:4px
}
.schemaEn div#b2{margin:72px 0 0 35px !important}
.schemaEn div#b5{margin:68px 0 0 105px !important}
.schemaEn div#b6{margin:64px 0 0 35px !important}

div#contents{
	margin:0 auto;
	padding:12px 12px 2px 0
}
div#contents ul{
	list-style:none !important;
	list-style-image: none !important;
	padding:0;
	margin-top:4px
}
div#contents ul ul{list-style-image:none}
div#contents ul li{
	padding:4px 0;
	margin-left:0 !important; /*FF*/
	margin-left:-40px /*IE*/
}
div#contents p{margin:7px 0 7px 0}
div#contents a img{border:0}


ul.no_expand{
	list-style:none !important;
	list-style-image:none !important
}

div.summary ul{
	list-style:none !important;
	padding-left:10px
}

div.summary ol li, div.summary ul li{
	cursor:text !important;
	padding:2px !important
}

.clear{clear:both}

div.summary{display:none}

ol, ol li{
	list-style-image:none;
	padding-left:10px;
	font-family:Verdana, Sans-serif
}

.highlight{
	font-weight:bold;
	list-style-image:url(images/arrowTB_12.png);
	background-color:#fafafa;
	padding-left:10px !important;
	margin-top:12px
}

div.summary div.leftside{
	float:left;
	width:450px;
	margin-right:10px
}

div.rightside ul li{
	font-size: 8pt !important	
}

span.sommaire{
	font-size:10pt;
	font-weight:bold;
	display:block;
	padding-left:18px;
	color:#555
}

.em1{ /*classe d'emphase */font-weight:bold}

.home{
	background-color:#ccc !important;
	margin-bottom:8px;
	padding:4px !important
}
.home a{color:#be0c26 !important}

div.topSection{
	margin:22px 0 10px 0;
	width:740px;
	padding:0 1px 3px 0
}

div.sectionTitle{
	float:left;
	width:700px;
	color:#222;
	font-weight:bold;
	font-size:9.5pt
}

div.sectionTitle span.title_small{
	font-size:8pt;
	font-style:italic
}

div.sectionTitle span.subtitle{
	font-size:7pt;
	margin-left:40px
}

div.goTop2{
	float:left;
	height:16px !important;
	height:12px;
	margin-left:28px
}

div.goTop2 a{
	width:12px;
	height:20px !important;
	height:12px;
	display:block
}

div.docRes{
	float:left;
	width:450px;
	margin-right:10px
}

div.docRes p{margin-top:4px}

div.oneIcon {height:30px; margin-top:10px}

div.docDl{
	float:left;
	width:25px;
	padding-top:5px;
	height:60px;
	border-left:1px dashed #ddd;
	border-right:1px dashed #ddd;
	margin-top:20px
}
div.docDl img{margin-bottom:4px}

div.docSom{
	float:left;
	width:290px;
}
div.docSom ul{
	font-size:7pt;
	margin-top:4px;
	padding-left:10px !important
}
div.docSom li{
	padding:0 !important;
	font-size:7pt
}

div.docSom ul ul{
	margin:2px 0 4px 0 !important;
	margin:2px 0 4px 40px
}

div.docRes span, div.docSom span{
	display:block;
	font-style:italic;
	padding-left:5px
}

p.afterSection{margin-top:0 !important;}

/* sommaire général */
div#sommaire{
	border:1px #ccc solid;
	padding:10px;
	margin-bottom:5px;
	background-color:#f7f7f7;
	font-weight:bold; 
	color:#000
}
div#sommaire ul{
	list-style:none !important;
	list-style-image:none !important;
	margin:0 !important;
	margin-left:40px; /*IE */
	padding:0
}
div#sommaire ul ul li{
	margin-left:6px !important;
	margin-left:-34px;
	font-size:7.5pt;
	padding:4px !important
}
div#sommaire a{padding-right:20px}
div#sommaire ul a{color:#000}
div#sommaire ul ul a{color:#555}

div#sommaire  span.title_small{
	font-size:7pt;
	font-style:italic
}


ul.tight{
	margin-left:0 !important;
	margin-left:40px;
	padding-left:0;
}
ul.tight li{padding-top:0 !important}

img#imgLogo{float:left}

div#contents h2{
	margin:20px 0 0 0;
	font-size:12pt
}

.afterH2{margin-top:14px !important}
.baisse{padding-top:16px}
.retrait{display:block;margin-left:10px}
.retraitListe{
	margin-left:10px !important;
	margin-left:50px /*IE +40 */
}
img.renvoi{margin-left:10px}
div#contact{margin-top:40px}