/* CSS Document */

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	text-transform: none;
}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	margin:0px;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC  ;
	font-size:11px;
	margin:0px;
	text-decoration: underline;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;	
	margin:0px;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 11px;
	text-decoration: none;
	margin:0px;
}


/************************************************************************************************************************************************************************************************************************************************************************************************************************************   PAGE ACCUEIL    ********************************************************************
***********************************************************************************************************************************************************************************************************************************************************************************/


/******************************* style des intitulés supérieurs des sites partenaires */
.partenaire
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color : #0066CC;
font-weight:bold;
}

/********************************************************************************************************************************** ***********************************************************************************************************************************
*************************************   bloc actu et sortie sur la page d'accueil   ************************************************* ***********************************************************************************************************************************
************************************************************************************************************************************/

/********** intitule superieur d'actu et sortie dans la page d'accueil et les pages actus et sorties********************************/

/*.intitule_sup_accueil {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	line-height: 10px;	
}

.mise_ligne_accueil
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:left;
color: #999999;
line-height: 10px;
}
*/
/********************************* lien pr les titres courts actu et sorties, pr les rubriques secondaires ***********************/
a.lien_actu_importante {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	line-height: 10px;
	
}

/*
.bloc_actu {
	padding-top: 6px;
	
}
.bloc_actu_importante {
	padding-top:4px;
	
}

/************************************************ lien pour toutes les actus et toutes les sorties *******************************
a.lien_actu {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FF6600;
text-decoration:none;
font-weight:bold;
}
*/


/********************************************* liens des pages pratiques dans la page d'accueil ***********************************/
a.lien_pratique_2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color:#0066CC;
text-decoration:none;
font-weight:bold;
}


/************************************************************************************************************************************************************************************************************************************************************************************************************************     pages modeles : page_cg.asp  ****************************************************************   *********************************************************************************************************************************************************************************************************************************************************************************/



/************************************* en tete des pages modeles ************************************/
#calque_contenu {
	position:absolute;
	width:670px;
	height:380px;
	z-index:1;
	left: 298px;
	top: 233px;
	overflow: auto;
	cursor: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin:0;
}

#lien_article { /* position des liens articles */
	position:absolute;
	left:830px;
	top:145px;
	width:173px;
	height:112px;
	z-index:2;
	
}

a.lien_article {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color:#0066CC;
text-decoration:underline;
font-weight:bold;
text-align: left;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 13px;
 	font-weight: bold;
	text-align:center;	
	
}

.titre
{
	font-family:Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 11px;
	
}
.resume {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 11px; 	
	text-align="center"	
	
}
/**************************************** fin en tete pages modeles ******************************/

/********************************************** contenu Pages modeles *************************************/
/* style des paragraphes text 1, text 2, text 3, text 4, text 5, text 6 */
.contenu 
{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.titre_article 
{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0066CC;
	margin-left: 5px;
}


/*#bloc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0066CC;
	text-align:center;
	margin: 3px;
}
*/


.legende_photo
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight: bold;
}

/********************************************fin pages modeles articles********************************/


/*************************************************************************************************************************************************************************************************************************************************************************************************************************          FORMULAIRES   ************************************************************************** ***********************************************************************************************************************************************************************************************************************************************************************************/


/* format de la zone de texte du moteur de recherche */
.form_recherche {
	height: 15px;
	width: 100px;
	height:10pt;
}

/* taille des zone de texte de dates dans le moteur de recherche *****************************/
.form_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	
}

.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 10pt;
	width: 60pt;
}

/**********************************************fin form **************************************/


/***********************************************************************************************************************************************************************************   MODELES PAGES ACTUS ET SORTIES   *********************************************************** ***********************************************************************************************************************************************************************************************************************************************************************************/

#calque_actu {
width:100%;
}


.actu_une {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	top:0;
	padding:0;
	
}
/* mise en ligne fiche actu et sortie */
.mise_ligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin : 0px;
	color: #999999;
}
a.lien_fiche_actu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066cc;
	text-decoration: underline;
	font-weight: bold;

}

.titre_actu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066cc;
	font-weight: bold;
	padding:1px 0px;
}

.intitule_sup {
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
}

/* liens des fichiers à  télécharger, des liens internes et externes des articles  (utilises aussi pr fiche_mag.asp)*/
a.lien_savoirplus {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
	margin : 0px;
}

.contenu_fondbleu 
{
	margin: 0px;
	background-color:#105A98;
	padding:5px;
	border: 1px solid #000000;
    text-align: left;
	color:#FFFFFF;
}

.contenu_fondorange
{
	margin: 0px;
	background-color:#FBE7BD;
	/*#ef9d55;#f1c088*/
	padding: 5px;
	text-align: left;	
	border: 1px solid #000000;
}

.contenu_fond3 /*(vert)*/
{
	margin: 0px;
	background-color:#8BB18B;
	padding: 5px;
	border: 1px solid #000000;
	text-align: left;	

}

.contenu_fondgris
{
	margin: 0px;
	background-color:#CCCCCC;
	padding:5px;
	border: 0px;
	text-align: left;
	color:#000000;
	display: compact;
}

/* liens des pages archives dans liste_actus et liste_sorties*/
a.lien_archive{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#0066CC;
	text-decoration:none;
	font-weight:bold;
	margin-top:5px;
}


/********************************************************************************************************************************************************************************************************************************************************************************************************************************       PAGES AISNE PLUS FICHE MAG             ***********************************************
***********************************************************************************************************************************************************************************************************************************************************************************/


/*##################################liste pr fiche et page mag aisne + #######################*/
.ul_li_mag {
	margin: 0px;
	padding: 0px;
}

.ul_li_mag li{
	margin-left :50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-image:  url(../developpement_site/aisne/images/aisne_plus/puce.gif);
	text-align:left;
	padding-bottom:4px;
}


