#fancy_div {
background:#fff !important;
color:#3B3B3B !important;
text-align:center !important;
}

* {
margin:0;
padding:0;
}


.colonne_gauche {
width:216px;
height:auto;
float:left;
display:inline;
margin-left:23px;
}

.colonne_centre {
width:626px;
height:auto;
float:right;
display:inline;
margin-right:23px;
}

h1 {
font-size:1.7em;
color:#2d0099;
margin-bottom:1.7em;
}

h2 {
font-size:1.5em;
}

h3 {
font-size:1.4em;
margin-bottom:1.7em;
}

a:active,a:focus {
outline:none;
}

.img_tpl {
width:58px;
height:58px;
border:1px solid #ccc;
margin:3px;
}

.img_tpl:hover {
border:1px solid #2D0099;
}

.my_photo {
width:205px;
height:auto;
float:right;
border:1px solid #ccc;
display:inline;
margin-left:20px;
margin-bottom:10px;
padding:10px;
}

body {
background:#d1d0d0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

.container {
width:100%;
height:auto;
background:#2d0099;
position:relative;
padding-top:283px;
}

.container_top {
width:100%;
height:283px;
background:url(../gifs/fond.jpg) top repeat-x;
top:0;
left:0;
z-index:10;
position:absolute;
}

.header {
height:283px;
width:927px;
position:relative;
background:url(../gifs/header.jpg) bottom no-repeat;
margin:0 auto;
}

.logo {
width:177px;
height:44px;
font-size:12px;
color:#000;
text-align:center;
text-decoration:none;
padding-top:165px;
background:url(../gifs/logo-metalinox.jpg) top no-repeat;
display:block;
position:absolute;
top:32px;
left:0;
z-index:1;
}

.my_flash {
position:absolute;
bottom:42px;
right:0;
z-index:2;
-bottom:41px;
}

.slogan {
width:252px;
height:209px;
position:absolute;
top:32px;
left:177px;
z-index:3;
background:url(../gifs/slogan.jpg) #fff bottom no-repeat;
padding:0 20px 0 0;
}

.pre {
font-size:25px;
color:#000;
text-align:right;
padding-top:60px;
}

.sec {
font-size:11px;
color:#000;
text-align:right;
margin-top:-5px;
}

.tre {
color:#d96600;
font-size:23px;
text-align:right;
margin-top:-6px;
}

.qua,.cin {
float:right;
display:inline;
}

.qua {
font-size:11px;
color:#000;
font-weight:700;
text-align:right;
}

.cin {
color:#d96600;
font-size:23px;
margin-top:-5px;
text-align:right;
}

#content {
width:927px;
height:auto;
position:relative;
background:#fff;
overflow:hidden;
margin:0 auto;
padding:15px 0 30px;
}

.fd_footer {
width:100%;
height:200px;
background:url(../gifs/footer.jpg) top repeat-x;
clear:both;
}

.logo_footer {
width:62px;
height:58px;
background:url(../gifs/logo_footer.jpg) top no-repeat;
display:inline-block;
margin-left:30px;
margin-right:5px;
float:left;
margin-top:7px;
}

.footer {
width:927px;
height:200px;
border-top:2px solid #fff;
padding-top:10px;
color:#3B3B3B;
font-size:11px;
margin:0 auto;
}

.footer a {
color:#3B3B3B;
font-size:11px;
text-decoration:none;
}

.sub {
margin-left:10px;
}

.col1 {
width:287px;
height:auto;
float:left;
display:inline;
border-right:2px solid #969696;
margin-right:26px;
}

.col2 {
width:114px;
height:auto;
float:left;
display:inline;
margin-right:26px;
}

.col3 {
width:155px;
height:150px;
float:left;
display:inline;
margin-right:26px;
}

.col4 {
width:170px;
height:100px;
margin-right:26px;
padding-right:10px;
float:left;
border-right:2px solid #969696;
display:inline;
}

