/* Remarques générales
padding:(top, right, bottom, left)
*/

LI {margin: 0px 0px 0px 0px; padding: 0px 0px 0x 0px;}

/*--------------------------------------------------		COMMUN		-------------------------------------------*/
body, div	{font-family: Arial, Verdana,  Helvetica, sans-serif;}
body		{  
	background-color: #ffffff;
	margin: 20px 0 0 0;
	color: #2B2A29;
	/*behavior: url('http://pegase/transat-classique/style/commun/csshover.htc');*/
	behavior: url('http://www.transatclassique.com/style/commun/csshover.htc');

}
.site		{  background-color: #ffffff;}
.menu		{  background-color: #ffffff;}
.contenu	{  background-color: #ffffff;}

P { margin: 0px 0px 0px 0px;}
/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------		CONTENU		-------------------------------------------*/
.txttitre	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; color: #000033; font-style: normal; font-weight: bold; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.txtsoustitre	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #666699; font-style: normal; font-weight: bold; text-decoration: none; margin: 5px 0px 10px 10px; padding: 0px 0px 0px 0px;}
.txtchapeau	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

H1		{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; color: #000033; font-style: normal; font-weight: bold; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0x 0px;}
H2  		{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; color: #666699; font-style: normal; font-weight: bold; text-decoration: none;  margin: 2px 0px 5px 2px; padding: 0px 0px 0px 0px;}
H3 		{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; margin: 5px 10px 10px 15px; padding: 0px 0px 0px 5px;}


.txtcontenu	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #333333; font-style: normal; font-weight: normal; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0x 0px;}
.txtaccueil	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; text-align: justify; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0x 0px;}

.liensinternes				{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #0842B7; font-style: normal; font-weight: normal; text-decoration: underline}
A.liensinternes:hover			{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #0842B7; font-style: normal; font-weight: normal; text-decoration: underline} 
.liensinternestelechargement		{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #0842B7; font-style: normal; font-weight: normal; text-decoration: underline}
A.liensinternestelechargement:hover	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #0842B7; font-style: normal; font-weight: normal; text-decoration: underline}

.bgblanc	{  background: #FFFFFF;}
.bgclaiclair	{  background: #F6F9FE}
.bgclair	{  background: #EFF6FE;}
.bgfonce	{  background: #CFE0F4;}

.legende { color:#333333; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; text-align: center;}
.legende p { margin: 0px 0px 0px 0px;}
.photo { margin: 0px 0px 0px 0px; text-align: center;}

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

.txtfieldset	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #0842B7; font-style: normal; font-weight: bold; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 5px 0x 5px;}

.TextForm	{ font-family: Arial, Verdana,  Helvetica, sans-serif; font-size:11px;}

.liensonglet				{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333; text-decoration: underline; LINE-HEIGHT: 13pt}
A.liensonglet:hover			{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333; text-decoration: underline; LINE-HEIGHT: 13pt}
.champcontact {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333333; text-decoration: none; background-color: #ffffff;}
.txtdatelieu { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #DB1212; text-decoration: none; }
.chpcontenu { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #163A76; text-decoration: none; }
.btnTexte {font-family:arial; font-size:11px;}
.trOver { bgcolor : #cccccc;}
/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------		ACTUALITE		-----------------------------------*/
.txttitreactu {  font-family: Garamond, Arial, Verdana,  Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #FF740D}
.txtchapeauactu {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #DB1212; text-decoration: none}
.txtcontenuactu {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #333333; text-decoration: none; }
.liensactu { color: #0842B7; text-decoration: none}
A.liensactu:hover { color: #0842B7; text-decoration: none}

.somtitreactu {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; letter-spacing: 0pt; text-align: justify; line-height: normal; font-weight: bold; color: #000000; text-decoration: none}
.somactu {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; letter-spacing: 0pt; text-align: justify; line-height: normal; font-weight: normal; color: #000000; text-decoration: none}

.somliensactu {   color: #999999; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold;text-decoration: none}
A.somliensactu:link {   color: #999999; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; text-decoration: none}
A.somliensactu:visited {   color: #999999; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; text-decoration: none}
A.somliensactu:active {   color: #999999; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; text-decoration: none}
A.somliensactu:hover {  color: #999999; font-family:Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; text-decoration: underline}
/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------		AGENDA		-------------------------------------------*/
.txttitreagenda { font-family: Garamond, Arial, Verdana,  Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #FF740D }
.txtchapeauagenda {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #DB1212; text-decoration: none}
.txtcontenuagenda {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #333333; text-decoration: none; }
.moisagenda { font-family: Arial, Verdana,  Helvetica, sans-serif; color:#DB1212; font-size: 10px; font-weight: normal; ; text-decoration: none; line-height: 16px}
.moisagendaselect { font-family: Arial, Verdana,  Helvetica, sans-serif; color:#DB1212; font-size: 14px; font-weight: bold; ; text-decoration: none; line-height: 16px}
.liensagenda { color: #333333; text-decoration: none}
A.liensagenda:hover { color: #D26103; text-decoration: none}

.somtitreagenda {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; letter-spacing: 0pt; text-align: justify; line-height: normal; font-weight: bold; color: #333333; text-decoration: none}
.somagenda {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; letter-spacing: 0pt; text-align: justify; line-height: normal; font-weight: normal; color: #333333; text-decoration: none}

.somliensagenda {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; line-height: normal; font-weight: normal; color: #333333; text-decoration: none}
A.somliensagenda:link {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; line-height: normal; font-weight: normal; color: #333333; text-decoration: none}
A.somliensagenda:visited {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; line-height: normal; font-weight: normal; color: #333333; text-decoration: none}
A.somliensagenda:active {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; line-height: normal; font-weight: normal; color: #333333; text-decoration: none}
A.somliensagenda:hover {  font-family:Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; line-height: normal; font-weight: normal; color: #333333; text-decoration: underline}
/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------		MENU		-------------------------------------------*/
div#menuhaut {
	height:25px;
	line-height:25px;
	margin:0;
	padding-left: 20px;
	background: #464645;
	text-align: left;
	
}
div#menuhaut ul.niveau1 {
	margin:0;
	padding: 0;
	height:20px;
} 
div#menuhaut ul.niveau1 li {
	float:left;
	position:relative;
	list-style: none;
	padding: 0 0 0 0;
	margin:0;
	font-size: 13px;
}
div#menuhaut ul.niveau1 li a {
	display:block; 
	line-height: 25px;
	color: #AEAFB2;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

} 
div#menuhaut ul ul {
	position: absolute;
	width: 200px;
	padding: 0;
	margin: 0;
	display:none;	
	left: 0;
	/*background: url('http://pegase/transat-classique/fr/images/communs/fond_sousmenu.png') repeat;*/
	background: url('http://www.transatclassique.com/fr/images/communs/fond_sousmenu.png') repeat;
}
div#menuhaut ul.niveau2 li {
	float: left ;
	width: 196px;
	height: 18px;
	line-height: 18px;
	padding: 0;
	margin: 2px;
	font-size: 11px;

}
div#menuhaut ul.niveau2 li:hover {
	/*background: url('http://pegase/transat-classique/fr/images/communs/fond_sousmenu_hover.png') repeat;*/
	background: url('http://www.transatclassique.com/fr/images/communs/fond_sousmenu_hover.png') repeat;
}
div#menuhaut ul.niveau2 li a {
	padding: 0 0 0 10px;
	line-height: 18px;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
} 
div#menuhaut ul.niveau2 li a:hover {
	/*color: #ccc;*/
} 

/*-------------------------------------------------------------------------------------------	RIGHT */

div#menuhaut ul.niveau1 li.sousmenu:hover ul.niveau2, div#menuhaut ul.niveau2 li.sousmenu:hover ul.niveau3_right, div#menuhaut ul.niveau2 li.sousmenu:hover ul.niveau3_right li.sousmenu:hover ul.niveau4_right {
	display:block;
} 
div#menuhaut ul.niveau3_right {
	top:0;
	left: 200px;
	margin-top: 0px;
} 
div#menuhaut ul.niveau3_right li,div#menuhaut ul.niveau3_right li:hover  {
	background: #F2EFDE;
}

div#menuhaut ul.niveau4_right {
	top:0;
	left: 200px;
	margin-top: 0px;
} 
div#menuhaut ul.niveau4_right li,div#menuhaut ul.niveau4_right li:hover  {
	background: #FDF2EE;
}

/*-------------------------------------------------------------------------------------------	LEFT */

div#menuhaut ul.niveau1 li.sousmenu:hover ul.niveau2, div#menuhaut ul.niveau2 li.sousmenu:hover ul.niveau3_left, div#menuhaut ul.niveau2 li.sousmenu:hover ul.niveau3_left li.sousmenu:hover ul.niveau4_left {
	display:block;
} 
div#menuhaut ul.niveau3_left {
	top:0;
	left: -200px;
	margin-top: 0px;
} 
div#menuhaut ul.niveau3_left li,div#menuhaut ul.niveau3_left li:hover  {
	background: #F2EFDE;
}

div#menuhaut ul.niveau4_left {
	top:0;
	left: -200px;
	margin-top: 0px;
} 
div#menuhaut ul.niveau4_left li,div#menuhaut ul.niveau4_left li:hover  {
	background: #FDF2EE;
}


/*-------------------------------------------------------------------------------------------------------------------------*/	

.txtaccroche	{
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 13px;
	color: #AEAFB2;
	font-weight: bold;
	margin: 0;
	padding-left: 5px;
}

.txtdepart	{
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0D00;
	font-weight: bold;
	margin: 0;
	padding-right: 5px;
}

/*--------------------------------------------------		CALQUES		-----------------------------------*/
/*------------------------------------------	haut	-------------------------------*/
div#retouracceuil {
	float:left;
	width: 160px;
	margin:0;
	padding: 0;
	text-align: center;
}
div#retouracceuil a{
	font-size: 11px;	
	color: #939191;
	text-decoration: none;
}

div#version {
	float: right;
	width: 21px;
	margin:0;
	padding: 0 5px 0 0;
	text-align: center;
}
/*------------------------------------------	gauche	-------------------------------*/
div#gauche {
	float:left;
	width: 185px;
	margin:0;
	padding: 0 0 20px 15px;
}

div#actusbreves {
	float:left;
	width: 150px;
	height: 30px;
	padding: 0;
	margin: 15px 0 0 0;
	border: 1px solid #2B2A28;
}
div#actusbreves .fond {
	float:left;
	width: 65px;
	height: 22px;
	padding: 0;
	margin: 3px 2px 0 5px;
	background: #2B2A29;
}

.fond a{
	line-height: 22px;
	font-size: 13px;
	color: #EFEAEA;
	text-decoration: none;
}


.AnimFlash {
	float:left;
	width: 150px;
	height: 123px;
	padding: 0;
	margin: 20px 0 0 0;
	border: 1px solid #2B2A28;

}
div#cartographie {
	float:left;
	width: 150px;
	height: 123px;
	padding: 0;
	margin: 20px 0 0 0;
	border: 1px solid #2B2A28;

}
div#cartographie .fond {
	float:left;
	width: 138px;
	height: 22px;
	padding: 0;
	margin: 3px 0 10px 5px;
	background: #2B2A29;
}

/*------------------------------------------	centre	-------------------------------*/
div#centre {
	width: 530px;
	padding: 0;
	margin:0 0 20px 0;
}
/*------------------------------------------	pagination	-------------------------------*/
div#pagination	{
	float:left;
	width: 500px;
	font-size: 12px;
}
div#pagination #titre {
	float:left;
	margin: 0;
	padding: 0 10px 20px 0;
}
div#pagination .defilement	{
	float:left;
	width: 100px;
	margin: 0;
	padding: 0;
	text-align: left;
	
	background:#fff;
}
div#pagination .defilement a	{
	color: #2B2A29;
	text-decoration: none;
	padding-right: 10px;
}
div#pagination .pages	{
	float:left;
	color: #FF0D00;
	padding-right: 10px;
}
div#pagination .pages a	{
	color: #2B2A29;
}
/*------------------------------------------	droite	-------------------------------*/
div#droite {
	float:right;
	width: 185px;
	padding: 0 0 0 15px;
	margin:0;
}
div#boutique {
	float:left;
	width: 150px;
	height: 30px;	
	padding: 0;
	margin: 15px 0 0 0;
	border: 1px solid #2B2A28;
}
div#boutique .fond {
	float:left;
	width: 138px;
	height: 22px;
	padding: 0;
	margin: 3px 0 0 5px;
	background: #2B2A29;
}
div#boutique img{
	float: left;
	margin: 4px 0 0 6px;
	padding: 0;
}
div#boutique a{
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
}
/*------------------------------------------	bas	-------------------------------*/
div#newsletter {
	float:left;
	width: 153px;
	height: 30px;
	padding: 0;
	margin: 3px 0 0 15px;
}
div#newsletter form	{
    	margin: 0;
    	padding: 0;
    	text-align: left;   
}
div#newsletter label	{
	float: left;
	width: 100%;
	text-align: center;		
	margin: 0 0 0 0;
    	padding: 0;
	font-size: 10px;
	color: #EFEAEA;
}
div#newsletter input#AbonnesEmail	{
	width: 124px;
	height: 18px;
	margin: 0;
    	padding: 0;
    	font-size: 10px;
    	background: #EFEAEA;
    	border: 1px solid #2B2A28;
    	
}
div#newsletter input#submit	{
	width: 22px;
	height: 18px;
	border: 0px solid #fff;
	margin: 0 0 0 5px;
    	padding: 0;
	color: #EFEAEA;
	font-size: 12px;
    	background: url('../../fr/images/clear.gif') no-repeat;
	/*border: 1px solid #2B2A28;*/
}

