/* Page */
html {
font-size: 100%; /* pour éviter un bug de redimensionnement du texte dans Internet Explorer. */
}
body {
margin: 0 0 0 0;
padding: 10px 20px; /* Par défaut, les navigateurs ont un padding (ou, pour certains, un
margin) de 6px pour l'élément BODY. */
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
font-size: .8em;
line-height: 1.25;
color: black;
background: white;
}
strong {
font-weight: bold;
}
#global {
width: 1082px; /* -> 3 */
margin-right: auto;
margin-left: auto;
text-align: left;
}
/* En-tête */
#entete {
position: relative;
height :200px;
}
#entete h1 {
margin: 0;
font-size:30px;
}
#entete h1 img {
float: left;
margin: 7px 20px 10px 0;
border:none;
}
#entete .sous-titre {
float: left;
margin: 4px 0 15px 0;
font-size:25px;
}
#entete .image {
float: right;
margin: 4px 0 15px 0;
font-size:25px;
}
#entete2 {
padding: 0 0 0 0;
}
#entete2 h1 {
margin: 0;
font-size:30px;
}
#entete2 h1 img {
float: left;
margin: 7px 20px 10px 0;
border:0;
}
#entete2 .sous-titre {
float: left;
margin: 4px 0 15px 0;
font-size:25px;
}
#entete2 .image {
float: right;
margin: 4px 0 15px 0;
font-size:25px;
}
#entete2 h2 img {
float: right;
margin: 7px 20px 10px 0;
}
/* Bloc central contenant #navigation et #contenu */
#centre {
background: url(../icones/fond.png) repeat-y; /* Permet d'avoir les deux commonnes de même hauteur */
width: 100%; /* Le overflow:hidden crée un contexte de formatage qui vient contenir les
flottants. Le width:100% a le même rôle, mais uniquement pour Internet
Explorer 6 (utilisation du HasLayout) */
overflow: hidden; /*cf ci-dessus */
top: 180px;
}
/* Menu de navigation */
#navigation {
width: 180px;
float: left;
color: #990000;
}
#navigation ul {
margin: 0;
padding: 20px 10px 20px 10px;
list-style: none;
}
#navigation a {
display: block;
height: 1%; /* Correction d'un bug d'Internet Explorer 6 */
padding: 6px 10px 6px 10px;
line-height: 1.5;
font-size: 1.3em;
color: #990000;
text-decoration: none;
}
#navigation a:hover {
text-decoration: underline;
}
/* Contenu principal */
#contenu {
margin-left:180px;
/* Les éléments flottants ne repoussent pas les blocs, mais repoussent
uniquement leur contenu. Pour que notre bloc de contenu principal forme
une colonne distincte du menu, on lui donne donc une marge à gauche de
200px (180 + 20) .*/
}
#contenu h1{
color:#464445;
font-family: Century Gothic;
font-size: 25px;
line-height: 26px;
padding: 20px 10px 20px 10px;
text-decoration: none;
}
#contenu h2{
color:black;
font-family: Century Gothic;
font-size: 17px;
line-height: 18px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
}
#contenu a {
color: #990000;
}
#contenu a:hover {
text-decoration: underline;
}
#contenu strong {
color: #181A12;
}
#contenu p, #contenu li {
line-height: 1.0;
color:black;
}
#contenu p {
font-size:18px;
padding-left: 10px;
padding-right: 10px;
}
/* Spécifique aux Pages Services Réalisations et Références ??? */
#left_up {
float: left;
width: 400px;
margin-top: 10px;
margin-right:20px;
margin-bottom :0;
}
#right_up {
float: left;
width: 400px;
margin-top: 10px;
margin-bottom :0;
}
#left_down {
float: left;
width: 400px;
margin-top: 10px;
margin-right:20px;
margin-bottom :0;
}
#right_down {
float: left;
width: 400px;
margin-top: 10px;
margin-bottom :0;
}
#left_up ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#left_up li {
height: 25px;
text-align:center;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
list-style: square;
}
#left_up h1 {
font-size:25px;
color :black;
}
#left_up h2 {
font-size:20px;
color :black;
text-decoration: none;
margin-bottom :0;
}
#left_up h3 {
font-size:18px;
color :black;
}
#right_up ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#right_up li {
height: 25px;
text-align:center;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
list-style: square;
}
#right_up h1 {
font-size:25px;
color :black;
}
#right_up h2 {
font-size:20px;
color :black;
margin-bottom :0;
}
#right_up h3 {
font-size:18px;
color :black;
}
#left_down h1 {
font-size:25px;
color :black;
}
#left_down h2 {
font-size:20px;
color :black;
text-decoration: none;
}
#left_down h3 {
font-size:18px;
color :black;
}
#right_down h1 {
font-size:25px;
color :black;
}
#right_down h2 {
font-size:20px;
color :black;
text-decoration: none;
}
#right_down h3 {
font-size:18px;
color :black;
}
/* Spécifique à la Page Services */
#diapo {
clear:both; /* Evite le chevauchement sur Firefox et Safari */
width: 300px;
height:300px;
margin-left:auto;
margin-right:auto;
margin-bottom :10px;
}
#diapo table {
border:0;
}
#diapo img {
}
#defilement {
margin-top:120px;
color: #000000;
}
/* Spécifique à la Page Contact */
#Contact {
width:500px;
margin-left:auto;
margin-right:auto;
}
#Contact p {
color:black;
font-size: 15px;
}
#Contact h1 {
text-align:center;
color:black;
font-size: 20px;
}
#Contact table {
text-align:center;
color:black;
font-size: 20px;
}
#Contact p {
text-align:center;
color:black;
font-size: 20px;
}
#flashcontent {
height: 100%;
width:80%;
margin-left:auto;
margin-right:auto;
}
/* end hide */
#footer {
clear:both;
margin: 0 0 0 0;
font-size: 1em;
text-align: left;
color: #990000;
}
#menu_bas {
float: left;
}
#menu_bas dt {
cursor: pointer;
text-align: center;
font-weight: normal;
}
#menu_bas dl {
float: left;
width: 100px;
line-height: 25px;
vertical-align: middle;
}
#menu_bas a {
color: #990000;
text-decoration: none;
}
#menu_bas a:hover {
text-decoration: underline;
}
#copyright {
float: right;
margin: 0 0 0 0;
font-size: 1em;
text-align: right;
color:black;
}
#copyright a {
color: #990000;
text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
text-decoration: underline;
}
.blancgras { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; text-decoration: none}
.blanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none}
.rougegras { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #990000; font-weight: bold;text-decoration: none}
.rougegrasgros { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; font-weight: bold;text-decoration: none}
.cadregris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #990000; font-weight: bold; text-decoration: none}
/* Spécifique à la Page index */
#conteneur_box {
float:left;
top: 215px;
width: 100%;
margin-top: 10px;
margin-right:20px;
}
#Box1 {
background-image: url(../../librairie/icones/Det_Services.jpg);
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box2 {
float:left;
background-image: url(../../librairie/icones/boite_2.png);
background-color: #e04300;
color:blue;
line-height: 115px; /* Centrage vertical (même valeur que la hauteur du bloc) */
text-align: center; /* Centrage horizontal du texte */
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box2 h3{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
}
#Box2 a{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-decoration:none;
}
#Box3 {
background-image: url(../../librairie/icones/boite_grise.png);
background-color: #edefee;
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box4 {
background-image: url(../../librairie/icones/boite_grise.png);
background-color: #edefee;
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box5 {
background-image: url(../../librairie/icones/Det_Real.jpg);
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box6 {
float:left;
background-image: url(../../librairie/icones/boite_6.png);
background-color: #e04300;
color:blue;
line-height: 115px; /* Centrage vertical (même valeur que la hauteur du bloc) */
text-align: center; /* Centrage horizontal du texte */
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box6 h3{
text-align: center;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
}
#Box6 a{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-decoration:none;
}
#Box7 {
background-image: url(../../librairie/icones/boite_grise.png);
background-color: #edefee;
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box8 {
background-image: url(../../librairie/icones/boite_grise.png);
background-color: #edefee;
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box9 {
background-image: url(../../librairie/icones/studio_def.jpg);
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box10 {
position:relative;
float:left;
background-image: url(../../librairie/icones/boite_10.png);
background-color: #e04300;
color:blue;
line-height: 115px; /* Centrage vertical (même valeur que la hauteur du bloc) */
text-align: center; /* Centrage horizontal du texte */
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box10 h3{
text-align: center;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
}
#Box10 a{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-decoration:none;
}
#Box11 {
background-image: url(../../librairie/icones/boite_grise.png);
background-color: #edefee;
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box12 {
background-image: url(../../librairie/icones/boite_grise.png);
background-color: #edefee;
float:left;
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box13 {
float:left;
background-image: url(../../librairie/icones/Det_Ref.jpg);
width:149px;
height:115px;
margin-top: 1px;
margin-left:1px;
}
#Box14 {
float:left;
background-image: url(../../librairie/icones/boite_14.png);
background-color: #e04300;
color:blue;
line-height: 115px; /* Centrage vertical (même valeur que la hauteur du bloc) */
text-align: center; /* Centrage horizontal du texte */
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box14 h3{
text-align: center;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
}
#Box14 a{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-decoration:none;
}
#Box15 {
background-image: url(../../librairie/icones/boite_grise.png);
background-color: #edefee;
float:left;
width:149px;
height:115px;
margin-top: 1px;
margin-left:1px;
}
#Box16 {
background-image: url(../../librairie/icones/boite_grise.png);
background-color: #edefee;
float:left;
width:149px;
height:115px;
margin-top: 1px;
margin-left:1px;
}
#Box17 {
background-image: url(../../librairie/icones/Det_Tel.jpg);
float:left;
width:149px;
height:115px;
margin-top: 1px;
margin-left:1px;
}
#Box18 {
float:left;
background-image: url(../../librairie/icones/boite_18.png);
background-color: #e04300;
color:blue;
line-height: 115px; /* Centrage vertical (même valeur que la hauteur du bloc) */
text-align: center; /* Centrage horizontal du texte */
width:148px;
height:115px;
margin-top: 1px;
margin-left:1px;
margin-right:1px;
}
#Box18 h3{
text-align: center;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
}
#Box18 a{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-decoration:none;
}