html { height: 100.1%; }
html, body, p, ul, ol, li, dl, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; border: 0; }
@media screen {
body { padding-top:10px; background:#FFFFFF url(../images/background.jpg); color:#3b3b3b; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
}
@media print {
body { padding-top:10px; background:#FFFFFF; color:#3b3b3b; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
}
/* classes génériques */
h1 { padding-bottom:27px; padding-left:207px; font-size:30px; background:none; color:#587784; }
h2 { padding:12px 0; font-size:16px; color:#587784; }
h3 { padding:10px 0; font-size:14px; color:#587784; }
input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
p, dl { padding:6px 0; }
dt { font-weight: bold;}
dd { padding-left:20px; }
ol { list-style:decimal; margin-left:20px; }
ol li { padding-left:5px; padding-bottom:7px; line-height:14px; }
ul { margin-left:20px; list-style:square; }
ul li { padding-left:5px; padding-bottom:7px; line-height:14px; text-align: justify; }
a, a:link, a:visited { background-color:#FFFFFF; color:#3b3b3b; text-decoration:underline; }
a:hover, a:active { text-decoration:none; }
.cadre_vide { border:#587784 1px solid; }
.ligne { border-bottom:#587784 1px solid; }
/* Classes for main body text */
@media screen {
#env_accueil { margin: 0 auto; padding-top:125px; width:796px; background:url(../images/entete_accueil.jpg) no-repeat; }
#env_entreprise { margin: 0 auto; padding-top:125px; width:796px; background:url(../images/entete_entreprise.jpg) no-repeat; }
#env_services { margin: 0 auto; padding-top:125px; width:796px; background:url(../images/entete_services.jpg) no-repeat; }
#env_realisations { margin: 0 auto; padding-top:125px; width:796px; background:url(../images/entete_realisations.jpg) no-repeat; }
#env_temoignages { margin: 0 auto; padding-top:125px; width:796px; background:url(../images/entete_temoignages.jpg) no-repeat; }
#env_partenaires { margin: 0 auto; padding-top:125px; width:796px; background:url(../images/entete_partenaires.jpg) no-repeat; }
#env_contact { margin: 0 auto; padding-top:125px; width:796px; background:url(../images/entete_contact.jpg) no-repeat; }
#imp_entete { display:none; }
}
@media print {
#env_accueil { margin: 0 auto; width:796px;}
#env_entreprise { margin: 0 auto; width:796px; }
#env_services { margin: 0 auto; width:796px; }
#env_realisations { margin: 0 auto; width:796px; }
#env_temoignages { margin: 0 auto; width:796px; }
#env_partenaires { margin: 0 auto; width:796px; }
#env_contact { margin: 0 auto; width:796px; }
#imp_entete { width:796px; }
}
@media screen { #gauche { padding-left:21px; width:156px; background:url(../images/gauche.jpg) repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; }}
@media print { #gauche { padding-left:21px; width:156px; font-family:Verdana, Arial, Helvetica, sans-serif; }}
#accueil a, #accueil a:link, #accueil a:visited { display:block; margin-bottom:4px; padding-left:18px; background:url(../images/o_menu.jpg); line-height:28px; font-size:14px; color:#587784; text-decoration:none; }
#accueil a:hover, #accueil a:active, #accueil a.selected, #accueil a.selected:visited { background:url(../images/o_accueil.jpg) no-repeat; font-size:14px; text-decoration:none; }
#entreprise a, #entreprise a:link, #entreprise a:visited { display:block; margin-bottom:4px; padding-left:18px; background:url(../images/o_menu.jpg); line-height:28px; font-size:14px; color:#587784; text-decoration:none; }
#entreprise a:hover, #entreprise a:active, #entreprise a.selected, #entreprise a.selected:visited { background:url(../images/o_entreprise.jpg) no-repeat; font-size:14px; text-decoration:none; }
#services a, #services a:link, #services a:visited { display:block; margin-bottom:4px; padding-left:18px; background:url(../images/o_menu.jpg); line-height:28px; font-size:14px; color:#587784; text-decoration:none; }
#services a:hover, #services a:active, #services a.selected, #services a.selected:visited { background:url(../images/o_services.jpg) no-repeat; font-size:14px; text-decoration:none; }
#realisations a, #realisations a:link, #realisations a:visited { display:block; margin-bottom:4px; padding-left:18px; background:url(../images/o_menu.jpg); line-height:28px; font-size:14px; color:#587784; text-decoration:none; }
#realisations a:hover, #realisations a:active, #realisations a.selected, #realisations a.selected:visited { background:url(../images/o_realisations.jpg) no-repeat; font-size:14px; text-decoration:none; }
#temoignages a, #temoignages a:link, #temoignages a:visited { display:block; margin-bottom:4px; padding-left:18px; background:url(../images/o_menu.jpg); line-height:28px; font-size:14px; color:#587784; text-decoration:none; }
#temoignages a:hover, #temoignages a:active, #temoignages a.selected, #temoignages a.selected:visited { background:url(../images/o_temoignages.jpg) no-repeat; font-size:14px; text-decoration:none; }
#partenaires a, #partenaires a:link, #partenaires a:visited { display:block; margin-bottom:4px; padding-left:18px; background:url(../images/o_menu.jpg); line-height:28px; font-size:14px; color:#587784; text-decoration:none; }
#partenaires a:hover, #partenaires a:active, #partenaires a.selected, #partenaires a.selected:visited { background:url(../images/o_partenaires.jpg) no-repeat; font-size:14px; text-decoration:none; }
#contact a, #contact a:link, #contact a:visited { display:block; margin-bottom:4px; padding-left:18px; background:url(../images/o_menu.jpg); line-height:28px; font-size:14px; color:#587784; text-decoration:none; }
#contact a:hover, #contact a:active, #contact a.selected, #contact a.selected:visited { background:url(../images/o_contact.jpg) no-repeat; font-size:14px; text-decoration:none; }
#centre { padding-left:30px; width:519px; background-color:#FFFFFF; }
#centre p { text-align:justify; }
@media screen { #droit { width:70px; background:#FFFFFF url(../images/droit.gif) repeat-y; } }
@media print { #droit { width:70px; background:#FFFFFF; } }
@media screen {
#bas_de_page { margin: 0 auto; width:796px; }
#bas_de_page_print { display:none; } }
@media print {
#bas_de_page { display:none; }
#bas_de_page_print { width:796px; } }
#credits { margin: 0 auto; padding-top:12px; width:796px; font-size:10px; text-align:center; }
#credits a, #credits a:link, #credits a:visited { font-size:10px; text-decoration:underline; }
#credits a:hover, #credits a:active { text-decoration:none; }
/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 180px; }
#galleries { margin:0 auto 20px auto; }
#galleries label { padding-bottom: 2px; }
#galleryLinks a { color: white; text-decoration: none; }
#previews {
border-top: solid 1px #404040;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
padding: 10px 10px 20px 10px;
margin-bottom: 5px;
width: 85px;
float: left;
margin-right: 10px;
}
#thumbnails {
clear: both;
margin: 10px auto;
}
#thumbnails div {
position: relative;
width: 24px;
height: 24px;
float: left;
margin: 8px;
padding: 0;
float: left;
display:inline;
}
#thumbnails img {
width: 24px;
height: 24px;
position: absolute;
border-top: solid 1px #999;
border-right: solid 1px #404040;
border-bottom: solid 1px #333;
border-left: solid 1px #404040;
}
#picture {
padding: 0px;
width: 400px;
float: left;
}
#mainImageOutline {
margin: 0 auto;
padding: 0;
background-color: #c6e6f3;
border-top: solid 1px #999;
border-right: solid 1px #404040;
border-bottom: solid 1px #333;
border-left: solid 1px #404040;
padding: 1em;
overflow: hidden;
width: 0px;
height: 0px;
}
#mainImage {
width: 100%;
height: 100%;
}
#picture img { border: 1px solid #999; }
.selectedThumbnail { border: solid 2px #de767d !important; }
.inFocus { border: solid 1px #de767d !important; }
/* Spry Validation Widgets Demo*/
#MovieList{
height: 600px;
overflow: auto;
}
.bk {
background-color: #EEF0F7;
border: 1px dashed #47649D;
padding: 0;
margin: 0px;}
.txt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #587784;}
.txtbox {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
width:90px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;}
.button {
background-color: #587784;
border: 1px solid #CCCCCC;
padding: 0;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;}
fieldset {
border: 3px solid #fff;
margin: 0;
padding: 13;}