body {
background-image:url('http://www.kalimataghani.com/IMG/logo/bg.png');
background-repeat:repeat;
background-position:top right;
background-color:#EEE
}

.page {
position:relative;
margin:0 auto;
padding:0;
text-align:right
}

.main {
padding:1.2em 0;
background:#fff;
overflow:hidden
}

.footer {
clear:both;
margin-bottom:50px;
color:gray
}

.wrapper_sommaire {
clear:both;
float:right;
width:65%;
overflow:hidden;
background:#FFF
}

.content_sommaire {
min-height:350px
}

.wrapper {
clear:both;
float:right;
width:65%;
overflow:hidden;
padding:0 0 0 1%
}

.divpadding {
padding:2% 0 0 2%
}

.content {
min-height:350px
}

.aside {
float:left;
width:31%;
overflow:hidden;
margin-bottom:3%;
text-align:right
}

.clear {
clear:both;
height:1px
}

.header {
padding-top:1.5em
}

.header #logo {
display:block;
margin:0;
line-height:1;
font-weight:700
}

.header #logo,.header #logo a,.header #logo a:hover {
background:transparent;
text-decoration:none;
color:#FFF
}

.header #slogan {
margin:0
}

.formulaire_menu_lang {
position:absolute;
left:0;
top:.9em;
display:block;
width:30%
}

.nav {
border:solid #222;
border-width:1px 0
}

.nav ul li a {
float:right;
display:block;
padding:.5em 1em;
border-left:1px solid #222;
text-decoration:none
}

.nav ul li.on2 a {
background:#EED;
color:#222;
font-weight:400
}

.nav ul li a:focus,.nav ul li a:hover,.nav ul li a:active {
background:#222;
color:#FFF
}

.footer .colophon {
float:right;
height:40px;
width:70%;
margin:0
}

.footer .generator {
float:left
}

.footer .generator a {
padding:0;
background:none
}

.centrer {
margin:0 auto;
width:50%
}

.description_site {
float:left;
width:28.5%;
overflow:hidden;
padding:2.4%;
text-align:right
}

.slider {
float:right;
width:100%;
overflow:hidden;
text-align:center
}

.categorie {
float:right;
margin:5px 10px;
overflow:hidden;
width:120px;
height:200px
}

.lastarticle {
float:right;
margin:0 10px 10px;
overflow:hidden;
width:280px
}

.keywordcountry {
float:right;
margin:0 0 10px 7px;
overflow:hidden;
width:70px
}

.img.spip_logos {
height:auto;
width:100%
}

#fb-root {
display:none
}

.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
width:100%!important
}

@media print {
.page,.wrapper,.content {
width:auto
}

.nav,.arbo,.aside,.footer {
display:none
}
}

@media (max-width: 640px) {
body,.page,.header,.main,.footer,.wrapper,.content,.aside {
width:auto!important;
margin:auto!important;
padding:auto!important
}

.page {
margin:0;
padding:0
}

.content,.aside {
clear:both;
float:none!important;
width:auto!important
}

.nav ul li a {
float:none;
border:0
}

#formulaire_recherche {
display:none;
position:static;
text-align:center
}

.arbo {
display:none
}

.footer .colophon {
width:auto;
float:none
}

.footer .generator {
display:none
}

table.fc-header td {
display:block;
text-align:right
}
}

.entete_noire1 {
width:100%;
margin-bottom:0;
overflow:hidden
}

.entete_noire2 {
min-width:20px;
max-width:1260px;
width:100%;
margin:0 auto;
margin-bottom:0
}

.corps1 {
width:100%;
overflow:hidden
}

.corps2 {
min-width:20px;
max-width:1260px;
width:97%;
margin:0 auto;
overflow:hidden
}

.pied {
min-width:20px;
max-width:1260px;
width:97%;
clear:both;
margin:0 auto 30px;
overflow:hidden
}

.pied2 {
padding:2.4%;
background:#000;
text-align:right;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px
}

.pied2 a {
color:gray
}

.pied2 a:hover {
color:#FFF
}

.bloc_contenu {
margin-bottom:3%;
overflow:hidden;
text-align:right;
padding-right:1%
}

.bloc_contenu2 {
overflow:hidden
}

.item_menu {
padding:10px 10px 20px;
border-radius:5px 5px 0 0;
background:#333;
color:#FFF;
border:solid 1px #444
}

