/* Compress with https://csscompressor.com/ */

/**********/
/* Resets */
/**********/
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1em;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}

/* Box Model */

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Grid */

.\31 2u { width: 100% }
.\31 1u { width: 91.6666666667% }
.\31 0u { width: 83.3333333333% }
.\39 u { width: 75% }
.\38 u { width: 66.6666666667% }
.\37 u { width: 58.3333333333% }
.\36 u { width: 50% }
.\35 u { width: 41.6666666667% }
.\34 u { width: 33.3333333333% }
.\33 u { width: 25% }
.\32 u { width: 16.6666666667% }
.\31 u { width: 8.3333333333% }
.\-11u { margin-left: 91.6666666667% }
.\-10u { margin-left: 83.3333333333% }
.\-9u { margin-left: 75% }
.\-8u { margin-left: 66.6666666667% }
.\-7u { margin-left: 58.3333333333% }
.\-6u { margin-left: 50% }
.\-5u { margin-left: 41.6666666667% }
.\-4u { margin-left: 33.3333333333% }
.\-3u { margin-left: 25% }
.\-2u { margin-left: 16.6666666667% }
.\-1u { margin-left: 8.3333333333% }
			
/**********/
/* Basics */
/**********/

	body.is-loading * {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	
	body {
		background-color:#F3F3F3;
		margin:0em;
		color:#666666;
		min-width: 100%;
	}
		
	A:link {
		color: #4A73B5; 
		text-decoration: none;
		line-height:20px;
	}
	A:visited {
		color: #4A73B5; 
		text-decoration: none;
	}
	A:active {
		color: #4A73B5;
		text-decoration: none;
	}
	A:hover {
		color: #4A73B5; 
		text-decoration: underline;
	}

	/* Titre */
	h1 {	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin: 0 auto 0 auto;
		color: #666666;
		text-align:left;
		padding:0.6em 0 0.6em 0; 
		clear:both;
		font-size:20px;	
		line-height:28px;
	}
			
	h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:18px;
		color: #666666;
		text-align:left;
		padding:0.6em 0 0.5em 0; 
		border-bottom: 1px solid #D1D9C4;
		margin:0 0 0.5em 0;
		clear:both;
		line-height:24px;
	}

	h2.carnet {
		padding:0 0 0.5em 0px;
		border-bottom:0px;
		margin-bottom:5px;
	}

	h2.popup {
		padding:0.5em 0 0.5em 0; 
	}

	h2.separator {
		border-bottom: 0px; 
	}
	
	h3 {
		margin-top:4px;
		margin-bottom:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		color: #666666;
		font-weight: normal;
		font-style:italic;
	}
	
	blockquote {
		margin-left:30px;
	}
	
	li {
		line-height:18px;
	}

	p {
		font-size: 1em;
		font-family: verdana, arial, sans-serif;
		line-height: 24px;
		text-align:justify;
		margin:1em 0 1em 0;
	}

	i {
		font-style:italic;
	}

	strong {
		font-weight:bold;
	}

	.image {
		max-width:100%;
		max-height:580px;	
		margin:2em auto;
		display:block;
	}
	
	.vignette {
		max-width:320px;
		margin:2em auto;
		display:block;
	}

/********/
/* Page */
/********/
		
	/*Frame*/
	#page_wrapper {
		width: 100%; 
		max-width: 1044px;
		font-size:14px;
		margin:0 auto 0 auto;
		border: 0em;
		padding: 1em;
	}
		
	#page_header {
		width: 100%;
		border-radius: 0.2em;
		clear: both;
		margin:auto;
		text-align:center;
	}

	#page_header_pastille {
		margin:auto;
		width: 130px;
		height: 115px;
		text-align:center;
	}
	
	#page_header_pastille img {
		width: 130px;
		height: 115px;
		border:0px;
	}
	
/***************/
/* Header menu */
/***************/
	
	#navcontainer ul {
		padding:0;
		margin:0;
		background-color: #FFFFFF;
		float: left;
		width: 100%;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		border-bottom:1px solid #FFFFFF;
		text-align:center;
		display:table;
	}

	@media (max-width: 640px) {
		#navcontainer ul {
			display:block;
		}
	}
	
	#navcontainer ul li { 
		padding:0 3px 3px 0;
		text-align:center;
		display: table-cell;
		width:16.6%;
	}
	
	@media (max-width: 640px) {
		#navcontainer ul li { 
			float:left;
			display: block;
			width:33.3%;
			margin-left:auto;
			margin-right:auto;
		}
	}
	
	#navcontainer ul li a {
		line-height:12px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-decoration: none;
		text-align:center;
		width:100%;
		display:inline-block;
		border:1px solid #666666;
		border-radius: 0.2em;
	}
	
	#navcontainer ul li a:hover {
		background-color: #FCF9CE;
		color: #4A73B5;
		text-decoration: underline;
	}
	
	.star_continent {
		display:inline-block;
		vertical-align:middle;
		line-height:20px;
		border:0;
		height:15px;
		margin:2px 5px 3px 0px;
		padding:0;
	}
	
