/*--------style commun PC SMT--------*/
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;
	width: 100%;
}

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

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

@media screen and (min-device-width: 900px),
       screen and (min-width: 900px)
 {
 
 #smartphone { display: none; }
 
 
 /*--------style général--------*/

li {font-size: 0.94em;  text-align: left; color: #606060;}
ul {font-size: 1em; text-align: left;}


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

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

/* liens vers autres pages */
a.lien2 {text-decoration: none; cursor:pointer;  cursor:hand;}
a.lien2:link {font-size: 0.85em; color: #119BD5;font-weight: bold;}
a.lien2:visited {color: #800080;  font-size: 0.85em; font-weight: bold;}
a.lien2:hover {color: #cc0000;}
a.lien2:active {color: #cc0000;}

/* liens vers autres pages */
a.lien3 {text-decoration: none; cursor:pointer;  cursor:hand;}
a.lien3:link {font-size: 0.85em; color: #FFFFFF;font-weight: bold;}
a.lien3:visited {color: #FFFFFF;  font-size: 0.85em; font-weight: bold;}
a.lien3:hover {color: #cc0000;}
a.lien3:active {color: #cc0000;}

/* liens rues */
a.lien4 {text-decoration: none; cursor:pointer;  cursor:hand;}
a.lien4:link {font-size: 0.95em; color: #404040;font-weight: normal}
a.lien4:visited {color: #800080;  font-size: 0.95em;font-weight: normal}
a.lien4:hover {color: #cc0000}
a.lien4:active {color: #cc0000}

a.nbpages {text-decoration: underline; cursor:pointer;  cursor:hand;}
a.nbpages:link {font-size: 0.97em; color: #000080;font-weight: bold}
a.nbpages:visited {color: #800080;  font-size: 0.97em; font-weight: bold}
a.nbpages:hover {color: #cc0000}
a.nbpages:active {color: #cc0000}

a.lieninterne {text-decoration: none; cursor:pointer;  cursor:hand;}
a.lieninterne:link {font-size: 0.97em; color: #119BD5;font-weight: normal;}
a.lieninterne:visited {color: #800080;  font-size: 0.97em; font-weight: normal;}
a.lieninterne:hover {color: #cc0000}
a.lieninterne:active {color: #cc0000}

a.lieninterne2 {text-decoration: none; cursor:pointer;  cursor:hand;}
a.lieninterne2:link {font-size: 0.97em; color: #119BD5;font-weight: bold}
a.lieninterne2:visited {color: #800080;  font-size: 0.97em; font-weight: bold}
a.lieninterne2:hover {color: #cc0000}
a.lieninterne2:active {color: #cc0000}

/* popup portraits */
.popup_portraits { background-color: #000000 ;color: #FFFFFF;font-size: 0.97em; font-family: Arial ,Helvetica , Tunga, Microsoft Sans Serif  }
.popup_comment {color: #FFFFFF;font-size: 0.8em;text-align: justify;margin-left: 25px;margin-right: 25px;}
.popup_table {max-width : 1000px}

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


.image {max-height: 100px;}

.imgmargedroite {margin-right: 10px; margin-top:5px}

.imgmargegauche {margin-left: 10px; margin-top:5px }


.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;}



.titre_annexe {text-align:center; font-size: 2em; font-weight: bold}


/*-------- 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,#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;}


#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 > .sousMenu5 {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 .sousMenu5 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, #menuDeroulant5 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,#menuDeroulant5 .sousMenu5 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--------*/


}










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

/*-------- Configuration smartphones--------*/
       


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

 
 #computer { display: none; }
 
 	 table, td, blockquote, textarea, input, object, embed, video, iframe, font  { 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é*/
 	 									 }
 	



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

li  {    text-align: left; color: #3c3b3b;margin-left:-5;}
li.menu {  font-size: 1em;  text-align: left; color: #3c3b3b; margin-left:-15}
blockquote {margin-left:15;margin-right:10;}

ul  {font-size: 1em; text-align: left;}


img {  font-size: 0.2em;  }

/* liens menu before */
a { text-decoration: none; cursor:pointer; cursor:hand; }
a:link       {  font-size: 2em; color: #6C6C6C;font-weight: bold; }
a:visited    { color: #FFFFFF;  font-size: 2em; font-weight: bold; }
a:hover { color: #cc0000; }
a:active { color: #cc0000;cursor:wait;}

/* liens recherchform */
a.form  { text-decoration: none; cursor:pointer;  cursor:hand; text-align:left;}
a.form:link       {  font-size: 1.5em; color: #000080;font-weight: bold }
a.form:visited    { color: #800080;  font-size: 1.5em; font-weight: bold }
a.form:hover { color: #cc0000}
a.form:active { color: #cc0000}

/* liens liste communes */
a.lien  { text-decoration: none; cursor:pointer;  cursor:hand; text-align:left;}
a.lien:link       {  font-size: 1em; color: #000080;font-weight: bold }
a.lien:visited    { color: #800080;  font-size: 1em; font-weight: bold }
a.lien:hover { color: #cc0000}
a.lien:active { color: #cc0000}

/* liens vers autres pages */
a.lien2  { text-decoration: none; cursor:pointer;  cursor:hand;}
a.lien2:link       {  font-size: 0.97em; color: #119BD5;font-weight: bold }
a.lien2:visited    { color: #800080;  font-size: 0.97em; font-weight: bold }
a.lien2:hover { color: #cc0000}
a.lien2:active { color: #cc0000}


a.nbpages  { text-decoration: underline; cursor:pointer;  cursor:hand;}
a.nbpages:link       {  font-size: 0.97em; color: #000080;font-weight: bold }
a.nbpages:visited    { color: #800080;  font-size: 0.97em; font-weight: bold }
a.nbpages:hover { color: #cc0000}
a.nbpages:active { color: #cc0000}

a.nbpages2  { text-decoration: underline; cursor:pointer;  cursor:hand;}
a.nbpages2:link       {  font-size: 0.70em; color: #000080;font-weight: bold; }
a.nbpages2:visited    { color: #800080;  font-size: 0.70em; font-weight: bold; }
a.nbpages2:hover { color: #cc0000}
a.nbpages2:active { color: #cc0000}

a.lieninterne  { text-decoration: none; cursor:pointer;  cursor:hand;}
a.lieninterne:link       {  font-size: 0.97em; color: #119BD5;font-weight: normal; }
a.lieninterne:visited    { color: #800080;  font-size: 0.97em; font-weight: normal; }
a.lieninterne:hover { color: #cc0000}
a.lieninterne:active { color: #cc0000}

a.lieninterne2  { text-decoration: none; cursor:pointer;  cursor:hand;}
a.lieninterne2:link       {  font-size: 0.97em; color: #119BD5;font-weight: bold }
a.lieninterne2:visited    { color: #800080;  font-size: 0.97em; font-weight: bold }
a.lieninterne2:hover { color: #cc0000}
a.lieninterne2:active { color: #cc0000}
  

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


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

.image { max-height: 100px;}

.imgmargedroite {margin-right: 10px; margin-top:5px }

.imgmargegauche {margin-left: 10px; margin-top:5px   }


.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; }

.bio:first-letter /* Je veux que la première lettre de mes paragraphes... */ 
{     
float : left ; /* Flotte à gauche */ 
font-size : 2em; /* Fasse une hauteur de 2 lignes */  
font-family : Arial, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/    
font-weight : bold; /* Soit écrite en gras (c'est plus voyant) */
margin-right : 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}



.titre_annexe {text-align:center; font-size: 2em; font-weight: bold}

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


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


/*-------- Menu déroulant--------*/
#container { width: 100%; }

#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:0.35em;}

#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:0.35em;}

#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:0.35em;}

#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:0.35em;}

#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--------*/


}