.contact {
width:216px;
height:141px;
margin-bottom:20px;
position:relative;
background:url(../gifs/contact.jpg) top no-repeat;
}

.plan {
width:216px;
height:158px;
position:relative;
background:url(../gifs/plan.jpg) top no-repeat;
}

.fake_link {
position:absolute;
bottom:3px;
right:6px;
z-index:1;
color:#fff !important;
font-size:13px !important;
font-weight:700;
padding:0 !important;
}

.contact p,.plan p {
font-size:16px;
color:#2d0099;
font-weight:700;
line-height:17px;
padding:20px;
}

.contact strong {
color:#d96600 !important;
font-size:18px;
}

.page p {
color:#000;
text-align:justify;
line-height:1.5em;
padding-bottom:1.5em;
font-size:1em;
}

.important {
width:100%;
height:auto;
margin-bottom:10px;
background:#eee;
padding:10px 0 0;
}

.important p {
padding:0 20px 10px !important;
}

.big_lien {
font-size:15px;
}

.centrer {
text-align:center !important;
}

.page a {
color:#2d0099;
text-decoration:underline;
}

.lien {
text-decoration:none !important;
color:#fff !important;
display:inline-block;
height:24px;
font-size:13px !important;
background:url(../gifs/lien.jpg) top left no-repeat;
float:right;
line-height:24px;
padding-left:40px;
font-weight:700;
padding-right:5px;
}

.lien:hover {
text-decoration:none;
color:#D96600 !important;
}

.paragraphe5050 {
float:left;
width:48%;
height:auto;
display:inline;
}

.paragraphe50501 {
float:right;
width:48%;
height:auto;
display:inline;
}

.filet {
width:100%;
height:3px;
border-top:1px solid #bfbfbf;
margin-top:10px;
margin-bottom:10px;
-margin-bottom:0;
clear:both;
}

.page ul {
list-style:none;
list-style-image:url(../gifs/puce_liste.jpg);
list-style-position:outside;
margin:0 0 10px 25px;
padding:0;
}

.page ul li {
line-height:1.5em;
color:#000;
text-align:left;
}

.img_left {
float:left;
display:inline;
margin-right:20px;
margin-bottom:10px;
}

.img_right {
float:right;
display:inline;
margin-left:20px;
margin-bottom:10px;
}

.img_normal {
margin-bottom:10px;
}

#loupe {
position:absolute;
top:0;
right:0;
z-index:10;
font-size:11px;
}

#loupe p {
text-align:right !important;
color:#252525;
}

#loupe a {
color:#252525;
text-align:center;
text-decoration:none;
}

#loupe a:hover {
text-decoration:underline;
}

zoom {
font-size:120%;
}

.input_form {
background-color:#f5f4f4;
border:1px solid #2d0099;
font-family:Arial;
color:#333;
margin-top:5px;
font-size:12px;
width:190px;
}

.area_form {
background-color:#f5f4f4;
border:1px solid #2d0099;
font-family:Arial;
color:#333;
margin-top:5px;
height:100px;
font-size:12px;
width:190px;
overflow:auto;
}

.bouton_form {
height:30px;
width:150px;
border:1px none #fff;
color:#FFF;
display:block;
cursor:pointer;
font-weight:700;
clear:both;
background-color:#2d0099;
margin:20px 0 0 180px;
}

#formulaire_1 .submit {
margin-left:0 !important;
margin-top:0 !important;
}

.bouton_form:hover {
opacity:0.8px;
filter:alpha(opacity=80);
}

.divGenerateurRequired {
margin-bottom:10px !important;
}

#formulaire_1 p {
margin:0 !important;
padding:0 !important;
}

#formulaire_1 {
width:400px !important;
float:left;
display:inline;
}

.valide {
width:345px !important;
float:left;
text-align:center;
margin-right:30px;
margin-bottom:50px !important;
display:inline;
background:#f5f4f4 !important;
border:1px solid #2d0099;
color:#2d0099 !important;
}

#newsletter_iframe {
background:#fff !important;
height:400px !important;
}

