/* styles du template */
/* styles du template */

body {
	margin:0;
	padding:0;
	text-align:center;	/* centrage du contenu */
	width:100%;			
	
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	
	background-color:#dbdbdb;
	background-image:url(fond_page_top.png);
	background-position:center top;
	background-repeat:repeat-x;
	
	z-index:0;
}

form {
	margin:0;
	padding:0;
}


/* fond à 100% de largeur du site */
#conteneur_large {
	position:relative;
	width:100%;
	min-height:700px;
	/*background-color:#99CC00;*/
	background-image:url(fond_page_bottom.png);
	background-position:center bottom;
	background-repeat:repeat-x;
}

#conteneur_principal {
	position:relative;
	margin: 0 auto; /* Permet de centrer le contenu de la page */
	padding:0;
	text-align:justify;
	width:962px;
	z-index:1;  
}


#menu_sup {
	position:absolute;
	display:block;
	
	right:6px;
	top:0px;
	margin:0;
	padding:0;
	text-align:right;
} 

#menu {
	position:absolute;
	display:block;
	
	right:5px;
	top:97px;
	margin:0;
	padding:0;
	text-align:right;
	
	z-index:5;
}

#menu_sup a {
	display:inline;
	padding:0px;
	border-right:0px solid black;
	color:#b4b6d3;
	text-decoration:none;
  height:14px; 
  font-size:9px;
  font-family: verdana;
  padding-left:10px;
  padding-right:10px;
  text-align: center;
  border-left:1px solid #b4b6d3;
    font-weight: normal;
}

#menu_sup a:first-child {
  border:0px;
}

#menu_sup a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}




#choix_langue {
	position:absolute;
	display:block;
	
	top:58px;
	right:-1px;
	margin:0;
	padding:0;
	
	text-align:right;
	color:#666666;
	font-size:10px;
}

#choix_langue a {
	color:#666666;
	font-weight:normal;
	font-size:10px;
}



#bandeau_sup {
	position:relative;
	display:block;
	width:962px;
	height:143px;
	overflow:hidden;
	margin-bottom:0px;

	z-index:1;
}

#logo{
	position:absolute;
	top:44px;
	left:7px;  
}

#telephone{
	position:absolute;
	top:45px;
	left:405px;  
}

#form_recherche{
   border:1px solid #a8a8a8;
   top:44px;
   right:7px;
   position:absolute;   
   height:34px;
}

#form_recherche input[type="text"]{
   background:url(fond_input.gif) top left no-repeat;
   width:267px;
   height:29px;
   border:0px;
   margin:0px;
   padding:4px 5px 0px 5px;
   float:left;
   font-weight:normal;
   font-size:16px;
}




#menu_deroulant {
	position:relative; /* uniquement la position définie ici, en absolu ou relatif, suivant les cas */
	top:0px; 		/* parametre : ordonnée haute du menu */
	left:0px;		/* parametre : abscisse gauche du menu */
}


#fildariane { 
	position:relative;
	z-index:10;
	color:#a8a8a8;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	margin-top:17px;
	margin-bottom:12px;	
}

#fildariane a { 
	color:#a8a8a8;
	font-weight:normal;
	text-decoration:underline;
	font-size:11px;
}


#fildariane h1 { 
	display:inline;
	color:#a8a8a8;
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
	
	margin:0;
	padding:0;
	
}


#barre_de_date {
	position:absolute;
	top:270px;
	right:10px;
	padding:2px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	
}

#flash_texte_defilant {
	position:absolute;
	display:block;
	top:100px;
	left:5px;
}



#titre_page {
	position:relative;
	
	margin:0;
	padding:0;
	margin-top:50px;
	color:#000000; /* couleur de texte du formulaire de modif du titre de page */
}

#titre_page h2 {
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:29px;
	color:#575788;
	text-align:left;
	padding-bottom:0px;
  margin:0px;
}

#titre_page h3 {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:24px;
	color:#575788;
	text-align:left;
	margin:0;
	padding:0;
}

#titre_page h2.classe_occultage, #titre_page h3.classe_occultage {
	position:absolute;
	z-index:-10;
	top:-50px;
	left:0px;
}




#bloc-contenu-global{
	position:relative;
	width: 100%;
  background:#fff;
}

