/* #PRODUIRE{fond=css/couleurs.css,host=clg-daguerre-cormeilles.ac-versailles.fr}
   md5:2c3b21044608e41ddb058aa6c8e984db */

#nav {background-image : none;}



body h1,body .h1,body h2,body .h2,body h3,body .h3,body .page .h3-like,body h4,body .h4,body #entete .accueil #nom_site_spip{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}
body .page,.liste h3.h3{

font-family:Arial,Helvetica,sans-serif;}






#nav {background-image : none;}


.page_sommaire .evenements,body #aside .rubriques,#formulaire_inscription, #carousel {background-image:url('https://clg-daguerre-cormeilles.ac-versailles.fr/plugins/scolaspip/img/trans3.png');}









/* backgrounds  */
html body{background-color:#A9A9A9;}
#header, thead th {background-color:#4B4B4B;}
#nav,.navbar-responsive.navbar-inverse .navbar-inner .nav-collapse,table.spip thead th,body .pagination ul > .active > span, div .forum .forum-fil .forum-chapo{background-color:#B3E955;}
body .navbar-inverse .btn-navbar{background-color: #B3E955; background-image : none;}
body #footer {background-color:#EFEFEF;}

.dropdown-menu > li > a:hover {background-image : none; background-color : #B3E955;}
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu > .active > a ,.navbar-inverse .nav .active > a:hover  ,.navbar-inverse .nav-collapse .nav > li > a:hover, body .navbar-inverse .nav .active > a{background-color:#C2E28B;}
body #aside .rubriques,#formulaire_inscription{background-color:#B3E955;}
body .calendriermini .ui-state-highlight a {background-color:#E99DE8;}
body .liste-items .item:hover,.page_sites .liste.syndics .liste-items .item:hover {background-color:#EFEFEF;}

/* Couleurs des bordures */
body #footer,.dynamic-tab-pane-control .tab-row .tab.selected {border-top:3px solid #B3E955;}
body #header .menu-items .item{border-right:1px groove #B3E955;}
body .documents_portfolio a:focus .spip_logo,body .documents_portfolio a:hover .spip_logo,body .documents_portfolio a:active .spip_logo {border-color:#EFEFEF;}

/* couleurs des titres  */
#nom_site_spip a, #slogan_site_spip{color:#FFFFFF;}
body h1,body .h1,body h2, body .h2,body h3, body h3.spip,body h2 a,body h2 a:hover,body h2 a:focus,body .h2 a,body .h2 a:hover,body .h2 a:focus{color:#333333;}

/* couleurs des liens */
body a,body a.spip_out,body a.spip_out h3,body a.spip_in,body a.spip_glossaire{color :#cc6600;}
body a:focus,body a:hover,body a:active  {color :#A85503; background-color : transparent;}
body #aside .rubriques a,#formulaire_inscription legend,#formulaire_inscription label,#formulaire_inscription p{color :#FFFFFF;}
body #aside .rubriques a:hover,body #aside .rubriques a:focus,body #aside .rubriques a:active {color :#000000;}
.navbar-inverse .nav > li > a,body #pied,body #pied a,body .pagination .on, div .forum .forum-fil .forum-chapo, div .forum .forum-fil .forum-chapo a, .navbar-inverse .nav-collapse .nav > li > a{color:#000000;}
body #nav .item a:hover,body #nav .item.on>a,body #nav .item.on .on>a, .navbar-inverse .nav-collapse .nav li > a:hover,.navbar-inverse .nav-collapse .nav > li.open a:hover{color:#000000;}
.navbar-inverse .nav-collapse .nav > li.open >a{color:#B3E955 !important;}




#aside {margin : 0px; float : right;};

@media (max-width: 767px){
	.well {background-color : transparent; border : none;}
	#nav {background-color : transparent; background-image : none; border : none;}
	#header {border-bottom:3px solid #B3E955;}
	}	
	

body {
color: #000000;
}



/* =============================== */
/* Menu fixe */
/* =============================== */
.menu_fixe {
  position: fixed;
  top: 0;
}

.menu_fixe + .content {
  padding-top: 60px;
}
/* ################################################### */


/* Fond d'écran de la zone page */
.page.container {
    background: #FFFFFF;
}


/* Réduit l'espace de gauche pour les articles */
#content .inner-content {
    padding-left: 0.5em;
}


/*                 Mise en page 2 colonnes              */
/* ################################################### */


/* ################################################### */
/* Largeur de BASE (entre 980px et 1199 px) */ 
/* ################################################### */

     #formulaire_recherche_menu {
     display: none;
}

     #formulaire_recherche {
     margin-bottom: 0px;
}

     .liste-items .item {
     border-top: 0;
     padding: 0;
}

     .item_accueil {
     width: 100%;
     width: 400px;
     display: inline-block;
}

.span4 {
     width: 335px;
     /*       width: 100%; */
}


     .gauche10 {
     margin-left: 5px;
}

/* ################################################### */



/* ################################################### */
/* Largeur pour écran de largeur entre 0 et 767px; */ 
/* ################################################### */
@media (max-width: 767px)
{

     #formulaire_recherche_menu {
     display: block;
     }

     #formulaire_recherche_grand_ecran {
     display: none;
     }

      .span4 {
       width: 100%;
       }

     .span9 {
       width: 100%;
       }

    body {
       padding-left:0px;
       padding-right:0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, 
color: #000000;
       }

    #header {
      border-bottom: none;
      }

    .menu.menu-container.navbar-inner.navbar-inverse.navbar-static-top {
      margin-right: 0px;
      }

    .item_accueil {
    width: 100% ;
    display: inline-block;
    }

    .menu_fixe {
    width: 100% ;
    }


}
/* ################################################### */



/* ################################################### */
/* Largeur pour écran de largeur entre 768px et 979px */ 
/* ################################################### */
@media (max-width: 979px) and (min-width: 768px)
{

     .span4 {
     width: 260px;
/*       width: 100%; */
}

    .item_accueil {
    width: 100%;
    display: inline-block;
}

    .gauche20 {
     margin-left: 1px;
     }

}
/* ################################################### */



/* ################################################### */
/* Largeur pour écran de largeur supérieure à 1200 px */ 
/* ################################################### */
@media (min-width: 1200px)
{

     #formulaire_recherche_menu {
     display: none;
}

    .span4 {
    width: 425px;
    margin-left: 5px;
*/       width: 100%; */
    }

     .item_accueil {
     width: 420px;
     display: inline-block;
}


    .gauche20 {
     margin-left: 15px;
     }

}
/* ################################################### */



/*Images zoomées */

.zoom img:hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
/* ================ */

/*espaces sur les articles en page d'accueil */
.entry.article.hentry {
padding-top: 20px;
}

/* ================ */
/* ######################### */


/* ################################################### */




/* ################################################### */
/*                          ZONE EDITORIAL -- CAROUSSEL                     */
/* ################################################### */
div#carousel {
    margin-top: 10px;
    margin-left: 5px;
/*   height: 200px; */
/*   padding: 30px; */
   padding: 10px;
}

/* Centrer les petits points */
.carousel .carousel-indicators {
left: 35%;
}


ul.carousel-stop {
    display: none;
}

.carousel-control {
    background: none;
    border: none;
    display: none;
}
/* ################################################### */








/* Couleur du texte du menu large et responsive */
.navbar-inverse .nav-collapse .dropdown-menu a {
    color: #000000;
}




/* Marge dans le menu*/
.navbar .nav > li > a {
    padding: 10px 10px;
}