/*************/
/* Main body */
/*************/

	#center {    
		width:auto;
		padding: 1em;
		border:0em;
		background-color: #FFFFFF;
		border-radius: 0.2em;
		clear: both;
		font-size: 1em;
		font-family: verdana, arial, sans-serif;
	}
		
	#content
	{
		width:100%;
		margin: 0 auto 0 auto;
		text-align: left;
		border:0px solid #2A00AA;
		font-size: 1em;
		font-family: verdana, arial, sans-serif;
	}
	
	#section
	{
		width:100%;
		text-align:left;
		margin: 0 auto 0.5em auto;
		clear:both;
		font-size: 1em;
		font-family: verdana, arial, sans-serif;
		line-height: 24px;
	}

/***********/
/* Country */
/***********/

	#left_box {
		float:left; 
		vertical-align:top; 
		width:69%
	}

	#right_box {
		float:right; 
		vertical-align:bottom; 
		text-align:center; 
		margin:2em 1em 0 1em;
		width:260px; 
	}

	@media (max-width:1024px) {
		#left_box {			
			width: 100%;
			display:block;
		}
	
		#right_box {
			margin:2em 0 0 0;
			width: 100%;
			display:block;			
		}

		#right_box img {
			margin:0 auto 0 auto;
		}	
	}

/********/
/* Help */
/********/
		
	#table_help {
		width:100%; 
		border:1px solid #D1D9C4; 
		margin:auto; 
		padding:5px;
	}
	
	@media (min-width:641px) { 
		#table_help {
			width:80%; 
		}
	}	

/********************/
/* Hamburger button */
/********************/

	#titleBar
	{
	}

	#titleBar .title
	{
		display: block;
		color: #FFFFFF;
		line-height: 38px;
		font-size: 1.25em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
		text-align: center;
	}

	#titleBar .toggle
	{
		width: 80px;
		height: 60px;
		position: absolute;
		left: 0;
		top: 0;
	}

	#titleBar .toggle:before
	{
		text-decoration: none;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;

		content: '  ';
		display: block;
		position: absolute;
		left: 0.5em;
		top: 0.5em;
		width: 45px;
		height: 50px;
		background: url('/cdv_image/cdv_logo_menu.png') left no-repeat;
		border-radius: 5px;
		margin: auto;
	}

	#titleBar .toggle:active
	{
	}


	#titleBar .toggle:active:before
	{
		color: #FFFFFF;
		background-color: #6799CB;
	}
	
/**************/
/* Left Panel */
/**************/

	#sidePanel {
		padding:5px;
		background-color:#FFFFFF;
	}
	
	#sidebar {
		margin:0 auto 0 auto; 
		float:none;
		background-color: #FFFFFF;
		border:0;  
		width:100%;
		visibility:hidden;
	}

	#sidebar h3 {  
		margin-top:0px;
		margin-bottom:5px;
		font-family: verdana, arial, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		font-weight:bold;
		padding:6px 4px 6px 4px;
		border: 1px solid #666666;
		border-radius: 0.2em;
		background-color:#91BBDD;
		text-align:left;
		font-style:normal;
	}
	
	#linklist {
		padding-left: 0;
		margin-left: 0;
		border-bottom: 1px solid #D1D9C4;
		width: 100%; /**/
	}
	
	#sidebar ul {
		margin:2px 0px 5px 0px;
		padding:0px;
	}
	
	#linklist li {
		list-style: none; 
		line-height:34px;
		border-top: 1px solid #D1D9C4;
		font-family:verdana;
		font-size:14px;
		text-align:left;
	}
	
	#linklist li a { 
		text-decoration: none;
		margin-left: 4px; 
	}
	
	#linklist li a:hover { 
		text-decoration: underline; 
		margin-left: 4px; 
	}

/********/
/* Misc */
/********/

