#contenu { padding-top: 1px; }
#sous-menu ul { width: 929px; }

#main { margin: 30px 19px 20px 2px; float: left; width: 607px; }
#main h1 { margin: 0; }

#plan { margin: 30px 0 35px 0; width: 927px; }
#plan .ad_liens { margin: 0; padding: 10px 0 5px 0; }
#plan #carte { width: 927px; height: 480px; }
#plan h1, #plan h2 { background: url(/i/in/utitle_l.png) no-repeat left bottom; margin: 0; }
#plan .utitle { width: 927px; margin: 0 0 8px 0; }
#plan .utitle span.m { float: right; margin: 9px 1px 0 0; font-weight: bold; }
#plan p { border-top: 1px solid #ccc; padding: 10px 5px 20px 0; }
#plan p a { /* text-decoration: none; */ }
#plan p a:hover { text-decoration: underline; }
#plan p .recompose { text-decoration: underline; cursor: pointer; }
#plan .img { width: 927px; text-align: center; padding: 10px 0 0 0; }
#plan .img img { width: 927px; }
#plan form { border-top: 1px solid #ccc; padding: 5px 0 5px 0; margin: 1px 0 0 0; }
#plan form input { padding: 3px; }
#plan #display { position: relative; }
#plan #display .btn { display: block; background: #fff; position: absolute; left: auto; right: 10px; top: 10px; font-size: 0.8em; text-decoration: none; border-radius: 2px; padding: 8px 12px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; }
#plan img { width: 927px; }
#iti { display: none; text-align: left; }
#iti form { border: 0; width: 605px; padding: 5px 0 30px 0; }
#iti form input { padding: 3px; }
#iti form strong { display: block; font-size: 1.4em; font-weight: bold; padding: 0 0 2px 0; border-bottom: 1px solid #ccc; }
#iti form label { display: block; padding: 18px 0 5px 0; }
#iti form .unit { float: left; padding: 0 10px 0 0; }
#iti form .unit span {display: block; font-size: 0.9em; color: #777; padding: 0 0 2px 0; }
#iti form .unit input { width: 200px; }
#iti form .unit input#from_code, #iti form .unit input#to_code { width: 83px; }
#iti form .submit { width: 120px; margin: 30px 0 0 0; }
#iti #directionsPanel { display: none; /* overflow: auto; width: 180px; height: 195px; */ }
#plan .more { font-size: 1.1em; display: block; height: 21px; margin: 0 0 15px 0; padding: 4px 27px 6px 0; background: url(/i/in/more_1.png) no-repeat right 3px; text-decoration: underline; font-weight: bold; text-align: right; }

#cartes .utitle { margin: 0 0 5px 0; }
#cartes .ad_liens { margin: 18px 0 1px 0; }
#cartes h2 { width: 602px; display: block; padding: 20px 0 3px 0; color: #424242; border-bottom: 1px solid #ccc; font-size: 1.4em; font-weight: bold; margin: 0 0 5px 0; }
#cartes p { text-align: left; width: 600px; padding: 5px 0 5px 0; }
#cartes .set { width: 600px; margin-top: 20px; margin-bottom: 40px; text-align: center; }
#cartes .set img.big { width: 600px; }
#cartes #gmap { width: 600px; height: 500px; margin: 15px 0 30px 0; }

#plan .liste_communes { float: left; padding: 12px 0 30px 0; }
#plan .liste_communes .liste { margin: 0; }
#plan .liste_communes #plus-de-communes { display: none; }
#plan .liste_communes a.mm { display: block; text-align: center; padding: 22px 0 0 0; }
#plan .mpu_right { float: right; padding: 7px 0 0 0; }

