body {
margin: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 20px;background-color: #f5f5f5;}


.content{
	/*border: 1px dashed #C0C0C0;*/
	color:#000000;
	font-size: 100%;
	/*background-color:#ffffff;*/

	padding:1em;

text-align:center;
}

form input, form textarea{
     border: 1px solid #999;
     	     -moz-border-radius: 4px;
	     }

.radio {
	border: 0px;

}

form input:focus, form textarea:focus{
background-color: #F9F9F9;

}









.error, .error_popup { font-family: Helvetica, Verdana;
font-size: 13px;
color: #666;
font-weight: bold;
padding-bottom : 6px;
/*background-color:#ff9090;*/
background-color:#ffabab;
background-image:url("img/button_cancel.png");
background-repeat:no-repeat;
background-position : right;
text-align:center;
margin-left: 5em;
margin-right:5em;
margin-top: 1em;
}
.error_red{
color: red;
}

.error_popup{
margin-left: 1em;
margin-right:1em;
background-position : right;
}

.success,  .success_popup{
 font-family: Helvetica, Verdana;
 font-size: 13px;
 font-weight: bold;
 color: #666;
 font-weight: bold;
 padding: 16px;
 background-color:#cff5a6;
 background-image:url("img/button_ok.png");
 background-repeat:no-repeat;
 background-position : right;
 text-align:center;
 margin: 50px;
 }

.success_popup{
margin-left: 1em;
margin-right:1em;
}


.successimport  {
 font-family: Helvetica, Verdana;
 font-size: 13px;
 font-weight: bold;
 color: #666;
 font-weight: bold;
 padding-bottom : 6px;
 background-color:#bbec92;
 background-image:url("img/button_ok.png");
 background-repeat:no-repeat;
 background-position : right;
 text-align:center;
 margin-left: 5em;
 margin-right:5em;
 margin-top: 0em;
 margin-bottom: 0em;
 }



form {
//margin-top:1em;
/*
padding:0.5em;
margin-bottom:2.5em;
border: 1px solid #C0C0C0;
background:#f5f5f5;
margin-left: 2em;
margin-right: 2em;
*/
}

form  div{

}


.form-simple{
padding:0.5em;
margin-bottom:2.5em;
border: 0px;
background:#FFFFFF;
margin-left: 2em;
margin-right: 2em;

}

.form-light{
padding:0.5em;
margin-bottom:0em;
margin: 0em;
border: 0px;
background:#EFEFEF;
margin-left: 0em;
margin-right: 0em;

}

.archive {
//margin-top:1em;
padding:0.5em;
margin-bottom:2.5em;
border: 1px solid #C0C0C0;
background:#EFEFEF;
margin-left: 2em;
margin-right: 2em;

}


.credit {
 font-size: x-small;
 font-style: normal;
 font-weight: bold;
 color: #666;
;
}


.leftSideBar {
  margin-right: 5em;
  font-size: 95%;
  width: 12.65em;
  float: left;
  clear: left;
  border:1px dashed #C0C0C0;
}

.leftSideBar a, .leftSideBar span {
  text-decoration: none;
  font-weight: bold;
  line-height: 2em;
  padding: 0.75ex 1ex;
  display: block;
}

[class~="leftSideBar"] a, [class~="leftSideBar"] span {
  line-height: 1.5em;
}

.leftSideBar a:hover {
  /* See color-scheme.css */
}

.leftSideBar .sideBarTitle {
  font-weight: bold;
  padding: 0.75ex 1ex;
}

.leftSideBar .sideBarText {
  font-weight: normal;
  padding: 1ex 0.75ex 1ex 1ex;
}

.leftSideBar .sideBarTitle
{ background-color: #EDEDED;
text-align:center;
}

 .leftSideBar{
background-color: #FFFFFF;
 }

.leftSideBar a{
color:#3074B3;
 }

 .leftSideBar a:hover{
background-color: #EDEDED;
color:#7B859C;
border-width: 1px;
border:1px dashed #C0C0C0;
 }

#bodyText {
  text-align: justify;
  line-height: 1.5em;
  margin-left: 15em;
  margin-right: 15em;
  //padding: 0.5ex 14em 1em 1em;

}


.float {
  float: left;
  width: 20em;
  margin: 1em 0;
}


.title{
font-weight: bold;
font-style:italic;
font-size: 1.2em;
//margin-bottom:-1em;
/*background-color:#7B859C;*/
background:#d4dfe4;
color: #666;
margin-left: 1.7em;
margin-right: 1.7em;
//4mm 1.5em 4mm;

}

.title-simple{
font-weight: bold;
font-style:italic;
font-size: 1.5em;
color: #666;
margin-left: 1.7em;
margin-right: 1.7em;

}


.subtitle{
font-weight: bold;
font-style:italic;
font-size: 1.1em;
background:#7b859c;
color: #FFF;
}

.archivetitle{
font-weight: bold;
font-style:italic;
font-size: 0.9em;
background:#7b859c;
color: #FFF;
}



.subsection{
font-size: 1em;
margin-top:2em;
//margin-top:2em;
/*background-color:#7B859C;*/
//background:#d4dfe4;
//color: #666;
margin-left: 1.8em;
margin-right: 1.8em;
border: 1px solid #C0C0C0;
}


.subsection2{
font-size: 1em;
margin-top:2em;
margin-left: 6em;
margin-right: 6em;
border: 1px solid #C0C0C0;
}

.subsection2_popup{
font-size: 1em;
margin-top:1em;
margin-left: 1em;
margin-right: 1em;
border: 1px solid #C0C0C0;
}


.subcontent{
  padding:1em;
 background:#EFEFEF;
}