.sous_titre {
  	font-family: verdana;
	font-size: 20px;
}

.rubrique {
  font-family: verdana;
	font-size: 13px;
	font-weight:bold;
}

.cadre { 
  border-style : solid;
  border-color : #666666;
  border-width : 1px;
  margin:0px;
  padding:0px;
}

.cadre_vignette {
  border-style : solid;
  border-color : #666666;
  border-width : 0px;
  margin:0px 5px 0px 5px;
}
.cadre_photo {
	border-style : solid;
	border-color : #666666;
	border-width : 1px;
	padding: 5px;
	width: 630px;
	margin: auto;
}

.flag_border {
	background: url('/cdv_image/cdv_flags/ombre.gif') no-repeat;
}

/**********/
/* Videos */
/**********/

#vid {
	width:98%; 
	height:230px; 
	text-align:center; 
	clear:both; 
	margin:auto;
	padding:0;
	border:0;
}

@media (min-width:321px) and (orientation:portrait) {
	#vid {
		height:270px; 
	}
}

@media (min-width:511px) {
	#vid {
		height:360px; 
	}
}

@media (min-width:641px) {
	#vid {
		max-width:630px;
		height:450px;  
	}
}

#vid_vignette {
	width:250px; 
	height:190px; 
	text-align:center; 
	clear:both; 
	margin:auto;
	padding:0;
	border:0;
}

/*********/
/* Boxes */
/*********/
		
	#box_edition, #box_titre_seul, #box_activity, #box_media, #box_link, #box_ads_728x90, #box_ads_468x60, #box_fetenat {
		width:100%;
		height:100%;
		text-align:left;
		padding-right:1em;
		display:inline-block;
		line-height:18px;
		margin:1em auto 0 auto; 
		vertical-align:top;
		float:left;
	}
	
	#box_fetenat {
		text-align:center;
	}
	
	#box_ads_728x90 {
		width:49%;
		height: 90px;
		border:1px solid #D1D9C4;
		padding: 0.75em 0 0.5em 0;
		margin-left:0.5em;
		background-color:#f7f7f7;
	}
	
	#box_ads_468x60 {
		width:100%;
		min-height: 60px;
		border:1px solid #D1D9C4;
		padding: 0.5em;
		background-color:#f7f7f7;
	}

	/* Photos-Galeries */	
	#box_pic, #box_pic_edition, #box_flag  {
		width:100%;
		min-height:340px;
		padding:0;
		margin:0;
		line-height:18px;
		float:left;		
		text-align:center;
	}

	#box_pic_edition {
		min-height:280px;
	}

	#box_flag {
		min-height:150px;
	}

	#box_pic .vignette, #box_pic_edition .vignette {
		max-width:320px;
		max-height:212px; /* max height for 320px width */
		border:0;
		margin:0 auto;
	}

	#box_flag .vignette {
		max-width:122px;
		max-height:82px; /* max height for 122px width */
		border:0;
		margin:0 auto;
	}

	@media (min-width:641px) {	
		#box_pic, #box_pic_edition, #box_flag {
			width: 50%; 
		}
		#box_pic .vignette, #box_pic_edition .vignette {
			max-width:280px;
			max-height:186px; /* max height for 280px width */
		}
	}

	@media (min-width:961px) {	
		#box_pic, #box_pic_edition, #box_flag {
			width: 33.3333333333%; 
		}
	}

	/* Legacy icon (country iframe menu decouvrir) */
	#box_icon {
		width:99.5%;
		height:100%;
		text-align:center;
		padding:0;
		margin:1em 0;
		border:0;
		line-height:24px;
		display:inline-block;
	}
	
	#box_icon img {
		max-height:80px;
		border: 0;
	}

	@media (min-width:481px) {	
		#box_icon {
			width: 49%; 
		}
	}

	@media (min-width:701px) {	
		#box_icon {
			width: 32.5%; 
		}
	}

	#box_vid {
		width:100%;
		height: 100%;
		text-align:center;
		padding:0.5em 1em 0.5em 1em;
		border: 0px solid #D1D9C4;
		display:inline-block;
		line-height:18px;
		margin:0;
		vertical-align:top;
	}

	#box_user {
		width:100%;
		height: 100%;
		text-align:center;
		padding:0.5em 1em 0.5em 1em;
		border: 0px solid #D1D9C4;
		display:inline-block;
		line-height:18px;
		margin:0;
		vertical-align:top;
	}

	@media (min-width:641px) {
		#box_titre_seul {
			width: 49%; 
			height: 100%;
		}
	}
		
	@media (min-width:1024px) {
		#box_edition, #box_fetenat {
			width: 50%; 
			height: 150px;
		}
	
		#box_link {
			width: 49%; 
			height: 160px;
		}
	
		#box_vid {
			width: 49%; 
		}
		
		#box_user {
			width: 49%; 
		}
	}
	
	#box_edition .vignette {
		float:right;
		text-align:left;
		border:0;
		margin:0;
		margin-left:1em;		
		max-width:120px; 
		max-height:100px;
	}

	#box_fetenat .vignette {
		margin:1em auto 0 auto;
		border:1px solid #D1D9C4;
	}

	#box_activity .vignette, #box_media .vignette {
		float:right;
		padding-left: 0.5em;
		text-align:left;
		border:0;
		margin:0px 5px 5px 5px;
	}

	.star_continent_box_edition {
		display:inline-block;
		border:0;
		height:15px;
		margin:0 3px 2px 3px;
		padding:0;
		vertical-align:middle
	}
	
	#box_link .vignette {
		float:left;
		padding-left: 0.5em;
		text-align:left;
		border:0;
		margin:6px 5px 5px 5px;
	}

	#box_ads_728x90 .vignette, #box_ads_468x60 .vignette {
		float:left;
		padding-left: 0.5em;
		text-align:left;
		border:0;
		margin:0px 5px 0px 5px;
	}

	#box_vid .vignette {
		width:100%;
		max-width:250px;
		display:inline-block;
		text-align:center;
		border:0;
		margin:0.5em auto 0.5em auto;
	}

	#box_user .vignette {		
		border:0;
		margin:0.5em auto 0.5em auto;
		vertical-align:middle;
	}
	
	#box_edition p, #box_activity p, #box_media p, #box_link p {
		margin: 0.5em 0 0 0.5em;
		text-align:justify;
	}
	
	#box_calendar {
		width:90%;
		height: 154px;
		text-align:center;
		margin:0 0 1.4em 1.4em;
		border:1px solid #D1D9C4;
	}

	@media (min-width:341px) {
		#box_calendar {
			width:48%;
			margin:0 0 0.2em 0.2em;
		}
	}

	@media (min-width:641px) {
		#box_calendar {
			width:32%;
			margin:0 0 0.3em 0.3em;
		}
	}

	#box_weather {
		width:124px; 
		height:180px;
		text-align:center;
		border: solid 1px #D5D5D5;
		display:inline-block;
		vertical-align:top;
	}

	@media (min-width:641px) {
		#box_weather {
			width:48%;
		}
	}

