body {
	font: 0.8rem Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	color: #3C3C3C;
	padding: 0;
	margin: 0;
	background-color: white;
	line-height: 1.8em;
	letter-spacing: 0.025em;
}


/*
 * ne fonctionne pas
	div.target
	{
		padding-top: 90px;
		margin-top: -90px;
	
	}
*/
/*
	:target:before
	{
		display:block;
		position: relative;
		top: -90px;
		visibility: hiddent;
	
	}
*/

	:target
	{
		display:block;
		position: relative;
		top: -230px;
	
	}

/*
	:offset:before
	{
		display:block;
		position: relative;
		height: 90px;
		margin-top: -90px;
		visibility: hiddent;
	
	}
	
*/


@font-face{
	font-family: 'myriad';
	src: url('/scripts/css/fonts/MyriadPro-Cond.eot?') format('eot'), 
	     url('/scripts/css/fonts/MyriadPro-Cond.woff') format('woff'), 
	     url('/scripts/css/fonts/MyriadPro-Cond.ttf')  format('truetype'),
	     url('/scripts/css/fonts/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
}

@font-face{
	font-family: 'myriadbold';
	src: url('/scripts/css/fonts/MyriadPro-BoldCond.eot?') format('eot'), 
	     url('/scripts/css/fonts/MyriadPro-BoldCond.woff') format('woff'), 
	     url('/scripts/css/fonts/MyriadPro-BoldCond.ttf')  format('truetype'),
	     url('/scripts/css/fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
}

h1{
	font-family: 'myriad';
	color: #61BD6D;
	font-weight: normal;
	text-align: left;
	font-size: 2.5em;
	margin-top: 0;
	padding-top : 20px;
}

h2.audio{
	font-family: 'myriad';
	color: #61BD6D;
	font-weight: normal;
	text-align: left;
	font-size: 2em;
	margin-top: 0;
	padding-top : 20px;
}

h3.h3windows{
	background-color:#00777C;
	font-size: 1.2rem;
	padding: 2px;
	margin: 0;
	font-weight: normal;
	color: #FFFFFF;
}

h3.h3macosx{
	background-color:#003F45;
	font-size: 1.2rem;
	padding: 2px;
	margin: 0;
	font-weight: normal;
	color: #FFFFFF;
}

span.spgetyourtimelimited{background-color:#00ff66;padding: 2px;}


p.pgrisclair{background-color:#D0D0D0;}
p.ptresgrisclair{background-color:#E7E7E7;}

a:link, a:visited, a:active{
	color: #16464A;
/*	color: white;*/
	text-decoration: none;
}

td{font: 0.8rem Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; }

a:hover{
	color: #24D1A1;
	text-decoration: underline;
}

a.abnoirgvert:link, a.abnoirgvert:visited, a.abnoirgvert:active, a.abnoirgvert:hover{
	color: black;
	background-color: #abba00;
	text-decoration: none;
	font-size: 0.8rem;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
}

a.downloadlnk:link, a.downloadlnk:visited, a.downloadlnk:active
{border: 1px solid #61BD6D;padding: 2px;background-color:#096369;color:white;}
a.downloadlnk:hover
{border: 1px solid #61BD6D;padding: 2px;background-color:#24D1A1;color:white;}


img{border: 0;max-width: 100%;}

.buttonvert{
	background-color: #61BD6D;
	color:white;
	border: 1px solid #61BD6D;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-Webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.buttonvert:hover{
	box-shadow: 1px 4px 3px #161616;
}
.buttonvert2{
	background-color: #61BD6D;
	color:white;
	border: 1px solid #61BD6D;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.buttonvert2:hover{
/*	box-shadow: 1px 4px 3px #161616;*/
	background-color: white;
	color:white;
	border: 1px solid #61BD6D;

}


/***************** Partie header *****************/
header input[type="radio"] {position:absolute;left:-9999em;}

div.nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

/***************** Partie main *****************/
#sectionmain{
	width: 100%;
	height: auto;
	background-color: #FAFAFA;
	margin-top: 0px;

}

div#sectionariane{width:100%;background-color:#E6E6E6;}
.separateurariane{font-size:0.7rem;color: #888888;}
a.aariane:link, a.aariane:visited, a.aariane:active{
	color: #646464;
	text-decoration: none;
}

a.aariane:hover{
	color: #646464;
	text-decoration: underline;
}

#divmainint img{
	vertical-align: middle;
}

#divmaininthome img{
	vertical-align: middle;
}

div#divmaininthome h1{
	font-family: 'myriad';
	color: #066E74;
	font-weight: normal;
	text-align: center;
	font-size: 2.5em;
	margin-top: 0;
	padding-top : 20px;
}



div#divtemoignage div{
	float: left;
	text-align: left;
	padding-left: 6px;

}

div#divtemoignage h3{
	font-family: 'myriad';
	font-size: 1.5rem;
	text-align:center;
}

div#divtemoignagephoto img{max-width:90%;max-height:300px;align:auto;}

.temoinpartie2{position: relative;display: block;font-size: 0.9rem;width:100%;margin-top: 5px;margin-bottom: 5px;font-weight: bold;}
.temoingnote{position: relative;display: block;font-size: 0.7rem;width:100%;font-style:italic;margin-bottom: 5px;}


/* Recent News */
div#divnewshome h3{
	color: white;
	font-family: 'myriad';
	font-size: 1.6rem;
	font-weight: normal;
	margin: 0;
	padding: 3px;
	padding-left: 15px;
	background-color: #096369;
}

div#divnewshome ul {
   list-style-image: url(/images/puce-verte.png);
   padding-left: 25px;
}

