@charset "utf-8";
/* CSS Document */

body,td,th {font-family: Arial, Helvetica, sans-serif}

.slogan {color: #999999}
.text_menu_H:hover {color: #000000}
.text_menu_H:active {color: #000000}
a.h4 {color: #000000}
a.menu_element {color: #666666}
a.menu_element:hover {color: #000000}
a.menu_element:active {color: #000000}
.titre_aside {color: #666666}
a.bouton {color: #666}  
h1 {color: #8BB13D}
h2 {color: #8BB13D}
h3 {color: #8BB13D}
h4 {color: #333333}
.legende {color: #000000}
p {color: #000000}
ul {color: #000000}
.footer_adresse {color: #333333}
.footer_liens {color: #333333}
.lien_footer {color: #333333}
.lien_footer:hover {color: #666666}
.texte_status_site {color: #999999}

/* BUREAU */
@media screen and (min-width:701px){
	
body {
	background-color: #FFFFFF;
}

header {
	border-bottom: 1px solid #676767;
	border-right: 1px solid #676767;
	border-left: 1px solid #676767;
	box-shadow: 3px 3px 3px 0px #999;
	background-color: #FFFFFF;
	-webkit-box-shadow: 5px 5px 5px 0px #999
}

.slogan {
	font-style: italic
}

.menu_h_line {
	border-top: 3px double #A6A6A6
}

.menu_h_accueil {
	border-right: 1px solid #CCCCCC
}

.menu_h_entreprise {
	border-right: 1px solid #CCCCCC
}

.menu_h_methode {
	border-right: 1px solid #CCCCCC
}
.menu_h_reference {
	border-right: 1px solid #CCCCCC
}

.menu_h_contact {
}

.text_menu_H {
	color: #666666; 
	text-decoration: none
}

.text_menu_H:hover {
	border-bottom: 1px solid #999999
}

.text_menu_H:active {
	border-bottom: 1px solid #999999
}

.texte_status_site {
	font-size: 20px;
	font-style: italic;
}

.aside {
	box-shadow: 3px 3px 3px 0px #999;
}

#menu-accordeon {
	box-shadow: 3px 3px 3px 0px #999;
}


section {
	box-shadow: 3px 3px 3px 0px #999;
	border: 1px solid #676767;
	background-color: #FFFFFF;
	border-radius: 20px
}

h1 {
	font-size: 36px;
	font-style: italic
}

h2 {
	font-size: 24px;
	font-style: italic
}

h3 {
	font-size: 18px;
	font-style: italic
}

h4 {
	font-size: 10px;
}

.legende {
	font-style: italic;
	font-size: 12px;
	font-weight: normal
}


p {
	font-size: 14px;
	text-indent: 40px
}

ul {
	font-size: 14px;
	text-indent: 40px	
}

.footer_line {
	border-top: 1px solid #333333
}

.footer_adresse {
	font-size: 14px;
	text-indent: 0px;
}

.footer_liens {
	font-size: 12px;
}

.lien_footer {}

.lien_footer:hover {}

}

/* SMART */
@media screen and (max-width:701px) and (min-width:460px){

body {
	background-color: #FFFFFF
}
	
.menu_h_accueil {
	background-color: #999999;
	border-radius: 6px
}

.menu_h_entreprise {
	border-radius: 6px;
	background-color: #999999
}

.menu_h_methode {
	background-color: #999999;
	border-radius: 6px
}
.menu_h_reference {
	background-color: #999999;
	border-radius: 6px
}

.menu_h_contact {
	background-color: #999999;
	border-radius: 6px
}

.text_menu_H {
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none
}

.texte_status_site {
	font-size: 14px;
	font-style: italic;
}

h1 {
	font-size: 24px;
	font-style: italic
}

h2 {
	font-size: 18px;
	font-style: italic
}

h3 {
	font-size: 14px;
	font-style: italic
}

.legende {
	font-style: italic;
	font-size: 12px;
	font-weight: normal
}

p {
	font-size: 14px;
	text-indent: 20px
}

ul {
	font-size: 14px;
	text-indent: 40px
}

.footer_line {
	border-top: 1px solid #333333
}

.footer_adresse {
	font-size: 14px;
	text-indent: 0px;
}

.footer_liens {
	font-size: 14px;
	text-indent: 0px;
}

.lien_footer{
}

.lien_footer:hover {
}


}

/* PORTABLE */
@media screen and (max-width:460px){
	
body {
	background-color: #FFFFFF
}
	
.menu_h_accueil {
	background-color: #999999;
	border-radius: 6px
}

.menu_h_entreprise {
	border-radius: 6px;
	background-color: #999999;
}

.menu_h_methode {
	background-color: #999999;
	border-radius: 6px;
	margin: 3px
}
.menu_h_reference {
	background-color: #999999;
	border-radius: 6px
}

.menu_h_contact {
	background-color: #999999;
	border-radius: 6px
}

.text_menu_H {
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none
}	

.texte_status_site {
	font-size: 12px;
	font-style: italic;
}

h1 {
	font-size: 16px;
	font-style: italic
}

h2 {
	font-size: 14px;
	font-style: italic
}

h3 {
	font-size: 12px;
	font-style: italic
}

.legende {
	font-style: italic;
	font-size: 10px;
	font-weight: normal
}

p {
	font-size: 14px;
	text-indent: 20px
}

ul {
	font-size: 14px;
	text-indent: 40px
}

.footer_line {
	border-top: 1px solid #333333
}

.footer_adresse {
	font-size: 14px;
	text-indent: 0px;
}

.footer_liens {
	font-size: 0x;
	text-indent: 0px;
}

.lien_footer{
}

.lien_footer:hover {
}

}