/****************/
/* Country Tabs */
/****************/

	#container ul {
		height:100%;
		float:left;
		width:100%;
		padding:0;
		margin:0;
		border:0;
		display:table;
	}
	
	@media (max-width: 860px) {
		#container ul {
			display:block;
		}
	}
	
	#container ul li {	
		display:table-cell;
		padding:0 2px 2px 0;
		width:10%;
		text-align:center;
	}
	
	@media (max-width: 860px) {
		#container ul li {
			float:left;
			display: block;
			width: 25%;
			margin-left:auto;
			margin-right:auto;
		}
	}

	@media (max-width: 420px) {
		#container ul li {
			float:left;
			display: block;
			width: 33.3333333333%;
			margin-left:auto;
			margin-right:auto;
		}
	}

	#container ul li a {
		line-height:24px;
		height:28px;
		width:100%;
		display:inline-block;
		cursor:pointer;
		font-weight:bold;
		color:#FFFFFF;
		text-align:center;
		background-color:#4278A5;
		border-radius: 0.2em;
		margin:0;
		padding:0;
	}
	
	#container ul li a:hover { color:#FFFFFF; text-decoration: underline; background-color:#91BBDD; }

/***********/
/* Tooltip */
/***********/
   
	a.tooltip em {
		display:none;
	}
	
	a.tooltip:hover {
		border: 0;
		position: relative;
		z-index: 500;
		text-decoration:none;
	}
	
	a.tooltip:hover em {
		font-style: normal;
		display: block;
		position: absolute;
		top: 20px;
		left: -10px;
		padding: 5px;
		color: #000;
		border: 1px solid #bbb;
		background: #ffc;
		width:170px;
	}
	
	a.tooltip:hover em span {
		position: absolute;
		top: -7px;
		left: 5px;
		height: 7px;
		width: 11px;
		background: transparent url(https://www.club-des-voyages.com/img/msgbox/infobulletop.gif);
		margin:0;
		padding: 0;
		border: 0;
	}

/*********/
/* Forum */
/*********/
        	   
    .PhorumTitleText
    {
    	font-family: Comic Sans MS;
    	font-size : 32px;
   	 	font-weight: bold;
    }

    .PhorumStdBlock
    {
        font-size: 1em;
        font-family: Arial;
        background-color: #FFFFFF;
        border: 1px solid #D1D9C4;
        width: 100%; 
        padding: 3px;
		clear:both;
		margin:0;
    }

    .PhorumCadrePhoto
    {
      border-style : solid;
      border-color: #D1D9C4;
      border-width : 1px;
      width:100%;
    }

    .PhorumFiche
    {
        font-size: 12px;
        font-family: Arial;
        background-color: #FFFFFF;
        border: 1px solid #6699cb;
        width: 640px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .PhorumStdBlockNoBorder
    {
        font-size: 12px;
        font-family: Arial;
        background-color: #FFFFFF;
        border: 0px solid #D1D9C4;
        /*width: 100%; */
        padding: 3px;
    }

    .PhorumStdBlockHeader
    {
        font-size: 12px;
        font-family: Arial;
				background-color: #FFFFFF;
        /*width: 100%; */
        border-left: 1px solid #D1D9C4;
        border-right: 1px solid #D1D9C4;
        border-top: 1px solid #D1D9C4;
        padding: 2px 3px 3px 3px;
    }

    .PhorumHeaderText
    {
        font-weight: bold;
    }

    .PhorumNavBlock
    {
        font-size: 11px;
        font-family: Arial;
        background-color: #e4e4e4;
		height: 16px;
        padding: auto 3px auto 3px;
        color : #333333;
        float:none;
        width:100%;
        margin:0.5em 0 1em 0;
        vertical-align:middle;
    }

    .PhorumNavHeading
    {
        font-weight: normal;
		font-size: 11px;
        color: #333333;
    }

    A.PhorumNavLink
    {
        color: #333333;
        text-decoration: underline;
        font-weight: normal;
        font-size: 11px;
        /*font-family: Arial;
        border-style: solid;
        border-color: #e4e4e4;
        border-width: 1px; */
        padding: 0px 4px 0px 4px;
		text-decoration: none;
    }

    A.PhorumNavLink:visited
    {
        color: #333333;
        text-decoration: underline;
        font-weight: normal;
        
        font-size: 11px;
        /*font-family: Arial;
        border-style: solid;
        border-color: #e4e4e4;
        border-width: 1px; */
        padding: 0px 4px 0px 4px;
		text-decoration: none;
    }

    A.PhorumNavLink:hover
    {
        /*background-color: #e4e4e4;*/
        font-weight: normal;
        font-size: 11px;        
        /*font-family: Arial;
        border-style: solid;
        border-color: #D1D9C4;
        border-width: 1px;*/
        color: #333333;
		text-decoration: underline;
    }

    .PhorumFloatingText
    {
        font-size: 12px;
        padding: 10px;
    }

    .PhorumHeadingLeft
    {
        padding-left: 3px;
        font-weight: normal;
    }

    .PhorumUserError
    {
        padding: 10px;
        text-align: center;
        color: Red;
        font-size: 16px;
        font-family: Arial;
        font-weight: bold;
    }

    .PhorumUserMessage
    {
        padding: 10px;
        text-align: center;
        color: green;
        font-size: 16px;
        font-family: Arial;
        font-weight: bold;
    }

   .PhorumNewFlag
    {
        font-family: Arial;
        font-size: 11px;
        font-weight: bold;
        color: #CC0000;
    }

    .PhorumNotificationArea
    {
        float: right;
        border-style: dotted;
        border-color: #D1D9C4;
        border-width: 1px;
    }

    /* PSUEDO Table classes                                       */
    /* In addition to these, each file that uses them will have a */
    /* column with a style property to set its right margin       */    

    .PhorumColumnFloatXSmall
    {
        float: right; 
        width: 75px;
    }

    .PhorumColumnFloatSmall
    {
        float: right; 
        width: 100px;
    }

    .PhorumColumnFloatMedium
    {
        float: right; 
        width: 150px;
    }

    .PhorumColumnFloatLarge
    {
        float: right; 
        width: 200px;
    }

    .PhorumColumnFloatXLarge
    {
        float: right; 
        width: 400px;
    }

    .PhorumRowBlock
    {
        background-color: #FFFFFF;
        /*border-bottom: 1px solid #666666;*/
        padding: 10px 0px 0px 0px;
    }

    .PhorumRowBlockAlt
    {
        background-color: #FFFFFF;
        /*border-bottom: 1px solid #666666;*/
        padding: 10px 0px 0px 0px;
    }

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

    /* All that is left of the tables */

    .PhorumStdTable
    {
        border-style: solid;
        border-color: #D1D9C4;
        border-width: 1px;
        width: 100%;
		clear:both;
		display:inline-table;
    }

    .PhorumTableHeader
    {
        background-color: #666666;
        border-bottom-style: solid;
        border-bottom-color: #D1D9C4;
        border-bottom-width: 1px;
        color: #FFFFFF;
        font-size: 14px;
        font-family: Arial;
        font-weight: bold;
        padding: 3px 0px 2px 3px; 
        height: 17px;
    }

    .PhorumTableRow
    {
        background-color: #FFFFFF;
        /*border-bottom-style: solid;
        border-bottom-color: #666666;
        border-bottom-width: 1px;*/
        color: #333333;
        font-size: 12px;
        font-family: Arial;
        /*height: 35px;*/
        padding: 0px 0px 0px 5px;
    }
    
    .PhorumTableRowAlt
    {
        background-color: #FFFFFF;
        /*border-bottom-style: solid;
        border-bottom-color: #666666;
        border-bottom-width: 1px;*/
        color: #333333;
        font-size: 12px;
        font-family: Arial;
        /*height: 35px;*/
        padding: 0px 0px 0px 5px;
    }

    table.PhorumFormTable td
    {
        height: 26px;
    }

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


    /* Read Page specifics */
    
    .PhorumReadMessageBlock
    {
        margin-bottom: 10px;
    }
    
   .PhorumReadBodySubject
    {
        color: #FFFFFF;
				background-color: #666666;
        font-size: 14px;
        font-family: Arial;
        font-weight: bold;
				height: 22px;
        padding: 3px 0px 0px 3px; /*top + left*/
    }
	
    .PhorumReadBodySubjectAnswer
    {
        color: #333333;
        font-size: 14px;
        font-family: Arial;
        font-weight: bold;
		height: 22px;
        padding: 3px 0px 0px 3px; /*left*/
    }

    .PhorumReadBodyHead
    {
        padding-left: 5px;
		background-color: #FFFFFF;
		font-size: 14px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .PhorumReadBodyText
    {
        color: #333333;
		font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #FFFFFF;
        padding: 5px;
		line-height:18px;
    }

    .PhorumReadNavBlock
    {
        font-size: 12px;
        font-family: Arial;
        /*border-left: 1px solid #D1D9C4;
        border-right: 1px solid #D1D9C4;
        border-bottom: 1px solid #D1D9C4;*/
				/*width: 100%; */
        background-color: #e4e4e4;
        padding: 2px 3px 2px 3px;
        color : #333333;
    }

    .PhorumReadAdminNavBlock
    {
        font-size: 12px;
        font-family: Arial;
        /*border-left: 1px solid #D1D9C4;
        border-right: 1px solid #D1D9C4;
        border-bottom: 1px solid #D1D9C4;*/
  			/*width: 100%; */
        background-color: #F15D5D;
        padding: 2px 3px 2px 3px;
        color : #333333;
    }

    /********************/
    
    /* List page specifics */

    .PhorumListSubText
    {
        color: #666666;
        /*font-size: 11px;*/
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .PhorumSelectedPage
    {
        color: #e4e4e4;
        font-size: 11px;
        font-family: Arial;
		background-color: #333333;
    }

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

    .PhorumListSubjPrefix
    {
        font-weight: bold;
    }    

    .PhorumListModLink, .PhorumListModLink a, .PhorumListModLink a:visited, .PhorumListModLink a:active
    {
        color: #cccccc;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    .PhorumListModLink a:hoover
    {
        color: #4A73B5;
    }
    
    /********************/

    /* Override classes - Must stay at the end */

    .PhorumNarrowBlock
    {
        width: 100%;       
    }

/************/
/* SizeFont */
/************/

    .SmallFont
    {
        font-size: 11px;
    }        

    .LargeFont
    {
        color: #333333;
		font-size: 16px;
        font-family: Arial;
        font-weight: none;
    }    

/**********/
/* CARNET */
/**********/
		
	#carnet_navcontainer ul {
		padding:0;
		margin:1em 0 1em 0;
		float: left;
		width: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		border-bottom:1px solid #FFFFFF;
		text-align:center;
		display:block;
	}
	
	#carnet_navcontainer ul li { 
		padding:0 3px 3px 0;
		text-align:center;
		display: table-cell;
		float:left;
		display: block;
		width:50%;
		margin-left:auto;
		margin-right:auto;
		height:100%;
	}

	@media (min-width: 421px) {
		#carnet_navcontainer ul li { 
			width:33.3333333333%;
		}
	}
	
	@media (min-width: 641px) {
		#carnet_navcontainer ul li { 
			width:20%;
		}
	}
	
	#carnet_navcontainer ul li.centered { /* for fix and centered submenu */
		width:150px;
		float:none;
		display:inline-block;
	}
	
	#carnet_navcontainer ul li.extend { /* for extensible submenu */
		width:auto;
	}
	
	#carnet_navcontainer ul li a {
		line-height:12px;
		padding: 5px 0px 6px 0px;
		text-decoration: none;
		text-align:center;
		width:100%;
		display:inline-block;
		border:1px solid #666;
		border-radius: 0.2em;
		background-color: #e4e4e4;
		
	}

	#carnet_navcontainer ul li a.submenu { /* for submenu */
		background-color:#FFFFFF;
		font-size:11px;
	}

	#carnet_navcontainer ul li a.extend { /* for extensible submenu */
		margin:0;
		padding:5px;
	}

	#carnet_navcontainer ul li a.admin {
		color:#FFFFFF;
		background-color: #F15D5D;
		padding: 2px;
	}
		
	#carnet_navcontainer ul li a:hover {
		background-color: #FCF9CE;
		color: #4A73B5;
		text-decoration: underline;
	}

	img.icone {
		display:block; 
		text-align:center;
		border:0; 
		height:14px; 
		margin:auto auto 2px auto; 
		padding:0; 
		vertical-align:bottom;"
	}

	@media (min-width: 641px) {
		img.icone {
			display:inline-block;
			margin:0 4px 0 0;
		}
	}
	
