/*copyright by kitgraphiquegratuit.org*/
body, html  {background:url(ap_quadra.jpg); repeat-x;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;font-size:12px}        
#conteneur  {margin: 0 auto 0;position:relative;width:1024px;padding:0;text-align:left;background:url(Images/ap_quadra.jpg)}	
#header     {margin: 0 auto 0;width:1024px;height:151px;background: url(Images/header-pascalemat.png) no-repeat top;padding:0} 	
#left       {width: 220px;margin-left: 5px;float: left;}
#content    {margin-left: 190px;margin-bottom:30px;text-align: center}
#activite img {align: center}

#histoire { text-align: justify; width:740px;color: #008907}

.ie6  {text-indent: 5px;color: #008907}
img, .nh, .nf, .nb, .mh, .mf, .mb { behavior: url(../../iepngfix.htc) } 

.onglet{
-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	background-color: #ffffbf;
	
	}
	
	hr { border-color: #b3f23e; height: 1px;}
	
	<a href="#" class="myButton">green</a>

.myButton {
	-moz-box-shadow: 0px -1px 49px -6px #3dc21b;
	-webkit-box-shadow: 0px -1px 49px -6px #3dc21b;
	box-shadow: 0px -1px 49px -6px #3dc21b;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
	background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
	background-color:#44c767;
	-moz-border-radius:31px;
	-webkit-border-radius:31px;
	border-radius:31px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:17px;
	padding:7px 53px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
	background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
	background-color:#5cbf2a;
}
.button {
	border-top: 1px solid #10520c;
	background: #75ba25;
	background: -webkit-gradient(linear, left top, left bottom, from(#308c14), to(#75ba25));
	background: -webkit-linear-gradient(top, #308c14, #75ba25);
	background: -moz-linear-gradient(top, #308c14, #75ba25);
	background: -ms-linear-gradient(top, #308c14, #75ba25);
	background: -o-linear-gradient(top, #308c14, #75ba25);
	padding: 4px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #e3e012;
	font-size: 12px;
	font-family: Georgia, Serif;
	text-decoration: none;
	vertical-align: middle;
   }
.button:hover {
   border-top-color: #cdd927;
   background: #cdd927;
   color: #1b8a19;
   }
.button:active {
	border-top-color: #FFFFFF;
	background: #1a4f10;
   }
/*News*/   
.nh           {background:url(Images/nhtr770.png);width:770px;margin:0 auto;padding:0;color:#232323;height:20px}
.nf           {background:url(Images/nftr770.png);width:740px;margin:0 auto;padding:0 15px 0 15px;color:#232323}
.nb           {background:url(Images/nbtr770.png);width:770px;margin:0 auto;padding:0;color:#232323;height:26px}

caption {color: #008907;margin-bottom: 10px}
#pied  #piedlien  .partenaires {color: black;font-size:12px}



/*Slogan*/
ul.slogan    {
	margin: 10px 0 0 0;
	padding: 0;
	width: 340px;
	text-decoration: none;
	position: absolute;
	right: -26px;
	top: 26px;
}     
ul.slogan li {color: #FFF;height:14px;font-size:14px;list-style-type: none;text-decoration: none;margin:12px 0 0 0;padding-top:4px;padding-left:55px;font-weight:bold;}   
li#vert      {color:#4b7602}

/*Menu*/
.mh           {background:url(Images/mh220tr.png);width:220px;margin:6px 0 0 0;padding:11px 0 0 0;color:#83c71c;height:15px;text-align:left;font-size:12px;font-weight:bold}
.mf           {background:url(Images/mf220tr.png);width:190px;margin:0 auto;padding:0 15px 0 15px;color:#83c71c;text-align:left;font-size:12px}
.mb           {background:url(Images/mb220tr.png);width:220px;margin:0 auto;padding:0;color:#83c71c;height:24px;font-size:12px}
ul.menu            {margin:0;padding:3px 0 3px 0;width:190px;text-decoration: none;text-align:left;font-size:10px}	   
ul.menu li         {margin:0 0 0 5px;padding:0;list-style-type: none;font-weight:bold;}	
ul.menu li a       {color: #2b2b2b;font-size:10px;height:15px;text-decoration: none;width:140px;margin:0; line-height:15px;}
ul.menu li a:hover {color: #84c71d}	 

/*menu droite*/
.mh1           {background:url(Images/mh120tr.png);width:120px;margin:6px 0 0 0;padding:11px 0 0 0;color:#83c71c;height:15px;text-align:left;font-size:12px;font-weight:bold}
.mf1           {background:url(Iimages/mf120tr.png);width:90px;margin:0 auto;padding:0 15px 0 15px;color:#83c71c;text-align:left;font-size:12px}
.mb1        {background:url(Images/mb120tr.png);width:120px;margin:0 auto;padding:0;color:#83c71c;height:24px;font-size:12px}
	
h1
{
	text-align: center;
	margin: 0px;
	font-weight: normal;
	font-size: 20px;
	color: #FF6652;
}	
h2
{
	font-size: 1em;
	color: #008907;
	text-decoration: underline;
	text-align: center;
	vertical-align: top;
}
h3,h4
{
	text-align: center;
	margin: 20px;
	text-decoration: none;
	font-weight: normal;
	font-size: 24px;
	color: #008907;

}

#activites
{
border-spacing: 10px;
}
#content table  
{
	text-align: center;
	color: #093;
	
}

#fables { text-align= "left"
	color: #008907;
	color: #093;
}
/*exemple*/
.exemple
{
	text-align: left;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	margin-left: 5px;
	color: #83c71c;
	font-size: 1.5em;
}
/*recherche google*/
.rechercher  
{
	font-weight: bold;
	margin-bottom: 0px;
	text-indent: 5px;
	color: #008907;
	text-decoration: underline;
	text-align: center;
	font-size: 12px;
}
.stat
{
font-weight:bold;
margin-bottom: 0px;
text-indent: 5px;
color: #008907;
text-decoration: underline;
text-align: left;
font-size: 12px;
}

/*Class générique*/	 
.clear              {clear:both;visibility:hidden}
Span		        {color:#84c71d;font-size:14px;font-weight:bold}	
img, p, h3, h4, h6, Span, object, table, td, tr, form{
	border: 0;
	margin: 0;
	padding: 0;
	color: #388906;
	font-size: 1em;
	font-weight: bold;
} 
a                   {
	color:#390;
	text-decoration:none;
	outline:none;
	font-weight:bold
}	 
a:hover             {
	color: #FF6600;
	font-weight: bold;
	font-size: 1,3;
}		 

 
/*Pied et copyright*/  
#pied            {
	height:40px;
	background:#b5f442 url(Images/footer410.png) repeat-x;
	text-align:left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
} 
#piedlien        {margin: 0 auto 0;width:1000px;color:#2b2b2b}	
#piedgauche      {margin: 0 auto 0;width:200px;float:left;text-align:center}	
#piedgauche Span {color:#2b2b2b;font-size:18px;font-weight:bold}	
#piedcentre      {font-size: 10px;font-weight:bold;color:#2b2b2b;margin: 0 auto 0;width:540px;margin:0 200px 0 200px;border-left:1px solid #d8fa99;border-right:1px solid #d8fa99;padding:0 25px 0 25px }	
#piedcentre Span {color:#2b2b2b;font-size:16px;font-weight:bold}	
#pieddroite      {margin: 0 auto 0;width:200px;float:right;text-align:center}	
#pieddroite Span {color:#2b2b2b;font-size:18px;font-weight:bold}	
#pied #piedlien .partenaires {background: #d8fa99}

ul.menu_pied            {color: #2b2b2b;margin:0;padding:3px 0 3px 0;text-decoration: none;text-align:center}	   
ul.menu_pied li         {margin:0 0 0 0;padding:0;list-style-type: none;font-weight:bold}	
ul.menu_pied li a       {color: #2b2b2b;text-decoration: none;margin:0;font-size:12px;}
ul.menu_pied li a:hover {color:#2b2b2b}	
#piedlien a {color:#2b2b2b;font-size:10px;font-weight:bold;text-decoration: none;outline:none}
#piedcentre a         {color:#2b2b2b;font-size:10px;font-weight:bold;text-decoration: none;outline:none}
#piedcentre a:hover   {color:#2b2b2b}   
#pieddroite a {color:#2b2b2b;font-size:10px;font-weight:bold;text-decoration: none;outline:none}
#piedgauche a {color:#2b2b2b;font-size:10px;font-weight:bold;text-decoration: none;outline:none}
													
.couleur {
	color: #F60;
	font-size: 14px;
}
.logo {
	font-size: 36px;
	text-shadow: 1px 1px #000000,#498126 -1px 1px,#498126 -1px -1px,#498126 1px -1px;
	color: #fc6aac;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.social-media-icons {
float: right;
margin-top: 15px;
}
a.social-media-icon {

display: inline-block;
height: 32px;
margin-right: 6px;
overflow: hidden;
text-indent: -1000px;
transition: background-position 0.25s ease 0s;
width: 32px;
}
a.social-media-icon:hover {
background-position: 0 -32px;
}
/** Lien pointant vers les images – A adapter **/
.facebook {
background-image: url("Images/facebook.png");
}
.twitter {
background-image: url("Images/twitter.png");
}
.google-plus {
background-image: url("Images/google-plus.png");
}

.pinterest{
 
background-image: url("Images/pinterest.png");

}