/*--------computer--------*/

@media screen and (min-device-width: 900px),
       screen and (min-width: 900px)
 {
 #smartphone { display: none; }

/*--------style général--------*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 0.97em;
	background-color: #5e5e5e;color: #3c3b3b; 
	margin: 0;
	padding: 0;
	text-align: center;
	color: #606060;
}

table {vertical-align:top; font-size: 0.94em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif; color: #3c3b3b;}

li {font-size: 1em;  text-align: left; color: #3c3b3b;}
li.eco {font-size: 1em; color: #FFFFFF; text-align: left;}
ul {font-size: 1em; text-align: left;}

a { text-decoration: none; cursor:pointer; cursor:hand;}
a:link     {font-size: 10pt; color: #606060;font-weight: bold;}
a:visited  {color: #606060;  font-size: 10pt; font-weight: bold;}
a:hover {color: #cc0000; }
a:active {color: #cc0000;cursor:wait;}

a.lien  {text-decoration: none; cursor:pointer;  cursor:hand; text-align:left;}
a.lien:link  {font-size: 1.1em; color: #000080;font-weight: bold}
a.lien:visited {color: #000080;  font-size: 0.97em; font-weight: bold}
a.lien:hover { color: #cc0000}
a.lien:active { color: #cc0000}

.arriereplan {background-color: #EEEEEE; width:100%}

.tabcommune {font-size: 3em; font-weight: bold ;width:690 ; height:70; color: #3c3b3b;}

.top {text-align:center;text-decoration: none}
.titres {color: #FFFFFF}

.popperlink {position:absolute;visibility:hidden;font-style: normal;background: black;padding: 0px;}
.montrelien {position:absolute;visibility:hidden;font-style: normal;background: black;padding: 0px;}

.tabtitre  {color: #404040 ; font-size: 2em; font-weight: bold; text-align: center;}
.tabtitre2 {color: #ffffff ; font-size: 2em; font-weight: bold; text-align: center;}


/*-------- Fin style général--------*/

/*-------- Menu déroulant--------*/
#menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant1 li{ float: none; margin: 0px; padding: 0; border: 0;}

#menuDeroulant1 li:hover > .sousMenu1 { display: block; }

#menuDeroulant1 .sousMenu1{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant1 .sousMenu1{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant1 .sousMenu1 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant1 li{ float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100; z-index:1;}

#menuDeroulant1 li a:link, #menuDeroulant1 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #FF3300; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant1 li a:hover { background-color: #333333; }
#menuDeroulant1 li a:active { background-color: #FF3300; }
#menuDeroulant1 .sousMenu1 li a:link,#menuDeroulant1 .sousMenu1 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant1 .sousMenu1 li a:hover{ background-image: none; background-color: #FF3300;}


#menuDeroulant2{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 li{float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 li:hover > .sousMenu2 {display: block;}

#menuDeroulant2 .sousMenu2{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant2 .sousMenu2{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 .sousMenu2 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 li{ float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant2 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;position: relative; top: 100;z-index:1;}

#menuDeroulant2 li a:link, #menuDeroulant2 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant2 li a:hover { background-color: #333333; }
#menuDeroulant2 li a:active { background-color: #FF3300; }
#menuDeroulant2 .sousMenu2 li a:link,#menuDeroulant2 .sousMenu2 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant2 .sousMenu2 li a:hover{ background-image: none; background-color: #FF3300;}


#menuDeroulant3 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;position: relative; top: 100;z-index:1;}

#menuDeroulant3 li{ float: none; margin: 0px; padding: 0; border: 0;}

#menuDeroulant3 li:hover > .sousMenu3 { display: block; }

#menuDeroulant3 .sousMenu3 {list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant3 .sousMenu3 {display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant3 .sousMenu3 li {float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant3 li {float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant3 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant3 li a:link, #menuDeroulant3 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant3 li a:hover {background-color: #333333;}
#menuDeroulant3 li a:active {background-color: #FF3300;}
#menuDeroulant3 .sousMenu3 li a:link,#menuDeroulant3 .sousMenu3 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant3 .sousMenu3 li a:hover{ background-image: none; background-color: #FF3300;}


#menuDeroulant4 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant4 li{ float: none; margin: 0px; padding: 0; border: 0;}

#menuDeroulant4 li:hover > .sousMenu4 { display: block; }

#menuDeroulant4 .sousMenu4{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant4 .sousMenu4{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant4 .sousMenu4 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant4 li{ float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant4 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100;z-index:1;}

#menuDeroulant4 li a:link, #menuDeroulant4 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant4 li a:hover {background-color: #333333;}
#menuDeroulant4 li a:active { background-color: #FF3300;}
#menuDeroulant4 .sousMenu4 li a:link,#menuDeroulant1 .sousMenu4 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant4 .sousMenu4 li a:hover{ background-image: none; background-color: #FF3300;}


#menuDeroulant5 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant5 li {float: none; margin: 0px; padding: 0; border: 0;}

#menuDeroulant5 li:hover > .sousMenu4 { display: block; }

#menuDeroulant5 .sousMenu5{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant5 .sousMenu5{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant5 .sousMenu4 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant5 li {float: none; width: 152px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant5 {width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100;z-index:1;}

#menuDeroulant5 li a:link, #menuDeroulant4 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant5 li a:hover {background-color: #333333;}
#menuDeroulant5 li a:active {background-color: #FF3300;}
#menuDeroulant5 .sousMenu5 li a:link,#menuDeroulant1 .sousMenu4 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant5 .sousMenu5 li a:hover{ background-image: none; background-color: #FF3300;}


/*-------- Fin Menu déroulant--------*/



}








