/* CSS Document */


body{ 
margin: 0px;
padding: 0px;
color:#FFFFFF;
background-color:#0093D0;
background-image:url(../img/fond.jpg);
background-repeat:repeat-x;
background-attachment: fixed;
font: 13px Verdana, Arial, Helvetica, sans-serif;
} 

* {
margin:0;
padding:0;
}

#contain {
position:relative;
margin:auto;
width:1001px;
height:auto;
background-color:#FFFFFF;
border-top:20px solid #0093D0;
border-left:1px solid #0093D0;
border-right:1px solid #0093D0;
}

#logoline {
position:relative;
width:386px;
height:118px;
background-image:url(../img/logo.jpg);
background-position:left;
background-repeat:no-repeat;
}
#droitelogo {
float:right;
width:583px;
height:118px;
}
/* tablo */
table.top th {
background-color:#c4c4c4;
width:5px;
height:118px;
}
table.top th.dix {
background-color:#fff;
width:10px;
height:118px;
}
table.top td {
background-color:#fff;
width:170px;
height:118px;
color:#103D63;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
a.beleu, a.beleu:link, a.beleu:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0093D0;
font-weight:bold;
text-decoration:underline;
}

a.beleu:active, a.beleu:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0181B6;
font-weight:bold;
text-decoration:underline;
}
a.bloo, a.bloo:link, a.bloo:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0093D0;
font-weight:bold;
/*text-decoration:underline;*/
}

a.bloo:active, a.bloo:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0181B6;
font-weight:bold;
text-decoration:underline;
}
img.vid {margin:5px;}
h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#103D63;
font-weight:bold;
font-size:13px;
}
/* fin tablo */

#smenu {
position:relative;
margin-top:10px;
width:230px;
height:auto;
left:10px;
text-align:left;
}
#modulo {
float:right;
margin-top:10px;
width:729px;
height:auto;
}
#slogan_fr {
position:relative;
width:729px;
height:254px;
background-image:url(../img/slogan_fr.jpg);
background-repeat:no-repeat;
}
#slogan_en {
position:relative;
width:729px;
height:254px;
background-image:url(../img/slogan_en.jpg);
background-repeat:no-repeat;
}
#langue {
position:absolute;
width:200px;
height:20px;
left:10px;
top:40px;
visibility:hidden;
}
#espace {
position:relative;
width:230px;
height:50px;
}
#zonemenubarre{
position:relative;
width:222px;
margin-top:10px;
height:auto;
border-bottom:1px solid #b5c3cf;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#103D63;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:left;
}
#zonemenubarre:hover {
position:relative;
width:222px;
margin-top:10px;
height:auto;
border-bottom:1px solid #b5c3cf;
background-color:#D1DCE5;
text-align:left;
}
#zonemenu{
position:relative;
width:222px;
margin-top:10px;
height:auto;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#103D63;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:left;
}
#zonemenu:hover {
position:relative;
width:222px;
margin-top:10px;
height:auto;
background-color:#D1DCE5;
text-align:left;
}
a.menu, a.menu:link, a.menu:visited {
font-family:Arial, Helvetica, sans-serif;
color:#103D63;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:left;
}
a.menu:active, a.menu:hover {
font-family:Arial, Helvetica, sans-serif;
color:#2168A4;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:left;
}
#zonemenubarre2{
position:relative;
width:230px;
margin-top:10px;
height:20px;
border-bottom:1px solid #b5c3cf;
text-align:left;
}


#barrebas {
position:relative;
margin-top:10px;
width:1001px;
height:70px;
background-image:url(../img/bgbas.jpg);
background-repeat:repeat-x;
}
#logobas {
position:absolute;
background-image:url(../img/logobas.jpg);
background-position:left;
background-repeat:no-repeat;
width:960px;
height:47px;
left:20px;
top:15px;

text-align:center;
}
#logobas p{
padding-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
}
.orange {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF8400;
font-size:10px;
font-weight:bold;
}


#nouvelles {
width:230px;
height:auto;
position:relative;
margin-top:10px;
margin-bottom:10px;
color:#6E6E6E;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}
span.normalbleu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0093D0;
font-weight:bold;
}

