/* initialisation*/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
}
html,body{height: 100%;}
#content p a{color: #009ee0;}
#content .cont-voyage ul a{color: #009ee0;}
#content .cont-voyage ol a{color: #009ee0;}
/*--------------------------------GENERAL TOOLS---------------------------------------*/
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.null{line-height: 0; margin: 0;}
.none{display: none;}
.align-right{text-align: right;}
#content h1{
   font-size:18px;
   color:#009ee0;
   padding:0 0 10px 0;
   background:url(/images/border_title.gif) 0 bottom repeat-x;
}
#content h2{
   font-size:14px;
   color:#009ee0;
   padding:0 0 0 0;
   font-weight:bold;
	margin: 20px 0 10px 0;
}
#content p{color:#7b776c;}
#content h3{
   	font-size:13px;
	color:#7b776c;
	font-weight:bold;
}
h3 a{color:#099ee0;}
body{
	background:  #98DDFF  url(/images/bg_top.jpg) 0 0 repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#bg1{
	background: url(/images/bg-mer.jpg) bottom right no-repeat;
			min-height: 100%;
	text-align: center;
}
#bg2{
				background: none;
								min-height: 100%;
		height:100%;
		text-align: center;
}
#gutter{
    position:relative;
	width: 860px;
	margin: 0 auto; 
    text-align: center;
	background: url(/images/nuages.jpg) 0 0 no-repeat;
			min-height: 100%;
}
#global{
   position:relative;
	z-index: 20;
	width: 800px;
   margin: 0 auto 0 auto; 
			min-height: 100%;
}
#header{
	padding:82px 0 0 0;
	   height: 39px;
   }
#header .logo{
  position:absolute;
	width:248px;
	height:158px;
	margin:-56px 0 0 0;
}
#header .logo a{
	cursor:pointer;
	position:relative;
	z-index: 10;
   display:block;
	width:248px;
	height:158px; 
	   background:url(/images/logo_globus.png) 0 0 no-repeat;
   }
.logo a span{display: none;}
.lang{
  /* float:right;
   position:relative;*/
   position:absolute;
   right:0;
   margin:-78px 13px 0 0;
}
.lang a{
   color:#fff;
   font-size:10px;
   font-weight:bold;
}
.lang a:hover{text-decoration:underline;}
#menu-top{
		background:url(/images/menu.png) 0 0 no-repeat;
   	width: 800px;
	height: 29px;
}
#menu-top ul{
		margin:0 0 0 280px;
   padding:0 0 0 0;
	   height: 29px;	
}
#header div.menu-top-de ul{
   margin:0 0 0 252px;
}
#menu-top ul li{
	float:left;
    display:block; 
    position:relative;}
	
#menu-top ul li a{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin: 0 10px;
	display:block;
	height:21px;
    padding:7px 0 0 0;
    }
#menu-top ul li.on a{
	color:#003f66;
}

.tel span.marge{
   margin-left:4px;
}
#header li.sub-menu:hover{background:#fff;}
#header li.sub-menu:hover a{color:#099ee0;}
#menu-top li ul#nav2{
	background-color: #fff;
	position: absolute;
	width: 350px;
	/*height: 150px;*/
	height: auto;
	display: block;
   	margin-left: -9000px;
	margin-top: -9000px;
	padding: 0 0 0 0;
	font-size: 0.8em;
	z-index:1;
}
#sub_menu ul li.on a{color:#fff;} 
#header #menu-top li a:hover ul#nav2 {
	padding:15px 0 0 0;
	}
#menu-top li:hover ul#nav2{
	padding: 2px 0 0 0;
		margin: 0 0 0 0;
	}
#menu-top li.iehover ul#nav2{
	padding: 2px 0 0 0;
		
		margin: 0 0 0 0;
	}
#header #menu-top li ul#nav2 li{
	float:none;
	display:block;
	height:28px;
	width:/*276px*/346px;
	text-align:left;
	padding:0;
		margin:0 2px 2px 2px;
			background: #f7e6bc;
	/*border: 2px solid #fff;*/
		/*margin: 0 0 6px 6px;*/
		/*display: block;
	height: 32px;
	background-color: #e3f0fa;
	color: #3a3d42;
	padding: 0 0 0 40px;*/
}