/* bloc de fond des 2 colonnes */
#bloc-contenu {
	position:relative;
	width: 100%;
  background:#fff;
	float: left;
  border-top:1px solid #c2c2c2;
}

#contenu_de_page {
	position:relative;
	padding-left:0px;
	padding-bottom:30px;
	padding-right:40px;
}



#colonne_principale {
	/* ATTENTION : NE JAMAIS METTRE DE COULEUR DE FOND ICI : BUG SOUS IE6 !!!!  */
	/* couleur de fond = images alignées à droite ou à gauche ne s'affichent plus sous IE6 */
	position:relative;
	margin-left: 266px; /* idem à la largeur de la colonne gauche */
	padding:0px 0px 1px 0px; /* fix de bug CSS sous firefox et safari */
}


/* COLONNE DE GAUCHE -------------------------------------------------------------------*/
#colonne_gauche {
	position:relative;
	float: left;
	width: 254px;
	margin-left: -962px; /* valeur négative égale à la largeur du contenu */
	/*background-color: #b3cce6;*/
	color:#000;
	padding-left:12px;
margin-bottom:50px;	
}
	
	
		/* FORMULAIRES DE COLONNE DE GAUCHE (formmulaire de recherche / inscription newsletter / accès espace membres )-------------------------------------------------------------------*/
		#colonne_gauche .mini_form {
			position:relative;
			margin:5px 0px 10px 10px;
			border:0px solid yellow;
		}
		
		#colonne_gauche .titre_mini_form
		{
			position:relative;
			color:#ffffff;
			font-weight:bold;
			font-size:12px;
			margin:0;
			padding:0;
		}
		
		#colonne_gauche .input_mini_form {
			position:relative;
			width:120px;
			color:#000000;
			font-size:11px;
			margin-bottom:1px;
		}
		
		
		#colonne_gauche .champ_em_AVANT_focus {
			color:#666666;
		}
		
		#colonne_gauche .champ_em_APRES_focus {
			color:#000000;
		}
		
		
		
		#colonne_gauche .bouton_ok 
		{
			position:relative;
			margin:0px 0px 0px 5px;
			vertical-align:bottom;
		}
		
		#colonne_gauche form {
			position:relative;
			margin:0;
			padding:0;
		}

#colonne_gauche #menu_gauche {
  width:214px;
}

#colonne_gauche #menu_gauche h2{ 
  margin:0;padding:0;
  background:url(fond_titre_menu.jpg) repeat-x ; 
  width:204px;
  height:24px;
  color:#fff;
  font-weight: normal;
  font-size: 16px; 
  padding-left:10px;  
  padding-top:4px;
}

#colonne_gauche #menu_gauche ul{ 
  margin:0;padding:0;
  width:212px;
  border-left:1px solid #b9b9b9;
  border-right:1px solid #b9b9b9;  
  border-bottom:1px solid #b9b9b9;
  margin-bottom:20px;
  padding-top:1px;
}

#colonne_gauche #menu_gauche li{ 
  margin:0;padding:0;
  list-style: none ;
  height:24px;
  width:212px;
  display:block;
  background:url(fond_menu_gauche.png) repeat-x ;    
}

#colonne_gauche #menu_gauche a{ 
  margin:0;padding:0;
  height:18px;
  padding-top:6px;
  display:block;
  padding-left:15px;
  background:url(puce_menu_gauche.png) no-repeat 4px 10px;
  width:215px;
  color:#000;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}

#colonne_gauche #menu_gauche a:hover{
  color:#b26c00;
}

#colonne_gauche #menu_gauche li.snp,
#colonne_gauche #menu_gauche li.hdv{
  background:url(fond_menu_hdv_snp.png) repeat-x ;
} 


#body13 #menu_gauche li.hdv,
#body14 #menu_gauche li.snp,
#body15 #menu_gauche li.devis-avions,
#body16 #menu_gauche li.devis-jet,
#body17 #menu_gauche li.devis-atelier,
#body18 #menu_gauche li.devis-manifestation,
#body19 #menu_gauche li.devis-gestionnaire,
#body15 #menu_gauche li.compet-aero,
#body15 #menu_gauche li.compet-avions,
#body16 #menu_gauche li.compet-helico,
#body16 #menu_gauche li.compet-jets,
#body14 #menu_gauche li.compet-para,
#body18 #menu_gauche li.compet-manifestation,
#body21 #menu_gauche li.compet-accidents,
#body22 #menu_gauche li.compet-hangars,
#body23 #menu_gauche li.compet-licence,
#body24 #menu_gauche li.compet-transport
{ 
  background: #9f9fbb;
}

