/* ONLY FOR THE LAYOUTS OF PAGES : -
COLUMNS,GRIDS, BLOCK DEFINITIONS. UNDER NO CIRCUMSTANCES DEFINITIONS OF ELEMENTS [articles, text structure, links etc.. are to be defined here..]
edited on the 25-02-11.
*/

* {margin:0;padding:0;}

/*----------------------------------------------------------------------------------------------------------------------------
 BODY & WRAPPER :- for DRUPAL :- body, #page... + any other wrapper you may need to contain
                                   your whole site...
----------------------------------------------------------------------------------------------------------------------------*/
/*body{background:url(../images/interface/header.jpg) no-repeat top center;}*/
#page{margin:0 auto;padding:0;width:967px;}

/* ----------------------------------------------------------------------------------------------------------------------------
        HEADER : - inner header contents ONLY [ except navigation defined further apart ]
----------------------------------------------------------------------------------------------------------------------------*/
#header {margin:0 auto;padding:0;width:967px;height:197px;position:relative;}
#header .langue {margin: 10px 0 0;padding:0;position:absolute;right:0;z-index: 2;}
#header .langue ul {margin:0;padding:0;}
#header .langue ul li{margin:0;padding:0;float:left;list-style:none;border-right:1px solid #8387b3;}
#header .langue ul li.active{margin:0;padding:0;float:left;list-style:none;border-right:1px solid #070F68;}
#header .langue ul li.last{margin:0;padding:0;float:left;list-style:none;border:none;}
#header .langue ul li a{margin:0;padding:0 5px;font-size:1.166em;color:#8387b3;text-decoration:none;text-transform:uppercase;}
#header .langue ul li.active a{color:#070F68;}

/* MENU
----------------------------------------------------------------------------------------------------------------------------*/
#header .menu {margin:10px 0 0;padding:0;float:left;}
#header .menu ul {margin:0;padding:0;}
#header .menu ul li{margin:0;padding:0;float:left;list-style:none;}
#header .menu ul li a{margin:0;padding:0 5px;font-size:1.166em;color:#000000;text-decoration:none;text-transform:uppercase;}

/* HOME LINK
----------------------------------------------------------------------------------------------------------------------------*/
#header h1 {height: 197px; position: absolute; text-indent: -9999px; width: 967px;}
#header h1 a {display: block; height: 197px; z-index: 1;}

/* ----------------------------------------------------------------------------------------------------------------------------
    NAVIGATION : - primaly-links & secondary-links for DRUPAL & any other side-bar links.
                           Please seperate each category with (-)
----------------------------------------------------------------------------------------------------------------------------*/
#primary-links{}
#secondary-links{}

/* ----------------------------------------------------------------------------------------------------------------------------
  CONTENTS : - for DRUPAL : #main, #content, #content-inner, #content-area, #sidebar-first,
                         #sidebar-second + any other contents/wrappers  that you may need to define... 
----------------------------------------------------------------------------------------------------------------------------*/
#content{margin:0 !important; padding:0 !important; float:left;}
#content-area {margin:0;padding:10px;width:585px;background:#fff;}
#sidebar-first{margin:0;padding:0;width:350px;float:right;}
#content-bottom {margin:20px auto;clear:both;width:967px;}

/* ----------------------------------------------------------------------------------------------------------------------------
  FOOTER :- for DRUPAL :- any container inside footer ONLY
----------------------------------------------------------------------------------------------------------------------------*/
#footer{margin:30px auto 0;padding:30px 0 0;background:url(../images/interface/bg-footer.jpg) no-repeat top center;height:162px;width:100%;}
#footer .opp {margin:0 auto;padding:0;width:546px;height:45px;}
#footer .opp p {margin:0;padding:0;font-size:1.25em;color:#000;line-height:50px;float:left;}
#footer .opp a {margin:0;padding:0 0 0 10px;float:left;}
/* ----------------------------------------------------------------------------------------------------------------------------
  MISC : - clearing of floats and other defaults classes that you may need. This list is not exhastive.
----------------------------------------------------------------------------------------------------------------------------*/
.clear{clear:both; height:0; margin:0; padding:0; overflow:hidden;}
.right{float:right;}
.left{float:left;}
.noborder{border:none; margin:0; padding:0;}
img{margin:0; padding:0;}
hr{height:1px; margin:0; padding:0; width:100%; border:none;background:none;}
/* Clearing Floats
----------------------------------------------------------------------------------------------------------------------------*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.clearfix{display: inline-block;} 
/* Hides from IE Mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix{display:block;} /* End Hack */
.jefais_don{
	 
    font-size: 2em !important;
    line-height: 18px !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
}
.don_p{
	 
    font-size: 1.3em !important;
    line-height: 18px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-align: center !important;
}