#header #menu-top li ul#nav2 li a{
	float:none;
	color: #099ee0;
		padding: 7px 0 0 5px;
		margin:0;
	z-index: 3;
	position: relative;
	font-size:11px;
}
#header #menu-top li ul#nav2 li.philo:hover,
#header #menu-top li ul#nav2 li.recompenses:hover,
#header #menu-top li ul#nav2 li.activites:hover{
	background: #fada93 url(/images/submenu_li.jpg) 0 0 repeat-x;
	cursor: hand;
}
#header #menu-top li ul#nav2 li.philo a:hover{
    color:#7b776c;
		background: url(/images/submenu-cocktail.jpg) right -1px no-repeat;
	}
#header #menu-top li ul#nav2 li.recompenses a:hover{
    color:#7b776c;
		background: url(/images/submenu-award.jpg) right -2px no-repeat;
	}
#header #menu-top li ul#nav2 li.activites a:hover{
    color:#7b776c;
		background: url(/images/submenu-activities.jpg) right -1px no-repeat;
	}
#services .banner{
	float:left;
		height:194px;
	background:url(/images/banner.png) 0 0 no-repeat;
    width:595px;
 		padding: 6px 0 0 2px;
}
#services #sub_menu{
    float: right;
	margin:0 0 0 3px;
	padding:20px 20px 0 20px;
	width:200px;
	height: 200px;
		width:160px;
	height: 180px;
	background:url(/images/services.png) 0 0 no-repeat;
    }
#sub_menu ul{
	margin:0;
	padding: 0;
}
#sub_menu ul li{
	list-style-type: none; 
		margin: 20px 0 0 0;
    padding: 0 0 0 18px; 
	background:url(/images/fleche.gif) 0 center no-repeat;
     
}
#sub_menu ul li a{
	color:#004F80;
    font-size: 12px;
	padding:0 0 0 0;
	text-decoration: none;
	display:block;
	position:relative;
    margin:0;
	text-align:left;
}
#sub_menu ul li a:hover{
	color: #fff;
    text-decoration: underline;
}
#sub_menu h1{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	padding:0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(/images/border_services.gif) 0 bottom repeat-x;
}
.banner img{
	border:3px solid #EDF5FA;
	margin:0;
	padding:0;
}
.liste {
	margin:5px 0 10px 10px;
	padding:0;
}
.liste li{
    padding: 0 0 0 15px;
    background: url(/images/puce.gif) 0 6px no-repeat;
    list-style-type:none;
    font-size:12px;
    color:#7b776c;
    line-height:18px;
}
#preview-text p, #content-text p{
	font-size:12px;
	line-height: 18px;
    padding:0;
	margin:10px 0;
	text-align:justify;
}
#content{
	position:relative;
	z-index: 2;
	margin-top:3px;
	background: url(/images/middle-content.jpg) 0 0 repeat-y;
		min-height: 100px; /* pour test*/
	}
#preview-text, #content-text{
    text-align:left;
	background: url(/images/top-content.jpg) 0 0 no-repeat;
}
#preview-text .txt, #content-text .txt{
	padding:20px 20px 0 20px;
	position: relative;
	margin: 0 0 0 0;
}
 .bottom-content{
	height:20px;
	background: url(/images/bottom_content.gif) center bottom no-repeat;
	margin-top:-10px;
}
.design{text-align:center;}
.design p{
   width:160px;
   height:16px;
   margin:15px auto 0 auto;
   padding: 2px 0;
   font-size:10px;
   color:#7b776c;
   	 background:url(/images/design.png) 0 0 no-repeat;
    }
#footer div.design p span{
   font-size:10px;
   padding:0 0 0 0;
   margin:0 4px 0 5px;
   float:left;
}
.design p a{
  font-size:10px; 
  color:#099ee0;
   text-decoration:none;
   display:block;
   float:left;
   position:relative;
}
.design p a:hover{text-decoration:underline;}
/*.design{
text-alien:center;
}
.design p{
   width:160px;
   height:16px;
   margin:15px auto 0 auto;
   padding: 2px 0;
   font-size:10px;
   color:#7b776c;*/
   
   
	/* background:url(/images/design.jpg) 0 0 no-repeat;*/
    /*}*/
