html {
	color : #444;
	font-family : verdana, arial, sans-serif;
	}
html * {
	padding : 0;
	margin : 0;
	}
body {
	
	margin : 0 auto;
	padding : 0 10px;
	color : #636363;
	font-family : helvetica, "trebuchet MS", verdana, sans-serif;
	line-height : 1.667em;
	}
html>body {
	font-size : 13px;
	}

/*LINKS*/
/*-----*/

a, a:link	{

	color :	#c9c;
	text-decoration : underline;
	border : 0px none;
	}
a:visited {
	color : #ccc;
	text-decoration: underline;
		}
a:hover	{
	color : #636;
	text-decoration : none;
		}
a:active {
	color : #636; background : white;
	text-decoration : none;
	}
p.link 	{
	width : 100%;
	text-align : right;
	color : #c9c;
		}
p.link a {
	margin-right : 10px;
	}
p.link a:hover {
	color : #636 !important;
	}
p.link a:visited {
	color : #c9c !important;
	}
		
		
#header {
	position : relative;	
	}
#header img {
	margin : 10px auto;
	display : block;
	max-width : 100%;
	height : auto;
	}


#press {
	max-width : 650px;
	margin: 1.5em auto;
	}

#press p {
	text-align : center;
	font-family : georgia, "times new roman", serif;
	font-style : italic;
	font-size : 1.333em;
	line-height : 1.25em;
	color : #888; 
	background : url('i/rdquo.gif') no-repeat top right;
	}
	
#press p span {
	display : block;
	background : url('i/ldquo.gif') no-repeat top left;
	padding :0 25px;
	}

#wrapper {
	position : relative;
	margin-top : 20px;
	}

/* MENU */
/*------*/




#menu {
	background : #c9c;
	height : 40px;
	width : 100%;
	position : relative;
	font-size : 1em;
	}
#menu ul {
	list-style-type:none;
	max-width : 650px;
	margin : 0 auto;
	height : 40px;
	}
#menu ul li {
	display : inline;
	float : left;
	width : 20%;
	border-right : 1px dotted #fff;
    	box-sizing:border-box;
    	-moz-box-sizing:border-box;
    	-webkit-box-sizing:border-box;
	}

#menu ul li a {

    	display: inline-block;
	line-height : 40px;
    	text-align: center;
	text-decoration : none;
	color : #fff;
	text-transform : uppercase;
	width : 100%;
	}
#menu li:first-child {
    border-left: 1px dotted #fff;
}
#menu ul li a:hover {
	}
#menu ul li a:active, #menu ul li a.current {
	cursor : default;
	color : #444;
	}

#menu a#pull {
    display: none;
}  

@media only screen and (max-width : 480px) {
	    #menu {
        border-bottom: 0;
    }
    #menu ul {
        display: none;
        height: auto;
    }
    #menu a#pull {
        display: block;
        background-color: #c9c;
        width: 100%;
	margin:0 auto;
        position: relative;
	line-height : 40px;
    	text-align: center;
	text-decoration : none;
	color : #fff;
	text-transform : uppercase;
    }
    #menu a#pull:after {
        content:"";
        background:  blue url('i/menu-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 5px;

    }
	#menu ul {
		width : 100%;
	}

    #menu ul li {
	background : #c9c;
        display: block;
        float: none;
        width: 100%;
	margin : 0 auto;
	border-right : 0 !important;
	border-left : 0 !important;
    }
	#menu ul li:last-child {
	border-bottom : 1px dotted #fff;
	}
	
	}


/* CONTENT */
/*---------*/

#content {
	background : #fff;
	max-width : 650px;
	margin : 1.667em auto;
	}
#content img {
	float : left;
	padding : 2px;
	border : 1px solid #aaa;
	margin : 0 10px 6px 0;
	}

@media only screen and (max-width : 600px) {
	#content img {
	float : none;
	margin : 10px auto;
	max-width : 100%;
	height : auto;
	display : block;
	}
}

#content p {
	margin : 0 10px 1.67em 0;
	line-height : 1.67em;
	}

h3	{
	

	font-weight : normal;
	font-size : 1.667em;
	line-height : 1.5em;
	margin : 0.5714em 0;

	}

	

/*  FOOTER   */
/*-----------*/

#footer {

	}
#footer p {
	border-top : 6px solid #c9c;
	max-width : 650px;
	margin : 0 auto;
	text-align : center;
	padding : 14px 0;
	}
span.obfuscate {
	unicode-bidi: bidi-override; 
	direction: rtl; 
	}

	
/*  FAQ */
/*------*/

ul#faq {
	list-style-type : none;
	}
#faq li {
	line-height : 1.67em;
	}
#faq li a {
	text-decoration : none;
	border-bottom : 1px dotted;
	}
#faq li a:visited, #answers dd a:visited {
	color : #c9c;
	}


#answers dt {
	margin : 1.667em 0 0 0;
	border-top : 1px solid #aaa;
	padding: 1.667em 0 0 0;
	font-size : 1.33em;
	line-height : 1.2em;
	margin-bottom : 1.2em;
	}
#answers dd {	padding : 0; }
#answers dd dl {
	margin-bottom : 1.5em;
	}	
#answers dd dl dt {
	color : #c9c;
	border-bottom : 1px dotted;
	margin : 1em 0 0 0;
	border-top : none;
	padding-top : 0;
	font-size : 1em;
	}
#answers dd dl dd {

	}


			
/* REPERTOIRE */
/*------------*/

table {
	width : 100%;
	margin : 1.667em 0 0 0;
	}
table tr td:last-child {
	padding-left : 1em;
	}
tr:nth-child(even) {
	background: #fafafa;
	}
table caption {
	text-align : left;
	font-size : 1.33em;
	line-height : 1.2em;
	margin-bottom : 1.2em;
	border-bottom : 1px solid #c9c;
	}


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

/* Forms */
/*-------*/

#content form {
  	background-color : #f5f5f5;
  	margin : 3.3333em auto 1.667em !important;
  	border : 1px solid #dddddd;
	width : 100%;
	max-width : 480px;
	}
form fieldset {
  	border : none;
	margin : 0 10px 1.667em 10px;
	}
form p.legend {
	margin-top : 1.667em !important;
}
form label {
	display : block;
	line-height: 1.6667em;
}

form fieldset ul li {
  	list-style: none;
  	padding: 10px;
  	margin: 0;
}
form fieldset ol li {
	list-style:none;
  	padding: 5px;
  	margin: 0;
}

form textarea {
	width : 100%;
	height : 20em;
	line-height : 1.6667em;
	}
form input {
	width : 100%;
	height : 1.667em;
	line-height : 1.6667em;
	}
form .submit input {
	height : auto;
	width : 100px;
	}

span.m {
	font-weight : bold;
	color : #c9c;
}
p.submit {
	margin : 1.6667em auto !important;
	text-align : center;
	}
#content div#warn_box {
	margin : 1.6667em auto;
	background-color : #fae9fa;
	color : #636;
	border : 1px solid #636;
	width : 100%;
	max-width : 480px;
	}
#content div#warn_box p {
	margin-left : 10px;
	}
#content ul#warn_list {
	margin : 0 10px;
	list-style : disc inside;
	}
#content ul#warn_list li {
	margin : 0;
	}
#content p.warn_msg {
	color : #636;
	margin-left : 0;
	margin-bottom : 0;
	font-weight : bold;
	}

	
/* HACKS */
/*-------*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}