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

/*
Theme Name: ccas
Theme URI: http://
Description: Theme de ccas
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
*/




/*************************************************************************/
/*****************min-width:481px et max-width:890px**********************/

body{
	font-size:15px;
}

#conteneur{
	width:100%;
	margin:0 auto 0 auto;
	z-index:0;
}

/*******************header*********************/
header{
	margin:0;
	position:relative;
}

#header{
	height:auto;
}

a.rslides_nav{
    font-size: 2em !important;
    height: 30px !important;
    line-height: 28px !important;
    width: 30px !important;
	margin-top:20% !important;
}

.arrow-contain{
	max-width:80px;
}

#nav{
	font-size:0.90em;
}

nav#menu-principal {
    position: absolute;
    right: 0;
    top: 0;
	padding:0;
	width:100%;
}

#agrandissement-texte-accueil{
	display:none;
}


#logo-accueil{
	top:37px;
}

main {
    margin: 30px 0 0 0 !important;
}

main#main-accueil{
	margin:35px auto 0 !important;
}

#logo-accueil img {
    width: 80px;
    height: auto;
}

#logo-accueil span {
    font-size: 1.3em;
}

#logo-accueil {
    padding: 0px 8px;
}

#nav{
	top:37px;
	right:0;
	border:none;
}

nav#menu-principal #menu{
    width: 100%;
}

#nav > li{
	display:block;
	padding:0;
}

#nav > li > a{
	text-align:left;
}

#nav > li.hover > ul, #nav li li.hover ul{
	width:100%;
}
/*Pour tous petits écrans*/
@media screen and (max-width:240px){	

}


#outils{
	clear:both;
}




/***************fin header*********************/
@media screen and (max-width:760px){
/************************Page d'accueil**************************************/

#ligne1, #ligne2{
	width:100%;
	margin:0;
	display:block;
	clear:both;
}

#ligne1 #titre-actu h2{
	height:50px;
	line-height:50px;
}

#titre-actu {
    margin: 0 auto 10px auto;
}


#ligne1 .largeur92 {
    top: -60px;
}

.une-actu-accueil{
	padding:30px 20px;
}

/**********************ligne2***********************************/
#ligne2{
	top:-20px;
	padding:40px 0 20px 0;
}

}

@media screen and (max-width:490px){
	#ligne2 .grid{
		columns:1 auto;
	}
	#ligne2 .grid .btn_accueil {
    width: 70%;
    margin: 0 auto 20px auto;
}
	#ligne2 .grid a span{
	width:80%;
}
}
@media screen and (min-width:490px){
#ligne2 .grid a span{
	margin:40% 0;
	width:95%;
	padding:10px;
}

#ligne2 .grid a:hover span{
	margin:40% 0;
	width:95%;
	padding:10px;
}
}



@media screen and (min-width:760px){

#ligne2{
	top:-50px;
	padding:50px 0 0 0;
}

}

/*********************FIn page accueil*******************/


@media screen and (max-width:760px){
	#barre-bas{
	position:relative;
    border-bottom: 4px solid #357976;
	}

	#bas-gauche, #bas-droite{
		width:100%;
		display:block;
		clear:both;
	}

	#bas-droite{
		height:100px;
		padding:20px;
	}

	#bas-gauche li{
		padding:10px;
	}

}

#bas-gauche ul{
		width:100%;
		padding:0;
	}

#agrandissement-texte-accueil{
		display:none;
	}

@media screen and (min-width:760px){
	#bas-gauche{
		width:65%;
	}
	
	#bas-droite{
		width:35%;
	}
	
	#searchform input[type="text"]{
		width:65%;
	}
}

/*********************FIn page accueil*******************/


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

/*Pour n'afficher l'outil carnet de route qu'à partir de l'ipad portrait 768px */
@media screen and (max-width:767px){
	#outils #afficher-carnet-voyage,
	#outils #krea3outils_selectpages,
	#outils ul,
	#share_buttons,
	#outils #afficher-carnet-voyage{
	display:none;
	}
	
	#voir-selection{display:none;}
	
	/*Lien carnet dans annuaires agenda*/
	li.listeBoutonCarnetVoyage{
		display:none;
	}
	
}





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

main{
	padding:0 0 5px 0;
}

#header-page {
    top:153px;
	position:absolute;
}

#la-page{
	margin:30px auto;
}

.page-id-113 #gauche{
	display:block !important;
	clear:both;
	width:100%;
}

#gauche{
	display:none;
}


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

#content .taille-texte-variable{
	padding:0 30px;
}

.pgthumb, .pgthumb_phototheque{
	width:47%;
	max-width:47%;
}

/*****************REFERENCE***********************/

.has-post-thumbnail {
    width: 47.8%;
}
/*****************FIN REFERENCE***********************/
.page-id-37 .wp-caption{
	width:43% !important;
}

@media screen and (max-width:760px) {
.page-id-37 .wp-caption{
	min-height:auto !important;
}
}
/***********fin page****************************/

/***************form contact envoyer ami***********/
.krea3_formulaire p.obligatoire{
	margin:0 0 15px 0;
}

.krea3_formulaire p{
	margin: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;
	line-height:2em;
}

.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***********/


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

ul.liens_enfants li{
	float:left;
	width:50%;
}

@media screen and (max-width:600px) {
ul.liens_enfants li{
	float:none;
	width:100%;
	height:auto;
	min-height:120px;
	padding:10px;
}
}



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


/****************footer*********************/ 





@media screen and (max-width:760px){
.gauche-footer, .gauche-footer{
	width:50%;
}

#footer .grid {
    columns: 2 auto;
}

.acces-rapides-footer a{
	padding:10px;
}

#partenaires-footer img {
    height: 26px;
}

#coordonnees-pave{
	padding:10px 0;
}

ul#menu_footer li {
	margin: 0 5px 8px 0;
}

}

.tel-footer{
	margin:5px 0;
	clear:both;
}

.contact-footer{
	margin:5px 0 10px 0;
	clear:both;
}

@media screen and (min-width:760px){
	#partenaires-footer img {
    height: 44px;
}
.france-footer {
    width: 60%;
}
}

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