@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Site petites communes krea3 
Description: Theme pour sites entreprises
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
*/



/******************************************************/
/*****************max-width:480px**********************/

body{
	font-size:15px;
}

#conteneur{
	width:100%;
	margin:0 auto 0 auto;
	z-index:0;
	background-image:none;
	padding:0;
}


/*******************header*********************/
#fond-top-bandeau{
	height:auto;
	position:relative;
	width:100%;
	max-width:100%;
}

#top-bandeau{
	width:100%;
	max-width:100%;
}

#bandeau {
    padding: 0;
	height:auto;
	min-height:81px;
	margin:0;
}

#bandeau .largeur92{
	width:100%;
}

#top-bandeau{
	height:auto;
}

#logo {
    position: relative;
    max-width: 50%;
	display:block;
	float:left;
	margin:0;
}

#logo img {
    height: 55px;
    width: auto;
}

.btn-top{
	display:none;
}

#outils{
	clear:both;
}

#telephone {
    background: #377a94 url("images/picto-tel.png") no-repeat scroll 40px 4px / 18px auto;
    clear: both;
    display: block;
    font-size: 1.5em;
    height: 26px;
    line-height: 26px;
    padding: 0 40px 0 77px;
    position: relative;
    width: 100%;
	top:0;
}
/***************fin header*********************/

#fond-menu{
	height:5px;
}

#btn-accueil {
    height: 41px;
    padding: 10px 0;
    position: absolute;
    right: 101px;
    top: 0;
    width: 40px;
}

#btn-accueil img{
	height:20px;
	width:20px;
}

#menu{
	height:35px; 
	background-image:none;
	position:absolute !important;
	top:26px;
	right:0;
	width:100%;
	background-color:transparent;
	margin:0;
}

#menu li.page-item-0, 
#menu li.page-item-12,
#menu li.page-item-9,
#menu li.page-item-7,
#menu li.page-item-85,
#menu li.page-item-83
{
	display:block; /*pour afficher accueil dans le menu*/
}

#nav > li > a {
	line-height:30px;
}

#nav > li{
	padding:0;
}
/************************Page d'accueil**************************************/

/*********************LIGNE 1*********************/
	#ligne1{
	display:block;
	padding:0;
}

.rslides{
	width:100% !important;
	float:none;
	display:block;
	clear:both;
	margin:0 0 20px 0;
}

#texte1{
	top:20px;
	display:block;
	clear:both;
	width:92%;
	border-right:none;
	padding:20px;
	position:relative;
	margin:20px auto;
}

#texte2{
	display:block;
	clear:both;
	width:100%;
	border-right:none;
	padding:20px;
	position:relative;
	margin:20px 0 40px 0;
	top:20px;
}

/*********************FIN LIGNE 1*********************/



/*********************FIn page accueil*******************/
#la-page{
	padding:0;
}

#ligne-outils{
		width:100%;
}

#btn-print, #btn-print2{
	display:none !important;
}

/***************page****************************/

#gauche{
	display:none;
}

#content, #content_large{
	float:none;
	width:92%;
	height:auto !important;
	min-height:100px;
	padding:10px 15px 30px 15px;
	margin:10px auto 0 auto;
}

h1{
	margin:20px 0;
	font-size:2.3em;
}

h2{
	font-size:1.8em;
}

#outils ul,
#share_buttons,
#outils #afficher-carnet-voyage,
#taille_texte,
#trad-google{
	display:none;
}

#TheTexte{
    text-align:center;
}

#content img,
#content_large img{
    float: none;
	margin:0 auto;
	max-width:100%;
}

img{
	height:auto;
}

#TheTexte h1, #TheTexte h2, #TheTexte h3, #TheTexte h4, #TheTexte h5, #TheTexte p, #TheTexte ul, #TheTexte li{
	text-align:left;
}


/***********fin page****************************/



/***************form contact envoyer ami***********/
.krea3_formulaire p.obligatoire{
	margin-left:0%;
}

.krea3_formulaire fieldset{
	padding:10px 15px 10px 15px;
}

.krea3_formulaire label{
	display: block;
	width:100%; /*En % pour un meilleur rendu lors du changement de taille du texte*/
	float:none;
	padding-right:0;
	text-align:left;
	font-size:1em;
}

.krea3_formulaire input, .krea3_formulaire select,
.krea3_formulaire textarea{
	margin-left: 0%;
	width:100%;  /*En % pour un meilleur rendu lors du changement de taille du texte*/
	margin-bottom:10px;
}
/***********fin form contact envoyer ami***********/

/************************************DEVIS*************************************/
.demande-de-devis, .verification{
    width: 100%;
	padding:10px 20px;
}

.demande-de-devis ul, .verification ul{
    margin:0;
	padding:0;
}

.demande-de-devis input, .demande-de-devis select, .demande-de-devis textarea,
.verification input, .verification select, .verification textarea{
    margin-left: 0;
    width: 100%;
}

.demande-de-devis label.desc{
    float: none;
    padding-right: 0;
    text-align: left;
    width: 100%;
}

#vfb-adresse-ville{
	margin-left:0;
}
/******************************FIN DEVIS*****************************/

/******************************Liens Enfants / Menu page par défaut********************************/

ul.liens_enfants li{
	float:none;
	width:100%;
	height:auto;
	min-height:120px;
	padding:10px;
}

/****************************Liens Enfants / fin menu page par défaut******************************/

/****************footer*********************/ 
#footer{
	display:block;
	clear:both;
}

#footer .largeur92{
	min-height:auto;
}

#coordonnes {
    font-size:1.2em;
	width:100%;
	display:block;
	float:none;
	clear:both;
}

#coordonnes h2{
	font-size:2em;
	margin:10px 0 13px;
	padding:0 0 5px;
}

ul#menu_footer {
    clear: both;
    display: block;
    height: auto;
    line-height: 0;
    padding: 10px 0;
    position: relative;
	margin:20px 0 0 0;
}

ul#menu_res_sociaux {
    padding: 15px 5px;
}

ul#menu_res_sociaux li {
	padding:0 5px;
}

/************fin footer*********************/