/*  Page CSS :
________________________________
nom : responsive.css
auteur : Arthur LEPAGNOL
fonction : Adaptation à toutes tailles d'écrans
adresse du site :  www.agbat-maconnerie.fr
________________________________
*/

/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---TABLETTE---*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------- */



/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---TELEPHONE---*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 700px){/*normalement : 480px*/

    /* Ici du code s'appliquant aux écrans de moins de 480 pixels de large */



body{
	min-width:0px;
	background:none;
}

#page{
	width: 100%;
	
}

#corps
{
	margin-left:0px;
	padding-right:0px;
}



#aside, nav, #menu, #menu ul {
background-color: rgb(0,0,128);
}

#real-exceptionnelle {
margin-top:0px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------Style général de la Page-----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------- */


img.vitrine		{ width:350px; height: auto; }

img.cadre_photo
{
	padding:4px;
	border:1px solid rgb(100,150,170);
	background-color:white;
	text-align:center;
	margin: 0 auto;
}

.box
{
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

.real_box {
	text-align:center;
	float:left;
	width:255px;
	margin:7px;
	height:270px;
	border: 1px solid rgb(227,227,227);
	border-bottom:2px solid rgb(227,227,227);
	background-color:rgb(240,240,240);
}

 .real_box p {
	color:rgb(173,173,173);
	font-size:13px;
	text-align:left;
	margin:0;
	padding:0;
	margin-left:10px;
	text-align:center;
}

.real_box h3, .real_box h3 a{
	display:block;
	margin:5px;
	color: rgb(56,56,56);
	text-decoration:none;
	border:0;
	text-align:center;
}
.real_box a:hover {
	text-decoration:underline;
}



.actu {
	width:100%;
}
.actu_contenu {
	width:100%;
	margin:0px; /*important!*/
}

#accueil_realisation_container {
	width:100%; margin-left:0px;
	position: static;
}

#accueil_realisation {
position: static;
    width: 100%;
	margin:0px;
	float:none;
}
#accueil-description {
	width:100%; float:none;
}
.legende_img_int {
    position: static;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------Style Head + Menu-------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------- */
#logo		{margin-bottom:0px; height:73px }
#slogan		{ display:none;}
#aside	{ width: 100%; text-align: center; padding-top: 5px;}

#aside ul	{ width: 100%; padding:0px;}

#aside li	{ float:left; display:block; margin:0px; padding:0px;}

a.element {
	width: 180px;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	display: block;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------Comnnexion template-------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------- */

    #left_connexion {
		display:none;
	}
	


}