@charset "utf-8";

.slides{

	display:none;

}

#topMenu{

	display:none;

}

@media handheld, screen and (min-width: 1px) and  (max-width: 450px) {

	.container{

		margin:0 !important;

		padding:0 !important;

	}

	.hideSmall{

		display:none;

	}

	.menuSmall>p{

		font-size:0.8em;

	}

	.menuSmall{

		padding:5px 0 0 0;

		margin:0 2px;

	}



	/*#menuSmall{

		display:none;

	}*/

}

@media handheld, screen and (min-width: 451px) and  (max-width: 1040px) {

	.container{

		margin:0 !important;

		padding:0 !important;

	}

	.hideSmall{

		display:none;

	}

	.menuSmall>p{

		font-size:0.9em;

	}

	.menuSmall{

		padding:15px 0 0 0;

		margin:0 8px;

	}

}

@media handheld, screen and (min-width: 1041px) {

	.menuSmall>p{

		font-size:1em;

	}

	.menuSmall{

		padding:15px 0 0 0;

		margin:0 8px;

	}

}

body {

	background-color: #fff;

	font-family: 'Ubuntu', sans-serif !important;

	color:#3c3c3c;

	font-size:12px;

	margin:0;

}

p{

	font-size:1.1em;

	margin:10px 0;

	line-height:1.8em;

}

li{

	font-size:1.1em;

	margin:2px 0;

	line-height:1.4em;

}

ul{

	margin:0 0 20px 0;

}

h1{

	font-size:2em;

	font-weight:900;

	color:#ffa800;

}

img{

	width:100%;

}

a img{

	border:none;

}



td p{

	font-size:1.1em;

	margin:0;

	line-height:1.4em;

}





#main{

	max-width:1000px;

	margin:0 auto;

}







/*TOP*/

#top{

	margin:0;

	padding:0;

}

#logo img{

	width:25%;

	max-width:120px;

	min-width:120px;

	margin: 10px 0;

}

#facebook{

	width:10%;

	max-width:18px;

	display: inline-block;

	top: 0;

}







/* FOOTER */

#footer{

	text-align:center;

	margin:0;

	padding:0;

}

#footer pre{

	font-family: 'Ubuntu', sans-serif !important;

	color:#333333;

	font-size:1em;

	line-height:1.2em;

	margin:0 0 0 0;

	background:#fff;

	border:none;

	border-radius:0;

}

#footer pre a{

	color:#333333;

}

#footer img{

	width:100%;

	max-width:125px;

	margin:30px 0;

}







/* CONTENT */

#content{

	background:url(/images2/Velo-Gaspard-Bottom.jpg) bottom no-repeat;

	padding:20px 0 350px 0;

	margin:0;

}

#intro{

	text-align:center;

	margin-top: 50px;

	margin-bottom:50px;

}

#contentLeft{

	padding:0 4%;

	margin:0;

}

#contentRight{

	padding:4% 4%;

	margin:0;

	text-align:center;

}

#content img{

	margin:20px 0;

}

#content div#contentRight img{

	margin:20px 0;

	display:inline-block;

	max-width: 250px;

}

.logoMarque{

	width:auto !important;

	display:inline-block;

	padding:0;

	margin:12px !important;

}

table.specs{

	margin:0 0 0 30px;

}







/* MENU */

#topMenu{

	margin:0;

	padding:0;

	border-bottom:1px solid #c8c8c8;

	text-align:center !important;

}

.ui-menu {

	/*width: 100px;

	font-size: 22px;

	min-height: 22px;*/ /* définit la hauteur minimale du menu (dépendante de la valeur de font-size) */

}

ul#menu {

	background:#FFFFFF;

	border:none;

	/*z-index:10000;

	position:absolute;

	right:80px;

	text-align:right;*/

	text-align:center !important;

	margin:0 auto !important;

}

