/* CSS Document */

@import url(_structure.css);
@import url(_fonctions.css);
@import url(actu.css);
@import url(index-accueil.css);

@media print {
body, #wrapper, #wrapper-content, #header { 
	width: 100% !important;
	float: none !important;
}
#page-col-right  { 
	display: block !important;
	width: 600px !important;
	padding: 20px 0 0 30px !important;
	overflow: visible !important; 
	float: none !important;
}
#slideshow  { 
	float: none !important;
}
#wrapper-left, #wrapper-nav, #slideshow-nav, #page-col-left, ul#nav-main  { 
	display: none;
}

#footer  { 
	margin-top: 60px !important;
	padding: 10px 0 0 0 !important;
	border-top: 1pt dotted #666;
}
}

img, div, td, a, input { behavior: url(/templates/1/css/iepngfix.htc) }
/*-----------  remise a zéro  -----------*/
html, body {
	border:0;
	margin:0;
	height: 100%;
}
html {
	overflow-y: scroll;
}

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

body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #a59aa1;
	min-width: 980px;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 { 
	/*utilisé que dans le header > voir structure.css*/
}
h2 {
	padding: 0 0 18px 0;
	font: normal 36px georgia, serif;
	color: #9a9857;
}
h2.padding6 {
	padding: 0 0 6px 0;
}
h3 {
	padding: 0 0 6px 0;
	font: normal 21px georgia, serif;
	color: #9a9857;	
}
h4 {
	padding: 0 0 6px 0;
	font: normal 17px georgia, serif;
}
hr {
	/*border: 0 #ccc solid;
	border-top-width: 1px;*/
	border-top: 1px solid #ccc;
	clear: both;
	height: 0;
	margin: 10px 0;
}

p { 
	margin: 0;
	padding-bottom: 9px; 
}
p.chapo { 
	font: normal 17px/21px georgia, serif;
	color: #a59aa1;
	padding-bottom: 12px;
	text-align:justify;
}
p.sep {
	clear: both;
	height: 1px;
	margin: 14px 0;
	background: url(../medias/pointilles-h.gif) repeat-x;
}
ul, ol {
	margin: 0;
	padding: 0 0 18px 14px;
}
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;
}
i { 
	font-style:italic;
}
acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}

/*-----------  liens   -----------*/
a, a:visited {
	text-decoration:none;
	color: #dcdbda;
	outline: none; 
	border-bottom: 1px dotted;
}
a:hover {
	color: #d4c3ce;
	border-bottom: 1px solid;
}

a img {
	border: none; 
}
a.trans {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
a.trans:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
/*-----------  images   -----------*/

.img-left      	{ float:left; margin:4px 14px 8px 0; }
.img-right     	{ float:right; margin:4px 0 8px 14px; }
.img-v-middle	{ vertical-align:middle }

/*-----------  formulaires   -----------*/
form {
	padding: 10px 0;
	margin: 0;
}
form p {
	padding: 6px 0;
	border-bottom:1px solid #635842
}
input, select, textarea {
	font: 12px arial, helvetica, sans-serif;
	color: #483039;
}
textarea.inputtextearea {	/*** Mise en avant des champs en cours d'utilisation ***/
	width:249px;
	background: #98848d;
	border: none;
	padding: 3px 3px 0 3px;
	scrollbar-arrow-color :#403035;	/*couleur pour les pointeur de défilement*/
	scrollbar-darkshadow-color :#E7E7E7;	/*couleur pour les ombres*/
	scrollbar-face-color : #fdf4f5;	/*couleur pour la surface*/
	scrollbar-highlight-color : #CCCCCC;	/*couleur pour le bord haut et le bord gauche*/
	scrollbar-shadow-color : #666666;	/*couleur pour le bord droit et le bord du bas*/
	scrollbar-track-color : #fdf4f5;	/*couleur pour la barre de défilement non cachée par le pointeur de défilement	*/	
}

input.width255 {
	width: 249px;
	height: 17px;
	background: #98848d;
	border: none;
	padding: 3px 3px 0 3px;
}
input.width105 {
	width: 99px;
	height: 17px;
	background: #98848d;
	border: none;
	padding: 3px 3px 0 3px;
}
input.checkbox {
	float:left;
	padding: 0;
}
input.valider {
	clear: both;
	color: #fff;
	width:252px;
	border: none;
	margin:10px 0 10px 180px;
	padding: 5px;
	background: #9a9857;
	cursor:pointer;
	text-align:center;
}
textarea.width255 {
	width: 249px;
	background: #98848d;
	border: none;
	padding: 3px;
}
label, span.likelabel {
	display: block;
	float: left;
	vertical-align: middle;
	cursor:text;
	width: 160px;
	padding: 3px 5px 0 15px;
}

/*-----------  tableaux   -----------*/
table {
}
table tr td {
	vertical-align:top;
}

/*-----------  classes couleurs   -----------*/
.vert 			{ color: #778b29 }
.gris-clair 	{ color: #c0bbba }
.gris-fonce		{ color: #666666 }

/*-----------  classes globales   -----------*/
.clear        	{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clear-left     { clear:left; }
.clear-right    { clear:right; }
.hide		   	{ display: none; }
.block		   	{ display: block !important; }
 
.float-left    	{ float:left; }
.float-right   	{ float:right; }
 
.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center   	{ text-align:center; }
.text-justify  	{ text-align:justify; }

.text11  		{ font-size:11px }
.text-legend	{ font-size:11px; line-height: normal; color: #666 }

.bold          	{ font-weight:bold; }
.italic        	{ font-style:italic; }
.underline    	{ border-bottom:1px solid; }
.highlight    	{ background:#ffc; }
 
.noborder     	{ border:none; }
.nopadding     	{ padding:0; }
.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; }
.spacer 		{ clear: both; font-size: 1px; height: 1px; }