#footer{
		height:59px;
	padding:10px 0 0 0;
	background: url(/images/footer.png) 0 10px no-repeat;
    	}
/*.mer{
   position:absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
   width: 865px;
	height: 227px;
	background: url(/images/mer.jpg) 0 0 no-repeat;
}*/
#footer .vcard{
	    margin:4px 0 0 0;
    }
.partner{
	border: 1px solid #C8C3B6;
    float:left;
    width:360px;
    margin:0 18px 20px 0;
}
.partner dt{
    padding:5px 5px 2px 5px;
    text-align:center;	
    background:#F7E6BC;
    	height: 75px;
			vertical-align: middle;
    border-bottom: 1px solid #E4CF9E;
}
.partner dt span{
		line-height: 70px;
		}
.partner dt * {vertical-align: middle;}
.partner dt i {
		} 
.partner dt img{border: 1px solid #fff;}
.partner dd{
    font-size: 12px;
    color: #7B776C;
    padding:10px;
    line-height:16px;
	vertical-align: middle;
}
.photo_center{text-align:center;}
.photo_center .bg_photo{
	margin: 0 auto;
    width:/*252*/400px;
    background: #FAFAF8;
    padding:10px 10px 8px 10px;
    border:1px solid #C8C3B6;
}
.photo_center .bg_photo img{border:1px solid #C8C3B6;}
#content .photo_center .bg_photo p{
    margin: 3px 0 0 0;
    text-align: center;
}	
.photos_float{

margin:5px 0 5px 46px;
		

}
.photos_float .bg_photo{

	
	 	margin: 0 30px;
		
	
	
    float:left;
    background: #FAFAF8;
    padding:10px 10px 8px 10px;
    border:1px solid #C8C3B6;
}
.photos_float2{margin:5px 0 10px 0;}
.photos_float2 .bg_photo{
		margin: 0 25px;
	min-height:160px;
		
    float:left;
	width:200px;
	text-align:center;
    background: #FAFAF8;
    padding:10px 10px 8px 10px;
    border:1px solid #C8C3B6;
}
.photos_float .bg_photo img, .photos_float2 .bg_photo img{border:1px solid #C8C3B6;}
#content .photos_float .bg_photo p, #content .photos_float2 .bg_photo p{
    margin: 3px 0 0 0;
    text-align: center;
}
.photos_left{float:left;}
.photos_left .bg_photo{
	margin : 0 10px 10px 0;   
	background: #FAFAF8;
    padding:10px 10px 8px 10px;
    border:1px solid #C8C3B6;
    width:200px;
	text-align:center;
}
.photos_left .bg_photo img{border:1px solid #C8C3B6;}
#content .photos_left .bg_photo p{
	margin:3px 0 0 0;
    text-align:center;
}

.photos_left2{float:left;}
.photos_left2 .bg_photo{
	margin : 0 10px 10px 0;   
	background: #FAFAF8;
    padding:10px 10px 8px 10px;
    border:1px solid #C8C3B6;
    width:250px;
	text-align:center;
}
.photos_left2 .bg_photo img{border:1px solid #C8C3B6;}
#content .photos_left2 .bg_photo p{
	margin:3px 0 0 0;
    text-align:center;
}

.photos_right{float:right;}
.photos_right .bg_photo{
	margin : 0 0 10px 10px;   
	background: #FAFAF8;
    padding:10px 10px 8px 10px;
    border:1px solid #C8C3B6;
    width:200px;
	text-align:center;
}
.photos_right .bg_photo img{border:1px solid #C8C3B6;}
#content .photos_right .bg_photo p{
	margin:3px 0 0 0;
    text-align:center;
}
.downloads{

margin: 10px 0 0 0;
clear:both;
}
.downloads a{
   font-size:12px;
   color:#7b776c;
   font-weight:bold;
}
.downloads a:hover{
color:#009ee0;
}
.downloads span{
   display:block;   
   padding:10px;
   margin: -2px 5px 0 0; 
   float:left;
 font-weight:bold;
}

span.pdf{
		 background: url(/images/cms/docs/pdf.png) top left no-repeat;
		
}
span.doc{
     background: url(/images/cms/docs/doc.png) top left no-repeat;
  	
}
span.xls{
    background: url(/images/cms/docs/xls.png) top left no-repeat;
 }
span.ai{
		  background: url(/images/cms/docs/ai.png) top left no-repeat;
	   }
span.gif{
		  background: url(/images/cms/docs/gif.png) top left no-repeat;
	   }
span.jpg{ 
   	  background: url(/images/cms/docs/jpg.png) top left no-repeat;
	   }
span.ppt{ 
   	  background: url(/images/cms/docs/files.png) top left no-repeat;
	   }








#content p.top{margin-top: 17px;}
#content p.bold{
    margin-top:20px;
    font-weight:bold;
}
#content p.info{
    clear:left;
    padding-top:10px;
    color:#009ee0;
	font-style:italic;
}
#content p.contacter{font-weight: bold;}
#content p.voyage{clear:both;}
.photo_left{
    float:left;
    margin:13px 10px 0 0;
}
.photo_left img{border:1px solid #fff;}
.photo_right{
    float:right;
    margin:5px 0 0 10px;
}
.photo_right img{border:1px solid #fff;}
.presentation{margin: 20px 0 0 0;}
#content .colonne h2{
	margin: 0 0 0 0;
	font-size:12px;
	text-align:left;
}
.colonne{
	float:left;   
    border:1px solid #C8C3B6;
    padding:10px 10px 0 10px;
		margin: 0 15px;
	width:200px;
	}
.colonne img{
    border:1px solid #fff;
    margin-top:10px;
}
#content .colonne p.more3{margin-top: 28px;}
#content .colonne p.more a, #content .colonne p.more3 a{
	color:#fff;
	background: #B89F61;
	font-size:11px;
	text-decoration:none;	
	display: block;
	padding: 0 5px 2px 5px;
	border: none;
    cursor: pointer;
	font-weight:bold;
		width: 75px;
	}