#body13 #menu_gauche li.hdv a,
#body14 #menu_gauche li.snp a,
#body15 #menu_gauche li.devis-avions a,
#body16 #menu_gauche li.devis-jet a,
#body17 #menu_gauche li.devis-atelier a,
#body18 #menu_gauche li.devis-manifestation a,
#body19 #menu_gauche li.devis-gestionnaire a,
#body15 #menu_gauche li.compet-aero a,
#body15 #menu_gauche li.compet-avions a,
#body16 #menu_gauche li.compet-helico a,
#body16 #menu_gauche li.compet-jets a,
#body14 #menu_gauche li.compet-para a,
#body18 #menu_gauche li.compet-manifestation a,
#body21 #menu_gauche li.compet-accidents a,
#body22 #menu_gauche li.compet-hangars a,
#body23 #menu_gauche li.compet-licence a,
#body24 #menu_gauche li.compet-transport a
{
  color:#fff;
}


#colonne_gauche  #widget_gauche h3{
  font-size:24px;
  font-weight:normal;
  color:#00326a;
  margin:20px 0px 6px 0px;
  padding:0;
}
		
/* FIN COLONNE DE GAUCHE -------------------------------------------------------------------*/


.encart_contenu 
{
	/* ATTENTION : la ligne suivante est dans cette CSS car elle est indispensable en front, mais à proscrire dans FCKeditor. */
	position:relative;
}


.sous_menu_index, .sous_menu_page
{
	border:0px solid green;
	border-top: 1px solid #cccccc;
	padding:10px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}

.sous_menu_index h3, .sous_menu_page h3
{
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0;
}

.sous_menu_index li, .sous_menu_page li
{
	color:#666666;
}



/* ###########################################################################" */
/* BAS DE PAGE */
/* ###########################################################################" */



	/* MENU BAS -------------------------------------------------------------------*/

	#menu_bas {
		position:relative;
		display:block;
		height:26px;
		padding:0px 5px 0px 15px;
		
		font-size:10px;
		color:#000000;
		text-align:left;
		margin:0;
	}
	
	
	#menu_bas a {
		display:inline;
		padding:0px 15px 0px 15px;
		border-left:1px solid #003c75;
		font-size:12px;
		color:#003c75;
		text-decoration:none;
    font-weight: normal;
	}

	#menu_bas a:first-child {
		border-left:0px solid #003c75;  
  }
	
	#menu_bas a:hover {
		color:#eb9428;
		text-decoration:underline;
	}


	/* BAS DE PAGE -------------------------------------------------------------------*/
	#bas_de_page_large {
		position:relative;
		display:block;
		
		
		padding:0px;
		margin:0px;
		
		color: #fff;
		background-color:#00326a;
	}

	#bas_de_page {
		position:relative;
		display:block;
		margin: 0 auto; /* Permet de centrer le contenu de la page */
		
		padding:0px 0px 20px 0px;
		
		width:962px; /* largeur de la page */
		height:180px;
		border:0px solid red;
	}


	/* -----------------------------------------------------------------*/
	/*                          STYLES du TAG-CLOUD                     */
	
	#div_tagcloud {
		position:relative;
		display:block;
		float:left;
		
		margin:0px 0px 0px 0px;
		padding:0;
		
		width:685px; 
		border-right:0px solid #7ea2ce;
		
	}


	/* COLONNE DES COORDONNEES A DROITE -------------------------------------------------------------------*/
	#coordonnees_bas {
		display:block;
		position:relative;
		
		width:685px;
		float:left;

		margin:0px;
		padding:0px;
		
    margin-left:10px;
    
		text-align:left;
		
		font-size:11px;
		color:#bfd7ff;
		
		border:0px solid orange;
	}

	#coordonnees_bas p{
		font-size:11px;  
  }
  	
	#coordonnees_bas a {
		font-size:12px;
		color:#ffffff;
	}
	
	
	#copyright {
		font-size:12px;
		
		padding:0px 0px 20px 0px;
		border-bottom: 0px solid #40658d;
	}
	
	#copyright a{
		font-size:12px;
	}