div#signature	{
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 11px;
	line-height: 40px;
	color: #FF0D00;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------		NAVIGATION		-----------------------------------*/
.barreprogression {  font-family: Arial, Verdana,  Helvetica, sans-serif;  color: #000000; font-size: 10px; letter-spacing: 0pt; font-style: normal; font-weight: normal; text-align: left;}
/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------		MENU BAS		-----------------------------------*/
.somMenubas { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none }
/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------		CATALOGUE		-----------------------------------*/
.txtcatalogue1 {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #333333}
.txtcatalogue2  {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #333333}
.txtcatalogue3{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #DB1212}
.txtcatalogue4 { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #333333}
.txttitrecatalogue1 {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #DB1212}
.txttitrecatalogue2  {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #DB1212}
.txttitrecatalogue3   {  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #FFFFFF}
.lienscatalogue { color: #D26103; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: underline}
A.lienscatalogue:hover { color: #DB1212; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: underline}
.trcatalogue0 { background-color : #FEEDB5;}
.trcatalogue1 { background-color : #FFFAE1;}
.trcatalogue2 { background-color : #FEEDB5;}
#Table_requete	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: none; width: 200px; border-top: 0; border-right: 0;border-bottom: 0; border-left: 0;}
#Table_catalogue { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: none; width: 380px; border-top: 0; border-right: 0; border-bottom: thin solid #CCCCCC; border-left: 0;}
#Lien_catalogue	{ text-decoration: none;}
/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------	MOTEUR DE RECHERCHE	-------------------------------------------*/
.txttitrerecherche	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #0842B7; font-style: normal; font-weight: bold; text-decoration: none; margin: 5px 0px 10px 10px; padding: 0px 0px 0px 0px;}
.txtrecherche	{  font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #333333; font-style: normal; font-weight: normal; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0x 0px;}
/*-------------------------------------------------------------------------------------------------------------------------*/	

/*--------------------------------------------------		PLAN SITE	-------------------------------------------*/
.planrub { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #19367f }
.plansousrub { color:#19367f; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; }
.planpage { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #3876c1; text-decoration: none }
.plancategorie { color:#19367f; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 12px; }
/*-------------------------------------------------------------------------------------------------------------------------*/