.item_menu_accueil {
padding:10px 10px 20px;
border-radius:5px 5px 0 0;
background:#8CA429;
color:#FFF;
border:solid 1px #8CA429
}

.slogan_site {
color:#ECECEC;
display:inline;
font-style:italic
}

.footer .pied_gauche {
width:31.35%;
float:right
}

.footer .pied_centre {
width:31.35%;
float:right;
margin-right:3%
}

.footer .pied_droite {
width:31.35%;
float:left
}

.classement {
list-style-type:decimal;
margin-right:1.7em;
line-height:1.25em
}

.sans_serif_moyen {
font-family:Arial
}

.la_suite {
margin:0 0 5%;
padding:1.4%;
border:solid 1px #677821;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#8CA429;
text-shadow:1px 1px 0 #969696ff
}

.la_suite:hover {
margin:0 0 5%;
padding:1.4%;
border:solid 1px #769548;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#ABC837;
text-shadow:1px 1px 0 #969696ff
}

.introduction {
margin-bottom:5%;
line-height:1.6
}

.introduction2 {
margin-bottom:3%;
line-height:1.6
}

.bloc_logo_article {
position:relative;
float:left;
margin:0 3% 2% 0;
padding:0;
width:35%;
height:auto;
border:solid 4px #FFF;
-moz-box-shadow:0 0 5px 1px #cfcfcf;
-webkit-box-shadow:0 0 5px 1px #cfcfcf;
box-shadow:0 0 5px 1px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf,Direction=NaN,Strength=5)
}

.bloc_agrandir {
position:absolute;
right:40%;
top:43%;
margin:0 auto
}

.icone_agrandir {
width:84%;
height:auto;
opacity:.5;
-moz-opacity:.5;
-khtml-opacity:.5;
filter:alpha(opacity=50)
}

.icone_agrandir:hover {
width:84%;
height:auto;
opacity:.8;
-moz-opacity:.8;
-moz-opacity:.8;
-khtml-opacity:.8;
filter:alpha(opacity=80)
}

.num_com {
float:left;
font-size:1.6em!important;
color:#DCDCDC;
font-family:Georgia!important;
font-style:italic!important
}

.nbre_coms {
color:#FFF;
padding:.2em .4em;
background:#8CA429;
border-radius:4px
}

.bloc_portfolio {
display:block;
background:#EFEFEF;
padding:2% 2% 2% 0
}

.bloc_portfolio:hover {
display:block;
background:url('http://www.kalimataghani.com/squelettes/css/img/back_docs.png') 0 right 0;
padding:2% 2% 2% 0
}

.bloc_droit_1 {
float:right;
position:relative;
vertical-align:bottom
}

.bloc_droit_2 {
float:right;
position:relative;
vertical-align:bottom;
margin-top:.75%
}

.bloc_droit_3 {
float:right;
position:relative;
vertical-align:bottom;
margin-top:1.5%
}

#user {
float:left;
position:relative;
vertical-align:bottom
}

#rechercher {
float:left;
position:relative
}

.bloc_nav {
min-width:20px;
max-width:1260px;
clear:both;
overflow:hidden;
background:#1CABDE;
padding:0 0 0 2%;
overflow:hidden;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
text-align:center
}

.logo_site {
margin:0;
padding:0;
border:0;
vertical-align:middle
}

.menu_select {
display:none;
padding:1% 1% 0;
background-color:#1cabded9;
color:#FFF;
border:0;
text-align:center;
font-size:1.4em;
text-transform:uppercase
}

.select_rub {
text-align:right!important;
font-size:.8em!important;
text-transform:none!important
}

.spip-icons {
font-family:'spip-icons'!important;
font-size:1.2em;
color:gray;
vertical-align:middle
}

.spip-icons:hover {
color:#CCC
}

#remonter {
position:fixed;
bottom:5%;
left:3%;
cursor:pointer;
display:none;
opacity:.3;
-moz-opacity:.3;
-khtml-opacity:.3;
filter:alpha(opacity=30)
}

#remonter:hover {
position:fixed;
bottom:5%;
left:3%;
cursor:pointer;
display:none;
opacity:.7;
-moz-opacity:.7;
-moz-opacity:.7;
-khtml-opacity:.7;
filter:alpha(opacity=70)
}