a#hebergement
{
	position:relative;
	display:block;
	border:0px solid red;
	
	margin:30px 0px 10px 0px;
	padding:2px 5px 2px 70px;
	
	font-size:12px;
	color:#d1eaff;
	font-weight:normal;
	text-decoration:none;
	background-color:transparent;
}


a#hebergement:hover
{
	background-color:#c0d9e2;
	color:#1a3d62;
}

a#hebergement img
{
	display:block;
	position:absolute;
	border:0;
	padding:0px;
	margin:0px;
	
	top:-8px;
	left:10px;
}



/* ###########################################################################" */
/* FIN - BAS DE PAGE */
/* ###########################################################################" */



/* -----------------------------------------------------------------*/
/* STYLES de l'encart résumé (pour affichage aléatoire des articles */

#bloc_resume_articles {
	position:relative;
	color:#FFFFFF;
	padding:5px;
	margin:0;
}

#bloc_resume_articles h3.titre_categorie_encart_resume { /* titre des catégories d'articles */
	padding:0;
	margin:10px 0px 0px 0px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	color:#99c3ef;
}

#bloc_resume_articles h3.titre_categorie_encart_resume a { /* titre des catégories d'articles */
	position:relative;
	display:block;
	color:#ffffff;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}


#bloc_resume_articles div.un_encart_resume { /* encart contenant UNE categorie d'articles */
	padding:5px;
	margin:0px 0px 0px 0px;
	border:1px solid #2f547b;
}


#bloc_resume_articles h4.titre_article_encart_resume { /* titre d'un article */
	padding:0;
	margin:5px 0px 0px 0px;
	font-size:12px;
	color:#ffffff;
	text-align:left;
	text-decoration:underline;
}

#bloc_resume_articles .vignette_encart_resume { /* vignette de l'article */
	float:left;
	padding:0;
	margin:2px 5px 2px 0px;
}


#bloc_resume_articles p.resume_article_encart_resume { /* premiers mots de l'article */
	padding:0;
	margin:0;
	font-size:11px;
	text-align:justify;
	font-weight:normal;
}


#bloc_resume_articles p.lien_suite_encart_resume {
	padding:0;
	margin:0px 0px 5px 0px;
	font-size:11px;
	text-align:right;
	font-weight:normal;
}




/* -----------------------------------------------------------------*/
/* STYLES de la page de résultat des recherches                     */
#resultat_recherche {
	position:relative;
	display:block;
}

#resultat_recherche .encart_resultat_recherche {
	position:relative;
	display:block;
	padding:0;
	margin:15px 0px 15px 0px;
}

#resultat_recherche .titre_recherche {
	position:relative;
	display:block;
	font-size:15px;
	font-weight:bold;
}

#resultat_recherche .lien_titre_page {
	position:relative;
	display:inline;
	clear:both;
	font-size:13px;
	margin-top:25px;
}

#resultat_recherche .url_page {
	position:relative;
	display:block;
	font-size:10px;
	color:#666666;
	font-weight:normal;
}


#resultat_recherche .lien_lire_la_suite {
	position:relative;
	display:block;
	float:right;
	text-align:right;
	font-size:11px;
}




/* --------------------------------------------*/
/* STYLES du texte "page en construction" */

.txt_construction {
	margin-top:10px;
	font-weight:bold;
}

/* --------------------------------------------*/
/* STYLES POUR LE REFERENCEMENT */
#baseline {
	position:relative;
	width:760px;
	margin-top:50px;
	border-top:1px solid #666666;
	padding-top:5px;
	background-color:#ffffff;
	font-size:10px;
	color:#999999;
	text-align:justify;
	line-height:9px;
}

#kbeta {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* ###########################################################################" */
/* WIDGETS */
/* ###########################################################################" */

.widget
{
	display:block;
	position:relative;
	width:auto;
	margin:20px 0px 0px 0px;
	padding:0;
	text-align:left;
}

.widget h4
{
	display:block;
	position:relative;
	background-color:#174caa;
	width:auto;
	height:32px;
	padding:10px 5px 0px 10px;
	margin:0;
	
	color:#FFFFFF;
	font-size:24px;
	text-align:left;
	text-transform:uppercase;
	font-family:eurostile_gras;
}

.widget p
{
	text-align:left;
	margin:0;
	padding:0;
}