@media screen and (max-device-width: 899px),
       screen and (max-width: 899px)

 {

  #computer { display: none; }
  
  
 	 table, td, blockquote, textarea, input, object, embed, video, iframe  { max-width: 100%; } 
 	 
 	 textarea,table,td,th,code,pre,samp {-webkit-hyphens: auto; /*cesure propre*/
 	 									 -moz-hyphens:auto;
 	 									 hyphens:auto;
 	 									 word-wrap:break-word;/*passage ŕ la ligne forcé*/
 	 									 }
 	


/*-------- logo --------	*/
	.logo{
		width: 70%;
	}

/*--------video--------*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
				}
.video-container iframe,
.video-container object
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


/*--------style général--------*/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 0.97em;
	background-color: #5e5e5e;color: #3c3b3b; 
	margin: 0;
	padding: 0;
	text-align: center;
	color: #606060;
}

table        { vertical-align:top; font-size: 0.94em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif}


li  {  font-size: 1em;  text-align: left; color: #3c3b3b; }
li.eco  {  font-size: 1em; color: #FFFFFF; text-align: left;  }
ul  {  font-size: 1em; text-align: left;}

/*alt {  font-size: 0.1em;  }*/

a { text-decoration: none; cursor:pointer; cursor:hand; }
a:link       {  font-size: 10pt; color: #6C6C6C;font-weight: bold; }
a:visited    { color: #FFFFFF;  font-size: 10pt; font-weight: bold; }
a:hover { color: #cc0000; }
a:active { color: #cc0000;cursor:wait;}

a.lien  { text-decoration: none; cursor:pointer;  cursor:hand; text-align:left;}
a.lien:link       {  font-size: 1.1em; color: #000080;font-weight: bold }
a.lien:visited    { color: #800080;  font-size: 0.97em; font-weight: bold }
a.lien:hover { color: #cc0000}
a.lien:active { color: #cc0000}  

.arriereplan  {background-color: #EEEEEE; width:100%}

.tabcommune      {  font-size: 2em; font-weight: bold ;width:690 ; height:70; color: #3c3b3b; }

.nom_commune {  font-size: 1.4em; font-weight: bold ;color: #161515;}

.prenom_nom {  font-size: 1.5em; font-weight: bold ;color: #161515;}


.nom_prenom {font-size: 1.5em}

.top         { text-align:center;text-decoration: none }

.titres       { color: #FFFFFF }

.popperlink {position:absolute;visibility:hidden;font-style: normal;background: black;padding: 0px; }
.montrelien {position:absolute;visibility:hidden;font-style: normal;background: black;padding: 0px; }

.tabtitre      {  color: #404040 ; font-size: 1.5em; font-weight: bold; text-align: center; }


/*-------- Fin style général--------*/


/*-------- Menu déroulant--------*/
#menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant1 li{ float: none; margin: 0px; padding: 0; border: 0;}

#menuDeroulant1 li:hover > .sousMenu1 { display: block; }

#menuDeroulant1 .sousMenu1{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant1 .sousMenu1{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant1 .sousMenu1 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant1 li{ float: none; width: 81px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant1{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100; z-index:1;}

#menuDeroulant1 li a:link, #menuDeroulant1 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #FF3300; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant1 li a:hover { background-color: #333333; }
#menuDeroulant1 li a:active { background-color: #FF3300; }
#menuDeroulant1 .sousMenu1 li a:link,#menuDeroulant1 .sousMenu1 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant1 .sousMenu1 li a:hover{ background-image: none; background-color: #FF3300;}





#menuDeroulant2{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 li:hover > .sousMenu2 { display: block; }

#menuDeroulant2 .sousMenu2{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant2 .sousMenu2{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 .sousMenu2 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant2 li{ float: none; width: 81px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant2{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;position: relative; top: 100;z-index:1;}

#menuDeroulant2 li a:link, #menuDeroulant2 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant2 li a:hover { background-color: #333333; }
#menuDeroulant2 li a:active { background-color: #FF3300; }
#menuDeroulant2 .sousMenu2 li a:link,#menuDeroulant2 .sousMenu2 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant2 .sousMenu2 li a:hover{ background-image: none; background-color: #FF3300;}





#menuDeroulant3{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant3 li{ float: none; margin: 0px; padding: 0; border: 0;}

#menuDeroulant3 li:hover > .sousMenu3 { display: block; }

#menuDeroulant3 .sousMenu3{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant3 .sousMenu3{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant3 .sousMenu3 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant3 li{ float: none; width: 81px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant3{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100;z-index:1;}

#menuDeroulant3 li a:link, #menuDeroulant3 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant3 li a:hover { background-color: #333333; }
#menuDeroulant3 li a:active { background-color: #FF3300; }
#menuDeroulant3 .sousMenu3 li a:link,#menuDeroulant3 .sousMenu3 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant3 .sousMenu3 li a:hover{ background-image: none; background-color: #FF3300;}





#menuDeroulant4{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant4 li{ float: none; margin: 0px; padding: 0; border: 0;}

#menuDeroulant4 li:hover > .sousMenu4 { display: block; }

#menuDeroulant4 .sousMenu4{ list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant4 .sousMenu4{ display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant4 .sousMenu4 li{ float: none; margin: 0; padding: 0; border: 0;}

#menuDeroulant4 li{ float: none; width: 81px; margin: 0; padding: 0; border: 0; font-size:11px;}

#menuDeroulant4{ width: 100%; list-style-type: none; margin: 0; padding: 0; border: 0; position: relative; top: 100;z-index:1;}

#menuDeroulant4 li a:link, #menuDeroulant4 li a:visited{ display: block; height: 50%; color: #FFFFFF; background: #000080; margin: 0; padding: 4px 8px; border-bottom: 1px solid #FFFFFF; text-decoration: none;}
#menuDeroulant4 li a:hover { background-color: #333333; }
#menuDeroulant4 li a:active { background-color: #FF3300; }
#menuDeroulant4 .sousMenu4 li a:link,#menuDeroulant4 .sousMenu4 li a:visited{ display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#A2A2A2;}
#menuDeroulant4 .sousMenu4 li a:hover{ background-image: none; background-color: #FF3300;}

/*-------- Fin Menu déroulant--------*/


}