body {margin: 10px 0;padding: 0;text-align: center;font-family: Verdana, Geneva, sans-serif;font-size: 16px;}div#contenu {float:left;position: relative;margin-top: 10px;margin-left: 20px;width:580px;font-size: 90%;}div#conteneur{width:980px ;margin: 0 auto ;text-align: left ;border: 6px solid #fff ;background: #fff ;}div#menugauche {clear:both;margin-top:0px;float:left;position: relative;width:180px;margin-top: 10px;}div#menudroit {float:right;width:180px;}div#menugauche3 {position: relative;float:left;width:130px;margin-top: 10px;margin-left: 15px;}div#header {height: 255px;margin: 0;background-image: url(/images/header2.jpg);background-repeat: no-repeat;background-position: left top;/* On définit la hauteur de la partie header, contenant le titre du site */}#header {height: 255px ;margin: 0 ;background: url(header2.jpg) no-repeat left top ;/* On définit la hauteur de la partie header, contenant le titre du site */}#header a {width: 400px ;height: 70px ;display: block ;background: url(title.gif) no-repeat ;position: relative ;left: 350px ;top: 15px ;}#header a span {display: none ;}h1 {margin-top: 30px;font-size:240%;font-weight: bold;border-bottom-width: 5px;border-bottom-style: dotted;border-bottom-color: #390;font-family: "Arial Narrow", Helvetica, Arial, Geneva, sans-serif;color: #390;font-style: italic;background-position: 0;padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 10px;text-transform: uppercase;}h2 {margin-top: 30px;font-size:170%;font-weight: bold;border-bottom-width: 3px;border-bottom-style: dotted;border-bottom-color: #390;font-family: "Arial Narrow", Helvetica, Arial, Geneva, sans-serif;color: #390;font-style: italic;background-position: 0;padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 10px;text-transform: uppercase;}div#contenu p{line-height: 1.7em;}div#contenu a{color: #A0182E;font-weight: bold;text-decoration: none;}div#contenu a:hover{color: #A0182E;text-decoration: underline overline;}p#footer{margin: 0 ;padding-right: 10px ;line-height: 50px ;text-align: right ;color: #ffcd04 ;}strong {font-weight: normal;background-color: #FF0;font-variant: normal;font-style: normal;}img {margin-right: 8px;margin-top: 4px;}pre{overflow: auto ;background: #dea ;border: 2px solid #9b2 ;padding: 5px 0 0 5px ;font-size: 1.2em ;}.johnson_box {background-color: #E4EFE6;padding: 7px;font-weight: bold;border: thin dotted #4C7C52;}pre span{color: #560 ;}pre span.comment{color: #b30000 ;}#menuDeroulant{list-style-type: none;margin: 0;padding: 0;border: 0;background: #5C8549;position:relative;z-index:1500;}#menuDeroulant li{margin-left: 15px;height : 29px;padding: 15px 10px 0px 10px;/*border-bottom: 4px solid #ffcd04;*/text-transform: uppercase;font-size: 13px;font-weight: bold;color: #FFFFFF;letter-spacing: 1px;background: #5C8549;}#menuDeroulant li a:link, #menuDeroulant li a:visited{display: block;}#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited{display: block;color: #FFF;margin: 0;border: 0;height : 29px;padding: 15px 10px 0px 10px;/*border-bottom: 4px solid #ffcd04;*/text-transform: uppercase;}#menuDeroulant .sousMenu li{margin: 0;padding: 0;border: 0;magrin-bottom: 5px;magrin-right: 5px;magrin-left: 5px;height:45px;}#menuDeroulant .sousMenu{display: none;list-style-type: none;margin: 0;padding: 0;border: 0;position:absolute;left:200px;top:43px;font-size:16px;height:43px;z-index:1000;background: #5C8549;}#active{background-color:#5C8549;}#menuDeroulant li:hover > .sousMenu { display: block;}#menuDeroulant .sousMenu > .sousMenu { display: block;}#panier{float:right;height:45px;background : #5C8549;}#menuDeroulant .p{padding:0px;margin:0px;height:41px;border:0px;}#menuDeroulant li.p:hover > .sousMenup { display: block;}#menuDeroulant .sousMenup li a:link,#menuDeroulant .sousMenup li a:visited{display: block;color: #FFF;margin: 0;border: 0;height : 29px;/*border-bottom: 4px solid #ffcd04;*/}#menuDeroulant .sousMenup li{magrin-bottom: 5px;magrin-right: 5px;magrin-left: 5px;height:50px;width:100%;}#menuDeroulant .sousMenup{display: none;list-style-type: none;margin: 0;padding: 0;border: 0;position:absolute;right:0px;top:43px;font-size:16px;z-index:1000;width:550px;max-width:600px;background: #5C8549;}	

