/***************************************************
OpticByTel.com
Stylesheet
***************************************************/
body{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
background-color:#202060;
color:#ffffff;
margin:2.2em 1%;
padding:0;
overflow-x:hidden;
}

table{
margin-top:1em;
}

table, td{
border-collapse:collapse;
border:1px solid #a2c2e1;
padding:0.2em;
}

/***************************************************
General Page, elements outside the white area
***************************************************/

#page{
color:#000000;
background-color:#ffffff;
background-position: right top;
background-repeat:no-repeat;
border:3px solid #ffcc00
}

#moteur{
position:absolute;
right:4%;
top:2.9em;
text-align:right;
}

#moteurint label{
display:block;
text-align:left;
color:#202040;
background-color:#ffffff;
}

#moteur input.champs, #texte #moteurint input.champs{
color:#202040;
background-color:#ffffff;
border:1px solid #ffcc00;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
width:10em;
}

#moteur input.valid, #texte #moteurint input.valid{
border:1px solid #ffcc00; background-color:#ffcc00;
color:#ffffff;
cursor:pointer;
text-align:center;
}

#moteur input.valid:hover, #texte #moteurint input.valid:hover{
background-color:#ffcc00;
border:1px solid #ffcc00;
color:#ffffff;
}

#moteur input.valid:active, #texte #moteurint input.valid:active{
background-color:#ffcc00;
border:1px solid #ffcc00;
color:#ffffff;
}

#switcher{
margin:0;
padding:0;
}

#habillage label{
vertical-align:center;
margin-left:0.5em;
color:#ffffff;
background-color:transparent;
}

#habillage select{
background-color:#202040;
color:#ffffff;
}

#habillage input{
border:1px solid #ffffff;
color:#ffffff;
background-color:#202040;
}

#habillage input:hover{
color:#ffffff;
background-color:#404080;
cursor:pointer;
}

#obttop{
right:2%;
position:absolute;
top:0.2em;
text-align:right;
width:100%;
margin:0em;
padding:0em;
}

#obttop2{
right:35%;
position:absolute;
top:0.2em;
text-align:right;
width:100%;
margin:0em;
padding:0em;
}

/***************************************************
Text Area
***************************************************/

#texte{
color:#000;
background-color:#f5f8fc;
border:1px solid #69c;
line-height:150%;
margin:5em 5pt 2em 185pt;
padding:0 2% 3em 2%;
}

/*
AJOUT 20051125
Formatage tableau facture
*/

#texte .facture {
width: 100%;
}

#texte .facture table{
margin-top:1em;
}

#texte .facture table, td{
border-collapse:collapse;
border:1px dotted #a2c2e1;
/* text-align:right; */
padding:0.2em;
}

/* FIN D'AJOUT */


/*
AJOUT 20051118
Vignettes flottantes dans classe texte
*/

#texte .conteneur {
width: 100%;
}

#texte .flottante{
background-color: #ffffff;   /* Autre couleur possible : ffdd22*/
margin: 3px;
float: left;
border:1px dotted #69c;
color:#202040;
width: 210px;
text-align: center;
}

#texte .flottante a{
color:#f60;
background-color:transparent;
text-decoration:none;
}

#texte .flottante2{
background-color: #ffffff;   /* Autre couleur possible : ffdd22*/
margin: 3px;
float: left;
border:1px dotted #69c;
color:#202040;
width: 300px;
text-align: left;
}

#texte .flottante2 a{
color:#f60;
background-color:transparent;
text-decoration:none;
}

#texte .spacer{
clear: both;
}
/* FIN D'AJOUT */

#texte a[hreflang]:after {
content:"\0000a0[ attr(hreflang)";
}

#texte .abstract{
background-color:#fff;
border:1px dotted #69c;
color:#202040;
margin:0;
display:block;
padding-left:1em;
padding-right:1em;
padding-top:0em;
padding-bottom:0em
}

#texte .abstract em{
font-weight:700;
font-style:normal;
color:#690;
background-color:transparent;
}

#texte .abstract hr{
display:block;
clear:both;
visibility:hidden;
}

#texte .auteur{

margin:1em 0 0 0;
display:block;
}

#texte .auteur ul{
color:#000;
background-color:transparent;
margin:0 0 0 0.5em;
padding:0 1em;
border-left:1px solid #69c;
}

#texte .auteur li{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:80%;
border-bottom:1px solid #69c;
list-style:none;
color:#369;
background-color:transparent;
}

