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

body 				{margin:0 auto 0;font-family: 'Oswald', sans-serif;color:#333;
					background:#fff;width:980px;position:relative;border-left:5px solid #fff;}

header 				{overflow:hidden;}

#logo				{float:left;width:910px;}

#language 			{float:left;padding-top:50px;}
#language ul 		{list-style:none;padding-left:0px;}
#language li 		{display:inline;}
#language ul li a:hover		{color:#000;}
#language ul li a.selected	{color:#000;}
#language a					{color:#666;text-decoration:none;}

nav 				{float:left;width:150px;margin:0;padding-top:10px;font-size:16px;}
nav ul				{list-style:none;padding-left:5px;}
nav li				{display:block;line-height:50px;position:relative;padding-left:0px;}
nav ul li a					{text-decoration:none;display:block;color:#666;}
nav ul li a:hover			{color:#000;}
nav ul li a.selected		{color:#000;}


content				{float:left;width:730px;padding-top:26px;padding-left:20px;margin-left:50px;height:700px;}

h1 					{font-size:20px;font-weight:500;height:35px;margin-top:15.35px; border-bottom:1px solid #ccc;width:530px;}
h2 					{font-size:16px;font-weight:700;height:35px;margin-top:15.35px; border-bottom:1px solid #ccc;width:530px;}
h3 					{font-size:16px;font-weight:500;height:35px;margin-top:15.35px;}

p 					{font-size:17px;font-weight:300;text-align:justify}

a.type1 			{color: #333; text-decoration:none; }
a.type1:hover 		{color: #0000cc; text-decoration:underline; }

#colonne1
{
   width:48%; 
   height:120px; 
   float:left;
   font-weight:300;
}


#colonne2
{
   width:52%; 
   height:120px; 
   float:left;
   font-weight:300;
}

#crights			{font-size:14px;font-weight:300;text-align:right;}

footer						{clear:both;height:30px;position:relative;}
footer p					{margin:0;padding:5px 0;font-size:14px;}
footer p#left				{float:left;margin-left:220px;width:530px;border-top:1px solid #ccc;}
footer p#right				{float:left;margin-left:60px;;width:auto;}
footer a 					{color:#666;text-decoration:none;}
footer a:hover				{color:#000;}
footer a.selected			{color:#000;}

input[type="text"]	{
	 width:340px; 
	 height:20px; 
	 border-radius:5px; 
	 padding:5px; 
	 background-color:#FFF; 
	 margin-bottom:10px; 
	 border:solid 1px #ccc;} 

input[type="text"]:hover {background-color:#f5f5f5;}

 textarea	{
	 width:340px; 
	 height:80px; 
	 border-radius:5px; 
	 padding:5px; 
	 background-color:#FFF; 
	 margin-bottom:10px; 
	 border:solid 1px #ccc;}

textarea:hover	{background-color:#f5f5f5;}
 
 
input[type="submit"] {
	width:350px; 
	height:30px; 
	border-radius:5px; 
	border-color:#000;
	padding:5px; 
	background:#666;
	color:#fff; 
	cursor:pointer; 
	border:0;} 

input[type="submit"]:hover	{
	background:#fff;
	background-color:#f5f5f5;
	color:#000;
	}
	
#clic {
	width:180px; 
	height:20px; 
	border-radius:5px; 
	border-color:#000;
	padding:5px; 
	background:#666;
	color:#fff; 
	cursor:pointer; 
	border:0;
	text-align:center;} 	

#clic:hover	{
	background-color:#f5f5f5;
	}
			
#clic a {
	text-decoration:none;color:#f5f5f5;}
	
#clic a:hover {
	text-decoration:none;color:#666;background-color:#f5f5f5;}
	
#clic-en {
	width:220px; 
	height:20px; 
	border-radius:5px; 
	border-color:#000;
	padding:5px; 
	background:#666;
	color:#fff; 
	cursor:pointer; 
	border:0;
	text-align:center;} 	

#clic-en:hover	{
	background-color:#f5f5f5;
	}
			
#clic-en a {
	text-decoration:none;color:#f5f5f5;}
	
#clic-en a:hover {
	text-decoration:none;color:#666;background-color:#f5f5f5;}
	
		

@media screen and (min-width:800px) and (max-width:980px) {

body 			{width:960px;margin:auto auto auto}

#logores		{margin-left:52px;width:100%; height:auto;box-sizing: border-box; padding-top:20px;}

#language 		{display:none;float:left;margin-left:90%;padding-top:25px;}

nav 			{float:left;width:100%;height:auto;margin-top:0px;margin-left:0px;text-align:center;padding-top:0px;font-size:2.9em;}
nav li			{display:inline;}
nav ul li a		{display:inline;margin:20px;height:auto;}

content 		{float:left;width:860px;padding-top:0px;margin-left:10px;height:auto;}
h1				{width: 860px;font-size: 3em;padding-bottom: 1em;}
h2				{width:860px;font-size:3em;padding-bottom: 1em;}
h3				{width:860px;font-size:3em;padding-bottom: 1em;}
p 				{font-size:2.5em;line-height:normal}

#crights		{font-size:1.5em;}

footer p			{margin:0;padding:5px 0;font-size:1.5em;}
footer p#left		{margin-left:40px;width:auto;}
footer p#right		{float:right;padding-right:75px;width:auto;}

input[type="text"]	{
	 width:80%;} 

 textarea	{
	 width:80%; }
  
input[type="submit"] {
	width:81.5%; } 

}

@media screen and (min-width:600px) and (max-width:800px) {
/* ici vos règles modifiées */

body 		{width:780px;margin:auto auto auto}

#logores	{margin-left:0px;width:95%; height:auto;box-sizing: border-box;padding-top:20px;}

#language 	{display:none;float:left;margin-left:200px;padding-top:25px;}

nav 		{float:left;width:100%;height:auto;margin-top:0px;margin-left:0px;text-align:center;padding-top:0px;font-size:25px;font-size:2.5em;}
nav ul		{padding-left:0px;}
nav li		{display:inline;}
nav ul li a		{display:inline;margin:10px;height:auto;}
	
content 		{float:left;width:700px;padding-top:0px;margin-left:0px;height:auto;}
h1				{width: 700px;font-size: 2.5em;padding-bottom: 1em;}
h2				{width:700px;font-size: 2.5em;padding-bottom: 1em;}
h3				{width:700px;font-size: 2.5em;padding-bottom: 1em;}
p 				{font-size:2.5em;line-height:normal}

#crights		{font-size:1em;}
	
footer				{margin:0;padding:5px 0;font-size:1.5em;}
footer p#left		{margin-left:25px;width:auto;}
footer p#right		{padding-right:65px;float:right;width:auto;}

input[type="text"]	{
	 width:80%;} 

 textarea	{
	 width:80%; }
  
input[type="submit"] {
	width:81.5%; } 
}



@media screen and (min-width:0px) and (max-width:600px) {


body 		{width:580px;margin:auto auto auto}

#logores	{margin-left:0px;width:70%; height:auto;box-sizing: border-box;}

#language 	{display:none;float:left;margin-left:200px;padding-top:25px;}

nav 		{float:left;width:100%;height:auto;margin-top:0px;;text-align:center;padding-top:0px;font-size:2em;}
nav ul		{padding-left:0px;}
nav li		{display:inline;}
nav ul li a		{display:inline;margin:10px;height:auto;}
	
content 		{float:left;width:500px;padding-top:0px;margin-left:0px;height:auto;}
h1				{width:500px;font-size:2.5em;padding-bottom: 1em;}
h2				{width:500px;font-size:2.5em;padding-bottom: 1em;}
h3				{width:500px;font-size:2.5em;padding-bottom: 1em;}
p 				{font-size:2em;line-height:normal}

#crights		{font-size:1.5em;}
	
footer				{font-size:1.5em;}
footer p#left		{margin-left:20px;width:auto;}
footer p#right		{margin-right:75px;float:right;width:auto;}

input[type="text"]	{
	 width:80%;} 

 textarea	{
	 width:80%; }
  
input[type="submit"] {
	width:81.5%; } 
}