#newsletter_iframe h1 {
color:#2d0099 !important;
}

#newsletter_iframe p {
color:#252525 !important;
}

#newsletter_iframe a {
color:#2d0099 !important;
text-decoration:underline !important;
}

#newsletter_iframe a:hover {
text-decoration:none !important;
}

#newsletter_iframe #submit_newsletter,#newsletter_iframe #input_newsletter {
float:left !important;
}

.menu {
width:478px;
height:35px;
background:#fff;
position:absolute;
top:32px;
right:0;
z-index:4;
}

.menu p {
text-align:right;
line-height:35px;
color:#170050;
font-size:14px;
font-weight:700;
padding-right:35px;
}

.menu a {
color:#170050;
font-size:14px;
text-decoration:none;
}

.menu a:hover,#selected-over {
text-decoration:underline !important;
}

ul.MenuHorizontal1 {
width:927px;
list-style:none;
height:38px;
position:absolute;
bottom:4px;
-bottom:3px;
left:0;
z-index:6;
overflow:hidden;
margin:0;
padding:0;
}

ul.MenuHorizontal1 li {
float:left;
}

ul.MenuHorizontal1 li a {
display:block;
color:#170050;
font-size:14px;
padding-top:0;
height:38px;
text-align:center;
text-decoration:none;
line-height:38px;
}

li#menu01 {
width:293px;
}

li#menu11 {
width:339px;
}

li#menu21 {
width:295px;
}

#ss-menu01 {
width:266px;
height:0;
position:absolute;
overflow:hidden;
top:279px;
left:25px;
z-index:10;
}

#ss-menu11 {
width:355px;
height:0;
position:absolute;
overflow:hidden;
top:279px;
left:295px;
z-index:10;
}

.inside {
width:266px;
height:110px;
display:block;
position:relative;
}

.inside a {
color:#2D0099;
font-weight:700;
text-decoration:none;
}

.inside p {
line-height:20px;
padding:8px;
}

.inside a:hover {
color:#000;
}

.fond_ssmenu {
background:#adacac;
opacity:0.9px;
filter:alpha(opacity=90);
display:block;
position:absolute;
top:0;
left:0;
z-index:-1;
width:266px;
height:110px;
}

li#menu01 a {
padding-left:30px;
width:263px;
background-image:url('../gifs/roll1.jpg');
}

li#menu11 a {
background-image:url('../gifs/roll2.jpg');
}

li#menu21 a {
padding-right:30px;
width:265px;
background-image:url('../gifs/roll3.jpg');
}

li#menu01 a:hover,a.selected-over01,.over_selected {
background-image:url('../gifs/menu1.jpg') !important;
}

li#menu11 a:hover,a.selected-over11,.over_selected1 {
background-image:url('../gifs/menu2.jpg') !important;
}

li#menu21 a:hover,a.selected-over21 {
background-image:url('../gifs/menu3.jpg') !important;
}



.serrure {
width:308px;
height:170px;
background:url(../gifs/serrurerie.jpg) top no-repeat;
float:left;
margin-bottom:10px;
display:inline;
}

.mini_map {
float:left;
display:inline;
border:1px solid #2d0099;
margin-bottom:10px;
margin-right:15px;
}

.chaudron {
width:308px;
height:170px;
background:url(../gifs/chaudronnerie.jpg) top no-repeat;
float:right;
display:inline;
margin-bottom:10px;
}

.serrure p,.chaudron p {
color:#fff !important;
text-align:right;
font-size:14px;
font-weight:700;
padding-top:138px;
padding-right:30px;
}

.logo:hover,.orange {
color:#D96600 !important;
}

.footer a:hover,.page a:hover {
text-decoration:none;
color:#D96600;
}

.optional,.required {
width:175px !important;
text-align:right !important;
}

/*--------------------------------Modifications référencement-----------------*/

.js {
	float:right;
	margin-right:10px!important;
}

.bold {
	font-weight:bold;
}

