body {font:13px sans-serif;color:#333;line-height:16px;background:#333;margin:0;padding:0}
div{clear:both}
pre{white-space:pre-wrap}
label,form {display:block;}
label {width:250px;display:inline-block;vertical-align:top;margin-right:10px;white-space : pre-wrap; }
small {color:#aaa;font-family:mono}
sup {color:#ccc;font-family:sans-serif}
label > sup {display:none}
i{color:#2a2;white-space : normal;}
b{white-space : pre-wrap}
b>div>label>small{color:#111;font-size:100%}
img{border:0}
.checkbox label {display:block;width:820px;text-align:left;float:right}
#alerte {margin:15px;padding:10px;font-color:#f11; border:2px solid #f22}
/* classe pour les infos de validation */
.tmp {border:2px dotted #f00;background:#fea;padding:10px;margin-top:10px;margin-bottom:10px}
.tmp:before{content:'Note';display:block;color:red;font-size:115%}

div .alerte{margin:auto 35px;width:650px;padding:5px;border:1px solid #f00;font-weight:bold;color:#f00;background:#fee}
.alerte>sup{color:#f00;}
input,select,textarea {
	border:1px solid #ccc;
	height:20px;
	line_height:23px;
	width:282px;
	background-color:#f0f0f0;
	font:13px sans-serif;
}
textarea {width:320px;height:100px}
input[type='text']{width:300px;}
input[type='radio'],input[type='checkbox']{height:auto;width:auto;vertical-align:absmiddle}
span.radio {margin-right:5px}

.page { width:918px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	padding-bottom:45px;}

.questions,.notes,.presentation{padding:3px;margin-left:30px;margin-right:30px;clear:both;}
#formulaire>b {font-size:150%;margin-bottom:5px;display:block;margin-top:5px;}
.coordonnees {padding:18px; background:#f96}
.message {margin-left:45px;margin-top:45px;}
.notes,.presentation {
	display:block;
	font:12px sans-serif;
	padding:15px;
	background:#f5f5f5;
	border:1px dotted #ddd;
	color:#333;
	margin-top:30px
}
span.presentation {
	padding:40px !important;margin:40px auto 35px auto !important;width:500px;
	font-size:14px !important;
	line-height:21px;
}
.notes>h1{font:16px sans-serif;margin:0;display:block;padding:0;margin-bottom:5px;}
.notes a:hover{background:#333;color:#fff}
.notes a {background:#ddd;color:#111;display:inline-block;padding:1px 5px 1px 5px;text-decoration:none;*display:inline}
.notes a.frckb {background:#fff;margin-top:2px;vertical-align:bottom}
.notes a.frckb:hover{color:#e50;background:#fff}
.questions .titre {font-size:135%;font-weight:bold}
.questions > b {display:block;padding:5px;margin-bottom:5px;margin-top:5px }
.reponse{border-top:1px dotted #ddd;padding:3px;margin-left:5px }
.erreur {color:#f00; font-weight:bold}
.radios {display:inline-block;width:415px}
span.radio{display:inline-block;margin-right:10px;}

b>.reponse{padding:0;margin:0}

#menu {background-color:#333; color:#eee;height:65px;font-size:14px;width:100%;margin:0;margin-bottom:20px;padding:0}
#menu a {margin:0 0 0 1%;display:block;display:inline-block;width:17%;height:100%;overflow:hidden;float:left;cursor:pointer}
#menu a {background-image:url(../css/fleche-menu.png);background-position:center right; }
#menu a:hover {background-color:#444}
#menu a > b {font-size:160%;display:block;margin:10px 10px 0 10px}
#menu a > span {display:block;margin:0px 10px 10px 10px}
#menu .selected {display:block;background:#fff;color:#2a1; width:26%; font-size:145%;position:relative}
#menu a.selected:hover {background-color:#fff}
#menu .selected > span {display:block;amring:auto;text-align:center;padding:10px;}
#menu .selected > b{display:none}


#menu{border-top:2px solid #333;}
#bandeau{border-bottom:2px solid #222;}
#bandeau img{border-bottom:1px solid #000;}
#bandeau,#titrepage,#description,#coordonnees {background:#636467;margin:0;text-align:center}
#titrepage {padding:13px;font:30px sans-serif;color: #4c2}
#description,#coordonnees {font:16px sans-serif;color:#000;padding:30px;text-align:left}


#titreprint {display:none}
#siteweb {	display:block;	color:#444;	text-decoration:none;	text-align:center;}

input[type=checkbox]{
	height:15px;
	width:15px;
	margin-top:7px;
}

div.test{
	border:1px dotted #F90;
	font-family:mono;
	font-size:9px;
	line-height:15px;
	margin:5px;padding:5px;
	background:#eee;
	color:d70;
}

span.checkbox{ display:inline-block;}
.groupcheckbox{
	display:inline-block;
	width:400px;
	vertical-align:top;
}
.groupcheckbox > span.checkbox{
	padding:0;margin:0px 10px 0px 0px;
}
div.nav{
	display:block;
	text-align:right;
	margin-top:25px;
}
a.nav {
	display:inline-block;
	color:#333;
	background:#B5BE4E;
	width:100px;
	text-align:center;
	padding:5px;
	margin:2px;
	cursor:pointer;
}
a.nav:hover{
	background:#BFC853;
	color:#111;
}
a.ajoutdoc{
	display:inline-block;
	color:#eee;
	background:#444;
	text-align:center;
	text-decoration:none;
	padding:3px 8px 3px 8px;
	cursor:pointer;
}
a.ajoutdoc:hover{
	color:#fff;
	background:#111;
}
.exergue{
	display:block;
	margin-top:15px;
	color:#111;
	background:#aaa;
	text-align:center;
	padding:6px;
}
#bouton {
	display:block;
	color:#666;
	background-color:#BFC853;
	font:15px sans-serif;
	text-align:center;
	width:200px;
	padding:5px;
	margin:auto;
	font-weight:bold;
	margin-top:30px;
	height:60px;
}
#bouton:hover{background:#C6D056;font:#333}
h1{font-size:18px;font-weight:bold;color:#111;display:block;	}
h2{font-size:14px;font-weight:bold;padding:8px;background:#007DC5;color:#fff;display:block;margin-top:25px;margin-bottom:10px	}

/* arrondis */
#bouton,.exergue,a.ajoutdoc,.notes,input,select,a.nav,textarea,h2,.notes a,a.download{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.page{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
/* ombres portées */
#bouton,a.nav,.page,.exergue,h2{
	-moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
	box-shadow: 1px 2px 6px #000;
}

/* specifique */
#img_flechedroite,#img_flechegauche {
	position:absolute;
	top:300px;
}
#img_flechedroite:hover,
#img_flechegauche:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
}
#img_flechedroite {right:120px}
#img_flechegauche {left:120px}
a.download {font:14px sans-serif;line-height:auto;background:#666; color:#eee;display:block;padding:3px;text-decoration:none;height:85px;display:inline-block;width:230px;margin:3px;vertical-align:top}
a.download img {float:left;margin:5px;height:75px;vertical-align:top}
a.download:hover {background:#555;color:#fff;}