/********/
/* BLOG */
/********/

    .BlogNavBlock
    {
        font-size: 11px;
        font-family: Arial;
        color: #333333;
        background-color: #e4e4e4;
        padding-left: 3px;
  		height: 23px;
        border-left: 1px solid white;
		vertical-align:middle;
    }
	
/********/	
/* MENU */
/********/

	.menu {		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;		
		margin: 0px 0px 0px 4px;
	}
	
	a.menu {		
		text-decoration: none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;	
	}
	
	a.menu:visited {		
		text-decoration: none;
	}
	
	a.menu:hover {		
		text-decoration: underline;
	}
	
/**********/
/* MSGBOX */
/**********/

	.info, .success, .warning, .error, .validation {
		border: 1px solid;
		margin: 0 auto;
		padding: 2em 2em 2em 4em;
		width:50%;
		min-width: 300px;
		position:relative;
		z-index:1000;
		background-repeat: no-repeat;
		background-position: 10px center;
	}
	
	.info {
		color: #00529B;
		z-index:100;
		background-color: #BDE5F8;
		background-image: url('https://www.club-des-voyages.com/img/msgbox/info.png');
	}
	
	.success {
		color: #4F8A10;
		background-color: #DFF2BF;
		background-image:url('https://www.club-des-voyages.com/img/msgbox/success.png');
	}
	
	.warning {
		color: #9F6000;
		background-color: #FEEFB3;
		background-image: url('https://www.club-des-voyages.com/img/msgbox/warning.png');
	}
	
	.error {
		color: #D8600C;
		background-color: #FFBABA;
		background-image: url('https://www.club-des-voyages.com/img/msgbox/error.png');
	}
	
