body {
	background-color : #0162a9;
	color : #333333;
	margin : 0;
	text-align : center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 16px;
	background-image: url(http://www.meta-tourism.com/img/fond.jpg);
	background-repeat: repeat-x;
}
#page {
background-color : #fff;
margin : auto;
width : 960px;
text-align : left;
overflow : hidden;
}

#bandeH {
background-color : #222;
height : 22px;
margin : auto;
padding-top : 6px;
padding-left : 6px;
width : 960px;
text-align : left;
overflow : hidden;
}

#bandeB {
background-color : #aaa;
height: 26px;
width : 960px;
padding-left : 10px;
padding-top : 6px;
}

#rechercheentete {
float: right;

padding-right : 12px;
text-align : left;
overflow : hidden;
}

#bandeaupub {
float: right;
padding-right : 12px;
padding-top : 12px;
}

#bandeH2 {
margin : 0;
padding : 0;
background-color : #ffffff;

}

#navevent {
padding-left : 68px;
}

#droite {
float: right;
padding-right : 30px;
}

.imgContainer
{
		 float:left!important;
		 display:block;
		 width:240px;
	
		 background-color:#386888;
		 margin-right : 12px;
		
		 
		 
		 /*
		 background-position:center bottom;
		 background-image:url(/images/dotted_line.gif);
		 background-repeat:repeat-x;
*/
		 }

.imgInner
		{


	width:180px;

	background-color:#386888;
	border: 1px dotted #666666;
		}	
		
		#bleu
		{


width:920px;
height:350px;
	background-color:#386888;

		}	
		
		#blocevents
		{


padding-left : 20px;

		}	
		
		.dateevent
		
		{
	color : #00CCFF;
	padding-bottom : 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		}	
		
		

#login {
	background-color : #F4F2F3;
	height : 80px;
	padding-top : 40px;
	padding-left : 10px;
	width : 245px;
	text-align : left;
	background-image: url(http://www.meta-tourism.com/img/login/fond.gif);
	background-repeat: no-repeat;
	border: 1px solid #999999;
}

#loginfr {
	background-color : #F4F2F3;
	height : 80px;
	padding-top : 40px;
	padding-left : 10px;
	width : 245px;
	text-align : left;
	background-image: url(http://www.meta-tourism.com/img/login/fond_fr.gif);
	background-repeat: no-repeat;
	border: 1px solid #999999;
}

.logint {
	color : #000;
	font-weight: bold;
}

.champlogin {
	width: 140px;
	font-size: 9px;
}

.submitlogin {
	background-color : #4299de;
	color : #fff;
}

.submitrecherche {
	background-color : #aa0000;

	color : #fff;
}

.loginst {
	color : #618ea1;
	font-weight: bold;
}

a.loginmdp_lien {color: #618ea1; font-family:  arial, helvetica, sans-serif; font-weight: normal; font-size: 9px; text-decoration: none; }
a.loginmdp_lien:hover {color: #000; font-family:  arial, helvetica, sans-serif; font-weight: normal; font-size: 9px; text-decoration: none;}

.event_titre {
padding-top : 10px; 
}


a.ev_lien {
	color: #fff;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: normal;
	font-size: 14px;
	text-decoration: none;
}
a.ev_lien:hover {
	color: #FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline;
}


#loginTXT {
	
	padding-left : 50px;
	
}

.entete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #d14417;
	letter-spacing: 0.1em;
}