div#divnewshome a{color:black;}

/* news la plus recente*/
div#divnewshome div{
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px;
    /*padding-bottom: 25px;*/
	height:60px;
	margin-top:5px;
	margin-bottom:20px;
	font-size: 0.9rem;

	border: 1px solid #61BD6D;
	background-color:#1BA47E;
	color:white;

}


form label{
	display:inline-block;
	width:200px;
	text-align:right;
	margin-right:10px;
}

.spanform{
	display:inline-block;
	text-align:left;
	width:350px;
	background-color:#EBEBEB;
	margin-bottom: 10px;
}

input[type="text"],input[type="password"],input[type="email"],textarea{
	background-color: white;
	border: 1px solid #61BD6D;
	padding-left: 5px;
}

input[type="submit"],input[type="reset"]{
	background-color:#61BD6D;
	color:white;
	border: 1px solid #61BD6D;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.btn {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	font-size: 12px;
	background: #666666;
	padding: 3px 15px 3px 15px;
	text-decoration: none;
	display: inline-block;
	margin-top: 10px;
	margin-right: 15px;
	text-decoration: none;
}

.btn:hover {
  text-decoration: none;
  background: #3D3D3D;
  text-decoration: none;
}

div.divcomadresse{
	float: left;
	display: inline-block;
	padding: 10px;
	background-color: white;
	border:1px solid #BDBDBD;
}

div.divcomadresse h2{
	margin-top: 0;
	border-bottom:1px solid #BDBDBD;
}

.arrondi{
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-Webkit-border-radius: 6px;
	border-radius: 6px;
}

.bgrouge{
	color: white;
	background-color: red;
	text-align:center;
}

.bgvert{
	color: white;
	background-color: green;
	text-align:center;
}

div.divformeng{display:inline-block;width:400px;text-align:left;}
div.divformulaire{
	width:500px;
	text-align:center;
	margin:0 auto;
}

#divcontactform textarea{
	width: 97%;
}

#divcontactadresse{
	text-align: center;
}

div#divaudioliste{text-align:center;width:100%;}
div.divaudiolisteint{display:inline-block;width:200px;text-align:center;margin:2%;}
div.divaudiolisteint img{max-height:100px;}
	
.enteteTab{color:white;background-color:#505050;}
.ligne1{background-color:#F5F5F5;}
.ligne2{background-color:white;}
.ligne3{background-color:#CACACA;}

/***************** Partie footer *****************/
footer{
	background-color: #056E74;
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 10px;
}

footer div aside{		
	font-size: 0.7rem;
	line-height: 1.5em;
}

footer div aside h2{
	font-family: 'myriad';
	margin: 0;
	font-size: 1.4rem;
	margin-bottom: 10px;
	color: white;

}

h2#h2follow{
	font-weight: normal;
	color: white;
}

img.imgreseaux{margin-right: 10px;}	

h2#h2newsletter{
	font-weight: normal;
/*	background-image: url(/images/deg-newsletter.png); */
	border-top: 1px dashed #C8C8C8;		
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 5px;
	padding-top: 15px;
}

#divnewsletter{height: 28px;}
#inputnewsletter{
	width: 65%;
	height: 26px;
	float: left;
	background-color: #D5D5D5;
	border: 1px solid #797979;
	border-right: none;
	padding: 0;
	text-align: center;
	color: #797979;
}

#btsuscribe{
	width: 24%;
	height: 28px;
	float: left;
	background-color: #797979;
	border: 1px solid #797979;
	color: white;
	font-family: 'myriad';
	font-size: 1.08rem;
}

footer div aside ul{	
	padding: 17px;
	padding: 0;
	margin: 0;
	list-style: none;
	
}

a.abas:link, a.abas:visited, a.abas:active{
	width: auto;
	line-height: 2em;
	display: block;
	font-size: 0.75rem;
	text-decoration: none;
	text-align: left;
/*	color: #555555;*/
	color: #FFFFFF;
}

a.abas:hover{
	width: auto;
	line-height: 2em;
	display: block;
	font-size: 0.75rem;
	text-decoration: underline;
	text-align: left;
	background-color: transparent;
	color: #16464A;
}