/**
 * statique/position.css
 * position module "statique"
 *
 *
 * @author EIIDM
 * @date 2009-04-27
 * @media screen
 * @site http://www.ina.fr/
 */


/* footer
 ****************************************************** */

/* footer sites ina
 ------------------------------------------------------ */
div.container-footer-sites {
	float:right;
	height:94px;
	width:346px;
}

div.container-footer-sites .titre {
	float:left;
	height:14px;
	padding:4px 0 2px 10px;
	width:332px;
}

div.container-footer-sites .logos {
	float:left;
	height:auto;
	text-align:right;
	width:346px;
}

div.container-footer-sites .logos img {
	margin-right:10px;
	vertical-align:middle;
}

/* skin
 ****************************************************** */ 
  
/* 
div.publicite.skinny {
	display:none;
	visibility:hidden;
}

a.lien-skinny {
	float:right;
	height:90px;
	width:728px;
	display:block;
	visibility:visible;
}
 */
 
/* commun pages statiques
 ********************************************************/

div.contenu-statique {
	padding:0 16px 16px 16px;
}

div.contenu-statique h2 {
	padding:18px 0 5px;
	cursor:pointer;	
}

div.contenu-statique h3 {
	margin-top:8px;
}

/* Aide
 ****************************************************** */
 
 div.contenu-statique div.faq_panel_primaire {
}

div.contenu-statique div.faq_panel_primaire img{
float:left;
margin : 0px 6px 0px 0px ;
padding: 17px 0 5px;
border:none;
height:17px;
width: 17px;
cursor:pointer;
}

div.contenu-statique div.faq_panel_secondaire {
clear: both;
margin:5px 0px 5px 30px;
}

div.contenu-statique div.faq_panel_secondaire  h4{
padding: 0px 0px 0px 0px;
cursor:pointer;	
}

div.contenu-statique div.faq_panel_secondaire img {
float:left;
margin : 0px 6px 0px 0px ;
padding: 1px 0px 0px 0px;
border:none;
height:14px;
width:14px;
cursor:pointer;
}

div.contenu-statique div.faq_panel_contenu {
clear:both;
margin : 0px 0px 10px 30px ;
}

div.contenu-statique div.faq_panel_contenu img {
margin : 0px ;
float:none;
padding:0px;
border:none;
height:auto;
width:auto;
}

div.contenu-statique div.faq_panel_contenu p, div.contenu-statique div.faq_panel_contenu ul {
margin-top:8px;
padding:0px;
}

div.contenu-statique div.faq_panel_contenu_conclusion {
clear:both;
margin : 0px 0px 10px 30px ;
}

/* tableaux
 ------------------------------------------------------ */
div.contenu-statique table {
	margin:8px 0;
}
 
div.contenu-statique table td {
	border-collapse:collapse;
	padding:6px;
	vertical-align:top;
}

div.contenu-statique table.avis {
	margin:0;
}
 
div.contenu-statique table.avis td {
	border-collapse:collapse;
	padding:0 16px;
	text-align:center;
}

div.contenu-statique table.avis td img {
	margin:4px 0;
}

/* mise en page
 ------------------------------------------------------ */
div.contenu-statique ul.aide li {
	margin:4px 0 4px 16px;
}

div.contenu-statique img {
	margin:4px 0 8px 0;
}


/* Plan du site
 ****************************************************** */

div.contenu-statique div.container-qr div.hab-qr {
	margin:0 0 0 -11px;
	padding:1px 11px;
}

div.contenu-statique div.container-qr div.hab-qr h3 {
	margin-top:0;
	margin-bottom:0;
} 

/* Karaoke
 ****************************************************** */
 
div.contenu-statique div.karaoke {
	padding:8px 0 0 14px;
}

div.contenu-statique div.karaoke img {
	margin:4px;
}

div.contenu-statique.kakaok h3 {
	margin-top:0;
	padding-top:8px;
}

div.karaoke-player {
	margin:10px 0 0 20px;
}

/* C.G.U.
 ****************************************************** */

div.contenu-statique span.cgu p {
	margin-left:24px;
}

/* Google maps
 ****************************************************** */
 
div.contenu-statique.google-maps {
	padding:16px 16px 0 16px;
}

/* Club des partenaires
 ****************************************************** */

div.contenu-statique table.partenaires td {
	border:none;
	line-height:12px;
	padding-bottom:12px;
	text-align:center;
	vertical-align:bottom;
}

div.contenu-statique table.partenaires td.part-class {
	text-align:left;
}

div.contenu-statique table.partenaires td img {
	border:none;
	margin:0 0 2px 0;
}

/* Widget
 ****************************************************** */
 
 div.frame-widget {
	padding:10px 0 0 86px;
	width:341px;
}

div.container-installer-widget {
	height:276px;
	width:512px
}

div.container_pictos {
	margin:0 auto;
	width:492px;
}

div.container_pictos.trait-horizontal {
	height:128px;
	padding-left:20px;	
}

div.container_picto_widget {
	float:left;
	margin:0 auto;
}

div.picto-widget-img {
	float:left;
	margin:0 auto;
	width:65px;
}

div.picto-widget1-img {
	float:left;
	margin:0 auto; 
	width:110px;
}

div.container-blog {
	float:left;
}

div.container-blog {
	padding:0 10px 10px 10px;
}

div.container-blog textarea {
	width: 492px;
}

/* ARDISSON
 ****************************************************** */
 
body.center_statique {
	margin:0;
}

.container_img_ardisson {
	width:960px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
}

.haut_attente_ardisson {
	float:left;
	width:960px;
	height:400px;
}

.bas_attente_ardisson {
	float:left;
	width:960px;
	height:200px;
}

.bt_poursuivre_visite {
	float:left;
	margin-left:392px;
	margin-top:130px;
	height:41px;
	width:169px;
}

.bt_poursuivre_visite:hover {
	float:left;
	margin-left:392px;
	margin-top:130px;
	height:41px;
	width:169px;
}
/* Jeux
 ****************************************************** */
div.contenu-statique-jeu {
	float:left;
	height:auto;
	padding:16px 0 0 0;
	width:544px;
}

div.contenu-statique-jeu img {
	padding:1px;
}

div.contenu-statique-jeu li {
	float:left;
	height:auto;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:8px;
	padding-top:4px;
	width:520px;
}

div.contenu-statique-jeu li h1 {
	display:inline;
}

div.contenu-statique-jeu li img {
	float:left;
	margin-right:10px;
	padding:1px;
}

div.contenu-statique-jeu li h2,div.contenu-statique-jeu li p {
	margin-top:10px;
}

div.contenu-statique-jeu li.span {
	display:block;
	height:242px;
}
/* bouton jaime sur karaoke
 ------------------------------------------------------ */
div.jaime-karaoke{
	display:block;
	height:auto;
	width:510px;
	clear:both;
	padding:10px 0 3px 0;
	padding:10px 0 0 0\9;/*hack ie*/
}
/* bouton jaime sur webdocu
 ------------------------------------------------------ */
div.jaime-webdocu{
	display:block;
	height:auto;
	width:510px;
	clear:both;
	padding:0 0 0 0;
}
/* bouton jaime sur widget
 ------------------------------------------------------ */
div.jaime-widget{
	display:block;
	height:auto;
	width:510px;
	clear:both;
	padding:0 0 0 0;
}