#content .colonne p.more a:hover, #content .colonne p.more3 a:hover{
	background: #009EE0;
	border:none;
}
.form-contact{
	margin:0 0 10px 20px;
	width:500px;
	background:#F7E6BC;
	padding:15px;
    border: 1px solid #C8C3B6;
}
.form-contact .champ{
    font-size:11px;
    color:#726E61;
}
#content .form-contact p, #content .form-contact input, 
#content .form-contact select, #content .form-contact textarea{
   color:#726E61;
   font-size:12px;
}
#content .form-contact input, #content .form-contact select, #content .form-contact textarea{border:1px solid #E4CF9E;}
#content .form-contact input{width: 120px;}
#content .form-contact select{width: 122px;}
#content .form-contact p.tit_form{
   float:left;
   width:30%;
   margin:5px 0 0 0;
}
#content .form-contact p.tit_form span.required{
	width:14px;
	background: url(/images/required.gif) 0 0 no-repeat;
}
#content .form-contact p.in_form{
   float:left;
   width:70%;
   margin:5px 0 0 0;
}
#content .form-contact #message{
   width:250px;
   height:150px;
}
#content p.in_form2{margin:10px 0 0 0;}
#content .form-contact p.in_form button.submit{
	color:#fff;
	background: #B89F61;
	font-weight:bold;
	font-size:12px;
	padding: 0 5px 2px 5px;
   border: none;
   cursor: pointer;
}
#content .form-contact p.in_form button.submit:hover{
	background: #009EE0;
	border:none;
}
#content .form-contact p.tit_form span.definitively-required{background:url(/images/required-missing.gif) 0 -2px no-repeat;}
#content .form-contact p.tit_form span.required{background:url(/images/required.gif) 0 -2px no-repeat;}
#content .form-contact p.tit_form span{padding: 0 5px;}
#content p.in_form .miss{font-size:10px;}
#content p.in_form2 .miss{
   font-size:10px;
   display:block;
   margin-left:30%;
}
.coord{
   font-size:12px;
   color:#7b776c;
   margin:10px 0 0 0;
}
.coord span{line-height:16px;}
#content .horaires h2{margin:20px 0 5px 0;}
#content .horaires p{margin:0;}
.color{
	color: #009ee0;
	font-weight:bold;
}
.plan{
    text-align:center;
    margin-top:20px;
}
#footer .vcard span{
	display:inline;
	padding: 8px 0 0 0;
	font-size: 11px;
	color: #7B776C;
}
#footer .vcard span strong{color:#009EE0;}
.avion1{
    position:absolute;
		background:url(/images/avion1.png) 0 0 no-repeat;
        width:273px;
	height:48px;
	top:20px;
	right:-10px;
}
.avion2{
    position:absolute;
        background:url(/images/avion2.png) 0 0 no-repeat;
        width:141px;
	height:39px;
	top:380px;
	right:-60px;
}
#content .breadcrumb{
	margin:0;
	font-size:10px;
}
.content-left{
    float:left;
    width:190px;
    padding-top:20px;
}
.content-left .sub-menu2{
    background:#fff;
    padding:2px 2px 0 2px;
}
.content-left .sub-menu2 ul li{
    list-style-type:none;
    padding-bottom:2px;
}
.content-left .sub-menu2 ul li a{
    color:#099ee0;
    text-decoration:none;
    display:block;
    font-size:11px;
        padding:5px;
    	font-weight:bold;
	background:#f7e6bc;
}
.content-left .sub-menu2 ul li.on a{
   background: #fada93 url(/images/submenu_li.jpg) 0 0 repeat-x;
   color:#7b776c;
}
#content .content-right h2.first{margin-top:0;}
#content .content-right h2.first span{
   font-size:11px;
}
#content h2.cocktail{margin-top:12px;}
.content-right{
   float:left;
   width:550px; 
   margin: 20px 0 0 10px;
   padding: 0 0 0 10px;
   background:url(/images/border_vertic.gif) 0 0 repeat-y;
}
#voyages-de-groupe2 .voyages-groupe a, #voyages-de-groupe3 .voyages-groupe a, #voyages-de-groupe4 .voyages-groupe a{color:#fff;}
form#login_form{
	margin:20px auto 10px auto;   
	border:1px solid #c8c3b6;
    background: #f7e6bc;
    padding:15px;
	width:300px;
}
form#login_form legend{
    font-size:14px;
    color:#009ee0;
    padding:0 0 0 0;
    font-weight:bold;
	margin: 0 0 10px 0;
}
form#login_form input, 
form#login_form label{
    color:#726E61;
    font-size:12px;
}
form#login_form input{border:1px solid #E4CF9E;}
form#login_form input{width: 120px;}
form#login_form p.tit_form{
    float:left;
    width:40%;
    margin:5px 0 0 0;
}
form#login_form p.in_form{
    float:left;
    width:60%;
    margin:5px 0 0 0;
}
form#login_form input.submit{
	color:#fff;
	background: #B89F61;
	font-weight:bold;
	font-size:12px;
	padding: 0 5px 2px 5px;
    border: none;
    cursor: pointer;
    width: auto;
    margin:10px 0 0 40%;
}
form#login_form input.submit:hover{background: #009EE0;}

.cont-voyage{font-size:12px;color:#7b776c;line-height:18px;}
.cont-voyage ul {
	margin:5px 0 10px 10px;
	padding:0;
}
.cont-voyage ul li{
    padding: 0 0 0 15px;
    background: url(/images/puce.gif) 0 6px no-repeat;
    list-style-type:none;
    font-size:12px;
    color:#7b776c;
    line-height:18px;
}
.cont-voyage strong{color:#7b776c;}
.cont-voyage ol{
	margin:5px 0 10px 30px;
	padding:0;
}
.cont-voyage ol li{
	padding: 0 0 0 0;
    font-size:12px;
    color:#7b776c;
    line-height:18px;
}