body , html
{
/* Les margin, les scrolls, et la hauteur sont les seuls propriétés a redefinir dans le body */
font: 12px/13px arial;
font-weight: normal;
font-style: normal;
color: #FFFFFF;
margin : 0px 0px 0px 0px;
width:100%;
height: 100%;
scrollbar-base-color: #2C1DC3;
background-color:#2C1DC3;
/*text-align:center;*/
}
/* ---------------------- style page type ---------------------- */
#container-accueil{
width:100%;
/*text-align:left;*/
display: table;
background-image:url(../images/charte/fond-page.gif);
background-repeat:repeat-x;
background-position:top left;
}
#container1{
width:100%;
height:auto;
display:table;
}
#footer{
width: 100%;
height:30px;
text-align: center;
/*float:right;*/
}
#footer-content{
width: 950px;
height:30px;
margin: 0 auto;
background: red;
}
#page{
width:970px;
/* height:400px;*/
background-image:url(../images/charte/fond-accueil.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#contenu{
margin-left:160px;
display: table;
}
#texte{
padding:0px 10px 10px 10px;
}
h1{
font-size:16px;
color:#a8d2ff;
font-weight:bold;
border-bottom:1px dashed #a8d2ff;
padding-bottom:2px;
margin:5px 0px 20px 40px;
}
h2{
font-size:16px;
color:#ffffff;
font-weight:bold;
margin:5px 0px 5px 0px;
}
h3{
font-size:16px;
color:#a8d2ff;
font-weight:bold;
border-bottom:1px dashed #a8d2ff;
padding-bottom:2px;
margin:5px 0px 20px 40px;
}
/* ---------------------- fin style page type---------------------- */
/* ---------------------- Menu ---------------------- */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 136px;
left: 0px;
width: 160px;
}
#menu dt {
cursor: pointer;
text-align: left;
font-weight: bold;
}
#menu dd {
position: absolute;
z-index: 100;
left: 100px;
margin-top: -10px;
width: 10em;
background: #547AB3;
border:1px solid #FFFFFF;
}
#menu ul {
padding: 2px;
margin:2px;
}
#menu li {
text-align: left;
font-size: 85%;
border-bottom:1px solid #FFFFFF;
padding-top:5px;
padding-bottom:5px;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
font: 11px/14px arial;
}
#menu li a:hover {
color:#041842;
text-decoration: none;
}
/* ---------------------- Fin Menu---------------------- */
.alignementimg{
vertical-align: middle;
}
#basdepage
{
width:100%;
height:20px;
text-align:center;
background-color:#74B2FF;
background-image:url();
}
.txt10bleuclair a:visited{
font: 11px/13px arial;
font-weight: normal;
font-style: normal;
color:#6778A8;
text-decoration:none;
}
.txt10bleuclair a{
font: 11px/13px arial;
font-weight: normal;
font-style: normal;
color:#6778A8;
text-decoration:none;
}
.txt10bleuclair a:hover{
font: 11px/13px arial;
font-weight: normal;
font-style: normal;
color:#6778A8;
text-decoration:underline;
}
.txt10bleuclair{
font: 11px/13px arial;
font-weight: normal;
font-style: normal;
color:#6778A8;
}
#texte a{
font: 12px/13px arial;
font-weight: bold;
font-style: normal;
color:#B5C0DF;
text-decoration:none;
}
#texte a:hover{
font: 12px/13px arial;
font-weight: bold;
font-style: normal;
color:#6778A8;
text-decoration:underline;
}
/***********************************************************Editable Areea**********************************************/
.hitorique_box{
width:350px;
float:left;
text-align:justify;
margin:0px 0px 10px 30px;
border-bottom:solid 1px #4B3FC5;
padding-bottom:5px;
}
.photo_left{
float:left;
margin:0px 10px 10px 0px;
border:solid 1px #ffffff;
padding:3px;
}
.photo_right{
float:right;
margin:0px 0px 10px 10px;
padding:3px;
}
.photo_right img{
border:none;
margin-top:50px;
outline:#2C1DC3;
}
.photo_right img:hover{
-moz-transform: rotate(8deg);
}
.photo{
margin:0px 0px 0px 10px;
border:solid 1px #ffffff;
padding:3px;
}
.list1 li{
list-style-position:outside;
list-style-type:none;
background-image:url(../images/charte/puce.jpg);
background-position: 0px 5px;
background-repeat:no-repeat;
margin:5px 0px 0px 0px;
padding:3px 3px 3px 30px;
font-family:Arial ,"Trebuchet MS";
font-size:12px;
height:16px;
font-weight:normal;
line-height:16px;
text-align:justify;
}
.list2 li{
list-style-position:outside;
list-style-type:none;
background-image:url(../images/charte/puce.gif);
background-position: 0px 5px;
background-repeat:no-repeat;
margin:5px 0px 0px 50px;
padding:3px 3px 3px 30px;
font-family:Arial ,"Trebuchet MS";
font-size:12px;
height:16px;
font-weight:normal;
line-height:16px;
text-align:justify;
}
.background{
background:#1A0DA0;
padding:1px;
}
.connaitreSite{
width:440px;
margin: auto;
height: 350px;
border:1px solid #6484B4;
padding: 20px;
padding-left: 60px;
background: url(../images/charte/personnes.jpg) no-repeat 3% 97%;
}
.label1{
width:150px;
float: left;
padding-top: 3px;
}
.input1{
width: 230px;
float: left;
}
.inputForm2{
border:1px solid #6484B4;
background-color:transparent;
width:220px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #ffffff;
height:16px;
margin-top:2px;
}
.inputFormOver2{
border:1px solid #6484B4;
background-color:#ffffff;
width:220px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #2C1DC3;
height:16px;
margin-top:2px;
}
.clear{
clear: both;
height: 1px;
}
.clear2{
clear: both;
height: 20px;
}
#galerieFlash{
width:700px;
height:335px;
margin-bottom:15px;
display:block;
outline:0;
margin-left:40px;
margin-top:20px;
}
#gbl_ent #galerieFlash{
width:400px;
margin-left:20px;
float:left;
}
/******************************************************/
/* */
/* FORMULAIRES */
/* */
/******************************************************/
.inputForm{
border:1px solid #6484B4;
background-color:transparent;
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #ffffff;
height:16px;
margin-top:2px;
}
.inputFormOver{
border:1px solid #6484B4;
background-color:#ffffff;
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #2C1DC3;
height:16px;
margin-top:2px;
}
.inputForm1{
border:1px solid #6484B4;
background-color:transparent;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
height:16px;
margin-top:2px;
}
.inputFormOver1{
border:1px solid #6484B4;
background-color:#BBBABA;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
height:16px;
margin-top:2px;
}
select{
background-color:#E2E2E2;
border:1px solid #6484B4;
}
#text_id{
font-size:10px;
}
.button{
border:1px solid #6484B4;
background-color: #6484B4;
width:65px;
color:#000000;
font-size: 13px;
cursor:pointer;
}
.buttonOver{
border:1px solid #6484B4;
background-color: #1A56B0;
width:65px;
color:#Ffffff;
font-size: 13px;
cursor:pointer;
}
#frmContact{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:540px;
border:1px solid #6484B4;
/*background:#F6F0D0;*/
}
#frmDevis{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:240px;
border:1px solid #58749C;
background:#FDF5CD;
}
.petit{
font-size:11px;
}
#text_contact{
float:left;
width:200px;
}
#image_contact{
width:540px;
border:0px solid #7B7B79;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
letter-spacing:0.04em;
float:left;
margin-top:0px;
}
.label{
text-align: left;
padding-left:5px;
height:30px;
}
.labelDevis{
width:150px;
float:left;
display:inline;
padding-left:5px;
}
.mail_label{
width:150px;
float:left;
display:inline;
padding-left:5px;
font-weight:normal;
}
.mail_label1{
width:120px;
float:left;
display:inline;
padding-left:5px;
}
.mail_input{
width:120px;
float:left
}
.mail_input1{
width:160px;
clear:left;
}
.devis-label{
font-weight:normal;
height:18px;
}
.invisible
{
display:none;
}
#content {
min-height:350px;
}
#content #bloc_actu{
margin:10px 0 10px 0;
width:700px;
float:left;
}
#content #bloc_actu #wrapper{
width:690px;
float:left;
margin:0 0 20px 5px;
}
#content #bloc_actu #wrapper p{
text-align:justify;
margin:0 0;
}
#content #bloc_actu #wrapper p span{
font-size:1.3em;
font-variant:small-caps;
font-weight:bold;
color:#ff4804;
}
#content #bloc_actu #wrapper p span span{
font-size:1em;
font-variant:small-caps;
font-weight:normal;
font-style:italic;
color:#FFFFFF;
}
#content #gbl_partenaires #bloc_actu #wrapper img{
float:left;
max-width:100px;
margin:0 10px 0 0;
}
#content #bloc_actu #wrapper img{
float:left;
width:200px;
margin:0 10px 0 0;
}
#content #bloc_actu #wrapper img:hover{
filter : alpha(opacity=80);
-moz-opacity : 0.8;
opacity : 0.8;
}
#content #construction {
font-weight:bold;
font-size:15px;
margin:100px 0px 200px 300px;
}