body{                                  
    color: #000;
    background-color: #fff;
    font-family: Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-size: 10pt;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

.clear
{
    float: none;
    clear: both;
}
.center{
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.adresscenter{
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.telcenter{
    position: relative;
    margin: 0 auto;
    padding: 0;
}

h1
{
    font-size:11pt;
    font-weight:bold;
    color:#000000;
    margin: 10px 35px 0px 0px;
}

h2
{
    font-size:9pt;
    font-weight:normal;
    color:#000000;
    margin: 10px 35px 0px 0px;
}

h3
{
    font-weight:bold;
    color:#a8570f;
    margin: 0px;
}

h4
{
    font-size:9pt;
    font-weight:normal;
    color:#000000;
    margin: 10px 20px 0px 0px;
}

.copyright
{
    font-weight:bold;
    color:#707070;
    margin: 10px 0px 0px 0px;
}

#bottonclick
{
    text-align: center;
    background-image: url(/images/bt_back_off.png);
    background-repeat: no-repeat;
    background-position: right top;    
    margin: 0px 0px 0px 0px;
    float: right;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #888888;
}

#bottonclick:hover
{
    background-image: url(/images/bt_back_on.png);
    background-repeat: no-repeat;
    background-position: right top;    
}

#bottonclick p
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    margin: 3px 0px 0px 0px;
}


.prod_comp {
    font-family: Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-weight:bold;
    color:#AD7717;
    margin-left:0px;
    margin-right:0px;
    text-decoration : none;
}

.prod_text {
    font-family:  Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-weight:normal;
    color:#000000;
    margin-left:0px;
    margin-right:0px;
}


.cont_text {
    font-family:  Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-size:9pt;
    font-weight:normal;
    color:#000000;
    margin: 0px 0px 0px 0px;
}

.cont_bleu {
    font-family:  Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-size:9pt;
    font-weight:normal;
    color:#003e7c;
}
.cont_noir {
    font-family:  Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-size:9pt;
    font-weight:normal;
    color:#000000;
}

#_closemmenu
{
    top: 0px;
    left: 0px;
    width: 0px;
    height: 100%;
    position: absolute;
    visibility: hidden;
    display: none;
    z-index:1001;
}

    

#_mmenu
{
    top: 0px;
    width: 470px;
    height: 100%;
    padding-top: 0px;
    background-color: #f3f3f3;
    display: none;
    position: absolute;
    background-image: url('/images/bgmmenu.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    z-index:1001;
}

#_mmenu li
{
    width: 450px;
    height: 80px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    border-style: none none solid none;
    border-color: #dadada;
    border-width: 1px;
    list-style-type: none;
}

#_mmenu li ._mprinmenu
{
    width: 370px;
    height: 80px;
    float: left;
    text-align: left;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

#_mmenu li ._mprinmenu p
{
    margin: 10px 0px 0px 0px;
}

#_mmenu li ._mprinmenu p a
{
    color: #555;
    font-size: 35px;
    text-decoration: none;
}



#mtop
{
    width: 100%;
    height: 75px;
    float: left;
    visibility: hidden;
    display: none;
    background-image: url(/images/mbck_top.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

#mtop .mmtopsectiona
{
    width: 375px;
    height: 75px;
    float: left;
    background-image: url(/images/mlogocomplet.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

#mtop .mmtopsectionb
{
    width: 75px;
    height: 75px;
    float: right;
    background-color: #fff;
}

#closemmenu
{
    top: 0px;
    left: 0px;
    width: 0px;
    height: 100%;
    position: absolute;
    visibility: hidden;
    display: none;
    z-index:1001;
}


#top
{
    width: 100%;
    height: 159px;
    float: left;
}

#top #top_site
{
    width: 720px;
    height: 159px;
    float: left;
    background-repeat: no-repeat;
    background-position: left top;
}

#sitemenu
{
    width: 100%;
    height: 24px;
    float: left;
    
}

#sitemenu #menuleft
{
    width: 502px;
    height: 24px;
    float: right;
    
}

#sitemenu #menuleft p
{
    color: #ccc;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    margin: 3px 10px 0px 0px;
}

#sitemenu #menuleft p a
{
    color: #fff;
    text-decoration : none;
}

#sitemenu #menuleft p a:hover
{
    color: #ccc;
    text-decoration : none;
}

#sitemenu #menuright
{
    width: 68px;
    height: 24px;
    float: right;
}

#sitemenu #menuright p
{
    color: #ccc;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 5px 0px 0px 0px;
}

#sitemenu #menuright p a
{
    color: #fff;
    text-decoration : none;
}

#sitemenu #menuright p a:hover
{
    color: #ccc;
    text-decoration : none;
}



#main
{
    width: 100%;
    float: left;
}




#main #texte
{
    width: 720px;
    float: left;
    margin: 0px 0px 0px 20px;
}

#main #texte #left
{
    width: 472px;
    float: left; 
    margin: 0px 0px 0px 0px;
}

#main #texte #left #toptext
{
    width: 472px;
    height: 116px;
    float: left;
    background-repeat: no-repeat;
    background-position: left bottom;
}

#main #texte #left #toptext #toptop
{
    width: 472px;
    height: 83px;
    line-height: 17px;    
}

#line1
{
    width: 100%;
    height: 100%;    
    float: left;
    padding: 0px 0px 0px 0px;
}

#line1 p
{
    margin: 37px 0px 0px 0px;
}

#line2
{
    width: 100%;
    height: 40px;
    float: left;    
    
}

.lines1
{
    font-size: 25px;
    font-weight: bold;
    color:#ee1d23;
    margin: 0px 0px 0px 0px;    
}

.lines2
{
    font-size: 15px;
    font-weight: bold;
    color:#004588;
    margin: 0px 0px 0px 0px;    
}



#main #texte #left #toptext #bottom
{
    width: 100%;
    height: 33px;    
}

#main #texte #left #toptext #bottom #left
{
    width: 19px;
    height: 33px;
    float: left;    

}

#main #texte #left #toptext #bottom #rightline
{
    height: 33px;
    border-style: solid;
    border-color: #575757;
    border-width: 1px 0px 0px 0px;
}

#main #texte #left #product
{
    float: left;
    margin: 0px 0px 30px 0px;    
}

#main #texte #left #product #logo
{
    float: left;
    text-align: center;
    
}

#main #texte #left #product #logo #leftspace
{
    width: 35px;
    float: left;
}

#main #texte #left #product #logo #photologo
{
    float: left;
    background-repeat: no-repeat;
    background-size: contain;    
}

#main #texte #left #product #logo #rightspace
{
    width: 35px;
    float: left;
}

#main #texte #left #product #text
{
    float: left;
}

#main #texte #left #contact
{
    float: left;
}

#main #texte #left #contact #contphoto
{
    float:  left;
    text-align: left;
    
}

#main #texte #left #contact #adress
{
    float: left;
}

#main #texte #left #contact #adress .telleft
{
    float: left;
}

#main #texte #left #contact #adress .telright
{
    float: left;
}

#main #texte #left #formu
{
    float: left;
}

#main #texte #left #formu P
{
    font-family:  Arial, Helvetica, Times New Roman, Geneva,Verdana, sans-serif;
    font-weight:normal;
    color:#000000;
}

#main #texte #left #formu #formuleft
{
    width: 35%;
    float: left;
    text-align: right;
}

#main #texte #left #formu #formuright
{
    width: 65%;
    float: left;
}

#main #texte #left #formu #formuright input
{
    width: 100%;
}

#main #texte #left #formu #formuright textarea
{
    width: 100%;
    height: 125px;
}

#main #texte #left #formsend
{
    width: 100%;
    height: 50px;
    float: left;
    padding: 20px 0px 20px 0px;
}

#main #texte #left #formsend #centerleft
{
    width: 45%;
    float: left;
    text-align: center;
    padding: 0px 0px 0px 0px;
}
#main #texte #left #formsend #centerright
{
    width: 45%;
    float: left;
    text-align: center;
    padding: 0px 0px 0px 0px;
}





#main #texte #logright
{
    width: 248px;
    float: left;
    visibility: hidden;
    display: none;
}

#main #texte #logright #toplogin
{
    width: 100%;
    height: 83px;
    line-height: 17px;
}

#main #texte #logright #bottomlogin
{
    width: 100%;
    float: left;
    background-image: url('/images/welcomelogin.jpg');
    background-repeat: no-repeat;
    background-position: right top;
      
}


#main #texte #logright #bottomlogin #left
{
    float: left;    
}

#main #texte #logright #bottomlogin #rightline
{
    border-style: solid;
    border-color: #575757;
    border-width: 1px 0px 0px 0px;
}










.logrightcenter
{
    width: 212px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

#main #texte #logright #bottomlogin .loginl
{
    width: 50%;
    float: left;
    text-align: right;
    padding: 0px 5px 0px 0px;
}

#main #texte #logright #bottomlogin .loginr
{
    width: 47%;
    float: left;
    text-align: left;
    
}



#main #texte #logright #bottomlogin .loginc
{
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

#main #texte #logright #bottomlogin .loginf
{
    width: 100%;
    float: left;
    text-align: right;
    padding: 0px 5px 0px 0px;
}


#main #copyright
{
    width: 720px;
    height: 54px;
    float: left;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    
}
 
#main #copyright #left
{
    width: 50%;
    float: left;
    padding: 0px 0px 0px 0px;
}

#main #copyright #right
{
    width: 50%;
    float: left;
    text-align: right;    
}

#main #copyright #right #ttext
{
    width: 15px;
    float: right;    
    
}

#main #copyright #right #tnum
{
    float: right;    
    text-align: right;
}

#main #copyright #right #ftext
{
    width: 30px;
    float: right;    
    
}

#main #copyright #right #fnum
{
    float: right;    
    text-align: right;
    margin: 0px 0px 0px 0px;
}





@media only screen and (min-width: 100000px)
{
    .center {width: 100%;}
    #main #copyright {width: 100%;}
    #main #copyright #right #fnum {width: 145px;}
    #main #copyright #right #tnum {width: 145px;}
    .copyright {font-size: 13pt;}
    #main #texte {width: 100%;}
    #main #texte #left {width: 100%;}
    #main #texte #left #contact {width: 95%;}
    #main #texte #left #contact #contphoto {width: 100%; text-align: center;}
    #main #texte #left #contact #contphoto img {width: 330px; height: auto;}
    #main #texte #left #contact #adress {width: 100%;}
    #main #texte #left #contact #adress .telleft {width: 160px;}
    #main #texte #left #contact #adress .telright {width: 240px;}
    #main #texte #left #formu {width: 95%;}
    #main #texte #left #formu P {font-size: 20pt; margin: 0px 50px 10px 0px;}
    #main #texte #left #formu #formuleft {font-size: 20pt; padding: 20px 0px 0px 0px;}
    #main #texte #left #formu #formuright input {width: 100%; height: 50px; padding: 0px 0px 0px 0px; font-size: 30pt;}
    #main #texte #left #formu #formuright textarea {font-size: 30pt;}
    #main #texte #left #formsend #centerleft input[type="reset"] {-moz-transform: scale(2);-ms-transform: scale(2);-webkit-transform: scale(2);width: 150px;}
    #main #texte #left #formsend #centerright input[type="Submit"] {-moz-transform: scale(2);-ms-transform: scale(2);-webkit-transform: scale(2);width: 150px;}
    .cont_text {font-size: 20pt;}
    .cont_bleu {font-size: 20pt;}

    .adresscenter {width: 280px;}
    .telcenter {width: 400px;}






    #main #texte #left #product {width: 100%;}
    #main #texte #left #product #logo {width: 270px;}
    #main #texte #left #product #logo #photologo {width: 200px; height: 200px;}
    .prod_comp {font-size: 35pt;}
    .prod_text {font-size: 22pt;}
    #main #texte #left #toptext {width: 95%; height: 200px;}
    #main #texte #left #toptext #toptop {width: 100%; height: 145px; line-height: 45px;}
    #main #texte #left #toptext #bottom #left {width: 40px; height: 69px;}
    #main #texte #logright {visibility: hidden; display: none; width: 95%;}
    .logrightcenter {width: 95%;}
    .logininput {width: 80%; height: 45px;font-size: 23pt;}
    .logincheck {width: 15px; height: 15px;}
    #logenter {width: 223px; height: 72px;}
    #main #texte #logright #toplogin { height: 145px; line-height: 45px; height: 150px;}
    #main #texte #logright #bottomlogin #left {width: 40px; height: 69px;}
    #main #texte #logright #bottomlogin #rightline {height: 69px;}
    h1 {font-size: 15pt;}
    h2 {font-size: 13pt;}
    h3 {font-size: 30pt;}
    h4 {font-size: 25pt;}
    input[type="checkbox"] {-moz-transform: scale(3);-ms-transform: scale(3);-webkit-transform: scale(2);width: 30px;}
    #mtop {visibility: visible; display: inline;}
    #closemmenu {visibility: visible; display: inline;}
    #top {visibility: hidden; display: none;}
    .lines1 {font-size: 45px;}
    .lines2 {font-size: 55px;}
    #bottonclick {width: 250px; height: 32px;}
    #bottonclick p {font-size: 20pt; margin: 3px 0px 0px 0px}

}

@media only screen and (min-width: 100px)
{
    .center {width: 720px;}
    #main #copyright {width: 720px;}
    #main #copyright #right #fnum {width: 80px;}
    #main #copyright #right #tnum {width: 80px;}
    .copyright {font-size: 8pt;}
   #main #texte {width: 720px;}
    #main #texte #left {width: 472px; visibility: visible; display: inline;}
    


    #main #texte #left #contact {width: 472px;}
    #main #texte #left #contact #contphoto {width: 235px; text-align: center;}
    #main #texte #left #contact #contphoto img {width: 220px; height: auto;}
    #main #texte #left #contact #adress {width: 222px;}
    #main #texte #left #contact #adress .telleft {width: 75px;}
    #main #texte #left #contact #adress .telright {width: 142px;}
    #main #texte #left #formu {width: 472px;}
    #main #texte #left #formu P {font-size: 9pt; margin: 0px 10px 10px 0px;}
    #main #texte #left #formu #formuleft {font-size: 9pt; padding: 15px 0px 0px 0px;}
    #main #texte #left #formu #formuright input {width: 100%; height: 20px; font-size: 10pt;}
    #main #texte #left #formu #formuright textarea {font-size: 10pt;}

    #main #texte #left #formsend #centerleft input[type="reset"] {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);width: 150px;}
    #main #texte #left #formsend #centerright input[type="Submit"] {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);width: 150px;}
    .cont_text {font-size: 9pt;}
    .cont_bleu {font-size: 9pt;}

    .adresscenter {width: 280px;}
    .telcenter {width: 222px;}







    #main #texte #left #product {width: 472px;}
    #main #texte #left #product #logo {width: 170px;}
    #main #texte #left #product #logo #photologo {width: 100px; height: 100px;}
    .prod_comp {font-size: 11pt;}
    .prod_text {font-size: 9pt;}
    #main #texte #left #toptext {width: 472px; height: 116px;}
    #main #texte #left #toptext #toptop {width: 472px; height: 83px;line-height: 17px;}
    #main #texte #left #toptext #bottom #left {width: 19px; height: 33px;}
    .logrightcenter {width: 212px;}
    .logininput {width: 80%; height: 17px;font-size: 10pt;}
    .logincheck {width: 15px; height: 15px;}
    #logenter {width: 103px; height: 36px;}
    #main #texte #logright {visibility: visible; display: inline; width: 248px;}
    #main #texte #logright #toplogin { height: 83px; line-height: 17px;}
    #main #texte #logright #bottomlogin #left {width: 19px; height: 33px;}
    #main #texte #logright #bottomlogin #rightline {height: 33px;}
    h1 {font-size: 11pt;}
    h2 {font-size: 9pt;}
    h3 {font-size: 9pt;}
    h4 {font-size: 9pt;}
    input[type="checkbox"] {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);width: 30px;}
    #mtop {visibility: hidden; display: none;}
    #closemmenu {visibility: hidden; display: none;}
    #top {visibility: visible; display: inline;}
    .lines1 {font-size: 25px;}
    .lines2 {font-size: 15px;}
   #bottonclick {width: 154px; height: 26px;}
    #bottonclick p {font-size: 11pt; margin: 3px 0px 0px 0px}

}