#menu {height: 45px;margin: 0 auto;background: #5C8549 repeat-x;width: 170px; float:left;padding-left: 5px;}#menu ul {margin: 0;padding: 0px 0px 0px 0px;list-style: none;}#menu li {display: inline;}#menu a {display: block;float: left;margin-left: 15px;height : 29px;padding: 15px 10px 0px 10px;/*border-bottom: 4px solid #ffcd04;*/text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: bold;color: #FFFFFF;/*border-bottom-color: #ffcd04;*/letter-spacing: 1px;}#menu a:hover {/*border-bottom-color: #ffcd04;*/background: #ffcd04;}#menu .active a {/*border-bottom-color: #ffcd04;*/background: #ffcd04;}

#menu2 {height: 45px;margin: 0 auto;background: #5C8549 repeat-x;}#menu2 ul {margin: 0;padding: 0px 0px 0px 0px;list-style: none;}#menu2 li {display: inline;}#menu2 a {display: block;float: left;margin-left: 15px;height : 29px;padding: 15px 10px 0px 10px;/*border-bottom: 4px solid #ffcd04;*/text-decoration: none;text-transform: uppercase;font-size: 13px;font-weight: bold;color: #FFFFFF;/*border-bottom-color: #ffcd04;*/letter-spacing: 1px;}#menu2 a:hover {/*border-bottom-color: #ffcd04;*/background: #ffcd04;}#menu2 .active a {/*border-bottom-color: #ffcd04;*/background: #ffcd04;}

.pc { display:inline-block; }
ul.pc { display:block }
table.pc { display:table }
td.pc { display:table-cell }

.mobile { display:none }

.mobilee { display:none }

#white {height: auto;float:left;width:150px;margin: 0px;padding:0px;background: #FFFFFF repeat-x;}
#white #cpt { display: block;position:relative;float: left;margin-left: 15px;height : 25px;padding: 15px 10px 0px 10px;border-bottom: 4px solid #5C8549;text-decoration: none;font-size: 13px;font-weight: bold;color: #5C8549;border-bottom-color: #5C8549;letter-spacing: 1px; }
#white #cpt:hover {border-bottom-color: #5C8549;background: #FFFFFF;}

.responsive_block5 { display:inline-block; text-align:center; width:48% }

.responsive_block1 { display:inline-block; text-align:center; width:31% }
.responsive_block2 { display:inline-block; text-align:center; width:31% }
.responsive_block3 { display:inline-block; text-align:center; width:31% }
.responsive_block { display:inline-block;}
.responsive_block31{ 	width:100%;	display:inline-block;	float:left;	border-right:0px;	padding-right:5px; }
.imgPaid { float:left }
[type="radio"] { width:20px; height:20px; }

.finalise { width:80% }
/* Wide screen */
@media screen and (min-width: 1387px) {
}
@media screen and (min-width: 1501px) {
}
@media screen and (min-width: 1787px) {
}