#footer {
  font-size: 85%;
  text-align: center;
  line-height: 1.25em;
  padding: 1em 4mm 1.5em 4mm;
  clear: left;
}

#footer div {
  padding-bottom: 1ex;
}

#footer a {
  text-decoration: none;
  font-weight: bold;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.maintable{
margin-left: 2em;
margin-right: 2em;
}

.info  {
font-family: Helvetica, Verdana;
font-size: 13px;
color: #666;
font-weight: bold;
/*padding-bottom : 1em;*/
text-align:center;
margin-left: 2em;
margin-right:2em;
margin-bottom: 1em;
margin-top: 1em;
}

.info_left  {
font-family: Helvetica, Verdana;
font-size: 13px;
color: #666;
font-weight: bold;
margin-left: 2em;
margin-right:2em;
margin-bottom: 1em;
margin-top: 1em;
}


.field{
font-family: Helvetica, Verdana;
font-size: 0.9em;
color: #666;
font-weight: bold;
text-align:right;
}
.a_center{
font-size:11px;
display:block;
text-align:center;
}
.a_center ul{
list-style-type:none;
}
.input_center{
text-align:center;
}
.input_center input{
margin-top:15px;
}




/**************************** MODIF MH ***********************************/
#logo{
	width:654px;
	height:150px;
margin:auto;
}
#footer{
	clear:both;
	font-size:10px;
	text-align:right;
	font-weight:normal;
	margin:auto;
}

.fond_t{
	background-image:url(img/fond_3.png);!important;
	background-position:center top;
	background-repeat:no-repeat;




	width:654px;
	height:600px;
	margin : auto;

}
.gauche{

	float:left;
	display:inline;
}
.inscription{
	width:270px;
	height:120px;
	padding-top:40px;
	padding-left:85px;
}
.inscription_titre{
	padding-bottom:15px;
}
.inscription_titre h1{
	color:#42607A;
	font-size:15px;
}

.archives{
	text-align:right;
	width:200px;
	height:400px;
	float:right;
	padding-bottom:10px;
	padding-top:43px;
	padding-right:15px;
}
.archivesscroll{
	overflow:scroll;
}

.radio_noborder{
border:none;
}
.lien_archive{
	width:200px;
	height:400px;
	margin:auto;
	padding-right:5px;
}
.inscription_ami a, .lien_archive a{
	color:#202020;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
}
.inscription_ami a{
color:#618EB5;
font-size:14px;
}
.inscription_ami a:hover{
	font-weight:bold;
}
.lien_archive a:hover{
	color:#618EB5;
}

.archives h1{
	color:#618EB5;
	font-size:15px;
line-height:35px;
}
.inscription_ami{
padding-right:15px;
padding-top:30px;
text-align:center;
}
.fenetre_news{
	width:654px;
	padding-left:20px;
}
.return_b{
	padding:20px;
}
.return_b a{
	color:#000000;
	font-size:12px;
}
.return_b a:link{
	color:#f0f0f0;
}
.radio_ins{
font-weight:bold;
font-size:11px;
}
.content2{
width:654px;
margin:auto;
}
.titre_subscription, .success, .return_b, .error, .successimport{
	background-color:#ffffff;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
	margin:0px;
height:30px;
padding:20px;
}

.text_zaleo{
	font-size:11px;
	margin-top:26px;
	padding-bottom:0;
	padding-left:20px;
	padding-right:0;
	text-align:left;
	width:400px;
}
.text_zaleo ul{
padding-left: 25px;
}
.text_zaleo li{
	 font-family: Arial, sans-serif;
	 font-size: 100%;
	 color: black;
	 display : list-item;
	 list-style-image : url(img/puce-objet.png);
	 background-position: 0 0.32em;
}
.text_zaleo span{
font-weight:bold;
}
.pub_nl{
	margin-top:80px;
	font-size:11px;
}
.text_pub_nl{
	background-color:#ffffff;
   filter:alpha(opacity=90);
   -moz-opacity:0.9;
   opacity: 0.9;
}
.text_pub_nl p{
	font-size:11px;
text-align:left;
padding:15px;
}
.text_pub_nl ul{
text-align:left;
	font-size:11px;
padding-left:40px;
}
.fond_pub_nl{

	background-image:url(img/fond_exp_nl.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:157px;
	height:197px;
	float:left;
}
.fond_pub_nl_group{

}




/************ GOOGLE *******/
table.gsc-branding{display:none;}
#cse div.gsc-control-cse{background-color:#ffffff;}
#cse div.gsc-control-cse form.gsc-search-box{margin:0;}
#cse div.gsc-control-cse form.gsc-search-box input.gsc-input{width:30%;}
#cse{font-size:11px;}
.gsc-results{text-align:left;}

.recherche_mayotte{
	margin-top:25px;
	width:654px;
	margin:auto;
}
.item_rech{
	padding:5px;
	font-size:10px;
	color:#666666;
}
.recherche_mayotte a{
	padding:5px;
	font-size:12px;
	color:#969792;
	font-weight:bold;
}
.recherche_mayotte a:hover{
	color:#7FCD0D;
}

.block_rech{
	background:#ffffff;
	text-align:left;
	border:1px solid #888888;
	margin-top:5px;
	padding:10px;
}
#divbas{font-size:12px;color:#222222;text-align:center;padding:10px;}
#divbas a{color:#222222;text-decoration:none;}
#divbas a:hover{color:#888888;}
a.abascat{font-size:11px;text-decoration:none;}
#framegauche a.abascat{font-size:10px;}
/************************************************************** DIFFERENTS BG **************************************************/
body{
	background-image:url(http://pub.mayottehebdo.com/images/bg/fond_lagon.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

label{display:inline-block;width:150px;}