/* CSS Document */

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

@media print {
}

/*-----------  remise a zéro  -----------*/
html, body {
	border:0;
	margin:0;
}

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

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

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h1 {
	font-size: 21px;
	letter-spacing: -0.02em;
	color: #eb5d33;
	margin-bottom: 13px;
}
h2 {
	font-size: 12px;
	color: #147eb9;
	margin: 8px 0;
}
h3 {
}
h4 {
	font-size: 16px;
	color: #147eb9;
	margin: 8px 0;
}

p { 
	margin: 0;
	padding-bottom: 14px; 
}
p.sep { 
	clear: both;
	margin: 10px 0; 
	padding: 0;
	height: 1px;
	border-top: 1px dotted #ccc
}


ul, ol {
	margin: 0;
	padding: 0 0 9px 18px;
}
li {
	padding: 0 0 5px 0;
}
ul.nav, ul.nav li {
	margin:	0;
	padding: 0;
	list-style: none;
}
sup {
	position: relative;
	bottom: 0.3em;
}

/*-----------  liens   -----------*/
a, a:visited {
	text-decoration: none;
	outline: none;
	color: #f06238;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none; 
}
a.bouton {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	color: #fff !important;
	background: url(../images/bouton-right.png) no-repeat right top;
}
a.bouton span {
	display: block;
	height: 17px;
	padding: 6px 8px 6px 10px;
	white-space: nowrap;
	text-align: center;
	background: url(../images/bouton-left.png) no-repeat;
	cursor:pointer;
}
a.bouton:active {
	background-position: right -29px;
	text-decoration: none;
}
a.bouton:active span {
	background-position: left -29px;
}
a.w140  {
	width: 130px;
}


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

.img-a-gauche { 
	margin:3px 16px 9px 0; 
	padding:4px;
	float:left;	
}

.img-a-droite { 
	margin:3px 0 9px 16px; 
	padding:4px;
	float:right;	
}

.img-v-middle { 
	vertical-align:middle 
}

/*-----------  formulaires   -----------*/
form {
	padding: 0;
	margin: 0;
}
input, select, textarea, button {
	font: 12px arial, helvetica, sans-serif;
}
button {
	display: block;
	float: left;
	height: 29px;
	width: 300px;
	border: 0;
	padding: 6px 0;
	margin: 0 10px 0 0;
	color: #fff !important;
	background: url(../images/bouton-submit.png) no-repeat;
	cursor: pointer;
}
button:hover {
	text-decoration: underline;
}
button:active {
	background-position: left -29px;
}
input.alert {
	border: 1px solid red;
}
label.block {
	display: block;
	vertical-align: middle;
	cursor: text;
	padding: 5px 0 3px;
	margin-top: 6px;
	color:#666;
}

label.error {
	display: block;
	color:#eb5d33;
	font-size: 11px;
}
input.error, select.error {
	border:1px solid #eb5d33;
	background: #fdeeea;
}

/*-----------  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;
}

/*-----------  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 }

.bold          	{ font-weight:bold; }
.italic       	 	{ font-style:italic; }
.underline    	{ border-bottom:1px solid; }
 
.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; }

.relative      	{ position:relative; }

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

/*-----------  classe spacer   -----------*/
.spacer 		{ clear: both; font-size: 1px; height: 1px; }