/************/
/* HELP BOX */       
/************/	

    #helpbox
    {
        font-size: 12px;
        font-family: Arial;
        border: 1px solid #D1D9C4;
        width: 100%; 
        padding: 3px;
		clear:both;
		text-align: justify; 
		background-color:#FFFFCC;
		margin:3em 0 2em 0;
		line-height:18px;
    }

/********/
/* Form */
/********/
		
	form
	{
	}
	
	form input[type="text"],
	form input[type="email"],
	form input[type="password"],			
	form select,
	form textarea
	{
		border-radius: 0.4em;
		-webkit-appearance: none;
		border: solid 1px #D1D9C4;
		padding: 0.5em 0.75em;
		font-family: Arial;
		font-size:20px;
		color: #666666;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],			
	/*form select,*/
	form textarea
	{
		width:100%;
		field-sizing:content;
	}

	form input[type="text"]:focus,
	form input[type="email"]:focus,
	form input[type="password"]:focus,
	form select:focus,
	form textarea:focus
	{
		border: solid 1px #c94663;
		box-shadow: 0px 0px 2px 2px #c94663;
	}

	form ::-webkit-input-placeholder
	{
		font-size:20px;
		color: #666666;
	}

	form :-moz-placeholder
	{
		font-size:20px;
		color: #666666;
	}

	form ::-moz-placeholder
	{
		font-size:20px;
		color: #666666;
	}

	form :-ms-input-placeholder
	{
		font-size:20px;
		color: #666666;
	}

/**********/	
/* Button */
/**********/

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 0.375em;
		border: 0;
		box-shadow: inset 0 0 0 2px #f56a6a;
		color: #f56a6a !important;
		cursor: pointer;
		display: inline-block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: 700;
		height: 3.5em;
		letter-spacing: 0.075em;
		line-height: 3.5em;
		padding: 0 2.25em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: rgba(245, 106, 106, 0.05);
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: rgba(245, 106, 106, 0.15);
		}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.6em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1em;
			height: 3.65em;
			line-height: 3.65em;
		}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special {
			background-color: #f56a6a;
			box-shadow: none;
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			button.special:hover,
			.button.special:hover {
				background-color: #f67878;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active,
			.button.special:active {
				background-color: #f45c5c;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}
	
/**************/
/* Pagination */
/**************/

	.pagination
	{
		padding:0;		
		clear:both;
		width:100%;
		margin:5px 0 5px 0;
		text-align:center;
		border:0px solid #FF00FF;
		height: 2.75em;
	}
	
	.pagination .pages
	{
		display: none;
	}

	.pagination .button, .pagination .all {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: 700;
	}
	
	@media (min-width: 641px) {
		.pagination .pages {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: 700;
			display: inline-block;
		}
		.pagination .button
		{
			display: none;
		}
	}
	
	.pagination .pages span
	{
		display: inline-block;
		width: 1.5em;
		text-align: center;
		margin: 0 0.4em 0 0;
	}
	
	.pagination .pages a, .pagination .button a, .pagination .all a
	{
		cursor: pointer;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		color: inherit;
		background-color: #e8e8e8;
		color: #565656;
		margin: 0 0.4em 0 0;
		border-radius: 0.4em;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		box-shadow: inset 0 0.075em 0.25em 0 rgba(0,0,0,0.1);
		height: 2.75em;
		line-height: 2.75em;
	}

	.pagination .all a
	{
		padding: 0 1em 0 1em;
	}
	
	.pagination .pages a, .pagination .button a
	{
		width: 48%;
	}

	@media (max-width: 640px) {
		.pagination .all .previous_editorial a, .pagination .all .next_editorial a
		{
			max-width: 48%;
		}
		.pagination .all .return_editorial a
		{
			max-width: 100%;
		}
	}
	
	@media (min-width: 641px) {
		.pagination .pages a, .pagination .button a
		{
			width: 2.75em;
		}
	}
	
	.pagination .pages a:hover, .pagination .button a:hover, .pagination .all a:hover
	{
		background-color: #dadada;
	}
	
	.pagination .pages a.active, .pagination .button a:active, .pagination .all a:active
	{
		background-color: #6799CB;
		color: #FFFFFF;
		box-shadow: none;
		text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
	}
	
	.pagination .previous
	{
		margin-right: 0.6em;
	}

	.pagination .button .previous, .pagination 
	{
		float:left;
	}

	.pagination .previous:before
	{
		content:'< Précédente';
	}

	@media (min-width: 641px) {		
		.pagination .previous:before
		{
			content:'<';
		}
	}

	.pagination .next
	{
		margin-left: 0.2em;
	}

	.pagination .button .next, .pagination
	{
		float:right;
	}

	.pagination .next:before
	{
		content:'Suivante >';
	}

	@media (min-width: 641px) {
		.pagination .next:before
		{
			content:'>';
		}
	}

/***************/
/* Google Maps */
/***************/

.google-maps {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/**********/
/* Square */
/**********/

#square {
	line-height:24px;
	vertical-align:middle;	
}

#square img {
	margin-bottom:2px;
}