/*CSS Du site de la SELARL BONNETEAU realise par loic bonneteau*/

/*TEXTES*/

	/*definition de stylepolice telecharge
	@font-face {
		font-family: 'roboto-reg';
		src: url('fonts/RobotoSlab-Regular-webfont.eot');
		src: url('fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
			 url('fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
			 url('fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
		font-weight: normal;
		font-style: normal;

	}
	
	*/
	/*DEFINITION DES FONDS*/
	

	
	
	
	
	/*Styles de textes*/
	
		/*header*/
		
		header
		{
		
		
		
		}
		header h1
		{
		font-size: 2em;
		text-align:right;
		}
		
		header p
		{
			color : rgb(226,0,26);

		}
	
		/*pied de page*/
		footer h1
		{
		color: white;
		font-size: 1em;
		text-align: center;
		}
		
		footer p
		{
			font-size: 0.7em;
			color : rgb(187,187,187);
			text-align: center;
		}
	/*aside*/
		aside p
		{
		color: white;
		font-size: 1em;
		text-align: left;
		}
		/*texte courant*/
		p, ul
		{
			font-size: 1em;
			font-family: Arial, sans-sherif;
			font-style: normal;
			text-align: justify;
			color : rgb(62,57,61);

		}

		p a
		{
			color : rgb(226,0,26);

		}
		
		
		/*titre 1*/
		h1
		{
			font-size: 1.5em;
			font-family: verdana, Arial Black, sans-sherif;
			font-style: normal;
			  text-align: center;
			color : rgb(226,0,26);
			
		}

		/*titre 2*/
		h2
		{
			font-size: 1.1em;
			font-family: verdana, Arial Black, sans-sherif;
			font-weight: Bold;
			  text-align: left;
			color : rgb(226,0,26);
		}
		/*titre 3*/
		h3
		{
			font-size: 1.0em;
			font-family: verdana, Arial Black, sans-sherif;
			font-weight: normal;
			  text-align: left;
			color : rgb(226,0,26);
		}
	
	
		
	/*image flottante*/
	.imageflottante
	{
		float: right;
		margin: 4px;
	}
	
	.logoge
	{
		float: left;
		margin: 4px;
	}
	.dessous
	{
		clear: both;
	}

/*Mise en page des parties de la page*/

/*general*/
body
{
		background: #9C9E9F; 

	word-wrap: break-word;
}
#bloc_page
{
box-shadow: 0px 2px 5px #1c1a19;
    max-width: 700px;
    margin: auto;
	background-color: rgb(255,255,255);
	padding : 10px;
	
}
/*article*/
article, aside, ilust_c
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
	background-color: rgb(236,236,237);
	box-shadow: 0px 2px 5px #1c1a19;
}
 
 article
{
    max-width: 443px;
    margin-right: 15px;
}


/*mon portrait*/
aside
{
	
	position : relative;
	box-shadow: 0px 2px 5px #1c1a19;
	font-size: 0.8em;
    margin: 5px;
	display: inline-block;
	padding : 10px;
	border-radius: 0px;
	background-color :rgb(62,57,61);
	width: 200px;
    
}

/*pied de page*/
footer
{
    box-shadow: 0px 2px 5px #1c1a19;
	margin: 5px;
	margin-top: 15px;
	padding :10px;
	border-radius: 0px;
	background-color :rgb(226,0,26);
   
}
/* logo */
 
#logo_image
{
    margin-top: 0px;
    height: 200px;
    border-radius: 0
	px;
    background: url('images/logoge2014.png') no-repeat;
	
    position: relative;
   
    margin-bottom: 0px;
}
 
#logo_description
{
    position: relative;
    bottom: 0;
    border-radius: 0px 0px 0px 0px;
    width: 99.5%;
    height: 33px;
    padding-top: 30px;
    padding-left: 4px;
   
    
   
	font-family: verdana, sans-sherif;
}
/* Bannière */
 
#banniere_image
{
    margin-top: 15px;
    height: 119px;
    border-radius: 0
	px;
    background: url('images/bandeau.jpg') no-repeat;
	
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
}
 
#banniere_description
{
    position: absolute;
    bottom: 0;
    border-radius: 0px 0px 0px 0px;
    width: 99.5%;
    height: 33px;
    padding-top: 15px;
    padding-left: 4px;
    background-color: rgb(226,0,26); /* Pour les anciens navigateurs */
    background-color: rgba(226,0,26,0.8);
    color: white;
    font-size: 1.1em;
	font-family: verdana, sans-sherif;
}
#ilust_c
{
      display: inline-block;
	margin-top: 15px;
    height: 229px;
	width:283px;
    border-radius: 5px;
    background: url('images/contact.jpg') no-repeat;
	
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
}



/*Menu*/
#nav1
{
margin: auto;
		background:#3E393D; /* Old browsers */

box-shadow: 0px 4px 4px #1c1a19;
border-radius : 0px;
}
nav
{
		 vertical-align: top;
 

}
 
nav ul
{
    list-style-type: none;
	
}
 
nav li
{
    display: inline-block;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
   position : relative;
	left: -20px;
}
 
nav a
{
    font-size: 1.25em;
    color: rgb(255,255,255);
		background: #3E393D; /* Old browsers */
	padding-left: 5px;
	padding-right: 5px;
	    text-decoration: none;
	
}
 
nav a:hover
{
  
	background: rgb(156,158,159);
	
}

