/* CSS Document */

html, body {height: 100%;}
/* Obligatoire pour bon positionnement du linkeopowered3 */
* html #global{height: 100%;}

/* A intégrer dans le elements.css des sites V3 */
/*#global {min-height: 100%; margin-bottom:23px;}*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* POWERED BY LINKEO V2 REF. LINKS */
.reflaet { display:none; } 

/* <a> NO outline */
a:hover, a:active, a:focus { outline: none; }
.clear {clear:both;}




html,body {
width:100%;
height:100%
}
body{
	background-color: #0E0E0E;
	font-family: "Comic Sans MS", Arial;
	font-size: 16px;
	color: #FFFFFF;
	background-image: url(../interface/fond2.jpg);
}
#total{
	/*min-height:800pxs;
	height:auto!important;*/
	height: 900px;
	width: 100%;
	position:relative;
	left: -10px;
	
}
#banniere{
/*background-image: url(../interface/accueil/titre.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	margin-left:auto; 
	margin-right:auto;
	width:1028px;


	
}
#contenu{width:955px;
	margin-left:auto;
	margin-right:auto;
	}
	#contenu a{color:#FFFFFF;
	text-decoration:none;}
	#contenu a:hover{
	text-decoration: underline;}
#footer{
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 969px;

}
#footer a{font-size:11px;color:#FFFFFF;}

/*---------------------CLASS------------------------*/
.type1{width:404px; padding-left:37px; margin-top:20px; float:left;}
.type2{ text-indent:40px; text-align:justify;}
.type3{ padding-left:37px; margin-top:20px; padding-right:37px; text-align:justify;}
#contenu ul{margin-left:40px; margin-bottom:10px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.image1{clear:both;margin-left:37px; margin-top:20px; margin-bottom:20px;}
.image-milieu{margin-left:71px; margin-right:71px;}

/*---------------------BALISE------------------------*/
h1{display:none;}
h2{font-size:12px; text-decoration:underline; margin-bottom:10px;}
p{margin-bottom:10px;}
img{border:none;}

/*---------------------MENU------------------------*/
#menu ul{ list-style:none; padding-left:40px; padding-top:5px;}
#menu ul li{ display:inline;}
#menu ul li a{ color:#FFFFFF; font-weight:bold; text-decoration:none; margin-right:20px;}
#menu ul li a:hover,.page1 #btn1 a,.page2 #btn2 a,.page3 #btn3 a,.page4 #btn4 a,.page5 #btn5 a,.page6 #bt6 a,.page7 #btn7 a{ text-decoration:underline;}
#menu #btn8{display:none;}

#footer ul{ list-style:none; margin-top:10px; margin-bottom:10px;}
#footer ul li{
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#footer ul li a{text-decoration:none; margin-left:5px; margin-right:5px;}
#footer ul li a:hover{ text-decoration:underline;}
#footer #btn1 a{margin-left:0px;}
#footer #btn7{border:none;}

/*---------------------LINKEO------------------------*/
#poweredV2 { text-align:center; color:fff !important;}
#poweredV2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;

}
#poweredV2 img {
	height: 10px;
	width: 10px;
	vertical-align: middle;

}
.linkeo_cnil{font-size:9px;}
#total #contenu .promo {
	color: #FFFF00;
	font-size: 24px;
	text-decoration: blink;
}



/* Menu de navigation principal */
#nav { width:605px; text-align:center; margin-left:auto; margin-right: auto; height:90px;}


#nav ul { text-align: center; }
	#nav li {
		display: inline;
		list-style: none
	}
	#nav li.reportage-en-ligne,
	#nav li.mariage,
	#nav li.sport,
	#nav a.sport,
	#nav li.book,
	#nav li.papier,
	#nav li.retouches,
	#nav a.retouches,
	#nav li.cadres,
	#nav li.tissu {	background:url(/interface/puce.jpg) right top no-repeat;	}
	
	#nav a {
		color: #fff;
		text-decoration: none;
		text-align: center;
		height: 25px;
		line-height:30px;
		padding-right:30px;
		padding-left:10px;
		/*float: left;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #8394A8;
		*/
		
	}
	#nav a:hover 		{ color: #999; font-weight: normal;  }
		
	#nav li.accueil,
	#nav li.plan,
	#nav li.mentions 	{ margin-top:-99999px; margin-left:-99999px; position: absolute; } /* Permet de cacher le bouton */
	
	/* Boutons actifs */
	#accueil #nav li.accueil a,
	#contact #nav li.contact a,
	#societe #nav li.societe a {  }



/**/

#contenu .col1 {width:45%;float:left;}
#contenu .col2 {width:45%;float:right;}
#contenu .col1 img,
#contenu .col2 img {position:relative;display:block;margin-left:auto;margin-right:auto;}
#contenu .col1 p,
#contenu .col2 p {text-align:center;}
.clear{clear:both;}

#promo { margin-left: auto; margin-right: auto; width:128px; margin-bottom: 20px;}