/* general */
* {
    margin: 0;
    padding: 0;
}
body{
    margin: auto;
    padding: 0;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    background-color: #f2f2f2;
}
li{
    list-style: none;
}
img{
    border-style: none;
}
a{
    text-decoration: none;
    border: none;
    outline: none;
    color: #757575;
}
/*************/
/* Templates */
/*************/
/* Conteneur general */
.container {
    background: #ffffff;
    margin: auto;
    width: 1001px;
    border-left: 15px #ffffff solid;
    border-right: 15px #ffffff solid;
}
/* Haut du site */
#haut {
    padding: 0;
    margin: 0;
    width: 990px;
}
/* visuel */
div#visuel{
    float: left;
    padding: 0;
    margin: 0;
    width: 573px;
    height: 300px;
    background-color: transparent;
}
/********/
/* LOGO */
/********/
div#logo{
    float: left;
    margin: 0;
    width: 417px;
    height: 300px;
    text-align: center;
}
.clear{
    clear: both;
}

/* Contenu site #centre #colonne1 #colonne2 */
div#milieu{
    padding: 0;
    margin: 0;
    width: 990px;
    height: 100%;
}
div#centre{
    float: left;
    padding: 0;
    margin: 0;
    width: 725px;
    height: 100%;
}
div#centre #crobards {
    padding: 0;
    margin: 0;
    background: #f6f5e5;
    width: 99%;
    height: 300px;
}
/* Crobards */
div#colonne1 {
    margin: 0;
    padding: 0;
    width: 985px;
}
/* Footer */
div#footer {
    clear: both;
    width: 990px;
}
#footer_general {
    background: #A1A3A6;
    width: 100%;
    height: 350px;
    padding: 0;
    margin: 0;
}
#footer_marge {
    background: #FFFFFF url(../images/fondfooter.png) repeat scroll 0% 0%;
    position: relative;
    top: 12px;
    margin-left: 18px;
    width: 955px;
    height: 278px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
}
#footerCol1,
#footerCol2,
#footerCol3 {
	float: left;
	padding-left: 5px;
    width: 300px;
    height: 230px;
    
}
#footerCol1 {
    margin-left: 32px;
    margin-top: 25px; 
	border-right: 1px #eeeeee solid; 
}
#footerCol2 {
    margin-top: 25px;
    border-right: 1px #eeeeee solid;
}
#footerCol3 {
    margin-top: 25px;
}
/* --- */
#footerTXT {
    margin: 0;
    padding: 0;
    width: 144px;
    height: 48px;
    background: transparent url(../images/logofooter.png) no-repeat scroll 96% 81%;
}
#footerBas {
    color: white;
    width: 100%;
    height: 130px;
    background: #4D4D50;
}
#footerCredits {
    margin-left: 15px;
    line-height: 48px;
    font-weight: bolder;
    font-size: 20px;
    float: left;
}
#footerBasCol1 {
    padding-right: 30px;
    text-align: right;
    margin-top: 20px;
    float: right;
    width: 150px;
}
#footerBasCol1 a, #footerBasCol2 a, #footerBasCol3 a {
    color: white;
}
#footerBasCol2 {
    margin-top: 20px;
    padding-right: 5px;
    text-align: right;
    float: right;
    width: 150px;
    height: 65px;
}
#footerBasCol3 {
    margin-top: 20px;
    padding-right: 5px;
    text-align: right;
    float: right;
    width: 150px;
    height: 65px;
}
#footerBasCol4 {
    height: 87px;
    padding-right: 5px;
    width: 620px;
}
.partenaires {
    padding-top: 55px;
    padding-left: 21px;
}
.partenaires a {
    color: white;
    line-height: 35px;
}
#footerEnd {
    text-align: right;
}
#footerEnd a {
    color: #ffffff;
    font-weight: bolder;
}
#copyrightopiOM {
    padding-top: 5px;
    padding-right: 85px;
}
#mentionJoomla {
    padding-right: 5px;
}
.GrandTitre {
    color: #353535;
    font-size: 17px;
    font-weight: bolder;
}
.contenuTitres a:hover {
    color: #353535;
}
/* Menu */
.sm {
    list-style: none;
    width: 165px; /*459px*/
    height: 100px;
    display: block;
    overflow: hidden
}
.sm li {
    float: left;
    display: inline;
    overflow: hidden
}
#Test {
    background: red;
    width: 50%;
}
#cadre {
    background: blue;
    float: left;
    width: 25%;
}
#resultCadre {
    background: brown;
}
#resultCadre {
    background: brown;
}
/* Modules mobiles */
.latestnews a, .mostread a {
    display: block;
    border-bottom: 1px #cccccc solid;
}
/* Galerie Principale */
div#galerie_Principale {
    margin-left: 25%;
}
/* Module View Forum */
 .viewForum {
    margin: 0;
    padding: 0;
}
.viewForum li {
    display: block;
    border-bottom: 1px #eeeeee solid;
    list-style: armenian;
    text-align: justify;
    padding-left: 22px;
}
.viewForum li:hover {
    background: transparent url(../images/bandeauforum.png) no-repeat scroll 0 50%;
}
.viewForum a {
    font-weight: bolder;
    color: inherit;
}
.viewForum .posteur {
    color: #757575;
}
/* Pubs */
#PubCentre {
    color: white;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin-top: 7px;
    line-height: 1px;
    height: 1px;
}
.pubColonne2 {
    text-align: center;
    margin: 0 auto;
}
#publiciteModule {
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    width: 334px;
    background: #eeeeee;
}
#PubHaut {
    height: 90px;
    border-bottom: 7px white solid;
    border-top: 7px white solid;
}
/* Publicite recherche */
.searchopiOM {
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8px;
}
/* Module Derniers topics + Module Articles les plus lus */
ul.latestnews, ul.mostread {
    width: 334px;
}
ul.latestnews li:hover, ul.mostread li:hover {
    background: #eeeeee;
}
/* Logo cliquable opiOM */
a.logoHaut,
a.logoHaut-noir,
a.logoHaut-violet,
a.logoHaut-orange,
a.logoHaut-rose,
a.logoHaut-bleu,
a.logoHaut-rouge,
a.logoHaut-special {
 	display: block;
    float: left;
    height: 90px;
    width: 273px;
    margin-top: 7px;
	font-size:0px;
}
a.logoHaut,
a.logoHaut-noir {
    background: transparent url(../images/opiom-noir.png) no-repeat scroll 0% 0%;   
}
a.logoHaut-violet {
    background: transparent url(../images/opiom-violet.png) no-repeat scroll 0% 0%;
}
a.logoHaut-orange {
    background: transparent url(../images/opiom-orange.png) no-repeat scroll 0% 0%;
}
a.logoHaut-rose {
    background: transparent url(../images/opiom-rose.png) no-repeat scroll 0% 0%;
}
a.logoHaut-bleu {
    background: transparent url(../images/opiom-bleu.png) no-repeat scroll 0% 0%;
}
a.logoHaut-rouge{
    background: transparent url(../images/opiom-rouge.png) no-repeat scroll 0% 0%;
}
a.logoHaut-special {
    background: transparent url(http://www.opiom.net/special/opiom-special.gif) no-repeat scroll 0% 0%;   
}
div.mainContent{
	/*background: transparent url(http://www.opiom.net/special/purple.png) no-repeat scroll right top;*/
}

.PrincipalCol1 {
    margin: 7px;
    padding: 0;
    float: left;
    width: 332px;
    height: 100%;
}
.PrincipalCol2 {
    margin: 7px;
    padding: 0;
    float: left;
    width: 350px;
    height: 100%;
}
.Bloc {
    margin: 15px 0;
    padding: 0;
    width: 332px;
    height: 100%;
}
.EnteteBloc {
    margin: 0;
    padding: 0;
    height: 20px;
    background: #757575 url(../images/tetiere-blocs.png) no-repeat scroll 0% 0%;
}
.ContenuBloc {
    margin: 0;
    padding: 0;
    height: 100%;
}
.BlocNO {
    margin: 15px 0;
    padding: 0;
    width: 332px;
    height: 100%;
}
.EnteteBlocNO {
    margin: 0;
    padding: 0;
    height: 20px;
}
.ContenuBlocNO {
    margin-top: -6pt;
    padding: 0;
    height: 100%;
}
.ContenuBlocMama {
    margin: 0;
    padding: 0;
    height: 300px;
}
/* Loto et Colle */
.componentheading_LotoEtColle {
    color: #353535;
    font-size: 24px;
    font-weight: bolder;
    text-align: center;
}
/* Contacts */
.contact_email {
    margin-left: 150px;
}
/* Articles */
.contentpaneopen .contentheading {
    font-weight: bolder;
    font-size: 22px;
    color: #353535;
}
.contentpaneopen {
    text-align: justify;
}
.center {
    text-align: center;
}
/* Niouzes opiOM */ 
.contentheadingniouze {
    background: transparent url(http://www.opiom.net/templates/madeyourweb/images/box-opiom.png) no-repeat scroll 0 0;
    font-size: 20px;
    font-weight: bold;
    height: 130px;
    padding-top: 19px;
}

/* MainBody */
#MainBody {
	background:transparent url(http://www.opiom.net/forums/images/peaceblue/opiom/back-square-2.gif) repeat scroll 0 0;
	margin:8px 10px 15px 0;
}
.small {
	color:#353535;
	font-style:italic;
	font-weight:lighter;
	margin-left:60px;
}
.ficheRencontre{
	background:#f9f9f9;
}


/* Pub fanfarlo
#PubHaut{
	background: url(http://www.opiom.net/opiom-game/fanfarlo/Youts/affiche2.png) no-repeat scroll right;
	
}
 */
#PubHaut a{
	display:block;
	width:970px;
	height:90px;
}