/* CSS Document */
@media (max-width: 315px) {
	/* <=320, > 320, >480, >768, >=960*/
	@viewport {
		width: device-width;
		zoom: 1;
	}
}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	max-width:950px;
	margin: 0 auto 0 auto;
}
h1{
	font-size:1.9em;
	color:#777;	
}
h2{
	font-size:1.6em;
	color:#777;	
}

#conteneur{
	width:90%;
/*	max-width:920px;*/
	margin:auto;
	margin-top:25px;
}
#contenusite{
	width:60%;
	float:left;
}

#logo{
	float:left;
	margin-right:10px;
}

#logotexte{
	float:left;
	margin:18px 0 0 0;
}

#logonom{
	font-family:"Nyala";
	font-size:3.1em;
	margin:-8px 0 0 0;
}

#logotag{
	font-size:1.4em;
	color:#6d6767;
	margin:-8px 0 0 0;
	font-weight:normal;
}

#menupetit{
	float:right;
}
#menupetit ul{
	list-style:none;
}
#menupetit a{
	text-decoration:none;
	color:#6d6767;
}
#menuprincipal a{
		text-decoration:none;
		color:black;
}
#menupetit a:hover, #menuprincipal a:hover{
	text-decoration:underline;
	color:#39809b;
}

#menuprincipal{
	border-style:double none double none;
	margin:15px auto 0 auto;
	width:95%;
	float:right;
}
#menuprincipal ul{
	margin:0;
	padding:0;
}

#menuprincipal ul li{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	font-size:1.5em;

}
#menuprincipal ul li a{
	display:block;
	background-color:#fff;
	color:#39809b;
	padding: 10px 25px 10px 25px;
}

#menuprincipal ul li a:hover{
	background-color:#86C1D8;
	color:black;

}

#contenu{
	float:left;
	margin:30px 0 0 45px;
	width:95%;
}

#liste{
	float:left;
}
#baspage{
	text-align:center;
	float:left;
	margin:100px auto 10px auto;	
	width:100%;
	font-size:.8em;
	color:#6d6767;
}
#instrument{
	
}
#instrument li, #lieu li, #plansite li, #contenu ul li{
	margin-top: 8px;
	margin-left: 0px;
}
#contenu ul {
	margin-left: -20px;
}
#baspage ul {
	width: 50%;
	margin: auto;
}

#baspage ul li{
	float:left;
	margin-left:25px;
	list-style:none;
}

.clear{	clear:both;}



/*formualire*/

#message{
	color: red;
}

fieldset#Contenu_formulaire
{
	float:left;   
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}
fieldset#Contenu_formulaire label
{
    display:block;
    width:220px;
    float:left;
}
fieldset#Contenu_formulaire input, fieldset#Contenu_formulaire textarea, fieldset#Contenu_formulaire select 
{
	width: 200px;
}


fieldset#Contenu_formulaire legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

fieldset#Contenu_formulaire #Contenu_BtnInscription 
{
	float: right;
	width: 120px;
	height:40px;
}


/*Pub*/
#PubSoloGear{
	float:left;

	background-color: #777;
	width:155px;
	border: solid 1px black;
	border-radius: 5px;
	height:120px;
	padding:10px;
	margin: 10px 10px 0 0;	
	color: #ccc;
	

}
#PubSoloGear a{
	color: #eee;
}


/*Google*/
.googleresponsive {
	width: 320px;
	height: 100px;
}

@media(min-width: 500px) {
	.googleresponsive {
		width: 468px;
		height: 60px;
	}
}

@media(min-width: 800px) {
	.googleresponsive {
		width: 728px;
		height: 90px;
	}
}

/*#googlesky{
	float:right;
	width:300px;
	margin:0;
	padding:0;
}
#googleleaderboard{
	width:728px;
	height:90px;
	margin:0;
	padding:0;
}
*/