/* Mobile */
@media screen and (max-width: 900px) {
	#menu a#cpt { font-size:15px;   padding: 15px 5px 0px 5px; }
.pc { display:none; }
ul.pc { display:none }
td.pc { display:none }
table.pc { display:none }
.mobile { display:inline-block }
td.mobile { display:table-cell }
.mobilee { display:block }

#menu { position: absolute;  top: 108px; z-index:5; padding-left:0px;} 

.responsive_block1 { width:100% }
.responsive_block2 { width:100% }
.responsive_block3 { width:100% }
.responsive_block { width:100% }
.responsive_block5 { width:100% }
 .responsive_block31{ 	width:100%;	display:inline-block;	float:left;	border-right:0px;	padding-right:5px; }

div#menu_mobile { background-color:#5C8549; position:absolute; left:0px; }

body {margin:0px; padding:5px; font-size:16px; }
div#menugauche {display:none}
div#menudroit {display:none}
div#contenu {width:100%; margin:0px;}
div#conteneur{width: 98%;margin:0px; padding:5px;border:0px;  overflow: hidden;  position: relative;}
p#header {width:100%;}
h1#header {background: url(images/logo_mobile.jpg) #5C8549 no-repeat; width:100%; height:100px;}
div#header { background: url(images/logo_mobile.jpg) #5C8549 no-repeat; width:100%; height:100px;}
p#header { background: url(images/logo_mobile.jpg) #5C8549 no-repeat; width:100%; height:100px;}

div#contenu h1{margin-top: 15px ;padding-left: 10px ;line-height: 25px ;font-size: 1.6em ;border-left: 6px solid #AB012D ;color: #AB012D ;border-bottom: 2px solid #AB012D ;text-transform: uppercase;}
div#contenu ul{line-height:1.4em}
div#contenu h2{padding-left: 10px ;line-height: 25px ;font-size: 1.6em ;border-left: 6px solid #AB012D ;color: #AB012D ;border-bottom: 2px solid #AB012D ;text-transform: uppercase;}
div#contenu h3{margin-left:3px;text-transform: uppercase;color: #AB012D;font-family: Arial, helvetica, sans-serif;font-weight:bold;font-size:15px;padding-left:20px;background: url(images/star.gif) no-repeat left center;}

div.subMenu { position:relative }
div.subMenu > div { margin-left: 15px;  height: 25px;  padding: 15px 10px 0px 10px;  border-bottom: 4px solid #330010;  text-decoration: none;  text-transform: uppercase; font-weight: bold;  color: #FFFFFF;  border-bottom-color: #ffcd04;  letter-spacing: 1px; color:#FFF }
div.subMenu > div:hover {border-bottom-color: #ffcd04;background: #ffcd04; color:#5C8549}

div.subMenu > div a { color:#FFF; text-decoration:none }
div.subMenu > div a:hover {color:#5C8549}

div#menu_mobile_f { position:relative;   width: 100%;  margin-left: -25px; }
div#menu_mobile_f > div > div { margin-left: 15px;  height: 25px;  padding: 15px 10px 0px 10px;  border-bottom: 4px solid #330010;  text-decoration: none;  text-transform: uppercase; font-weight: bold;  color: #FFFFFF;  border-bottom-color: #ffcd04;  letter-spacing: 1px; color:#FFF }
div#menu_mobile_f > div > div:hover {border-bottom-color: #ffcd04;background: #ffcd04; color:#5C8549}

div#menu_mobile_f > div > div a { color:#FFF }
div#menu_mobile_f > div > div:hover a {color:#5C8549}

div.subMenu > div#white { background-color:#FFF;  margin-left: 15px;  height: 25px;  padding: 15px 10px 0px 10px;  border-bottom: 4px solid #5C8549;  text-decoration: none;    font-weight: bold;  color: #5C8549;  border-bottom-color: #5C8549;  letter-spacing: 1px;}

div.subMenu > div#white  a { color:#5C8549 }
div.subMenu > div#white:hover  a { color:#ffcd04 }

#white #cpt { margin-left:0px; padding:0px; } 

div.open > div.subMenu {  width: 105%;  margin-left: -15px;  }
div#sub a{  color:#5C8549; font-family:Verdana, Geneva, sans-serif }
[type="radio"] { width:20px; height:20px; }
[type="submit"] { font-size:15px; padding:5px; background:#ffcd04; border:outset ##ffcd04 1px; font-weight:bold }
[type="text"] { font-size:17px; max-width:280px; }
[type="password"] { font-size:17px; max-width:280px; }
[type="image"] { width:130px }
[type="image"]#deleting { width:35px }
select { font-size:17px; max-width:280px; }

 a.comm_mobile { display: block;  float: left;  margin-left: 15px;  height: 25px;  padding: 15px 10px 0px 10px;  border-bottom: 4px solid #330010;  text-decoration: none;  text-transform: uppercase;  font-size: 13px;  font-weight: bold;  color: #FFFFFF;  border-bottom-color: #ffcd04;  letter-spacing: 1px;}

 a.comm_mobile:hover {border-bottom-color: #ffcd04;background: #ffcd04;}
 
.finalise { width:100% }

/*div#contenu img { width: 30% }*/

    #jaimeFacebook {
        text-align:right; float:right;
    }

@media screen and (max-width: 600px) { 
/*div#contenu img { width: 40% }*/
    #jaimeFacebook {
        text-align:left; float:none;
    }
}

@media screen and (max-width: 469px) { 
/*div#contenu img { width: 45% }*/
}
@media screen and (max-width: 400px) { 

img { margin-right:0px; }
/*div#contenu img { width: 50% }*/
 a.comm_mobile { display: block;  float: left;  margin-left: 5px;  height: 25px;  padding: 15px 10px 0px 10px;  border-bottom: 4px solid #330010;  text-decoration: none;  text-transform: uppercase;  font-size: 13px;  font-weight: bold;  color: #FFFFFF;  border-bottom-color: #ffcd04;  letter-spacing: 1px;}
#menu #cpt {  margin-left: 5px; }
#menu {width: 145px;}
}