/* CSS Document */
/********************************************************* 


********************************************************/

body {
	margin:				0px;
	padding:			0px;
	font-family:Arial, Helvetica, sans-serif;
	border:				0px;
	margin-top:			5px;
	font-size: 		12px;
	
}

/* Pour IE qui ne supporte pas l'heritage (identique a body) */
TD {  
	font-family: 	Tahoma, Verdana, Arial, sans-serif; 
	font-size: 		11px; 
}

P {
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	text-indent: 	0px;
	white-space: 	normal;
	margin:			0px;
	float: none;
}

.btn_over{
	color:#E74B0A;
	/*text-decoration:blink;*/
	}
.btn_out{
	/*color:#0000CC;*/
	color:#333333;
	}
	

.big 		{ font-size: 14px; } /* Gros Texte */
.small 		{ font-size: 10px;  } /* Petit Texte */


/*********************************************************
	Raccourcis
	Stylse specifiques
	Classifier par ordre d'importance les couleurs de la charte
	Ces styles permettront de les utiliser
********************************************************/


.color4     { color: #633b1b; } /* brun */
.color5     { color: #f26600; } /* orange */


.bgcolor3     { background-color: #db0000; }
.bgcolor4     { background-color: #ea862a;}
.bgcolor5     { background-color: #febd2b; }
.bgcolor6     { background-color: #106d99; }

.border 	{ border: 1px solid #29385f; }
.noborder 	{ border: 0px; }

/* Attention, Erreurs, mises en gardes 
border-style : none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset 
border-top-style, border-right-style, border-bottom-style, border-left-style
overflow : scroll | hidden | visible | auto
*/
.warning	{
	color: 				#FF0000;
	font-weight: 		bold;
	font-size: 			20px;
	text-decoration:blink;
	font-family:"Courier New", Courier, monospace;
	cursor:pointer;
}


/* Citations */
Q 			{ font-style: italic;}
 
/* Definition des caracteres de quotes (FF seulement) */
Q:lang(fr)	{quotes: '« ' ' »'; }
Q:lang(en)	{quotes: '" ' ' "'; }

Q:before 	{content : open-quote}
Q:after 	{content : close-quote}

/* A utiliser pour les acronymes en utilisant l'attribut title dans la balise pour la signification de l'acronyme (synthese vocale) */
ACRONYM {
   text-transform: uppercase
}

/* A utiliser pour les abbreviations en utilisant l'attribut title dans la balise pour la signification de l'abbreviation (synthese vocale) */
ABBR {
   text-transform: uppercase
}


/********************************************************* 
	LINKS - LIENS 
a:focus:hover { outline: thick solid black }
vertical-align : baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>
text-decoration : none | [ underline || overline || line-through || blink ]
white-space : normal | pre | nowrap | pre-wrap | pre-line
********************************************************/


A:hover 	{color:#CC3300;}

/********************************************************* 
	PARAGRAPHES
	(le style par defaut des paragraphes est defini au debut du doc)
********************************************************/
/* Style pour la premiere lettre */
P.lettrine:first-letter {
	font-size:			16pt; 
	vertical-align: 	text-top; 
	text-indent: 		15px;
	text-transform: 	uppercase
}

/* style specifique pour la premiere ligne d'un paragraphe */
p.lettrine:first-line { 
	font-weight: 	bold;
}



/********************************************************* 

	TABLES 
	dont on se sert comme veritables tableau pour y fair apparaiter des données.
	Ceci ne concerne pas les tableaux qui structurent la page.

********************************************************/

/* Tableau de structure */






/********************************************************* 
	 Titres
	dipaly: block,inline
********************************************************/	

/* Titre de page */
H1 {
	display: 			block;
	color: 				#f26600;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 			14px;
	text-align: 		left;
	margin-bottom:		8px;
	height:				30px;
	letter-spacing: 	2px;
	
}

/* Baseline, slogan : utilisé pour le référencement genralement dans le header */
H1.baseline {
	display:		inline;
	color: 			#fff;
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		10px;
	font-weight: 	normal;
	font-style: 	normal;
	text-align: 	left;
	background: 	transparent;
	padding-left:	10px;
}

/* Titre de niveau 1 : I.,II.,III. */
H2 {
	display: 		block;
	color: 			#f26600;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	font-style: 	normal;
	text-align: 	left;
	margin:			0px;
}

/* Titre de niveau 2 : A),B),C) */
H3 {
	display: 		block;
	color: 			#633b1b;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
	font-style: 	normal;
	text-align: 	left;
	margin:			0px;
}

/* Titre de niveau 3 : 1/,2/,3/ */
H4 {
	display: 		inline;
	color: 			#717171;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
	font-style: 	normal;
	text-align: 	left;
	padding-left:	25px;
	text-transform:	uppercase;
}


/********************************************************* 
	LISTE
	
********************************************************/
/* Liste a puce de contenu NIV 1 */
UL {
	list-style-position: 	inside; /* outside, inside */
	/*list-style-image:url(../Images/icon_arrow_900.gif);*/
	font-family: Arial, Helvetica, sans-serif;
	text-align: 		left;
	letter-spacing: 	1px;
	/*color: #0000CC;*/
	
	
	
}




/* Liste numerotee de contenu NIV 1 */
OL {
	list-style-type: upper-roman; 
}
/* Liste numerotee de contenu NIV 2 */
OL LI OL {
	list-style-type: upper-alpha; 
}

/* Liste numerotee de contenu NIV 3 */
OL LI OL LI OL {
	list-style-type: decimal; 
}

/*********************************************************
  FORMS - FORMULAIRES
********************************************************/

FORM {
	margin : 	0px;
	padding : 	0px;
}

/* Le titre des champs doivent se trouver dans une balise LABEL (accessibilite) */ 
LABEL {
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
}



/* Check Box*/
INPUT.fieldcheckbox {
	border: 0px;
}

/* Radio Box*/
INPUT.fieldradiobox {
	border: 0px;
}



/* Champs de formulaire inactif */
.disabled {
	visibility : 		hidden;
	color: 				#FFF;
	font-size: 			0px;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	background-color:   transparent;
	border: 			#FFF solid 0px;
}

/* Champs de formulaire actif */


/* Impression */
.unprintable {
	display:	block;
}

@media print {
.unprintable { 
	display: 	none;
	visibility: hidden;
	}
}



/********************************************************* 
	STRUCTURES
	(style des tableaux de structure (header, menu, colonne)
********************************************************/

			/********************************************************* 
				ACCUEIL et HEADER
			********************************************************/
			
			/* fond header */
			DIV.bg_header {
				background-image:	url(../bg_header.jpg);
				background-repeat:	no-repeat;
				margin:0px;
				padding:0px;
				}
			/* fond colonne de gauche */
			TD.bg_left { 
				background-image:	url(../bg_left.jpg);
				background-repeat:	no-repeat;
				width:567px;
				margin:0px;
				padding:0px;
				}
			/* fond colonne de droite */
			TD.bg_right { 
				background-repeat:	repeat-y;
				width:208px;
				border-left:solid 1px #633b1b;
				margin:0px;
				padding:0px;
				}
			/* fond menu principal */
			TD.bg_menu { 
				background-image:	url(../bg_menu.jpg);
				background-repeat:	no-repeat;
				height:25px;
				background-position:right;
				width:762px;
				margin:0px;
				padding:0px;
				}
			/* fond recherche */
			TD.bg_recherche { 
				height:31px;
				margin:0px;
				padding:0px;
				}
			
			/* fond bouton home */
			TD.bg_home { 
				background-image:	url(../bg_bhome.gif);
				background-repeat:	no-repeat;
				height:23px;
				}

			/* couleur menu principal */

			DIV#menu_principal {
				height:23px;
				text-transform: uppercase;
				font-family: Tahoma, Verdana, Arial, sans-serif; 
				font-size: 11px; 
				padding-left: 16px;
				padding-top: 2px;
				vertical-align: bottom;
			}
			
			DIV#menu_principal A:link {
				color: #ce2f00; 
				text-decoration: none; 
				font-weight: normal;
			}
			
			DIV#menu_principal A:active {
				color: #ce2f00; 
				text-decoration: none; 
				font-weight:normal;
			}
			
			DIV#menu_principal A:visited {
				color: #ce2f00; 
				text-decoration: none; 
				font-weight:normal;
			}
			
			DIV#menu_principal A:hover {
				color: #633b1b; 
				text-decoration: none;
				border-bottom:solid 2px #ce2f00;
				font-weight:normal;
			}



			

/********************************************************* 
	BOTTOM
********************************************************/			
			/* fond bas de page*/
			DIV.bottom{
			background-image:	url(../bg_bottom.gif);
			height:				66px;
			background-repeat:	no-repeat;
			border-bottom:		solid 1px #633b1b;
			border-top:			solid 1px #633b1b;
			}
			
			


/********************************************************* 
	CONTENU COLONNE GAUCHE
********************************************************/			
			/* cellule couleur bleu vert*/		
			.coul_01{
			background-color:#00978f;
			width:5px;
			}				
			/* cellule couleur jaune*/		
			.coul_02{
			background-color:#edb500;
			width:5px;
			}				
			/* cellule couleur rose*/		
			.coul_03{
			background-color:#ff01f0;
			width:5px;
			}	
			/* cellule couleur red*/		
			.coul_04{
			background-color:#db0000;
			width:5px;
			}				
			/* cellule couleur vert*/		
			.coul_05{
			background-color:#519700;
			width:5px;
			}				
			/* cellule couleur orange*/		
			.coul_06{
			background-color:#ff6d01;
			width:5px;
			}				
			/* cellule couleur violet*/		
			.coul_07{
			background-color:#9f44a6;
			width:5px;
			}

			/* */		
			.coul_08{
			background-color:#8f9700;
			width:5px;
			}
			/* */		
			.coul_09{
			background-color:#00b5ed;
			width:5px;
			}
			/* */		
			.coul_10{
			background-color:#f001ff;
			width:5px;
			}
			/* */		
			.coul_11{
			background-color:#0000db;
			width:5px;
			}
			/* */		
			.coul_12{
			background-color:#009751;
			width:5px;
			}
			/* */		
			.coul_13{
			background-color:#016dff;
			width:5px;
			}
			/* */		
			.coul_14{
			background-color:#a6449f;
			width:5px;
			}
			
			/* separation colonne*/				
			TD.sep_col{
			background-image:url('/skins/vandoeuvre/images/sep_col.gif');
			background-repeat:repeat-y;
			width:12px;
			
			}
			/* fond actu et agenda*/			
			TD.bg_actu{
			background-color:	#ffefd7;			
			}			
			/* titre actu et agenda*/					
			.TitreActu{
			color:#333333;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:		bold;
			font-size: 			12px;
			text-align: 		left;
			letter-spacing: 	2px;
			}
			/* fond box question top*/			
			TD.bg_question_top{
			background-image:url('/skins/vandoeuvre/images/bgtop_question.gif');
			background-repeat:no-repeat;
			height:28px;
			width:258px;}
			
			/* fond box question middle*/			
			TD.bg_question_middle{
			background-image:url('/skins/vandoeuvre/images/bgmiddle_question.gif');
			background-repeat:repeat-y;
			width:258px;}
						
			/* fond box question bottom*/			
			TD.bg_question_bottom{
			background-image:url('/skins/vandoeuvre/images/bgbottom_question.gif');
			background-repeat:no-repeat;
			height:12px;
			width:258px;}			
				
			.Titre_question{
			color: 				#ce2f00;
			font-family:		Tahoma, Verdana, Arial, sans-serif;
			font-weight:		bold;
			font-size: 			14px;
			text-align: 		left;
			margin-bottom:		8px;
			height:				20px;
			letter-spacing: 	2px;
			padding-left:		35px;
			}			
			
			/* fond titre box services*/			
			TD.bg_titreservice{
			background-image:url('/skins/vandoeuvre/images/bg_services.gif');
			background-repeat:no-repeat;
			height:32px;
			}
			/* fond titre box services*/			
			TR.bg_service{
			background-image:url('/skins/vandoeuvre/images/bg_services02.jpg');
			background-repeat:no-repeat;
			background-position:bottom;
			}
			
			DIV#contenu {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #FFFFF0;
			}
			
			DIV#content {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 4px;
	width: auto;
	background-color: #FFFFF0;
	position: relative;
	height: auto;
			}
			
			
			DIV#breadcrumb {
				margin-top: 8px;
			}
			
			DIV#footertable {
				padding: 12px;
				text-align: center;
			}
			
			DIV#footertable A:link {
				color: #ce2f00;
				text-decoration: none;
				text-transform : uppercase;
			}
			
			DIV#footertable A:visited {
				color: #ce2f00;
				text-decoration: none;
				text-transform : uppercase;
			}
			
			DIV#footertable A:active {
				color: #ce2f00;
				text-decoration: none;
				text-transform : uppercase;
			}
			
			DIV#footertable A:hover {
				color: #633b1b;
				text-decoration: none;
				text-transform : uppercase;
				border-bottom: 2px solid #ce2f00;
			}

                        CAPTION {
                        color:                  #f26600;
                        font-family:            Tahoma, Verdana, Arial, sans-serif;
                        font-weight:            bold;
                        font-size:              14px;
                        }
.coordList {
	width: 550px;

}
/* CSS Document */

#content .subHeader {
}
#footer {
background-image:url(../Images/bar.jpg);
	width:100%;
	background-color:#8AD8F4;
	border-top:1px solid #C8F3FB;
	border-bottom:3px solid #333333;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:50px;
	font-size:0.8em;
	position:fixed;
	bottom:0px;
	color:white;
	text-align:center;
}
#footer a {
	color:#006600;
}
#footer a:hover {
	color:#009900;
}  
.button {
background-image:url(../Images/btn2.png);
height:30px;
width:126px;
border:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
background-color:#FFFFFF;
border:0px;
}
.button_up {
background-image:url(../Images/btn4.png);
height:30px;
width:126px;
border:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
background-color:#FFFFFF;
border:0px;
}
.button_over {
background-image:url(../Images/btn4.png);
text-decoration:blink;
height:30px;
width:126px;
border:hidden;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#A8E8FB;
cursor:pointer;
background-color:#FFFFFF;
}
.title{
	/*color: 				#E74B0A;;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 			14px;
}
.field{
background-color:#8DEBE9;
color:#FF0000;
border-color:#3300FF;
width:130px;
border-top:hidden;
border-left:hidden;
margin-left:10px;
}