@charset "UTF-8";

body 	{ background-image: url(../80-Medias/00-Generique/FondPrintemps.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; 	
		/* pour anciens Chrome et Safari */ background-size: cover; 
		/* version standardisée */margin-top: 15px; margin-left: auto; margin-right: auto;}

body,td,th      {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14pt;}

#contenaire	{ width:1200px; height:auto; list-style-type:none; background-color: #FFFFFF; background-position: center; margin-left: auto; margin-right: auto;}
#contenu	{ width: 1180px; height: auto; float: left; padding: 0px 10px 10px 10px; background-color: #FFFFFF;}

/*-- menu banniere --*/
#banniere		{ width:1200px; height:195px; float:left; background-image: url(../80-Medias/00-Generique/Banniere.jpg); background-repeat:no-repeat;}

/*-- menu navigation --*/
#menu, #menu ul     {padding-left:0px; list-style:none; font-size:0; float:left; font-family: "PT Sans Narrow"; font-weight: lighter; background-color: #FFFFFF; margin-left: 0px;}
#menu li            { display: inline-block; position:relative; font-size:22px; font-weight: lighter;}
#menu a             { display: block; width:198px; height:50px; line-height:50px;text-align:center; background:#236B1A; text-decoration:none; color:#FFFFFF; margin-right: 1px; margin-left: 1px; }
#menu ul            {left:-4000px;position: absolute;}
#menu li:hover > ul {left:0;}
#menu li li         {font-size:20px;font-weight:lighter; color:#0E7A95;}
#menu li li:hover > ul {left:200px; top:0;}
#menu a:hover       {color:#236B1A; background:#96D07F}
#sousmenu ul        {margin:0; padding:0; list-style:none; font-size:24px; font-weight: normal; color:#157baa;}
#sousmenu a         {width:198px; height:30px; line-height:30px; font-family: "PT Sans Narrow"; font-weight: lighter; background-color:#1B96CA; border-top:1px solid #fff; color:#FFFFFF;}
#sousmenu a:hover   {background-color:#94D5F0}

/*-- Accès direct --*/
#accesdirect   { width: 680px; height: 265px; float: left; margin-left: 10px;}
#titreacces    { width: 680px; height: 54px; float: left; line-height: 54px; text-align: center; border-radius: 10px; font-size: 24px; text-shadow:1px 1px 1px #fff;
/* dégradés */
background:#236B1A; 
background:-moz-linear-gradient(top, #4ba341, #165f0d);
background:-webkit-gradient(linear, left top, left bottom, from(#4ba341), to(#165f0d));}
#bouton      { width: 165px; height: 75px; float: left; margin-right: 5px; margin-top: 5px; border-radius: 10px; text-align: center; padding-top: 25px; font-family:"PT Sans Narrow"; display: table-cell; vertical-align:middle;
 /* dégradés */
background:#fff;
background:-moz-linear-gradient(top, #e6e7e8, #a7a9ac);
background:-webkit-gradient(linear, left top, left bottom, from(#e6e7e8), to(#a7a9ac));}
.l_AccesDirect:link		{ color: #000000; text-decoration:none; font-weight:normal; font-size: 22px;}
.l_AccesDirect:visited	{ color: #000000; text-decoration:none; font-weight:normal; font-size: 22px;}
.l_AccesDirect:hover	{ color: #89b887; text-decoration:none; font-weight:normal; font-size: 22px;}


#miseajour	{width:1190px; height:22px; float:left; background-color:#CCD7BD; font-size:13px; line-height:22px; padding-left: 10px;}

/*-- Visualisation Flyer --*/
#FlyerEnveloppe        { width: 600px; height: 930px; float: left;}
#FlyerImage            { width: 600px; height: 850px; float: left;}
#FlyerTitre            { width: 600px; height: 50px; float: left; background-color: #0069a9; text-align: center; line-height: 50px; font-size: 26px; color: #ffffff;}
#FlyerTelechargement   { width: 600px; height: 30px; float: left; text-align: center;  background-color: #ecf8ff; line-height: 30px;}

 /*-- Annonces --*/
#Annonce		{ width:1170px; height:30px; float:left; background-color:#DDDDDD; padding-left:10px; color:#C68313; line-height:30px;}


/*-- Encadrés --*/
#Activites		{ width: 1180px; height: auto; float: left;} 

/*-- CSS encadré --*/
#EncadreAnnonce	{ width: 1180px; height: auto; float: left; padding-top: 5px; padding-bottom: 5px; background-color: #d1eaca; border-radius: 5px; -webkit-box-shadow: 4px 4px 4px #828282; box-shadow: 4px 4px 4px #828282;}
#EncadreAnnoncePlus	{ width: 1140px; height: auto; float: left; padding-top: 30px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-color: #d1eaca; border-radius: 20px; -webkit-box-shadow: 4px 4px 4px #828282; box-shadow: 4px 4px 4px #828282; text-shadow: 0px 0px;
background-image: -webkit-linear-gradient(270deg,rgba(27,95,30,1.00) 0%,rgba(221,237,221,1.00) 6.52%,rgba(221,237,221,1.00) 92.80%,rgba(11,84,12,1.00) 99.16%);
background-image: -moz-linear-gradient(270deg,rgba(27,95,30,1.00) 0%,rgba(221,237,221,1.00) 6.52%,rgba(221,237,221,1.00) 92.80%,rgba(11,84,12,1.00) 99.16%);
background-image: -o-linear-gradient(270deg,rgba(27,95,30,1.00) 0%,rgba(221,237,221,1.00) 6.52%,rgba(221,237,221,1.00) 92.80%,rgba(11,84,12,1.00) 99.16%);
background-image: linear-gradient(180deg,rgba(27,95,30,1.00) 0%,rgba(221,237,221,1.00) 6.52%,rgba(221,237,221,1.00) 92.80%,rgba(11,84,12,1.00) 99.16%);}
#encadrejaune	{ width: 1180px; height: auto; float: left; padding-top: 7px; padding-bottom: 7px; background-color: #fff8b2; text-align: center; border-radius: 5px;  -webkit-box-shadow: 4px 4px 4px #828282; box-shadow: 4px 4px 4px #828282; margin-top:5px; margin-bottom:5px;}	
#encadrebleu	{ width: 1160px; height: auto; float: left; padding: 10px; background-color: #ecf8ff; border-radius: 5px; -webkit-box-shadow: 4px 4px 4px #828282; box-shadow: 4px 4px 4px #828282;}	
#encadreblanc	{ width: 1160px; height: auto; float: left; padding: 10px; background-color: #ffffff; border-radius: 5px;  -webkit-box-shadow: 4px 4px 4px #828282; box-shadow: 4px 4px 4px #828282; margin-bottom: 10px; display: inherit; text-align: center;}
#encadrevierge	{ width: 1180px; height: 30px; float: left; padding: 0; background-color: #ffffff; text-align: center;}
#encadrevide	{ width: 1180px; height: auto; float: left; padding: 0; background-color: #ffffff;}

#Zone590	{ width: 590px; height: auto; float: left; text-align: center;}

#titre1180          { width:1180px; height:auto; background-color:#FFFFFF; float:left; font-size:28pt; font-weight:bolder; text-align:center; line-height:normal; color:#41782A; padding-top:5px; padding-bottom:5px; text-shadow:2px 2px 3px #BEBEBE; text-decoration: none;}
#soustitre1180      { width:1180px; height:auto; background-color:#FFFFFF; float:left; text-align:center; line-height:normal;text-decoration: none; padding-bottom:6px; font-size: 26px; color: #0069a9;}
#soustitre1180_2    { width:1180px; height:auto; background-color:#FFFFFF; float:left; text-align:center; line-height:normal;text-decoration: none; padding-bottom:6px; font-size: 24px; color: #0069a9;}

#TxtCenter	{ width: 1180px; height: auto; text-align: center; padding: 5px;}
#TxtCenter1150	{ width: 1150px; height: auto; text-align: center; padding: 5px;}
#OngletCenter 	{ width: 590px; height: 400px; float: left; padding-left: 295px; padding-right: 295px; padding-top:50px; padding-bottom: 5px; background-image: url(../12-LesReunionsDuConseil/12a_LesReunionsDuConseilMedias/12a-1_PhotosImages/FondMairie.jpg)}
#txtright	{ width: 1180px; height: auto; float: left; text-align: right;}

#OngletTelechargement 	{ width: 1180px; height: 450px; float: left; background-image: url(../12-LesReunionsDuConseil/12a_LesReunionsDuConseilMedias/12a-1_PhotosImages/FondMairie.jpg); padding-top: 30px;}

#txtright	{ width: 1180px; height: auto; float: left; text-align: right;}
#NewsInfos  { width:1160px; height:auto; float:left; background-color:#F3EEB5; padding-top:7px; padding-bottom:7px; padding-left:10px; padding-right:10px; border-radius:15px; -webkit-box-shadow: 4px 4px 4px #828282; box-shadow: 4px 4px 4px #828282; margin-bottom: 15px;}

#Footer   	{ width:1180px; height:24px; float:left; text-align:center; font-size:15px; background:#41782A; line-height: 24px; display:block; margin-top: 10px;}

/* -- Les enveloppes (div) --*/
#div1180auto    { width: 1180px; height: 60px; float: left; margin-bottom: 5px; 
/* dégradés */
background:#fff;
background:-moz-linear-gradient(top, #fff, #d0d0d0);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d0d0d0));}
#divLibre  { width: auto; height: auto; float: left;}
#div50     { width: 60px; height: 50px; float: left; text-align: center; margin-bottom: 5px;}
#div60     { width: 60px; height: 50px; float: left; text-align: center; margin-bottom: 5px; padding-right: 10px;}
#div300    { width: 300px; height: 50px; float: left; line-height: 50px; margin-bottom: 5px;}
#div35     { width: 45px; height: 50px; float: left; text-align: center; margin-bottom: 5px; padding-right: 10px;}
#div520    { width: 510px; height: 50px; float: left; line-height: 50px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px;
/* dégradés */
background:#fff;
background:-moz-linear-gradient(top, #fff, #d0d0d0);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d0d0d0));}
#div393    { width: 383px; height: auto;; float: left; margin: 0 10px 0 0;}
#div312   { width: 302px; height: 50px; float: left; line-height: 50px; margin-bottom: 5px; padding-left:10px;
/* dégradés */
background:#fff;
background:-moz-linear-gradient(top, #fff, #d0d0d0);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d0d0d0));}
#div310x290		{ width: 310px; height: 290px; float: left; margin-left: 10px; margin-right: 10px; margin-top: 10px;}

#Logo				    { width: 160px; height: 160px; float: left; margin-top: 6px;}

/*-- CSS Texte --*/
.txt_c16_noir_f		{font-size:16px;color:#000000;text-decoration:none;}
.txt_c16_gris_f		{font-size:16px;color:#6d6f71;text-decoration:none;}
.txt_c17_gris_f		{font-size:17px;color:#6d6f71;text-decoration:none;}
.txt_c18_gris_c		{font-size:18px;color:#939598;text-decoration:none;}
.txt_c17_bleu_f		{font-size:17px;color:#0069a9;text-decoration:none;}
.txt_c18_noir_f		{font-size:18px;color:#000000;text-decoration:none;}
.txt_c18_blanc		{font-size:18px;color:#ffffff;text-decoration:none;}
.txt_c18_gris_f		{font-size:18px;color:#6d6f71;text-decoration:none;}
.txt_c18_vert_f		{font-size:18px;color:#236B1A;text-decoration:none;}
.txt_c18_vert_c		{font-size:18px;color:#89b887;text-decoration:none;}
.txt_c18_bleu_f		{font-size:18px;color:#0069a9;text-decoration:none;}
.txt_c18_bleu_c		{font-size:18px;color:#81afcb;text-decoration:none;}
.txt_c18_gris_f		{font-size:18px;color:#6d6f71;text-decoration:none;}
.txt_c18_parme_f    {font-size:18px;color:#6f286d;text-decoration:none;}
.txt_c18_parme_c    {font-size:18px;color:#f7e3f6;text-decoration:none;}
.txt_c18_rouge_f    {font-size:18px;color:#eb212e;text-decoration:none;}
.txt_c18_jaune_f    {font-size:18px;color:#c9ad25;text-decoration:none;}
.txt_c18_orange_f   {font-size:18px;color:#d27129;text-decoration:none;}
.txt_c18_brun_f   	{font-size:18px;color:#7b5628;text-decoration:none;}
.txt_c22_vert_f		{font-size:22px;color:#236B1A;text-decoration:none;}
.txt_c22_bleu_f		{font-size:22px;color:#0073b9;text-decoration:none;}
.txt_c22_Parme_f	{font-size:22px;color:#6f286d;text-decoration:none;}
.txt_c22_rouge_f    {font-size:22px;color:#eb212e;text-decoration:none;}
.txt_c22_orange_f   {font-size:22px;color:#d27129;text-decoration:none;}
.txt_c26_orange_f   {font-size:26px;color:#000000;text-decoration:none;}

/*-- CSS liens --*/
.l_NoirGris:link		{ color: #000000; text-decoration:underline; font-size:13px; font-weight:normal;}
.l_NoirGris:visited		{ color: #000000; text-decoration:underline; font-size:13px; font-weight:normal;}
.l_NoirGris:hover		{ color: #6d6f71; text-decoration:underline; font-size:13px; font-weight:normal;}
.l_bleuorange:link		{ color: #0069a9; text-decoration:underline; font-size:18px; font-weight:normal;}
.l_bleuorange:visited	{ color: #0069a9; text-decoration:underline; font-size:18px; font-weight:normal;}
.l_bleuorange:hover		{ color: #ffaa00; text-decoration:underline; font-size:18px; font-weight:normal;}
.l_JauneOrange:link		{ color: #fff02a; text-decoration:none; font-weight:normal;}
.l_JauneOrange:visited	{ color: #fff02a; text-decoration:none; font-weight:normal;}
.l_JauneOrange:hover	{ color: #ffaa00; text-decoration:none; font-weight:normal;}
.l_BlancOrange:link		{ color: #FFFFFF; text-decoration:none; font-weight:normal;}
.l_BlancOrange:visited	{ color: #FFFFFF; text-decoration:none; font-weight:normal;}
.l_BlancOrange:hover	{ color: #ffaa00; text-decoration:none; font-weight:normal;}
.l_ParmeBlanc:link		{ color: #6f286d; text-decoration:none; font-weight:normal;}
.l_ParmeBlanc:visited	{ color: #6f286d; text-decoration:none; font-weight:normal;}
.l_ParmeBlanc:hover		{ color: #FFFFFF; text-decoration:none; font-weight:normal;}
.l_bleuorangeb:link		{ color: #0069a9; text-decoration:underline; font-size:22px; font-weight:normal; }
.l_bleuorangeb:visited	{ color: #0069a9; text-decoration:underline; font-size:22px; font-weight:normal; }
.l_bleuorangeb:hover	{ color: #ffaa00; text-decoration:underline; font-size:22px; font-weight:normal; }

/*-- CSS footer --*/
.l_BlancVert:link		{ color: #FFFFFF; text-decoration:none; font-weight:normal;}
.l_BlancVert:visited	{ color: #FFFFFF; text-decoration:none; font-weight:normal;}
.l_BlancVert:hover		{ color: #89b887; text-decoration:none; font-weight:normal;}
.l_bleuorange:link	    { color: #0069a9; text-decoration:underline; font-size:18px; font-weight:normal;}
.l_bleuorange:visited	{ color: #0069a9; text-decoration:underline; font-size:18px; font-weight:normal;}
.l_bleuorange:hover		{ color: #ffaa00; text-decoration:underline; font-size:18px; font-weight:normal;}

/*-- CSS boutons --*/
#BoutonVert    { width: 250px; height: 30px; float: left; border-radius: 6px;background-color: #236B1A; color: #fff02a; text-align: center; line-height: 30px;}
#Button    { width: 250px; height: 30px; float: left; border-radius: 6px;background-color: #236B1A; color: #fff02a; text-align: center; line-height: 30px;}

/*-- CSS activités --*/
#Logo				    { width: 160px; height: 160px; float: left; margin-top: 6px;}
#Libelle1010		    { width: 1010px; height: 154px; float: left; background-color: #e6e7e8; margin-top: 6px; padding-top: 6px; padding-left: 10px;}
#LibellePlus1010	    { width: 1010px; height: 124px; float: left; background-color: #e6e7e8; margin-top: 6px; padding-top: 6px; padding-left: 10px;}
#GrandLogo			    { width: 300px; height: 160px; float: left; margin-top: 6px;}
#Libelle880			    { width: 870px; height: 154px; float: left; background-color: #e6e7e8; margin-top: 6px; padding-top: 6px; padding-left: 10px;}
#Libelle880Plus		    { width: 870px; height: 124px; float: left; background-color: #e6e7e8; margin-top: 6px; padding-top: 6px; padding-left: 10px;}
#SavoirPlus1010	{ width: 1020px; height: 30px; float: left;
background-image: -webkit-linear-gradient(180deg,rgba(35,107,26,1.00) 0%,rgba(194,239,189,1.00) 100%);
background-image: -moz-linear-gradient(180deg,rgba(35,107,26,1.00) 0%,rgba(194,239,189,1.00) 100%);
background-image: -o-linear-gradient(180deg,rgba(35,107,26,1.00) 0%,rgba(194,239,189,1.00) 100%);
background-image: linear-gradient(270deg,rgba(35,107,26,1.00) 0%,rgba(194,239,189,1.00) 100%);}
#SavoirPlus880	{ width: 880px; height: 30px; float: left;
background-image: -webkit-linear-gradient(180deg,rgba(35,107,26,1.00) 0%,rgba(194,239,189,1.00) 100%);
background-image: -moz-linear-gradient(180deg,rgba(35,107,26,1.00) 0%,rgba(194,239,189,1.00) 100%);
background-image: -o-linear-gradient(180deg,rgba(35,107,26,1.00) 0%,rgba(194,239,189,1.00) 100%);
background-image: linear-gradient(270deg,rgba(35,107,26,1.00) 0%,rgba(194,239,189,1.00) 100%);}


/*-- CSS Onglets --*/
#OngletBleu_2		{ width: 584px; height: 30px; float: left; border-radius: 6px; background-color: #0069a9; text-align: center; line-height: 30px; margin-left: 5px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletBleu2_5		{ width: 231px; height: 48px; float: left; border-radius: 6px; background-color: #0069a9; text-align: center; margin-right: 5px; padding-top: 4px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletBleu_3		{ width: 389px; height: 30px; float: left; border-radius: 6px; background-color: #0069a9; text-align: center; line-height: 30px; margin-left: 4px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletBleu_4		{ width: 290px; height: 30px; float: left; border-radius: 6px; background-color: #0069a9; text-align: center; line-height: 30px; margin-left: 5px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletBleu_5		{ width: 232px; height: 30px; float: left; border-radius: 6px; background-color: #0069a9; text-align: center; line-height: 30px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-top: 5px; margin-bottom: 6px; margin-left: 4px;}
#OngletBleu_6x2		{ width: 192px; height: 48px; float: left; border-radius: 6px; background-color: #0069a9; text-align: center; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-top: 5px; margin-bottom: 6px; margin-left: 4px; padding-top: 4px;}
#OngletBleu_6		{ width: 192px; height: 30px; float: left; border-radius: 6px; background-color: #0069a9; text-align: center; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-top: 5px; margin-bottom: 6px; margin-left: 4px; line-height: 30px;}
#OngletBleu_7		{ width: 163px; height: 30px; float: left; font-family: "PT Sans Narrow"; border-radius: 6px; background-color: #0069a9; text-align: center; line-height: 30px; margin-left: 5px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletVert_2		{ width: 584px; height: 30px; float: left; border-radius: 6px; background-color: #236B1A; text-align: center; line-height: 30px; margin-left: 5px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletVert_3		{ width: 387px; height: 30px; float: left; border-radius: 6px; background-color: #236B1A; text-align: center; line-height: 30px; margin-left: 5px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletVert_5		{ width: 236px; height: 30px; border-radius: 6px; background-color: #236B1A; text-align: center; line-height: 30px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletVertHdP		{width: 120px; height: 20px; float: left; text-align: center; line-height: 20px; margin-left: 1056px; background-color: #FFFFFF; border-radius: 10px; border: 2px solid #087A23; margin-top: 6px; -webkit-box-shadow: 3px 3px 3px #595959; box-shadow: 3px 3px 3px #595959; margin-bottom: 6px;}
#OngletParme_2		{ width: 584px; height: 30px; float: left; border-radius: 6px; background-color: #d8b8d7; text-align: center; line-height: 30px; margin-left: 5px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletParme2_5		{ width: 231px; height: 48px; float: left; border-radius: 6px; background-color: #d8b8d7; text-align: center; margin-right: 5px; padding-top: 3px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletParme_3		{ width: 388px; height: 30px; float: left; border-radius: 6px; background-color: #d8b8d7; text-align: center; line-height: 30px; margin-left: 5px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletParme_4		{ width: 289px; height: 30px; float: left; border-radius: 6px; background-color: #d8b8d7; text-align: center; line-height: 30px; margin-left: 5px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletParme_5		{ width: 230px; height: 30px; float: left; margin-left: 5px; border-radius: 6px; background-color: #d8b8d7; text-align: center; line-height: 30px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletParme_6		{ width: 190px; height: 30px; float: left; margin-left: 6px; border-radius: 6px; background-color: #d8b8d7; text-align: center; line-height: 30px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletParme_7		{ width: 163px; height: 30px; float: left; margin-left: 5px; border-radius: 6px; background-color: #d8b8d7; text-align: center; line-height: 30px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletParme_8		{ width: 141px; height: 30px; float: left; line-height: 30px; border-radius: 6px; background-color: #d8b8d7; text-align: center; margin-left: 6px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletParme_10		{ width: 112px; height: 30px; float: left; line-height: 30px; border-radius: 6px; background-color: #d8b8d7; text-align: center; margin-left: 6px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px;}
#OngletOrange_5		{ width: 236px; height: 30px,; float: left; border-radius: 6px; background-color: #f38230; text-align: center; line-height: 30px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-top: 5px; margin-bottom: 6px;}
#OngletBleu_3center	{ width: 389px; height: 30px; float: left; border-radius: 6px; background-color: #0069a9; text-align: center; line-height: 30px; -webkit-box-shadow: 2px 2px 3px #939598; box-shadow: 2px 2px 3px #636466; margin-bottom: 6px; margin-left: 395px;}
/*-- CSS Réunion du coneil --*/
#OngletCenter 	{ width: 394px; height: 400px; float: left; padding-left: 393px; padding-right: 393px; padding-top:50px; padding-bottom: 5px; background-image: url(../12-LesReunionsDuConseil/12a_LesReunionsDuConseilMedias/12a-1_PhotosImages/FondMairie.jpg)}

/*-- CSS Bandeaux --*/
#bandeauvertdegrade1180	{ width: 1180px; height: 30px; float: left; text-align: center; line-height: 30px; padding-bottom: 5px;
	background-image: -webkit-linear-gradient(0deg,rgba(65,120,42,1.00) 0%,rgba(172,219,153,1.00) 23.90%,rgba(172,219,153,1.00) 76%,rgba(65,120,42,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(65,120,42,1.00) 0%,rgba(172,219,153,1.00) 23.90%,rgba(172,219,153,1.00) 76%,rgba(65,120,42,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(65,120,42,1.00) 0%,rgba(172,219,153,1.00) 23.90%,rgba(172,219,153,1.00) 76%,rgba(65,120,42,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(65,120,42,1.00) 0%,rgba(172,219,153,1.00) 23.90%,rgba(172,219,153,1.00) 76%,rgba(65,120,42,1.00) 100%);}
#bandeauvertdegrade1180	{ width: 1180px; height: 26px; float: left; text-align: center; line-height: 26px; padding-bottom: 3px; background-color:#CCD7BD; margin-bottom: 10px;}
#BandeauDegradeBleu_1180 { width: 1180px; height: 30px; float: left; text-align: center; line-height: 30px; padding-bottom: 5px; margin-bottom: 5px;
	background-image: -webkit-linear-gradient(0deg,rgba(0,105,169,1.00) 0%,rgba(175,202,218,1.00) 23.90%,rgba(175,202,218,1.00) 76%,rgba(0,105,169,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(0,105,169,1.00) 0%,rgba(175,202,218,1.00) 23.90%,rgba(175,202,218,1.00) 76%,rgba(0,105,169,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(0,105,169,1.00) 0%,rgba(175,202,218,1.00) 23.90%,rgba(175,202,218,1.00) 76%,rgba(0,105,169,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(0,105,169,1.00) 0%,rgba(175,202,218,1.00) 23.90%,rgba(175,202,218,1.00) 76%,rgba(0,105,169,1.00) 100%);}
#BandeauDegradeParme_1180 { width: 1180px; height: 30px; float: left; text-align: center; line-height: 30px; padding-bottom: 5px; margin-bottom: 5px; margin-top: 10px;
	background-image: -webkit-linear-gradient(0deg,rgba(111,40,109,1.00) 0%,rgba(216,184,215,1.00) 23.90%,rgba(216,184,215,1.00) 76%,rgba(111,40,109,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(111,40,109,1.00) 0%,rgba(216,184,215,1.00) 23.90%,rgba(216,184,215,1.00) 76%,rgba(111,40,109,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(111,40,109,1.00) 0%,rgba(216,184,215,1.00) 23.90%,rgba(216,184,215,1.00) 76%,rgba(111,40,109,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(111,40,109,1.00) 0%,rgba(216,184,215,1.00) 23.90%,rgba(216,184,215,1.00) 76%,rgba(111,40,109,1.00) 100%);}
#logos				{ width:70px; height:60px; float:left;}
#logos200x60		{ width:200px; height:60px; float:left; margin-right:10px;}
#enveloppe1180x60	{ width: 1180px; height: 60px; float:left; margin-bottom: 10px;}
#enveloppe1180Auto	{ width: 1180px; height: auto; float:left; margin-bottom: 10px;}
#EnveloppeBlanche_3	{ width: 382px; height: auto; float: left; text-align: center; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 10px; background-color: #D6ECF9;}
#EnveloppeOnglet		{ width: 1180px; height: 30px; float: left; margin-left: 295px; margin-top: 6px}
#EnveloppeOnglet_1180	{ width: 1180px; height: auto; float: left;}
#Enveloppe_590xAuto		{ width: 590px; height: auto; float: left;}
#Enveloppe_590Center	{ width: 590px; height: auto; left: 295px; float: left;}
#enveloppe1180x60	{ width: 1180px; height: 60px; float:left; padding-top: 8px; border-radius: 10px; background-image: -webkit-linear-gradient(0deg,rgba(181,224,245,1.00) 39.58%,rgba(16,150,216,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(181,224,245,1.00) 39.58%,rgba(16,150,216,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(181,224,245,1.00) 39.58%,rgba(16,150,216,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(181,224,245,1.00) 39.58%,rgba(16,150,216,1.00) 100%);
	-webkit-box-shadow: 6px 6px 4px #AAAAAA; box-shadow: 6px 6px 4px #AAAAAA;}

/*-- CSS “L'équipe municipale” --*/
/*-- Ligne du maire --*/ 
#PhotoMaire		{ width:160px; height:200px; float:left; margin-left: 9px;}
#EnveloppeMaire	{ width:341px; height:200px; float:left;}
#NomMaire		{ width:336px; height:50px; float:left; padding-left:5px; line-height:50px; font-size:24px; font-weight:bold; color:#0069a9; background-color:#d2d2cc;}
#FonctionMaire	{ width:336px; height:140px; float:left; padding-left:6px; background-color:#e7e6df; padding-top: 10px;} 
#PhotoVillage	{ width:670px; height:200px; float:left;}
/*-- Lignes des  adjoints et conseillers --*/
#Enveloppe		{ width:384px; height:150px; float:left; margin-top: 6px; margin-left: 9px;}
#Photo			{ width:120px; height:150px; float:left;}
#Nom			{ width:259px; height:40px; float:left; background-color:#d2d2cc; padding-left:5px; font-size:22px; color: #0069a9; line-height: 40px; font-weight: bold;}
#Fonction		{ width:259px; height:103px; float:left; background-color:#e7e6df; padding-top: 7px; padding-left: 5px;}

/*-- CSS “Dijon Métropole et syndicats” --*/
#Activites_02		{ width: 1170px; height: 84px; float: left; background-color: #e6e7e8; padding-top: 6px; padding-left: 10px;}

/* CSS Quoi d'neuf */
#Image_325x165	{ width:325px; height:165px; float:left;}
#Imageinfos		{ width:150px; height:80px; float:left; margin-right:10px;}

#Evenement		{ width: 1170px; height: auto; display: table; padding-left: 10px; padding-top:25px; padding-bottom:25px; margin-bottom: 1px; margin-top: 15px;
	background-image: -webkit-linear-gradient(270deg,rgba(124,124,124,1.00) 0%,rgba(224,224,224,1.00) 13.21%,rgba(227,227,227,1.00) 86.75%,rgba(101,101,101,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(124,124,124,1.00) 0%,rgba(224,224,224,1.00) 13.21%,rgba(227,227,227,1.00) 86.75%,rgba(101,101,101,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(124,124,124,1.00) 0%,rgba(224,224,224,1.00) 13.21%,rgba(227,227,227,1.00) 86.75%,rgba(101,101,101,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(124,124,124,1.00) 0%,rgba(224,224,224,1.00) 13.21%,rgba(227,227,227,1.00) 86.75%,rgba(101,101,101,1.00) 100%);}
#Evenement p	{ display: table-cell; vertical-align:middle;}

#ProchainConseil	{ width:1180px; height:30px; float:left; background-color:#41782A; padding-left:10px; line-height:30px; font-size:13pt; color:#FFFFFF;}


/*-- CSS vidéo présentation de Perrigny --*/
#FondDiaporama	   { width: 1180px; height:420px; padding-top:20px; float:left; text-align:center; margin-bottom:6px; background-image: url(../40-LeVillageEnImages/40a_LeVillageEnImagesMedias/Photos/1200x500_FondDiaporamas.jpg)}

#FondVideo         { width: 650px; height: 366px; float: left; margin-bottom: 10px; -webkit-box-shadow: 10px 10px 10px #4F4F4F; box-shadow: 10px 10px 10px #4F4F4F; text-align: center; margin-left: 280px; margin-right: 280px;}   

/*-- CSS Visualisation --*/
#Photo_260x310		{ width: 270px; height: 310px; float: left;}
#Photo_150x210		{ width: 210px; height: 150px; float: left; margin-bottom: 15px;}
#Photo_100x65		{ width: 100px; height: 65px; float: left;}
#Photo_300x180		{ width: auto; height: auto; float: left; margin-right: 10px;}
#Image_300x300		{ width: 300px; height: 300px; float: left; margin-right: 10px;}
#Image_300x424		{ width: 300px; height: 424px; float: left; margin-right: 10px;}
#photo         		{ width:70px; height:85px; float:left; background-color:#BFBFBF;}

/*-- CSStexte masqué/démasqué --*/
.lasuite {color: #0069a9;}
.demasquer {display:none;}
#post1:hover .demasquer { display:inline;}
#post1:hover .lasuite {display:none;}
.demasquer:hover { display: inline;}