.widget>div
{
	display:block;
	position:relative;
	width:auto;
	margin:0;
	padding:10px;
	
	border:1px solid #999999;
	border-top:0;
}



#newsletterwidget form{
  margin-top:5px;
}

#widgetsondage .row{
  margin-left:10px;
  margin-top:5px;
}

#widgetsondage label{
  margin-left:5px;
}

#widgetsondage a{
 font-size:12px;
 text-align: center;
 display: block;
 margin-top:10px;
 font-weight: normal;
}

#widgetsondage input[type="button"]{
  background:#EA9612;
  color:#ffffff;
  border:1px solid #efefef;
  
  padding:5px;
  
  width:60px;
  margin-top:10px;
  
  cursor:pointer;
}

#widgetsondage .valid{
  display:none;
  color:#08B30A;
}

#bloc_connexion_em  p.message_erreur_em {
  text-align: left;
  color:#ff0000;
  background:#ffffff;
  width:155px;
  padding:4px;
  font-size: 11px;
  border: 1px solid red;
  font-weight: bold; 
}

/* ###########################################################################" */
/* FIN - WIDGETS */
/* ###########################################################################" */



/* -------------------------------------------------------------------------------------------------------------------------*/
/*	Formulaire de contact en bas de page : */
/* -------------------------------------------------------------------------------------------------------------------------*/

div#div_form_contact_tpl
{
	position:absolute;
	display:block;
	z-index:1000;
	
	margin:0;
	padding:0;
	width:255px;
	
	right:15px;
  	bottom:34px;
	
	color:#adb2be;
	
	background:#e6e6e6;
}



div#div_form_contact_tpl>div.padder
{

	display:block;
	
	margin:0px;

	padding:0px ;
	height:165px;
	width:255px;
  
}

div#div_form_contact_tpl #bouton_derouler
{
	position:absolute;
	display:block;
	right:10px;
	top:0px;
	cursor:pointer;
}




div#div_form_contact_tpl #bouton_derouler, div#div_form_contact_tpl #bouton_enrouler
{
	position:absolute;
	display:block;
	right:10px;
	top:10px;
	cursor:pointer;
}

div#div_form_contact_tpl #bouton_enrouler
{
	display:none;
}


div#div_form_contact_tpl h5
{
	position:relative;
	display:block;
	margin:0px 0px 1px 0px;
	padding:0;

  background:url(fond_titre_menu.jpg) repeat-x;
  height:23px;
  padding-top:5px;
  margin-bottom:13px;
	
	color:#ffffff;
	font-weight:normal;
	font-size:16px;
	text-align: left;
	
	padding-left:10px;
}

div#div_form_contact_tpl input, div#div_form_contact_tpl textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	
	border:0;
	padding:1px 5px 0px 7px;
	width:211px;
	color:#818181;


}

div#div_form_contact_tpl input
{
	position:relative;
	display:block;
	margin:0px 0px 8px 14px;
	
	height:17px;
	
	border:1px solid #9c9c9c;
 
 background:url(fond_form_contact_rapide.png) no-repeat top left;	
}

div#div_form_contact_tpl input#form_contact_tpl_tel
{	
	display:none;
}

div#div_form_contact_tpl textarea#form_contact_tpl_message
{
	position:relative;
	display:block;
	margin:0px 0px 3px 14px;
	
	padding-top:2px;
	height:52px;
	
	border:1px solid #9c9c9c;
  background:url(fond_form_contact_rapide.png) no-repeat top left;
 	
	overflow:auto;
}


div#div_form_contact_tpl #zone_erreur
{
	position:relative;
	display:block;
	margin:2px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	
	width:130px;
	height:30px;
	overflow:hidden;
float:left;
	border:0px solid red;
}

div#div_form_contact_tpl #zone_erreur #message_erreur
{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	
	width:130px;
	height:30px;
	
	left:180px;
	
	text-align:left;
	font-size:13px;
	font-weight:normal;
	border:0px solid green;
}



div#div_form_contact_tpl #form_contact_tpl_envoi
{
	position:relative;
	display:block;
	margin:5px 18px 5px 0px;
	padding:5px 0px 0px 0px;
	width:90px;
	height:23px;
	
  background:#eb9a15; 
  	
	text-align:center;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	color:#ffffff;
	
	cursor:pointer;

  float:right;
}