/* OUTSIDE PAGE STYLE */

a {color:#2F3853; font-size:1em; font-weight:bolder; text-decoration:none;}
a img {border:none; margin:0; padding:0;}
#menu a {color:#555555; font-size:1.1em;}
#menu a:hover {font-size:1.2em;}
#menu ul ul {padding-left:25px; padding-top:0;}
#menu ul ul a {font-size:1em;}
#menu ul, #contact  ul {list-style-type:none; padding:0px; padding-left:5px; padding-top:5px; margin:0px;}
#header_picture_1 img {height: 100%; width: 100%;}
#banner img {height: 100%; width: 80%;}
#header_picture_2 img {height: 100%; width: 100%;}

/* MAIN PAGE STYLE */

#fram h1 {font-size:2em; font-weight:bolder; text-align:center; padding-top:20px; padding-bottom:30px;}
#fram h2 {font-size:1.6em; font-weight:bolder; padding-left:1px;}
#fram h3 {font-size:1.3em; font-weight:bolder; padding-left:10px;}
#fram h4 {font-size:1.1em; font-weight:bolder; padding-left:20px;}
#fram p {color:#000000; font-size:1em; text-align:justify; padding: 5px;}
#fram .droite {float:right; margin:10px; margin-top:5px; margin-bottom:5px;}
#fram .gauche {float:left; margin:10px; margin-top:5px; margin-bottom:5px;}
#fram .center {text-align:center;}
#fram strong {color:#2F3853;}
#fram td {padding-left:5px; padding:5px;}
#fram td ul {list-style-type:none; padding-left:5px;}
#fram table {border-collapse:collapse;}
/* #fram ul {list-style-image: url("../images/icone_simsonic.png");} */
/* CALQUES */

body{
overflow:hidden;
margin: 0;
padding: 0;
font-family: calibri, Arial, sans-serif;
background-color:#EEEEEE;
background-image:url("../pictures/background_simsonic.png");
background-size:100%;
 }

#header {
position: absolute;
width: 100%;
height: 18%;
top: 1%;
background-color: #BBBBBB;
}

#header_picture_1 {
position: absolute;
width: 13%;
height: 90%;
top: 5%;
left: 1%;
border-radius: 5px;
}

#banner {
position: absolute;
width: 70%;
height: 100%;
top: 0%;
left: 15%;
text-align: center;
border-radius: 5px;
}

#header_picture_2 {
position: absolute;
width: 13%;
height: 90%;
top: 5%;
left: 86%;
border-radius: 5px;
}

#menu {
position: absolute;
overflow: auto;
top: 25%;
left: 1%;
width: 13%;
height: 30%;
background-color: #DDDDDD;
border-radius: 5px;
}

#contact {
position: absolute;
top: 60%;
left: 1%;
width : 250px;
height: 180px;
border-radius: 5px;
}

#fram {
position: absolute;
overflow: auto;
left: 25%;
top: 20%;
width: 65%;
height: 79%;
padding-left: 0%;
padding-right: 10%;
}