@font-face {
	font-family: 'Lobster';
	src: url('/fonts/lobster/Lobster-1.4.otf') format("opentype");
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('/fonts/open-sans/OpenSans-Light-webfont.eot');
    src: url('/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('/fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/fonts/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/open-sans/OpenSans-LightItalic-webfont.eot');
    src: url('/fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/open-sans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('/fonts/open-sans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('/fonts/open-sans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('/fonts/open-sans/OpenSans-Italic-webfont.eot');
    src: url('/fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'),
         url('/fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('/fonts/open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/open-sans/OpenSans-Semibold-webfont.eot');
    src: url('/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/fonts/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: bold;
    font-style: normal;

}
body {
	font-family: OpenSans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: white;
	margin: 0px;
}
a {
	color:#333333;
}
a.important {
	color:#FF9900;
}
a:hover {
	color:#cc6600;
}
img {
	border:none;
}
div.container {
	max-width: 770px;
	margin: auto;
	padding: 0 20px;
}
/* Header */
#header {
	background: url(/img/AppFa_BG_orange.gif);
	margin: 0px;
	overflow:hidden;
	color:white;
}
#header-bar {
	clear:both;
	background-color: white;
	height: 4px;
	border-bottom: 4px solid #cc6600;
}
.logo_letter {
	color:#cc6600;
}
#logo {
	float: left;
}
#logo h1 {
	font-weight:normal;
	font-size: 3.5em;
	color: white;
	margin: 20px 0 0 0;
	padding: 0px;
	font-family: Lobster, Arial, Helvetica, sans-serif;
}
#logo h1 a {
	text-decoration: none;
	color:white;
}
#logo h1 a:hover {
	color:white;
	text-decoration: none;
}
#logo h2 {
	margin: 0px;
	padding: 0px;
	color: white;
	font-style: normal;
	font-size: 1.2em;
	font-weight: normal;
}

#main_nav ul {
	float: right;
	margin:0px;
	padding: 0px;
	list-style: none;
}
#main_nav li {
	float: left;
	margin: 0px;
	margin-top: 30px;
	margin-left: 5px;
	padding: 0px;
}
#main_nav a {
	float:left;
	color: white;
	font-weight: bold;
	width:100px;
	margin:0px;
	padding: 5px 0;
	height: 35px;
	text-decoration: none;
	text-align: center;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#main_nav a:hover {
	color: white;
	background-color: #FF9900;
}
#main_nav a.activelink {
	color: white;
	background-color: #cc6600;
}
#user_box {
	padding-top:10px;
	text-align: right;
	color:#333333;
}

/* Recherche */
#recherche_google {
	margin-top: 10px;
	text-align: right;
}
input#recherche_text {
	background-color:#EEEEEE;
	border: 1px solid #999999;
	height: 25px;
	width: 250px;
	margin:0;
	padding:0 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
	font-size: 12px;
}
input#recherche_button {
	width: 50px;
	height: 29px;
	margin:0;
	padding:0;
		border: 1px solid #999999;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color:#666666;
font-weight: bold;
}
/* Main */

#main {
	position: relative;
	max-width:770px;
	color: black;
	margin: auto;
	padding: 20px;
}
#main p {
	color:#666666;
	margin-bottom: 5px;
	text-align:justify;
	margin-left:40px;
}
#main p.error {
	padding: 5px;
	border: 3px solid red;
	color:red;
	font-weight:bold;
	font-size: 14px;
	margin-bottom: 5px;
	text-align: center;
}
#main p.status {
	padding: 5px;
	border: 3px solid;
	font-weight:bold;
	font-size: 14px;
	margin-bottom: 5px;
	text-align: center;
}
#main h1 {
	font-family: OpenSans, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 2.5em;
	margin-bottom: 10px;
	margin-top: 5px;
	}
#main h2 {
	color:#FF9900;
	font-size: 1.5em;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left:20px;
}
#main h3 {
	color:#333333;
	font-size: 1.2em;
	margin-bottom: 5px;
	margin-left: 40px;
}
#main h4 {
	color: #333333;
	font-size: 1.2em;
	margin-bottom: 5px;
}
#main ul {
	color: #666666;
	padding-left:40px;
	margin-left:40px;
}

/* Footer */
#footer {
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding: 3px;
	color:#999999;
	text-align:center;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	border-right: solid 1px white;
}
#footer a {
	text-decoration:none;
	color:#999999;
}
#footer a:hover {
	text-decoration:underline;
}
.inverted {
	background-color:#FF9900;
	color: white !important;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#footer .partners {
	font-size: 10px;
}
#twitter {
	margin:10px;
}
#Google_pub_bottom {
	margin-bottom: 20px;
}
.tag1 { font-size: 2em; }
.tag2 { font-size: 1.8em; }
.tag3 { font-size: 1.5em; }
.tag4 { font-size: 1.2em; }
.tag5 { font-size: 1em; }
/* Media Queries */
@media screen and (max-width: 740px) {
	#main, .container {
		width:auto;
	}
	#main_nav, #logo h2, #user_box {
		display:none;
	}
	#logo {
		float: none;
		margin:auto;
		text-align:center;
	}
	#main h2, #main h3, #main p, #main ul {
		margin-left:0;
	}
	#recherche_google {
		margin: 10px 0;
		text-align: center;
	}
	input#recherche_text {
		width: 70%;
	}
	input#recherche_button {
		width: 20%;
	}
}
form#don {
	margin: 20px 0
}
#don input {
	border: none;
}