/*Menu2*/

#nav2
{
  display: inline-block;
    max-width: 150px;
    margin-right: 15px;
  vertical-align: top;

}

 
#nav2 ul
{
    list-style-type: none;
	
}
 
#nav2 li
{
  
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
   position : relative;
	left: -40px;
}
 
#nav2 a
{
    font-size: .9em;
    color: white;
	background: rgb(62,57,61);

box-shadow: 0px 4px 4px #1c1a19;
border-radius : 0px;
	
	padding-left: 5px;
	padding-right: 5px;
	
	    text-decoration: none;
	
}
 
#nav2 a:hover
{
  
background: rgb(156,158,159); 

}







/*page contact*/


#coordo p
 {
		color:white;
	}


	/*cadres*/
	


	
	#coordo
{
	
    text-align : center;
    margin: auto;
}
		#cttcourrier
		{
			position : relative;
			vertical-align: top;
			height: 220px;
			box-shadow: 0px 2px 5px #1c1a19;
			font-size: 0.8em;
			margin: 5px;
			display: inline-block;
			padding : 10px;
			border-radius: 0px;
			background-color :rgb(62,57,61);
			width: 194px;
			
		}
		#cttphone
		{
			position : relative;
			vertical-align: top;
			height: 220px;
			box-shadow: 0px 2px 5px #1c1a19;
			font-size: 0.8em;
			margin: 5px;
			display: inline-block;
			padding : 10px;
			border-radius: 0px;
			background-color :rgb(62,57,61);
			width: 194px;
			
		}
		#cttsmart
		{
			position : relative;
			vertical-align: top;
			height: 220px;
			text-align: center;
			box-shadow: 0px 2px 5px #1c1a19;
			font-size: 0.8em;
			margin: 5px;
			display: inline-block;
			padding : 10px;
			border-radius: 0px;
			background-color :rgb(62,57,61);
			width: 194px;
			
		}
		#cttmail
		{
			position : relative;
			box-shadow: 0px 2px 5px #1c1a19;
			font-size: 0.8em;
			margin: 5px;
display: inline-block;
			padding : 10px;
			border-radius: 10px;
			background-color :rgb(62,57,61);
		}
		
	#qrcode
		{
		text-align : center;
		}
	
	textarea
	{

	width : 100%;
	height : 200px;
	}
	/*version etroite*/
@media (max-width: 713px)

{
	/*Menu*/
nav a
{
    font-size: 1em;
	}

	
	}
	/*version mobile*/
@media (max-width: 600px)

{
/*texte courant*/
		p, ul
		{
			font-size: .9em;
		}
		h1
		{
		font-size: 1em;
		}
		
		
	/*header*/
		header h1
		{
		font-size: 1.2em;
		}
		
	
		/*pied de page*/
		footer h1
		{
		font-size: 1em;
		text-align: center;
		}
		
		footer p
		{
			font-size: 0.7em;
			color : rgb(187,187,187);
			text-align: center;
		}
	/*aside*/
		aside p
		{
		font-size: .8em;
		text-align: left;
		}
/*Menu*/

#nav1
{
background : none;
box-shadow: 0px 0px 0px #1c1a19;
border-radius:0px;
}

    nav li
    {
        display: block;
        padding-bottom: 2px;
		font-size: 1em;
	
    position : relative;
	left: 20px;
		
		
    }
         
    nav
    {
        text-align: left;
        position: static; /* La valeur par défaut */
        padding-bottom: 2px;
		
    }
     
    nav ul
    {
        margin-top: 0;
        padding-left: 10px;
	
    }
	nav a
{
    font-size: 0.9em;
  
	padding-left: 5px;
	padding-right: 5px;
    padding-bottom: 1px;
	border: 0px;
	text-decoration: none;
		box-shadow: 1px 1px 4px #1c1a19;

}
 
nav a:hover
{
  
	border-bottom: 1px solid;
	box-shadow: none;
}

/* logo */
 
#logo_image
{
    margin-top: 15px;
    height: 100px;
   
    background: url('images/logoge2014-s.png') no-repeat;
	
    
}
 


/* Bannière */
 
#banniere_image
{
    margin-top: 15px;
    height: 50px;
   
    background: url('images/bandeau-f.jpg') no-repeat;
	
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
}
 
#banniere_description
{
    position: absolute;
    bottom: 0;
   
    width: 99.5%;
    height: 15px;
    padding-top: 1px;
    padding-left: 4px;
    background-color: rgb(226,0,26); /* Pour les anciens navigateurs */
    background-color: rgba(226,0,26,0.8);
    color: white;
    font-size: 0.75em;
	font-family: verdana, sans-sherif;
}
	
}
@media (max-width: 400px)

{
/*header*/
		header h1
		{
		font-size: 1.0em;
		}
		#banniere_description
{
    position: absolute;
    bottom: 0;
   
    width: 99.5%;
    height: 30px;
    padding-top: 1px;
    padding-left: 4px;
    background-color: rgb(226,0,26); /* Pour les anciens navigateurs */
    background-color: rgba(226,0,26,0.8);
    color: white;
    font-size: 0.75em;
	font-family: verdana, sans-sherif;
		}
	
#logo_image
{
    margin-top: 2px;
    height: 50px;
   
    background: url('images/logoge2014-m.png') no-repeat;
	
    
}	
		#logo_description
{
  position: absolute;
    padding-bottom: 60px,
	
   
    
 
}
}