#texte .auteur li.dernier{
border-bottom:0px none;
}

#texte .auteur strong{
background-color:transparent;
color:#690;
}

#texte strong{
background-color:transparent;
color:#690;
}

#texte .auteur big{
background-color:transparent;
color:#f00;
font-weight:bolder;
font-size:130%;
}

#texte div.attention, #texte div.important, #texte div.note, #texte div.astuce{
color:#000;
background-color:transparent;
border:1px dotted #69c;
padding:1em;
}

#texte hr{
display:none;
}

#texte li{
list-style:disc;
}

#texte ul ul li{
list-style-type:circle;
}

#texte ol li{
list-style-type:decimal;
}

#texte h2, #texte h3, #texte .resultat dt{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#texte h2{
background-color:transparent;
color:#369;
font-size:130%;
}

#texte h3 code{
color:inherit;
background-color:transparent;
}

#texte h3, #texte .resultat dt{
background-color:transparent;
color:#69c;
font-size:small;
margin:2em 0 0 0;
line-height:110%;
}

#texte h4{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
color:#69c;
font-weight:700;
font-size:small;
border-bottom:1px dotted #a1c2e1;
}

#texte h5{
color:#69c;
background-color:transparent;
font-weight:500;
font-size:small;
}

#texte a{
color:#f60;
background-color:transparent;
}

#texte a:hover{
color:#369;
background-color:transparent;
text-decoration:none;
}

#texte a:visited{
color:#369;
background-color:transparent;
}

/***************************************************
Logo and Menus
***************************************************/

#logo{
left:3%;
position:absolute;
top:3em;
overflow:hidden;
}

#logo img{
border:0px none;
}

#langue1{
left:20px;
position:absolute;
top:0.2em;
overflow:hidden;
}

#langue1 img{
border:0px none;
}

#langue2{
left:50px;
position:absolute;
top:0.2em;
overflow:hidden;
}

#langue2 img{
border:0px none;
}

#order{
right:5.5%;
position:absolute;
top:8.4em;
overflow:hidden;
}

#order img{
border:0px none;
}

#top_message{
left:80px;
position:absolute;
top:0.1em;
overflow:hidden;
}

#top_message h1{
 font-size:8pt;
 color:#ffffff;
}

#top_img1{
left:185pt;
position:absolute;
top:2.7em;
overflow:hidden;
padding:0 2% 0 1%;
}

#top_img1 img{
border:0px none;
}


#sectionmenus{
left:15pt;
position:absolute;
top:7.4em;
width:170pt;
overflow:hidden;
}

#accueil{
margin-bottom:1em;
/*width:150pt;*/
}

#accueil ul{
border-left:1px solid #d6e1ec;
border-right:1px solid #d6e1ec;
border-top:1px solid #d6e1ec;
border-bottom:0px solid #d6e1ec;
padding:0;
margin:0;
}

#accueil li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

#accueil a{
display:block;
text-decoration:none;
color:#369;
background-color:#fff;
padding-left:1em;
}

#accueil a:hover{
background-color:#ffcc00;
color:#036;
}

#techno{
color:#202040;
background-color:#fff;
}

#techno h2{
border-color:#ffcc00;
border-style:solid;
border-width:0px 0px 2px 0px;
font-size:10pt;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#techno ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

#techno li, #ressources li{
display:inline;
list-style:none;
}

#techno img{
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#techno a{
font-size:8pt;
color:#202040;
background-color:transparent;
display:block;
margin-left:-3.5em;
padding-left:0em;
text-decoration:none;
}

#techno a:hover{
background-color:#ffcc00;
color:#202040;
}

#ressources{
color:#202040;
background-color:#ffffff;
margin:0;
padding:0;
}

#ressources h2{
border-bottom:2px #ffcc00 solid;
font-size:10pt;
margin-bottom:-1em;
padding-left:0em;
text-transform:uppercase;
}


#ressources a{
color:#202040;
background-color:transparent;
display:block;
font-size:8pt;
margin-left:-3.5em;
padding-left:0em;
text-decoration:none;
}

#ressources a:hover{
color:#202040;
background-color:#ffcc00;
}

#ours{
color:#202040;
background-color:transparent;
margin:0 3% 0 3%%;
padding:0 0 1em 0;
}


#ours a{
background-color:transparent;
color:#f60;
}

#ours a:hover{
background-color:#eff4fa;
color:#369;
text-decoration:none;
}