ul#menu>li, ul#menu>li:hover {

	width: auto; /* définit la largeur des items de niveau 1 */

	/*float: left;  définit le positionnement des items de niveau 1 */

	display:inline-block;

	text-align:center;

	padding: 0 18px;

	background:transparent; 

	font-family: 'Ubuntu', sans-serif !important;

	border:none;

	font-weight:normal;

	color:#3c3c3c;

	text-decoration:none;

	margin:0;

	line-height:2em;

	font-size:0.9em;

}

ul#menu>li:hover {

	color:#ffa800;

	background:#ffffff;

}

ul#menu>li>a {

	border:none;

	margin:0;

	padding:0;

	color:#3c3c3c;

	text-decoration:none;

}

ul#menu>li:hover>a {

	color:#ffa800;

	background:#ffffff;

	border:none;

	margin:0;

	padding:0;

	text-decoration:none;

}

ul#menu>li.ui-menu-divider{

	width:1px;

	height:10px;

	background:#000;

	padding:0;

	margin:0;

}

ul#menu>li>ul {

	width:170px !important;

	background:#FFF !important;

	

}

ul#menu>li>ul>li {

	width:auto !important;

	padding:0px 5px !important;

	text-align:left !important;

}

ul#menu>li>ul>li>a{

	background:transparent !important;

	border:none !important;

	font-size:0.8em !important;

	margin:0 !important;

	padding:0 !important;

	color:#3c3c3c !important;

}









#menuSmall{

}

.menuSmall{

	position:relative;

	display:inline-block;

	top:0;

	background:#FFFFFF;

}

.menuSmall>p{

	margin:0;

}

.menuSmall>p>a{

	color:#888;

	margin:0 10px;

	text-decoration:none;

	background:#fff;

	padding:2px 0;

}

.menuSmall>p>a:hover{

	text-decoration:none;

	color:#ffa800;

}



.select{

	color:#ffa800 !important;

}





#menutopright{

	text-align:right;

}





#icone{

	background: #faf9f9;

	padding-top: 30px;

	padding-bottom: 30px;

	text-align: center;

	margin-top: 50px;

	margin-bottom:50px;

}

#icone img{

	width: 100%;

	max-width: 90px;

}

#icone p{

	margin-top: 15px;

	font-size: 1.1em;

}





#new{

	text-align: center;

	margin-top: 50px;

	margin-bottom:50px;

}

#new h2{

	color: #efac3b;

	font-size: 2.4em;

	margin-bottom: 50px;

}

#new button{

	color: #efac3b;

	margin-bottom: 30px;

	margin-top: 30px;

	border: 1px solid #efac3b;

	background: #fff;

	border-radius: 12px;

	padding: 2px 18px;

}

#new button a{

	color: #efac3b;

	text-decoration:none;

}







#logosv{

	text-align: center;

	margin-top: 50px;

	margin-bottom:50px;

}

#logosv img{

	width:auto;

	margin: 0 20px;

	max-height: 80px;

}







#entretien{

	text-align: center;

	margin-top: 50px;

	margin-bottom:50px;

}

#entretien h2{

	font-size: 2.4em;

	margin-bottom: 50px;

	color:#f9ad41;

}

#entretien .left{

	background:url(/images2/Entretien.jpg) no-repeat top ;

	background-size:cover;

}

#entretien .right {

	background:#f9ad41;

	color:#ffffff;

	padding-top: 30px;

	padding-bottom: 30px;

	text-align: left;

}

#entretien .right li {

    margin-bottom: 17px;

}









#jardin{

	text-align: center;

	margin-top: 50px;

	margin-bottom:50px;

}

#jardin h2{

	font-size: 2.4em;

	margin-bottom: 50px;

	color:#a1c552;

	text-transform:uppercase;

}

#jardin p.intro{

	font-size: 1.6em;

	font-weight:700;

	margin-bottom: 20px;

	color:#a1c552;

}







#logoj{

	text-align: center;

	margin-top: 50px;

	margin-bottom:50px;

}

#logoj img{

	width:auto;

	margin: 20px 20px;

	max-height: 50px;

}









#testimonials{

	margin-top: 50px;

	margin-bottom:50px;

}

#testimonials div:nth-child(even) div{

	text-align:right;

}





#introdet{

	text-align:left;

}