@charset "UTF-8";
/* CSS Document */


body {
	background-color:#fcf9ed;
	margin:0px 0px 0px 0px;
	}

#menu {}



#meerkat-container {
	position: relative;
	z-index: 3;
}

#meerkat {
	width: 100%;
	display: none;
}

#meerkat-content {
	margin: 0 auto;
	text-align:center;
}

#meerkat-content h1{
	color: #FFF;
	font-size: 3.8em;
}

#meerkat-content p{
	color: #FFF;
	font-size: 1.2em;
}

#meerkat-content a.dont-show{
	color: #FFF;
	font-weight: bold;
}

#meerkat-content a.dont-show:hover {
	color: #FFF;
	text-decoration: none;
}

#meerkat-content-adsense {
	width: 730px;
	margin: 0 auto;
	padding-top: 10px;
}

#phrase{
	margin:0 auto 10px auto;
	
	}

#entrer{
	margin:15px auto 0 auto;	
	}

.enter-site{
	font-family: MuseoSlab, Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height: 1.6em;
	color:#5c8727;
	text-decoration:none;
	}

.enter-site a href{
	text-decoration:none;
	}
	
.enter-site:hover{
	color:#a9c839;

	}




/*---------------Typography---------------*/

@font-face{
    font-family: MuseoSlab;
    src: url(fonts/Museo_Slab_500.otf);
}

@font-face{
    font-family: MuseoSlab;
    src: url(fonts/Museo_Slab_500italic.otf);
	font-style:italic;
	}

p {
	font-family: MuseoSlab, Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height: 1.6em;
	color:#5c8727;
	text-align:left;
	}
	


ul {
	font-family: MuseoSlab, Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height: 1.6em;
	color:#5c8727;
	text-align:left;
	font-style:italic;
	list-style-type:disc;
	text-indent: 3px;
	margin-left: -15px;

	}
	
h3 {
	font-family: MuseoSlab, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:100;
	line-height: 1.6em;
	color:#5c8727;
	text-align:justify;
	border-bottom: 2px dotted #5c8727;
	padding-bottom:10px;
	}
	
h4 {
	font-family: MuseoSlab, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:100;
	line-height: 1.6em;
	color:#5c8727;
	border-top: 2px dotted #5c8727;
	padding-top:10px;
	}

h5 {
	font-family: MuseoSlab, Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:100;
	line-height: 1.5em;
	color:#fcf9ed;
	text-align:center;
	margin-top: -7px;
	}

	
/*---------------HEADER---------------*/

#logo {
	background-image: url(images/jg_logo.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 315px;
	height: 76px;
	margin: 0px auto 30px auto;
	padding: 50px 0px 0px 0px;
	text-indent: -1000em;
	}

.menu {
	width: 652px;
	height: 45px;
	margin: 0px auto 0px auto;
	border-top: 1px dotted #5c8727;
	border-bottom: 1px dotted #5c8727;
	text-align:center;
	padding-top: 18px;
	}
	
.btn {
	border-right: 2px dotted #5c8727;
	padding: 1px 25px 1px 0px;
	margin-left: 25px;
	}

.btn2 {
	padding-right: 25px;
	margin-left: 25px;
	}

/*---------------BODY---------------*/

/*-----à propos-----*/

.tagline {
	background-image:url(images/tagline.gif);
	background-repeat:no-repeat;
	margin: 50px auto 30px auto;
	height: 145px;
	width: 650px;
	text-indent: -1000em;
	}

.paragraph {
	margin: 0px auto 0px auto;
	width: 650px;
	}

.apropos{
	margin: 60px auto 40px auto;
	width: 650px;
	}

.aproposh {
	background-image:url(images/rigueur.gif);
	background-repeat:no-repeat;
	margin: -10px auto 10px 0px;
	text-indent: -1000em;
	height: 25px;
	}

.hand {
	float:left;
	margin-top:2px;
	width: 26px;
	}
	
.aproposcwrap {
	width: 650px;
	position:relative;
	}

.aproposc {
	width: 310px;
	padding-right: 15px;
	float:left;
	margin-bottom:40px;
	}
.aproposc2 {
	width: 310px;
	float:right;
	padding-left: 15px;
	}


	
/*-----services-----*/

.btnretour{
	clear:both;
	margin: 0px 10px 5px auto;
	text-align:right;
	}

.titre-service{
	height: 85px;
	margin: 0px auto 0px auto;
	border-top: 2px dotted #5c8727;
	border-bottom: 2px dotted #5c8727;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(images/services.gif);
	position:relative;
	}
.titre-service-no{
	width:24px;
	height:21px;
	z-index: 3;
	margin: 75px auto 0px auto;
	background-image:url(images/servicesno.gif);
	text-indent: -1000em;
	}

#services-wrap{
	margin: 60px auto 40px auto;
	width: 650px;
	}

#services-colonne1{
	width: 300px;
	float:left;
	}
#services-colonne2{
	width: 300px;
	float: right;
	}
#revision{
	background-image:url(images/revison.gif);
	background-repeat:no-repeat;
	text-indent: -1000em;
	height: 25px;
	}
	
#epreuve{
	background-image:url(images/epreuve.gif);
	background-repeat:no-repeat;
	text-indent: -1000em;
	height: 25px;
	margin-top: 30px;
	}

#scolaire{
	background-image:url(images/scolaires.gif);
	background-repeat:no-repeat;
	text-indent: -1000em;
	height: 25px;
	}



/*-----tarfis-----*/

.titre-tarifs{
	height: 85px;
	margin: 0px auto 0px auto;
	border-top: 2px dotted #5c8727;
	border-bottom: 2px dotted #5c8727;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(images/tarifs.gif);
	position:relative;
	}
.titre-tarifs-no{
	width:24px;
	height:21px;
	z-index: 3;
	margin: 75px auto 0px auto;
	background-image:url(images/tarifsno.gif);
	text-indent: -1000em;
	}

#soumission {
	width: 650px;
	margin: 60px auto 70px auto;
	}

#obtenir {
	background-image:url(images/soumission.gif);
	background-repeat:no-repeat;
	text-indent: -1000em;
	height: 25px;
	}

#paiement {
	margin-top:50px;
	background-image:url(images/paiement.gif);
	background-repeat:no-repeat;
	text-indent: -1000em;
	height: 25px;
	}


/*---------------Footer---------------*/

#footer {
	
	height: 200px;
	background-color:#5c8727;
	text-align:center;
	z-index: 1;


	}
	
.sigle{
	width:72px;
	height:72px;
	z-index: 1;
	top:-31px;
	margin: 0px auto 0px auto;
	background-image:url(images/sigle.png);
	position:relative;
}
	
.spacer {
	height: 200px;
	}

/*---------------EMAIL FORM---------------*/

#uploadform {width: 652px;}
	label {display: block;}
	input, textarea {width: 90%;}
	input#submit {width: auto;}
	.required {color: #a9c839;}
	#formfeedback { border: 1px dotted #5D8927; padding: 5px;}
	
.field {
	color: #5D8927;
	background: #f5efd6;
	border: 1px dotted #5D8927;
	width: 230px;
	}
	
.comment {
	color: #5D8927;
	background: #f5efd6;
	border: 1px dotted #5D8927;
	width: 600px;
	}

.file {
	color: #5D8927;
	background: #f5efd6;
	border: 1px dotted #5D8927;
	width: 230px;
	}

.button{
	color: #FCFAED;
	background: #5D8927;
	font-family: MuseoSlab, Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	border:none;
	cursor:pointer;
	padding: 8px 20px 8px 20px;
	}
	
.button:hover{
	background:#a9c839;

	}