body {
	background-color:#fff;
	font-family: 'Arial', sans-serif;
	font-size: 1em;
 	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
    }

h1 { font-size:1.5em; text-align:center; color:#4caf50; }
h2 { font-size:1.1em; text-align:center; color:#4caf50; }
h3 { font-size:1em; color:#f44336; }

A { text-decoration: none; } 
A:link { color:#4caf50 }
A:visited { color:#4caf50; } 
A:active { color:#4caf50; } 
A:hover { color:#f44336; } 

hr { border-top:1px solid #4caf50; }
table { border-collapse:collapse; display:block; }
tr,td,th { border:1px solid #4caf50; }
th { text-align:center; color:#4caf50 }

/* Pink : #f44336   Green : #4caf50  */

img { border:0px; padding:0px;margin:0px; }

.return  { clear: both }
.display { display:none; }
.center { margin:auto; text-align: center; }
.mini { font-size:0.7em }
.big { font-size:2em; color:#f44336;  }
.bouton { font-size:1.2em; text-align:center; margin:auto;}

/*  entete  */ 

#header { width:100%; margin:0px; border-bottom:1px dotted #4caf50; }

#logo { width:230px; float:left; margin:1%;  }

#claim {font-size:1.2em; sans-serif ;float:left; margin-top:45px; }

#bloc_titre { background-color:#5d5e5e; width:60%; text-align:right; margin:0; margin-top:55px; font-size:3em; font-family: 'Arial', sans-serif; font-weight: bold; padding:0px; line-height:0.8em; letter-spacing:3px }
#titre { margin:0; margin-right:-2em ;}

#bloc_account { text-align:center; float:right; margin:0.5%; height:32px }
#bloc_account img { width:32px; }

#bloc_lg { text-align:center; float:right; margin:0.5%; height:32px }
#bloc_lg li { display: inline-block; list-style-type:none; }
#bloc_lg ul { color:#f44336; padding:0; margin:0; }
#bloc_lg img { width:32px; }

#menu { text-align:left; margin:-12px; width:100%; clear:both; }
#menu li { display: inline-block; padding:3px; margin:3px; background-color:#eee; float:left; }

main { }
	
#content { clear:both; width:98%; text-align:left; margin:auto; padding:1%; }

#bloc { clear:both; width:100%; text-align:center; margin:auto; vertical-align:top; }
#bloc a { background-color:#d3d3d2; text-align:right; }

#bloc_100 { width:98%; margin:auto; padding:1%; display:inline-block; border-radius:5px; border:1px dotted black; vertical-align:top; text-align:left; }

#col_3 { display:none;}
#col_2 { float:right; width:190px; padding:10px; margin:0; text-align:center;margin-bottom:5px }
#col_1b { margin:0; padding:0; margin-right:215px; white-space:normal; border-right:1px #7bc142 solid; }
#col_1 { max-width:1020px; margin:auto;  }
#col_1 img { border:1px #7bc142 solid; border-radius:5px; }
#description { clear:both }
#description img { max-width:100% }

#search_bar { text-align:right; height:38px; }
#search_bar img { border:0px; margin:0 }

.bloc_290 { background-color:rgba(245, 245, 245,0.7); width:290px; margin:0.3%; padding:0.5%; display:inline-block; float:left; border-radius:5px; border:1px dotted black; vertical-align:top; text-align:left; height:175px }

.bloc_190 { background-color:rgba(245, 245, 245,0.7); width:190px; margin:0.3%; padding:0.5%; display:inline-block; border-radius:5px; border:1px dotted black; vertical-align:top; text-align:left; height:110px ; text-align:center; }

#bloc_A, #bloc_B { background-color:rgba(245, 245, 245, 0.7); width:45%; margin:0.2%; padding:0.5%; display:inline-block; border-radius:5px; border:1px dotted black; vertical-align:top; text-align:left; }

.promo { background-color:#f44336; color:#fff; padding:3px; border:1px solid #4caf50; border-radius:50%; }
.bloc_shop1 { min-height:190px; text-align:left;font-size:1em; }
.bloc_shop2 { min-height:370px; width:234px; display:inline-block; text-align:center; padding:2px; margin:3px; float:left;font-size:0.9em; }
.bloc_shop3 { min-height:190px; width:48%; display:inline-block; text-align:center; padding:2px; margin:3px; float:left;text-align:left;font-size:0.9em; }

.pagination  { margin:auto; text-align:center; clear:both; margin-top:10px; }
.pagination a {
    display: inline-block;
    padding: 4px 8px;
    text-decoration: none;
    transition: background-color .3s;
	margin:2px;
}

.pagination a.active { background-color: #4CAF50; color: white; }
.pagination a:hover:not(.active) { background-color: #ddd;}

/* pied de page */ 

#footer { clear:both; width:100%; margin-top:20px; text-align:left; border-top:1px dotted #4caf50; }

#bloc_adr { width:30%; padding:5px;margin:auto; text-align:center; display: inline-block;  }
#bloc_adr ul { list-style-type: none; padding: 0; margin:0; clear: both }

#bloc_social { width:100%; text-align:center; margin:auto; height:32px;		 }
#lien_social { width:155px;  text-align:center;padding:0; margin:auto;margin-top:-15px; }
#lien_social li { display: inline-block; list-style-type: none; float:left; margin:auto; }
#lien_social ul { color:#f44336; padding:0; margin:auto;}

#lien_bloc1 { width:30%; text-align:left; vertical-align:top; float:right; margin:0; background-color: rgba(245, 245, 245, 0.5); display: inline-block;  }
#lien_bloc2 { width:30%; text-align:left; vertical-align:top; float:left; margin:0; background-color: rgba(245, 245, 245, 0.5); display: inline-block;  }

#flexisite { clear: both; margin:10px; font-size:0.7em; font-family: 'Arial', sans-serif; float:right; }

fieldset {  border-radius:10px; background-color:#eee; margin:auto; width:90%; margin-top:12px; border-color:#4caf50; }
legend {  font-weight: bold; }

form input[type=submit] { border-radius:10px; margin:auto; margin-top:15px; background-color:#eee; }
form input[type=submit]:hover { inset; color:#f44336; border-color: #f44336; }

form#form_mail label { display: inline; width: 15rem; }
form#form_mail label[type=radio] { background-color:#f00; }
form#form_mail textarea { width: 90%; border-radius:10px; background-color:#FAFAFA; } 
form#form_mail SELECT { border-radius:10px; background-color:#FAFAFA; } 
form#form_mail input { width: 90%; border-radius:10px; background-color:#FAFAFA; display:inline; }
/*form#form_mail input[type=text] { width: 60%; border-radius:10px}
form#form_mail input[type=tel] { width: 60%; border-radius:10px}
form#form_mail input[type=email] {  width: 60%; border-radius:10px;}*/
form#form_mail input[type=date] { width:35%; }
form#form_mail input[type=radio] { width:auto; }
form#form_mail input[type=checkbox] { width:auto; }

form#form_mail SELECT:focus, SELECT:hover { color:#000; border-color:#f44336; } 
form#form_mail textarea:focus, textarea:hover{ color:#000; border-color:#f44336; } 

form#form_mail input:hover, input:hover { border-color:#f44336; }
form#form_mail input[type=submit] { width:40%; margin:auto; margin-top:15px; }

/** ------------------------------ background-color:#f44336;**/
/** pour les rollovers bas de page **/
/** ------------------------------ **/
.rollover1 { background:url("../../themes/rtruong/imgs/footer-fb.png") 0 0 no-repeat; }
.rollover2 { background:url("../../themes/rtruong/imgs/footer-gplus.png") 0 0 no-repeat; }
.rollover3 { background:url("../../themes/rtruong/imgs/footer-twit.png") 0 0 no-repeat; }
.rollover4 { background:url("../../themes/rtruong/imgs/footer-linkedin.png") 0 0 no-repeat; }
.rollover5 { background:url("../../themes/rtruong/imgs/footer-youtube.png") 0 0 no-repeat; }
.rollover6 { background:url("../../themes/rtruong/imgs/footer-skype.png") 0 0 no-repeat; }
.rollover7 { background:url("../../themes/rtruong/imgs/footer-yahoo.png") 0 0 no-repeat; }

.rollover1, .rollover2, .rollover3, .rollover4, .rollover5, .rollover6, .rollover7 { display:inline-block; width:30px; height:30px; opacity: 0.75; }

.rollover1:hover, .rollover2:hover, .rollover3:hover, .rollover4:hover, .rollover5:hover, .rollover6:hover, .rollover7:hover { background-position:0 -30px; opacity: 1;  background-color: rgba(245, 245, 245, 0)  }

.rollover1 span , .rollover2 span ,.rollover3 span , .rollover4 span , .rollover5 span, .rollover6 span, .rollover7 span { display:none }

/** sharing bouton **/
#share-buttons { text-align:left; }
#share-buttons a { background-color:transparent; }
#share-buttons img { width: 32px; padding:2px; border:0; display:inline; }

/** comment box **/
#com_art { min-width:300px; max-width:600px; padding:0; clear:both;  }
#com_art fieldset { padding:5px; background-color:#fff; }
#com_art input[type=submit] { margin: 0 auto; }
#com_art input[type=text] { max-width:350px; }
#com_art input[type=email] { max-width:350px; }
#com_show { min-width:300px; max-width:800px; margin:10px; }
#com_line { margin-left:4px; color:#4caf50; font-weight: bold;}
#com_text { border-bottom:1px solid #f44336; padding:2px; margin:2px;  }

/** ------------------------------------------- **/
/** pour les petits écrans quelques adaptations **/
/** ------------------------------------------- **/

@media screen and (max-width: 650px) {
	#logo { width:120px;}
	#claim { font-size:0.8rem; margin:2px;  }
	#bloc_adr { width:100%; }
	#bloc_social { width:100%;}
	.hidden { display:none; }
	.display { display:inline;; }
	.mobile { width:90%; clear: both; margin:auto; }
	h1 { font-size:1.3rem; }
	h2 { font-size:1.2rem; }
	h3 { font-size:1.1rem; }
	body { font-size:0.9em; }
	li.bouton_menu { width: 95px; }
	#content, #bloc_100 { width:98%; }
	#bloc_A, #bloc_B { width:92%; } 
	.footer { width:100%; vertical-align: top;padding:1% }
	#col_2 { display:none; }
	#col_1b { margin:0; width:98% }
	.bloc_shop2, .bloc_shop1, .bloc_shop3 { width:98%; }
	#lien_bloc1, #lien_bloc2 { width:90%; clear: both; float:none; margin:auto;}
}

/** ------------------------------------------- **/
@media screen and (max-width: 400px) {
	#logo { width:90px;}
	#claim { font-size:0.8em;  }
	#bloc_lg, #bloc_account img {width:24px;}	
	#bloc_titre { font-size:2em; width:50%;  }
	#titre { letter-spacing:2px; margin-right:-2em ;}
	/*fieldset { width:60%} #lien_bloc1, #lien_bloc2 { width: 98%;  } */
	form#form_mail input[type=date] {  width: 40%; }
}

@media screen and (min-width: 400px) {
	/*#bloc_1, #bloc_2, #bloc_3, #bloc_4, #bloc_5, #bloc_6, #bloc_7 {  margin: 4%;padding:2%;  }*/
}