/* CSS Document */
body { text-align: center; background-color: #fff; font: 0.938em/1.5em verdana, sans serif; color: #003399; }
.page { background-color: #fff; border-left: 2px solid #ff6600; border-right: 2px solid #ff6600;}
.header { padding-bottom: 0; margin-bottom: 0; padding-right: 0; border: 0; }
.header #logo { display: block; margin: 0; font-weight: bold;  }
.header { padding-bottom: 0; margin-bottom: 0; }
.page { position: relative; width: 980px; margin: 0 auto; text-align: left;}
.main { padding-left: 20px; padding-right: 20px; margin-top: 0; padding-top: 30px;}
.nav { font: normal 125% 'Comic sans MS', verdana, sans serif; border-top: 0; border-bottom: 1px solid #003399; background: #fff; color: #ff6600; padding-top: 0; padding-bottom: 10px; padding-left: 40px; }
.nav li { display: inline;}
.nav ul li a { margin-left: 10px; margin-right: 20px; background: url("../../img/puce.png") left center no-repeat; border-right: 0; text-decoration: none; color: #e93d0e/*ff6600*/; }
.nav ul li a:visited { background: url("../../img/puce.png") left center no-repeat; color: #f8b133; }
.nav ul li a:focus, 
.nav ul li a:hover, 
.nav ul li.on,
.nav ul li.on a,
.nav ul li a.on,
.nav ul li span.on,
.nav ul li a:active, 
.nav ul li.on {background: url("../../img/puce.png") left center no-repeat; color: #003399; }


.arbo { /*margin-top: 10px;*/ padding-top: 0.5em; font-size: 87.5%}
.aside { padding-top: 80px; padding-bottom: 20px;}
.titre {font: 125% 'Comic sans MS', verdana, sans serif; /*padding: 10px 0 0 10px; */text-transform: uppercase;  }
/*.titro a {color: #ffcc00;}*/
.atelier { padding: 10px; text-align: left; border: 4px solid #fdcd01;}
.footer { clear: both; font: 106.3% 'Comic sans MS', verdana, sans serif; font-weight: normal; border-top: 2px solid #003399; padding-top: 0.5em; padding-bottom: 1em; padding-left: 20px; }
.footer a { text-decoration: none;}
a { color: #e93d0e/*ff6600*/;}
a:visited {color: #f8b133;}
a:hover {color: #ff6600;}

h1,.h1 { font: 137.5% 'Comic sans MS', verdana, sans serif; }
h2,.h2 { font: 125% 'Comic sans MS', verdana, sans serif; }
h3,.h3 { font: 118.8% 'Comic sans MS', verdana, sans serif; }

hr {
	visibility: hidden;
	margin-bottom: 1.5em;
	/*background-color: #003399;
	color: #003399;
	width: 50%;
	padding-left: 20px;
	height: 2px;
	border: none;*/	
}
@media (min-width: 600px) { 
input, textarea {
	margin-bottom: 10px;
  }
  }
.contact  { margin-bottom: 2em; }
@media (max-width: 480px) {
input, textarea, .formulaire_ecrire_auteur input.text {
	width: 100% !important;
  }
  }