a.orang, a.orang:link, a.orang:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF8400;
font-weight:bold;
text-decoration:underline;
}

a.orang:active, a.orang:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CDA375;
font-weight:bold;
text-decoration:underline;
}
a.belanc, a.belanc:link, a.belanc:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
font-weight:bold;
text-decoration:underline;
}

a.belanc:active, a.belanc:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#AAA;
font-weight:bold;
text-decoration:underline;
}
#carrebleu {
position:relative;
width:230px;
height:256px;
background-image:url(../img/carrebleu.jpg);
background-repeat:no-repeat;
margin-top:15px;
}
#tvpub {
width:130px;
height:104px;
position:absolute;
left:85px;
top:25px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#tvpub2 {
width:130px;
height:104px;
position:absolute;
left:85px;
top:140px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#contenu {
width:729px;
position:relative;
height:auto;
border-left:1px solid #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#103D63;
text-align:left;
}
/* modulo */
#module-dormir{
position:absolute;
left:0px;
top:0px;
width:242px;
height:144px;
background-color:#919191;
border:1px solid #6a6a6a;
}
.mod-dormir{
position:relative;
width:240px;
height:61px;
background-image:url(../img/mod-dormir.jpg);
border:1px solid #fff;
}
#module-produits {
position:absolute;
left:244px;
top:0px;
width:240px;
margin-left:1px;
margin-right:1px;
height:144px;
background-color:#919191;
border:1px solid #6a6a6a;
}
.mod-produits{
position:relative;
width:238px;
height:61px;
background-image:url(../img/mod-prod.jpg);
border:1px solid #fff;
}
#module-lettre {
position:absolute;
left:488px;
top:0px;
width:239px;
height:144px;
background-color:#919191;
border:1px solid #6a6a6a;
background-image:url(../img/enveloppe.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#moduloo{
position:relative;
width:729px;
height:144px;
margin-bottom:20px;
}
#module-dormir p, #module-lettre p, #module-produits p{
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-left:10px;
margin-right:10px;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#fff;
margin-left:10px;
margin-right:10px;
}
input.police, select.police {
font-family: Arial,Verdana,Helvetica;
font-size: 11px;
color:#103D63 ;
font-weight:bold;
background-color:#66CCFF;
background-image:url(../img/boutongo.jpg);
border-top: 1 solid #103D63;
border-left:1 solid #103D63;
border-bottom:1 solid #103D63;
border-right:1 solid #103D63;
cursor:hand;
}
#module-steto {
position:relative;
width:688px;
height:194px;
left:20px;
background-image:url(../img/steto.jpg);
background-position:right;
background-repeat:no-repeat;
border-top:2px solid #d8d8d8;
}
.steto1 {
position:absolute;
width:220px;
height:170px;
left:65px;
top:15px;
color:#103D63;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.steto2 {
position:absolute;
width:180px;
height:170px;
left:490px;
top:15px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.steto3 {
position:absolute;
width:170px;
height:30px;
left:360px;
top:15px;
color:#CA0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
h4 {
color:#FF8400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
#module-fin {
position:relative;
width:688px;
height:auto;
left:20px;
margin-bottom:10px;
}
.mfin {
float:right;
width:500px;
left:185px;
color:#7D7D7D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
top:0px;
}
h8 {
color:#FF8400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
h6 {
color:#FF8400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
p.blou {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#103D63;
text-align:left;
}
.line {
width:570px;
text-align:center;
margin-top:10px;
border-top:1px solid #103D63;
}
li {
list-style-position:outside;
padding-left:5px;
margin-left:25px;
}
td.left {
text-align:left;
}
table {
border-color:#006699;
}
hr {
background-color:#0099CC;
border-color:#0099CC;
color:#0099CC;
height:1px;
}
a.textnone, a.textnone:link, a.textnone:visited, a.textnone:active, a.textnone:hover {
text-decoration:none;
border:none;
cursor:pointer;
color:#fff;
}
ul li.partner {
list-style-image:url(../img/fleche2.jpg);
margin-bottom:5px;
}