#jeux { margin: 30px 0 20px 0; width: 927px; }
#jeux .utitle { width: 927px; margin: 0 0 8px 0; }
#jeux h1, #jeux h2 { background: url(/i/in/utitle_l.png) no-repeat left bottom; margin: 0; }
#jeux .ad_liens { margin: 0; padding: 10px 0 5px 0; }
#jeux .desc { padding: 10px 0 25px 0; }
#jeux .liste { height: 1%; }
#jeux .liste .jeu { width: 300px; margin: 0 12px 28px 0; float: left; }
#jeux .liste .last { margin-right: 0; }
#jeux .liste .jeu a { width: 300px; height: 250px; display: block; text-decoration: none; }
#jeux .liste .jeu a h2 { display: block; font-size: 0.9em; background: #000; color: #fff; padding: 15px 0 15px 8px; opacity : 0.8; -moz-opacity : 0.8; filter : alpha(opacity=80); }
#jeux .liste .jeu a:hover h2 { opacity : 1; -moz-opacity : 1; filter : alpha(opacity=100); }
#jeux .liste .jeu a span { display: none; font-size: 1.2em; text-align: center; padding: 14px 6px 15px 0; color: #fff; border: 1px solid #A20101; text-shadow: 1px 1px 0 #A20101; width: 150px; margin: 65px auto 0 auto; background: #D22327; background-image:-moz-linear-gradient(#ED5C5F, #CB0505); background-image:-webkit-linear-gradient(#ED5C5F, #CB0505); background-image:-o-linear-gradient(#ED5C5F, #CB0505); background-image:linear-gradient(#ED5C5F, #CB0505); }
#jeux .liste .jeu:hover span { display: block; }
#jeux .liste .jeu p { padding: 5px 0 0 0; }
#jeux .liste .jeu:hover span { display: block; }
#jeux #jeu_detail { position: relative; padding: 0 0 15px 0; }
#jeux #jeu_detail #anim { min-height: 400px; }
#jeux #jeu_detail a.replay { display: block; position: absolute; top: 15px; left: 15px; padding: 10px 18px; color: #fff; border: 1px solid #fff; text-shadow: 1px 1px 0 #A20101; background: #D22327; border: 1px solid #A20101; background-image:-moz-linear-gradient(#ED5C5F, #CB0505); background-image:-webkit-linear-gradient(#ED5C5F, #CB0505); background-image:-o-linear-gradient(#ED5C5F, #CB0505); background-image:linear-gradient(#ED5C5F, #CB0505); }
#jeux #jeu_detail .desc { float: left; padding: 15px 0; width: 578px; }
#jeux #jeu_detail .lnk { float: right; }
#jeux #jeu_detail .lnk .more { font-size: 1.1em; display: block; height: 22px; margin: 19px 2px 15px 0; padding: 4px 27px 6px 0; background: url(/i/in/more_1.png) no-repeat right 3px; text-decoration: underline; font-weight: bold; text-align: right; }
#jeux .plus { padding: 15px 0 30px 0; }
#jeux .plus .utitle { margin: 0 0 25px 0; }
#jeux .plus .related { float: right; width: 300px; padding: 0 -2px 0 0; }
#jeux .plus .comments { float: left; width: 602px; }

/******************* RELATED *********************/

#related .mpu_2 { margin-bottom: 25px; }

/******************* Tablet *********************/

@media screen and (max-width: 1000px)
{   
    #plan { width: auto; }
    #plan .utitle { width: auto; }
    #plan #carte {width: 606px; }
    #plan #display .btn { left: 528px; }
    #plan .img { max-width: 600px; }
    #plan .img img, #plan img { width: 600px; }
    #iti form { width: 545px; }
    
    #jeux { width: 606px; }
    #jeux .utitle { width: auto; }
    #jeux .liste:after { content:''; display:block; clear: both; }
    #jeux .liste .clearall { clear: none; height: 0; line-height: 0; font-size: 0px; }
    #jeux .liste .jeu { margin-right: 3px; }
    #jeux .liste .jeu a { width: auto; }
    #jeux .liste .last { margin-right: 3px; }
    #jeux .liste .mpu .adsbygoogle { display: block; }
    #jeux .plus .related { display: none; }
    #jeux #jeu_detail #anim embed { width: 605px; height: 427px; }
}

/******************* Mobile *********************/

@media screen and (max-width: 665px)
{
	#main { width: 100%; margin: 18px 0 20px 0; }

	#plan { width: 100%; margin-top: 6px; }
	#plan .utitle { display: none; }
	#plan .ad_liens { display: none; }
	#plan #carte { width: 100%; height: 300px; }
	#plan .more { line-height: normal; }
	#plan form input[type=text] { width: 62%; }
	#plan form input[type=submit] { width: 30%; }
	#plan #display .btn { left: auto; padding: 11px 12px; font-size: 0.7em; }
	#plan .img, #plan .img img, #plan img { max-width: 100%; }
	
	#iti form { width: 100%; }
	#iti form input[type=text] { margin-bottom: 10px; }
	#iti form .submit { margin-top: 20px; }
	
	#main #cartes .utitle { display: none; }
	#main #cartes .ad_liens_2 { display: none; }
	#main #cartes h2 { width: 100%; margin-bottom: 10px; padding-bottom: 3px; font-size: 1.4em; font-weight: normal;  }
	#main #cartes p { width: 100%; font-size: 1em; line-height: 22px; }
	#main #cartes .set { width: 100%; }
	#main #cartes .set img { width: 100%; }
	#main #cartes #gmap { width: 100%; height: 300px; }	
	
	#jeux { width: 100%; margin-top: 0; padding-top: 18px; }
	#jeux .utitle { width: 100%; padding-bottom: 20px; }
	#jeux .utitle h1 { margin: 10px 0 0 0; background: none; }
	#jeux .utitle h1 .back { display: none; }
	#jeux .ad_liens { display: none; }
	#jeux p.desc { display: none; }
	#jeux .liste { text-align: center; }
	#jeux .liste .jeu { width: 100%; max-width: 300px; float: none; margin: 0 auto 28px auto; }
	#jeux .liste .jeu a h2 { padding-left: 0; font-size: 0.9em; }
	#jeux .liste .jeu .mpu { display: none; }
	#jeux #jeu_detail { padding-bottom: 0; }
	#jeux #jeu_detail #anim { width: 100% !important; min-height: 200px; }
	#jeux #jeu_detail #anim embed { width: 100%; height: 200px; }
	#jeux #jeu_detail .lnk .more { line-height: normal; }
	#jeux .plus { display: none; }
}