@charset "utf-8";
#top .inner, #page,
.niv2 {width:680px;}
.userNav {width:660px;}
#head {background-position:100% 50%;}
#cols {background:#fff;}
.col2 {width:680px;min-height:0;background:url(img/fdColsLarge.png) 0 0 repeat;padding:20px 0 0;}
/* conteneurs contenus col droite version tablette */
.bloc2c, .col2 .openx {float:left;width:300px;margin:0 20px 20px;}
.bloc2c .bloc2c {width:auto;float:none;margin:0;}
.clearb2c {height:1px;clear:both;width:100%;}
img {max-width:640px !important;height:auto !important;}
object, embed {max-width:640px !important;}
/* nav utilisateur logué */
.userNav {width:660px;}
.userNav .inner {background-position:-559px 0;}
.userNav ul {width:200px;}
.userNav ul:nth-child(3n+1) {clear:left;}
/* reseaux sociaux bandeau haut */
#top button.showSocial {
border:0;
background:url(img/sprySocialTop.png) 50% -7px no-repeat;
width:44px;height:31px;
border:5px solid #333c41;
border-top:0;border-bottom:0;
float:left;margin:7px 0 0;padding:0;
text-indent:-999em;
}
#top button.showSocial.on {
border-color:#fff;
background-color:#fff;
background-position:50% -308px;
}
#top ul.social {
background:#fff;
border:1px solid #d5d5d5;
position:absolute;
padding:0 8px;
left:0;
top:38px;
z-index:3;
}
#top ul.social li {border-bottom:1px solid #e6e5e5;}
#top ul.social li:last-child {border:0;}
#top ul.social li a {
line-height:38px;
font-weight:bold;
color:#333c41;
padding:0 8px 0 43px;
text-decoration:none;
}
#top ul.social li.google a {background-position:0 -342px;}
#top ul.social li.facebook a {background-position:0 -380px;}
#top ul.social li.twitter a {background-position:0 -418px;}
#top ul.social li.linkedin a {background-position:0 -456px;}
#top ul.social li.viadeo a {background-position:0 -494px;}
#top ul.social li.youtube a {background-position:0 -532px;}
#top ul.social li.flickr a {background-position:0 -570px;}
#top ul.social li.picasa a {background-position:0 -1026px;}
#top ul.social li.tumblr a {background-position:0 -1254px;}
#top ul.social li.wikipedia a {background-position:0 -1140px;}
#top ul.social li.weibo a {background-position:0 -1368px;}
#top ul.social li.wp a {background-position:0 -1482px;}
#top ul.social li.meetup a {background-position:0 -1596px;}
#top ul.social li.together a {background-position:0 -1710px;}
#top ul.social li.blog a {background-position:0 -1824px;}
#top ul.social li.naver a {background-position:0 -1938px;}
#top ul.social li.rss a {background-position:0 -646px;}
.pubDroite {display:none;}
/* MENU */
#menuTablet {display:block;background:#333c41;padding:0 20px;overflow:hidden;}
#menuTablet button {
border:0;padding:0 0 0 30px;
line-height:40px;
background:url(img/spryMenuTablet.png) 0 0 no-repeat;
color:#fff;
font-size:1.8em;font-weight:bold;
float:left;
}
#menuTablet button span {
display:inline-block;padding:0 27px 0 0;
background:url(img/spryMenuTablet.png) 100% -80px no-repeat;
}
#menuTablet button.open span {background-position:100% -40px;}
#menuTablet .uccife {
float:right;
padding:0;
text-align:right;
background:url(img/flechePaysTablet.png) 100% 0 no-repeat;
padding-right:26px;
}
#menuTablet .uccife.op {background-position:100% -41px;}
#menuTablet .uccife.noMenu {padding-right:0;background:none;}
#menuTablet .uccife span.mbr,
#menuTablet .uccife span.desc {
display:inline-block;font-weight:bold;
padding:4px 0 0 0.7em;
color:#fff;font-size:1.6em;
line-height:36px;
cursor:pointer;
}
#menuTablet .uccife.noMenu span.mbr, #menuTablet .uccife.noMenu span.desc {cursor:default;}
#menuTablet .uccife span.mbr a {color:#fff;text-decoration:none;}
#menuTablet .uccife span.mbr a:hover {text-decoration:underline;}
#menuTablet .uccife span.mbr strong, #menuTablet .uccife span.mbr strong a,
#menuTablet .uccife span.desc strong {color:#eb2C28;font-weight:bold;}
#menuTablet .uccife span.help {display:none !important;}