a.entete_lien {color: #ffffff; font-family:  arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 0.1em; font-size: 11px; text-decoration: none; }
a.entete_lien:hover {color: #d14417; font-family:  arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 0.1em; font-size: 11px; text-decoration: none;}


    #container { 

    	width: 760px;  /* param�trage de la largeur � 20 pixels de moins que le plein �cran (800 pixels) pour tenir compte de l'habillage du navigateur et �viter l'apparition d'un ascenseur horizontal */

    	background: #FFFFFF;

    	margin: 0 auto; /* les marges automatiques (et dot�es d'une largeur positive) centrent la page */

    	border: 1px solid #000000;

    	text-align: left; /* ce param�trage annule le param�tre text-align: center de l'�l�ment body. */

    }

    #sidebar1 {

    	float: right; /* cet �l�ment est flottant, il faut donc lui attribuer une largeur */

    	width: 250px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur r�elle de cet �l�ment div est compos�e de la largeur plus le remplissage et la bordure */

    	background: #ffffff; /* la couleur de l'arri�re-plan est affich�e sur la largeur du contenu de la colonne, mais pas au-del� */

    	padding: 15px 10px;

    }

    #mainContent { 

    	margin: 0 260px 0 0; /* La marge droite de cet �l�ment div cr�e la colonne qui s'�tend sur le c�t� droit de la page - quel que soit le contenu de l'�l�ment div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'�l�ment div #mainContent remplisse l'espace de l'�l�ment #sidebar1 lorsque le contenu de ce dernier se termine. */

    	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace � l'int�rieur du cadre de l'�l�ment div, alors que la marge est l'espace � l'ext�rieur de celui-ci */

    } 
    
    #mainContentevent {
    
    	margin: 0 200px 0 0; /* La marge droite de cet �l�ment div cr�e la colonne qui s'�tend sur le c�t� droit de la page - quel que soit le contenu de l'�l�ment div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'�l�ment div #mainContent remplisse l'espace de l'�l�ment #sidebar1 lorsque le contenu de ce dernier se termine. */

    	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace � l'int�rieur du cadre de l'�l�ment div, alors que la marge est l'espace � l'ext�rieur de celui-ci */

    
    
    
    }
    
    
     #sidebarevent {

    	float: right; /* cet �l�ment est flottant, il faut donc lui attribuer une largeur */

    	width: 180px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur r�elle de cet �l�ment div est compos�e de la largeur plus le remplissage et la bordure */

    	background: #ffffff; /* la couleur de l'arri�re-plan est affich�e sur la largeur du contenu de la colonne, mais pas au-del� */

    	padding: 15px 10px;

    }

    .fltrt { /* cette classe permet de rendre flottant le c�t� droit d'un �l�ment dans la page. L'�l�ment flottant doit pr�c�der l'�l�ment � c�t� duquel il doit se trouver dans la page. */

    	float: right;

    	margin-left: 8px;

    }

    .fltlft { /* cette classe permet de rendre flottant le c�t� gauche d'un �l�ment dans la page */

    	float: left;

    	margin-right: 8px;

    }

    .clearfloat { /* cette classe doit �tre plac�e pour un �l�ment div ou break et doit �tre l'�l�ment final avant la balise de fin d'un conteneur qui doit contenir enti�rement un �l�ment flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }
    
    

.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #666666;
	margin: 0px;
	top: 0px;
	letter-spacing: normal;
}

.entete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
	letter-spacing: 0.1em;
}

.news_descriptif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	line-height: 16px;
}
.news_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #999999;
}
.news_date2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #999999;
}
.news_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #2e5574;
	line-height: 20px;
}
.news_titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #2e5574;
	line-height: 20px;
}

.petitblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #ffffff;
}
.nav_titre {
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 9px;
	text-decoration: none;
	line-height: normal;

}

.nav_module {
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 9px;
	text-decoration: none;
	line-height: normal;
	letter-spacing: 0em;

}

.titre {
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 9px;
	text-decoration: none;
	line-height: normal;
	letter-spacing: 0.1em;
}


input {
    font : 10px arial, helvetica, verdana, geneva, sans-serif;
	}
	
#inputlogin {
font : 10px arial, helvetica, verdana, geneva, sans-serif;
width: 140px;
}

	
select {
    font : 10px arial, helvetica, verdana, geneva, sans-serif;
	}


a {color: #2e5574; font-family:  arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-decoration: none; }



a.entete_lien {color: #ffffff; font-family:  arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 0.1em; font-size: 11px; text-decoration: none; }
a.entete_lien:hover {color: #000000; font-family:  arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 0.1em; font-size: 11px; text-decoration: none;}

a.lienbleu {color: #2e5574; font-family:  arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 0.1em; font-size: 11px; text-decoration: none; }
a.lienbleu:hover {color: #4598DC; font-family:  arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 0.1em; font-size: 11px; text-decoration: underline;}

a.ev_mod_lien {
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
	font-size: 14px;
	text-decoration: none;
}
a.ev_mod_lien:hover {
	color: #FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
	font-size: 14px;
	text-decoration: underline;
}

.ev_mod_lieu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #00CCFF;
}

a.petitblanc_lien {color: #ffffff; font-family:  arial, helvetica, sans-serif; font-weight: normal; font-size: 9px; text-decoration: none; }

a.navigation {
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 9px;
	text-decoration: none;
	line-height: normal;
	letter-spacing: 0em;
}

a.sousnav_lien {
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 10px;
	text-decoration: none;
	line-height: normal;
}
a.sousnav_lien:hover {
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 10px;
	text-decoration: none;
	line-height: normal;
}

a.indexlien_lien {
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	text-decoration: none;
	line-height: normal;
}
a.indexlien_lien:hover {
	color: #eeeeee;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	text-decoration: none;
	line-height: normal;
}




.interlignagetexte {
	line-height: 15px;
}
.Titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 40px;
	font-weight: normal;
	color: #034479;
	background-image: url(../img/charte/picto_meta.jpg);
	background-repeat: no-repeat;
	padding-left: 28px;
}
.Titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #0062a9;
	font-variant: normal;
	text-transform: none;
	line-height: 50px;
}
.Titre3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4598DC;
	height: auto;
	font-weight: normal;
	line-height: 16px;
}
a._lien {
color: #2e5574; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-decoration: none;
}
a._lien:hover {
color: #4598DC; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-decoration: underline;
}
.Titre4 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #152A7D;
	font-variant: normal;
	text-transform: none;
	line-height: 20px;
}

.Titre4bis {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #152A7D;
	font-variant: small-caps;
	text-transform: uppercase;
	line-height: 20px;
}

.petittitre {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
    letter-spacing: 0.1em;
}