.image_opacity {
opacity:.7;
-moz-opacity:.7;
-moz-opacity:.7;
-khtml-opacity:.7;
filter:alpha(opacity=70)
}

.image_opacity:hover {
opacity:1;
-moz-opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
filter:alpha(opacity=100)
}

.image_opacity2 {
opacity:1;
-moz-opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
filter:alpha(opacity=100)
}

.image_opacity2:hover {
opacity:.7;
-moz-opacity:.7;
-moz-opacity:.7;
-khtml-opacity:.7;
filter:alpha(opacity=70)
}

.centrertext {
text-align:center
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden
}

.video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
right:0;
width:100%;
height:100%
}

.centrertexte {
text-align:center
}

.tigauche {
float:right;
width:48%
}

.tidroit {
float:left;
margin-right:10px;
width:48%
}

.sprite {
background:url('http://www.kalimataghani.com/IMG/logo/sprite.png') no-repeat top right;
float:right;
margin-left:.7em
}

.sprite.facebook {
background-position:0 right 0;
width:30px;
height:25px
}

.sprite.rss {
background-position:0 right -35px;
width:30px;
height:25px
}

.sprite.logo {
background-position:0 right -70px;
width:44px;
height:60px
}

.sprite.instagram {
background-position:0 right -140px;
width:30px;
height:25px
}

.sprite.television {
background-position:0 right -175px;
width:30px;
height:25px
}

.sprite.google {
background-position:0 right -210px;
width:30px;
height:25px
}

.sprite.youtube {
background-position:0 right -245px;
width:30px;
height:25px
}

.sprite.pencil {
background-position:0 right -280px;
width:30px;
height:25px
}

.sprite.twitter {
background-position:0 right -315px;
width:30px;
height:25px
}

.foothidden {
display:none!important
}

.pub728x90 {
padding:0 0 1em
}

@media (max-width: 3000px) {
.ajustable {
height:auto;
border:0
}
}

@media (max-width: 960px) {
.ajustable {
height:auto;
border:0
}
}

@media (max-width: 800px) {
body {
font:.9em/1.5em Arial
}

.classement {
list-style-type:decimal;
margin-right:.4em;
padding-right:0;
line-height:1.25em
}

.logo_site {
margin:0;
float:right;
height:auto
}

.bloc_logo_site {
float:none;
margin:0 auto
}

.ajustable {
width:86%!important;
height:auto;
border:0
}
}

@media (max-width: 640px) {
body {
font:.85em/1.5em Segoe,Arial
}

h1,h1.spip,h2,h3,h4,h5,h6,.h1,.h3,.h3_2,.h4,.h4_2,.h5,.h6,.une {
font-family:Segoe,Arial
}

.menu_select {
display:inline;
width:36%;
float:none;
margin:0 auto
}

#nav-container {
display:none
}

#remonter,#remonter:hover {
display:none
}

.ajustable {
width:86%!important;
height:auto;
border:0
}

.footer .generator {
float:left
}

#user {
display:none
}

.description_site {
display:none
}

.slider {
width:100%
}

.pub728x90 {
display:none
}
}

@media (max-width: 480px) {
body {
font:.8em/1.5em Segoe,Arial
}

.footer .pied_gauche {
width:100%;
float:none
}

.footer .pied_centre {
width:100%;
float:none;
margin-right:0
}

.footer .pied_droite {
width:100%;
float:none
}

.slogan_site {
display:none
}

.logo_site {
margin:0 auto;
display:block;
text-align:center!important;
float:none
}

.ajustable {
width:98%!important;
height:auto;
border:0
}

.menu_select {
display:block;
width:46%;
margin:0 auto;
float:none
}

#user {
display:none
}

.bloc_droit_3 {
margin-top:0
}

.description_site {
display:none
}

.slider {
width:100%
}

.pub728x90 {
display:none
}
}

@media (max-width: 320px) {
body {
font:.7em/1.5em Segoe,Arial
}

.icone_agrandir {
display:none
}

.spip_logos_right {
float:left;
margin:0 24px 10px 0;
padding:0;
border:0;
width:24%;
height:auto;
-moz-box-shadow:0;
-webkit-box-shadow:0;
-o-box-shadow:0;
box-shadow:0
}

.ajustable {
width:98%!important;
height:auto;
border:0
}

.bloc_droit_3 {
margin-top:0
}

.pub728x90 {
display:none
}
}