@charset "utf-8";
/* CSS Document */
html, body{height: 100%;}

body{
	margin : 0;
	font-family: regularDin;
	}
	
@font-face {
    font-family: regularDin;
    src: url(../fontes/DINRg__.ttf);
}

@font-face {
    font-family: boldDin;
    src: url(../fontes/DINBdA_.ttf);
	font-weight:bold;
}

#wrapper{ width:100%; height:100%; background-image:url(../images/fond-internal.jpg); background-repeat: no-repeat; background-position: top right;}
#wrapperHome{ width:1024px; height:700px; background-image:url(../images/fond.jpg); background-repeat: no-repeat; margin: 0px auto;}
#wrapperCompare{ width:100%; height:100%; background-image:url(../images/fond-internal.jpg); background-repeat: no-repeat; background-position: top right;}
/*gestion du menu*/
#nav {height:52px; color:#FFF; font-size:16px; width:100%; background-color:#fff; font-weight: 600;}
.btmain{background-color:#fff; width:185px; height:50px; text-align:center; float:left; padding-top:5px; border-right: solid 1px #FFF; border-right-style: dashed;}

.btmain1 a{
	background: #76d9ec; /* Old browsers */
background: -moz-linear-gradient(left, #76d9ec 0%, #26bee5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #76d9ec 0%,#26bee5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #76d9ec 0%,#26bee5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76d9ec', endColorstr='#26bee5',GradientType=1 ); /* IE6-9 */
width:20%; height:52px; text-align:center; float:left; padding-top:5px; cursor: pointer; color:#000; text-decoration:none; vertical-align: top;}

.btmain2 a{
background: #cce085; /* Old browsers */
background: -moz-linear-gradient(left, #cce085 1%, #b3e175 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #cce085 1%,#b3e175 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #cce085 1%,#b3e175 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce085', endColorstr='#b3e175',GradientType=1 ); /* IE6-9 */
width:20%; height:52px; text-align:center; float:left; padding-top:5px; cursor: pointer; color:#000; text-decoration:none; vertical-align: top;}

.btmain3 a{
	background: #11b5d0; /* Old browsers */
background: -moz-linear-gradient(left, #11b5d0 0%, #12a6ce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #11b5d0 0%,#12a6ce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #11b5d0 0%,#12a6ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11b5d0', endColorstr='#12a6ce',GradientType=1 ); /* IE6-9 */
width:20%; height:42px; text-align:center; float:left; padding-top:15px; cursor: pointer; color:#000; text-decoration:none; vertical-align: top;}


.btmain4 a{
	background: #cfd335; /* Old browsers */
background: -moz-linear-gradient(left, #cfd335 0%, #81cc48 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #cfd335 0%,#81cc48 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #cfd335 0%,#81cc48 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd335', endColorstr='#81cc48',GradientType=1 ); /* IE6-9 */
width:20%; height:42px; text-align:center; float:left; padding-top:15px; cursor: pointer; color:#000; text-decoration:none; vertical-align: top;}

.btmain5 a{
	background: #ffdb0c; /* Old browsers */
background: -moz-linear-gradient(left, #ffdb0c 1%, #f4ac14 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffdb0c 1%,#f4ac14 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffdb0c 1%,#f4ac14 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb0c', endColorstr='#f4ac14',GradientType=1 ); /* IE6-9 */
width:20%; height:42px; text-align:center; float:left; padding-top:15px; cursor: pointer; color:#000; text-decoration:none; vertical-align: top;}


.mainSelected{background-color:#000; width:20%; height:52px; text-align:center; float:left; padding-top:5px; cursor: pointer; color:#fff;}
.mainSelected5{background-color:#000; width:20%; height:42px; text-align:center; float:left; padding-top:15px; cursor: pointer; color:#fff;}

.leftGap{background-color:#00467F; width:93px; height:52px; text-align:center; float:left; padding-top:5px; border-right: solid 1px #FFF; border-right-style: dashed;}
.btlangue{background-color:#333333; width:54px; height:40px; text-align:center; float:left; padding-top:15px;}
.btlangue a{background-color:#333333; width:54px; height:44px; text-align:center; float:left; padding-top:0px; cursor: pointer; color:#FFF; text-decoration:none;}
.btlangue a:hover{background-color:#595959; cursor: pointer; color:#FFF; text-decoration:none; margin-top:-15px; padding-top:15px;}



/*gestion look des titres et textes*/
.title{
	padding-top: 140px;
}
.ligne1title{color:#fff; font-size:19px;}
.ligne2title{color:#fff; font-size:21px; font-family:boldDin;  text-transform:uppercase;}
.textCompare{font-size:18px !important;}
.barreBleue{ background-color:#00467F; height:8px; width:553px; margin:20px 0px 0px 0px;}
#content{margin:20px 0px 0px 15px; font-size:20px;}
#contentAll{margin:50px 0px 0px 10px; font-size:12px; overflow:auto; height:75%;}
#contentCompare{margin:10px 0px 0px 20px; font-size:12px; overflow:auto; height:60%;}
#contentref{margin:50px 0px 0px 68px; font-size:14px; margin-right:30px;}
.compareBt{margin: 8px 0px 0px 0px;}
.sepBTcompare{margin-right: 15px;}
.btstart{margin:0px auto; padding:400px 0px 0px 640px;}
.refgauche{ margin:10px 0px 0px 0px; float:left; font-size:12px; width:500px;}
.refDroit{ margin:10px 0px 0px 0px; float:left; font-size:12px; margin-left:160px;}
.blue{color:#00467F;}

sup { vertical-align: top; font-size: 0.7em; }

.fixeToptable{
    position:fixed;
    padding:5px;
    background-color:#000;
    color:#fff;
	width:100%;
}
table, tr, td {border: 1px solid #999; border-collapse: collapse; padding:5px;  background-color:#FFF;}
td{vertical-align: top;}

.tdWidth{min-width: 130px;}
.tdWidth2{width: 30%;}

.divsep{height:5px;}

.subNavCompare{float:left; fond-size:0.8em; display:inline-block;  padding-right: 20px; margin-left:20px; cursor: pointer; color: #000;  border-right:solid; border-right-color: #000; font-family: regularDin;}
.placeSubNavCompare{padding:10px 1% 10px 1%; width: 98%; background-color: #d0dae5; opacity: 0.9; margin-bottom:10px;}

.BandeTitle{background-color: #426b97; width: 98%; padding:10px 1% 10px 1%; opacity: 0.9; margin-top:30px;}