/* CSS Document */

@import url(_structure.css);
@import url(_fonctions.css);

@media print {

}

/*-----------  remise a zéro  -----------*/
html, body {
	border:0;
	margin:0;
	height: 100%;
}
html {
	overflow-y: scroll;
}

/*-----------  formatage commun   -----------*/

body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	background: #717473 url(../images/body_bgd.jpg) repeat-x center top;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

h1 {
	float:right;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #161616;
	margin:12px 12px 0 0;
	padding:0 0 0 0;
}

h2 {
	margin:0 0 3px 0;
	font-size: 24px;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height:24px;
}

hr {
	border-top: 1px solid #ccc;
	clear: both;
	height: 0;
	margin: 10px 0;
}

p { 
	margin: 0;
	padding-bottom: 9px; 
}

ul, ol {
	margin: 0;
	padding: 0 0 9px 18px;
	
}
li {
	/*padding: 0 0 5px 0;*/
	padding:0;
}
blockquote {
	margin: 22px 40px;
}
small {
	font-size:0.85em;
}
sup {
	position: relative;
	bottom: 0.3em;
}
sub {
	position:relative;
	bottom:-0.2em;
}
em { 
	color: #d4c3ce;
	font-style:normal;
}

/*-----------  liens   -----------*/
a, a:visited {
	text-decoration: none;
	outline: none;
	color: #000;
}
a:hover {
	color: #005122;
}

a img {
	border: none; 
}

a.fleche-noir {
	padding-left: 9px;
	background: url(../images/puce-fleche_noir.gif) no-repeat left center;
}

/*-----------  images   -----------*/

.img-left      		{ float:left; margin:3px 16px 9px 0; }
.img-right     		{ float:right; margin:3px 0 9px 16px; }
.img-v-middle		{ vertical-align:middle }

/*-----------  formulaires   -----------*/
form {
	padding: 0;
	margin: 0;
}
input, select, textarea {
	font: 10px arial, helvetica, sans-serif;
	outline: 0;
	border: 0;
}
textarea {
	width: 376px;
	height: 104px;
	padding: 1px 4px;
	margin-bottom:15px;
	color: #6c6c6c;
	background: #fff url(../img/textarea_bgd.jpg) no-repeat;
}
input {
	width: 148px;
	height: 16px;
	padding: 0 4px;
	color: #6c6c6c;
	background: url(../img/input-text_bgd.png) no-repeat;
}

input.alert {
	border: 1px solid red;
}
select {
	width: 158px;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
}
button {
	border: 0;
}

input.valider-fleche {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 4px 0 0;
	color: #017929;
	cursor:pointer;
	text-align:center;
	background: url(../img/button-carre-fleche-noir.png) no-repeat;
	font-size: 16px;
}

input.valider-ok {
	width: 22px;
	height: 16px;
	padding: 0;
	margin: 0 4px;
	cursor:pointer;
	text-align:center;
	background: url(../images/button-ok-noir.png) no-repeat;
}
input.valider-fleche:hover, input.valider-ok:hover {
	background-position: right top;
}

label.block {
	display: block;
	float: left;
	vertical-align: middle;
	cursor: text;
	padding: 3px;
}

/*-----------  tableaux   -----------*/
table {
}
table td, table th {
	vertical-align:top;
	padding: 3px 6px;
	text-align: left;
}

/*-----------  textes   -----------*/

.font10      		{ font: 10px/12px Arial, Helvetica, sans-serif !important; }
.img-right     		{ float:right; margin: 0 0 9px 9px; }
.img-v-middle		{ vertical-align:middle }


/*-----------  flash   -----------*/
object {
	display: block;
	outline: 0;
}
.flash-replaced .alt { /* texte alternatif au flash */ 
	display:block;
	height:0;
	overflow:hidden;
	position:absolute;
	width:0;
}

/*-----------  classes globales   -----------*/
.clear        	{ clear:both; display:block;}
.clear-left     { clear:left; }
.clear-right    { clear:right; }
.hide		   	{ display: none; }
.block		   	{ display: block !important; }
.blockcentre	{ display: block !important; margin: 0 auto }
.valigntexttop	{  vertical-align: text-top }
 
.float-left    	{ float:left !important; }
.float-right   	{ float:right !important; }
.float-none   	{ float: none !important; }

.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center   	{ text-align:center; }
.text-justify  	{ text-align:justify; }

.text11  		{ font-size:11px }
.lineheight18  	{ line-height: 18px }

.bold          	{ font-weight:bold; }
.italic        	{ font-style:italic; }
.underline    	{ border-bottom:1px solid; }
.highlight    	{ background:#ffc; }
 
.noborder     	{ border:none; }
.nopadding     	{ padding:0 !important; }
.nomargin     	{ margin:0 !important; }
.noindent     	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }

/*-----------  classe clearfix   -----------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block; }
* html .clearfix{ height: 1%; }
.clearfix 		{ display: block; }