#nav ul.niv1 {margin:0;padding:0;width:680px;font-size:1.7em;}
#nav ul.niv1 {background:none !important;}
#nav ul.niv1 li {background:#333c41;}
#nav ul.niv1 li a {color:#cdcbcb;padding:0 20px;}
/* sous-niveaux (layers) deplaces */
#nav .niv2 {
padding:20px 0 10px;
}
#nav .niv2 span.n1 {padding-right:30px;}
#nav .niv2 div.r {
font-size:1em;width:310px;
padding:0 10px 0 20px;
}
#nav .niv2 div.r:nth-child(odd) {clear:left;}
#nav .niv2 div.r:nth-child(even) {background:url(img/borderNav2.png) 0 0 repeat-y;}
/* news du menu */
.niv2 div.r {float:left;}
.niv2 div.r.n {display:none;}
#nav ul.niv1 li .niv2 a {color:#70777b;padding:0;display:inline-block;}
.home #nav ul.niv1 li .niv2 a, #nav ul.niv1 li .niv2 .act a {color:#333c41;}
#nav ul.niv1 li .niv2 li {background:none;}
#nav ul.niv1 li .niv2 span a {padding:0;}
#nav ul.niv1 .niv2 li a {padding:3px 0 3px 12px;}
#nav ul.niv1 li .niv2 a:hover {text-decoration:underline;color:#333c41;}
.niv2 div.r span.res {margin-bottom:8px;}

.niv2 ul {padding:0 30px 10px 0;}

.col2 #presentation {margin:0 20px 20px;}

.agenda ul li {float:left;width:280px;margin:0 10px !important;}
.agenda ul li:nth-child(odd) {clear:left;}
.agenda ul li:nth-last-child(2) {border-bottom-width:0;}

table.countries {width:640px;margin:0 20px 20px;clear:left;}
.calendar {float:left;margin:0 20px 20px;}
.agenda,
.articles {margin:0 20px 20px;clear:left;}

.articles ul.list li {float:left;width:280px;margin:0 10px !important;}
.articles ul.list li:nth-child(odd) {clear:left;}
.articles ul.list li:nth-last-child(2) {border-bottom-width:0;}

#bottom .right1-3 {padding:20px 0 0;overflow:hidden;}

.contact .wrap {
background:#eaebec;
margin:10px 0 0;
overflow:hidden;
}
.contact .map,
.contact .txt {
float:left;
border:0;
}
.contact .map {width:320px;}
.contact .txt {width:280px;}
.col2 .news.img ul li h3 {width:180px;}

.col2 .macina {margin:0 20px;float:left;}
.bloc2c .macina {margin:0;}
.col2 .hideTablet {display:none;}

.col2 ul.bullets {margin:0;}

#foot1 dl {width:300px;}
#foot1 dl:nth-child(even) {background:none;}
#foot1 dl:nth-child(odd) {clear:left;}
#foot2 ul {width:50%;line-height:1.4em;}
#foot2 ul li a {white-space:nowrap;}
#foot3, #foot3 #pager {width:600px;}
#foot3 h2 {margin:20px 0 0 -20px !important;}
#chambres ul {padding:12px 20px 0;}
#chambres ul li ul {margin:0;padding:0 0 14px 25px;}
#chambres ul li ul li {width:190px;}
/* redmine #4054 */
#lastMinute ul li a {display:inline-block;max-width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* CARTO */
.col1 .optionsCarto h2 {margin:0 15px;}
.optionsCarto .options {height:56px;text-align:center;clear:left;}
.optionsCarto .options button {
width:200px;margin:11px 3px 0;
font-size:0.9em;padding:0;
text-align:center;
}
.col1 .optTri ul li {width:33%;}
.optTri .srv {width:50%;}