.ul_li_mag li a:link {
	color:#0066CC;
	text-decoration:none;
	font-weight:bold;
}

.ul_li_mag li a:hover {
	color:#0066CC;
	text-decoration:underline;
	font-weight:bold;
}


.ul_li_mag li a:visited {
	color:#999999;
	text-decoration:none;
	font-weight:bold;
}


.tit_aisne {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align : right;
font-weight:bold;
}


/********************************************************************************************************************************************************************************************************************************************************************************************************************************      FICHES CONSEILLERS             ***********************************************
***********************************************************************************************************************************************************************************************************************************************************************************/



.titre_conseiller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.canton {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066cc;
	font-weight: bold;
	padding:1px 0px;
}


/********************************************************************************************************************************************************************************************************************************************************************************************************************************       POPUP page fantome       ***********************************************
***********************************************************************************************************************************************************************************************************************************************************************************/
#calque_contenu_popup {
	width:670px;
	height:380px;
	left: 305px;
	top: 233px;
	overflow: auto;
	cursor: auto;
	padding-left:15px;
	background-image: url(../images/modele/cadre_gauche.gif);
	background-repeat: repeat-y;
	padding-left:20px;
}





/********************************************************************************************************************************************************************************************************************************************************************************************************************************       POPUP ENVOI AMI             ***********************************************
***********************************************************************************************************************************************************************************************************************************************************************************/
.envoi_ami
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	color: #ff6600;
}


.txt_bleu_10
{  font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #0066cc;
   font-weight: bold;
}


/********************************************************************************************************************************************************************************************************************************************************************************************************************************       PLAN DU SITE PLAN.ASP             ***********************************************
***********************************************************************************************************************************************************************************************************************************************************************************/

#ul_liste1 {
margin: 0px;
padding : 0px;
}
                     
#ul_liste1 li  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
list-style-image:  url(../developpement_site/aisne/images/aisne_plus/puce.gif);
list-style-type: none;	
margin-left: 40px; 
}                       

#ul_liste1 li a {
 text-decoration : none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 font-weight: bold;
}

#ul_liste2 {
 margin: 0px;
 padding:0px;
}
                     
#ul_liste2 li  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
list-style-type: none;	
margin-left: 50px; 
}                       

#ul_liste2 li a {
 text-decoration : none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 font-weight: bold;
}


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

.savoir_plus
{
	color:#0066cc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-indent: 10px;
}


#calque_annuaire {
	width:670px;
	height:310px;
	overflow:auto;
	margin-top: 30px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding:0;
}



a.lien_specifique{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color:#FF6600;
text-decoration:none;
font-weight:bold;
}
/***************************************************************************************************************************************************************************************************************************************************************************************************************************           DIFFERENTES TYPES POLICE - MISE EN PAGE **********************************************
***********************************************************************************************************************************************************************************************************************************************************************************/



/********texte_bordeaux, renseignements... ************************/
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color : #990000;
	font-weight: bold;
	margin:0;
	padding:0;
	
	
	
	
}
/***************************texte vert gras ************************/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	background-color: #990000;
	display: inline;
	line-height: 20px;
}


h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color : #000000;
	font-weight: bold;
	margin:0;
	padding:0;
	letter-spacing: 0.1em;
}

hr {
	background-position: left;
	border: thin solid #999999;
}


blockquote{
margin:5px 0px 0px 0px;
padding-left:30px;
}

p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/*ul {
	margin-top:5px;
}
*/
li {
	list-style:none;
}

.cadre_bleu {
	margin: 0px;
	border: thin groove #004980;
	padding: 10px;
}

.cadre_noir {
	margin: 0px;
	border: thin solid #000000;
	padding: 5px;
}

.cadre_rouge {
	margin:0px;
	padding:5px;
	border: 1px dashed #990000;
}

.bordure_horizontale {
	width: 600px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3366CC;
	color:#3366CC;
} 

.bordure_verticale {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3366CC;
	color:#3366CC;
	height: 500px;
} 


.trait_horizontal
{
	border-top:none;
	margin : 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990033;
	font-weight: bold;
	color: #990033;
	padding: 0px;

}



.txt_bleu {
font-family:Verdana, Arial, Helvetica, sans-serif;
color : #333366;
font-size:11px;
font-weight: bold;
}

.txt_bleu_13 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color : #333366;
font-size:13px;
font-weight: bold;
}


.txt_gris{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}

.txt_gris_11{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.txt_jaune {
	color: #FFCC00;
	font-weight: bold;
	font-size: 12px;
}

.txt_rouge {
	color: #990033;
	font-weight: bold;
	font-size: 11px;
}

.txt_gras_12 {
font-size:12px;
font-weight:bold;
}

.titre_voix_hiver {
	font-family:"FrutigerNextLT Light";
	color:#817955;
	font-weight:900;
	font-size:18px;
	line-height: 25px;
	text-transform: uppercase;
}

.titre_voix_hiver_2009 {
	font-family:"FrutigerNextLT Light";
	color:#669966;
	font-weight:bold;
	font-size:20px;
	line-height: 25px;
	text-transform: none;
}

.txt_vert_14 {
	font-family:verdana;
	color:#008040;
	font-weight:bold;
	font-size: 14px;
	letter-spacing: normal;
}

.txt_vert_11{
	font-family:Verdana;
	color:#008040;
	font-weight:bold;
	font-size: 11px;
	letter-spacing: normal;
}

.txt_vert_12{
	font-family:Verdana;
	color:#008040;
	font-weight:bold;
	font-size: 12px;
	letter-spacing: normal;
}

/*******************************************************recrutement center parcs ************************************/

.haut_page {
text-align:right;
font-size:9px;
color:#333333;
margin:0;
}